ブロック ブロック

Special

特別講座

PHP
Laravel
vue.js

【オンライン】Laravel+Vue+S3によるSPA基礎講座 ストックフォトサイトを作りながら、SPA基礎を完全マスターする!

airbnbのような仕様のストックフォトサイトを作りながら、SPA基礎を完全マスターする!


「Laravel+Vue.js+S3によるSPA入門講座」は、

airbnbのような仕様の、
仮想のストックフォトサイトを作りながら、
SPA(シングルページアプリケーション)基礎を
完全マスターする、全3日間の集中講座です。


講義内容 ※詳細は若干修正となる可能性があります。


・SPAとは?APIとは?
・全体像を把握しよう!(設計フェーズ)
・環境構築(Docker/CentOS)
・認証API、認証ページ、認証機能
・写真投稿API、写真投稿フォーム、写真一覧取得API
・写真一覧ページ、写真詳細ページ
・コメント投稿機能
・いいね機能

※他講座同様、アウトプット+理解度確認Webテストで、
 理解して、できるまで行います。


システム構成


PHP8.1、Laravel10(Inertia.js)、MySQL8.0、
Vue.js2/3、Vue Router、Vuex、Vueコンポーネント(composition API)、
Laravel Mix(Webpack)もしくはVite、Laravel Breeze、
HTML/CSS(Sass/SCSS)、AWS S3、Docker(CentOS)、Docker Desktop、
Visual Studio Code、git/Github、Node.js、npm

※環境構築も行いますので、ご安心ください。


このセミナーで得られること


・Laravel+Vue.js+S3によるSPAの構築方法が理解できる
⇒「理解」とは、他人に説明ができるようになること!

・簡単なSPAを作ることができる
⇒Laravel+Vue.js+S3を使った、ストックフォトサイトを開発!

・就職・転職に向けた成果物が作れる
⇒面接用成果物に、SPA開発技術を取り入れることができる!


DTのお約束


我々は、参加者皆様の「成果」にコミットします。
あなたが諦めない限り、我々は決して諦めません!

・何度も何度も繰り返し、「理解」して「できる」までやります。
・環境構築含め、初歩の初歩から、SPA開発の仕方を学びます。
・エラー解決(自己解決)の道筋をつけるようになっていただきます。


全額返金保証


万が一のことを考え、本講座は返金保証が付いています。
セミナーにご満足頂けなかった場合、いかなる理由でも
受講後30日間、全額返金保証(各種手数料除く)致します!


参加者の声

・(20代男性) 以前、LaravelとVueで、成果物を作っていた、ということもあり、非常に理解しやすかったです!復習3割:新規7割で、大変勉強になりました。私が、今、学ぶべき内容として、ピッタリでした。
・(20代男性) 初学者にレベル高すぎることもなく、要点が抑えられてると思った。講師が適宜指摘してくれたこと(formのデフォルトの挙動をさせない方法など)も非常に勉強になった。
・(20代男性) 他の参加者もある程度、Laravelの知識があったため、Vue.jsに重点を置いて説明してもらえたのがよかった。Vue.jsを若干触ったことはあったが、コンポーネントまではやっていなかったので、実際に動くコードを見られてよかった。
・(20代男性) 実際に実装し、ちゃんと意図したアプリが実装できる点が良かった。
・(20代男性) SPA(シングルページアプリケーション)についての理解ができた。LaravelやVue、Vuex自体の理解が浅く、初歩の初歩から教えて頂き、助かりました。
・(20代男性) SPAについて、なんとなく理解できました。Docker、Laravel、Vue.jsの理解が難しく、他講座に比べて、難易度が上がった感じがしました。Vueについて知識が足りないので、学習したいです。
・(20代男性) SPAについての大枠を理解できました。ソースの改修(各バージョンの違い)によって変わった箇所の説明が、非常にわかりやすかったです。実際にソースを書きながら動かすことで、vue.jsで画面上のどこが書き換わっているのかがわかりました。受講前に比べて、どこで何をやっているのか、なんとなく理解できるようになったと感じます。そして、Laravelが便利すぎる!(笑)。引き続き、LaravelやVueを学んで、自身のポートフォリオに機能を追加してみたい。講師の皆様、ありがとうございました!
・(20代男性) Vue自体の勉強不足により、わからない点が多かったです。処理を完全に理解することができていないため、Laravel、Vueそのものの、再度学習が必要と感じました。どうのように情報が伝達されてアプリが構成されているか、アプリ自体の動作確認はできたため、SPAアプリの全体像を把握すると言う観点では目標を達成できました。
・(20代女性) Vue、Laravelの基礎知識は必要と感じた。。。どちらか一方が全く初学の方には難しいと思う。自分のレベルがまだまだ追い付いていないと実感しました。。。
・(30代男性) Reactに傾倒していて、Vue.jsに関しては疎かったが、共通点も多く、理解が深まった。propsのバケツリレーなのは、reactと同じで、バケツリレー回避に、VueはVuex、ReactはuseContext等があるイメージ。類似点も多く感じた。類似の言語を勉強すると相乗的に理解深まるのかもと思った。
・(30代男性) 更新した部分の動きを確認しながら進めるスタイルがよかったです。追加したソースによって、どのような動きができるようになったのかが、わかりやすかったです。少し応用すれば、様々な機能を追加していけそうな作りになっており、良い講義だと思います。
・(30代女性) 細かい部分はさておき、まずはSPAの大枠を理解することに注視しました。これから身につけた方がいい技術がなんとなくわかったような気がする。
・(30代女性) すぐその場で解決できない疑問もあったものの、一緒に検索やコードの修正などして、対応していただけたのでよかった。どういった知識を身につけていけば分からなかったところに、実際に動くアプリの作成を通して、親子間のコンポーネントの値の受け渡しなど、概要を知れたのでよかった。静的なファイル以外のアップロードor生成されたリソースは、「storage/app/public」に配置する。コマンド「php artisan storage:link」を実行することで、public/storage経由でstorage/app/publicの中身にアクセスできる。Vue.jsの理解が曖昧だった部分について、諸々確認ができました。


お申し込みは、今スグ、
受講日程を確認し、「お問い合わせはこちら」を
クリックして下さい。


カリキュラム


1日目:SPAとは?APIとは?~全体像を把握しよう!(設計フェーズ)~環境構築(Docker/CentOS)
2日目:認証API、認証ページ、認証機能~写真投稿API、写真投稿フォーム、写真一覧取得API
3日目:写真一覧ページ、写真詳細ページ~コメント投稿機能~いいね機能


当日の流れ(タイムスケジュール)


9:55:Skypeに集合

10:00:講義開始

12:00:お昼休憩

13:00:講義再開
↓ (適宜、休憩あり)
17:00:終了

※他講座同様、アウトプット+理解度確認Webテストで、
 理解して、できるまで行います。

※セミナー(授業)は全3日ですが、セミナー終了後、
 1年間、講義内容について、何度でも質問可能です。

※ご希望者には、一人90分×2回の個別レッスンも、
 「無料」で付いています。

※何度も何度も繰り返し、あなたが理解して
 「できるまで」やります。

※個人情報は一切開示致しませんが、ご質問への回答を、
 弊社ブログやSNS、他の受講生への状況共有に使わせて
 頂く場合があります。


こんな方を対象としています


・PHP(Laravel)、JavaScript(Vue.js)を一通り学習した新人の方
・本格的なSPA開発ができるようになりたい方
・脱!初心者を目指す方


受講する際は以下をお読み下さい


・我々は、生徒皆さんの「成果にコミットしたい」と
考えていますので、ご要望ございましたら、できる限り、
授業内に取り込んで参ります。

・本セミナーでは、環境構築から初歩の初歩から行いますが、
YoutubeやProgate(プロゲート)、ドットインストールなどで、
予習していただくと、講義が(一部)復習となり、あなたの
「知識の定着」を早める効果があります。

※「理解」する必要はなく、「動画を観る(慣れる)」だけでイイです。
※有料動画を見る必要はありません。

「PHPアドバンススクール」 / 「就職対策セミナー」に関しては
こちらよりお気軽にお問い合わせください!
「無料PHPスクール」をご希望の方は、こちら