『週刊』PHP+Laravel6 奮闘記②【第10号】
こんにちは!
テクノシップブログです!
先週から「『週刊』PHP+Laravel6 奮闘記」と題しまして、
オリジナルアプリケーション第2段の開発記録を記事にしています。🔥
今回は前回から1週間が経過したので、目標の達成の有無の確認と
学習の振り返りをしていきたいと思います!!!
1.前回の目標の成果の確認
前回立てた目標は以下の通りでした。↓↓↓
結果はどうだったのか。
この目標は達成しました!!
現時点(3/27)での進捗状況は以下のようになっています。
2.目標達成の要因
目標達成の要因を自分なりに分析してみると、
①ユーザー管理機能を簡単に実装できるLaravel uiを使ったこと
②動画教材を使用して実装を進めたこと
この2点が挙げられます。
①については、Ruby on Railsのgemである「devise」と同じように、
インストールするだけでユーザー管理機能の実装が簡単にできてしまう
「Laravel ui」の使い方を学習したおかげで、効率的に実装ができました!!
【Laravel uiをインストールしただけで作れてしまうログイン画面】↓↓↓
後ほど具体的な学習の流れをアウトプットします!!
次に②についてですが、Youtubeで学習に役立ちそうな内容を発信している
方の動画を参考にさせていただき、一緒に作業を進めるようなイメージで
実装をすることができたので、スムーズに開発することができました!!
動画の利点は「細かい手順まで一緒に真似しながらできる点」だと思います!
やはり書籍では文字で説明する分、省いてしまう説明や伝わりづらい説明もある
と思いますが、動画ならそんなことはありませんよね。
引き続き、参考にしながら実装を進めたいと思います!!
3.ワンポイントアウトプット
ここでは、先週1週間の中で力を入れた部分や難しかった部分について
アウトプットしておきます。
今回は「Laravel uiのインストール」です。
実際に使用したコマンドを用いて説明していきます。
①composer require laravel/ui "^1.2"
→まずこちらのコマンドで、Laravel uiをインストールします。
バージョンは1.2というものを指定し、composerを使ってインストール
しています。
※composerとはlaravelに関するパッケージ管理を担ってくれる存在
②php artisan ui vue --auth
→次にこちらのコマンドで、「Vue」をインストールします。
VueとはJavaScriptのフレームワークの一つであります。フロントエンド
での機能実装に役立ってくれます。「package.json」ファイルにVueの記述
が出来上がります。
この時、「--auth」と付け加えることで、「認証機能」も一緒に導入する
ことができます。
③npm install
→次にこちらのコマンドで、npmをインストールします。
npmはNode Package Managerという名のとおり、
Node.jsのパッケージ(=便利な機能をひとまとめにしたもの)を管理する
ためのものです。
事前にPCにNode.jsをインストールしておく必要があります。
※Node.jsとは普段ブラウザ上で動くJavaScriptをサーバー上で動かす言語
です。JavaScriptがRubyやPHPと同じような動きをできるようになる
というイメージです。
④npm run dev
→次にこちらのコマンドで、②で導入したVueを動かせるようにします。
⑤npm audit fix → npm audit fix --force → npm run dev → npm run dev
→すると、エラー画面が出てくるので、
上の順番でコマンドを入力して解決させます。
ちなみに私は2回目以降のアプリ実装時にはエラーは出ませんでした。
詳しくは、以下の動画が参考になります!!↓↓↓
【Laravel uiの導入解説】
【npm解説】
このユーザー管理機能の実装を終え、俳句投稿機能の実装をするための
トップページまで完成させて、今に至っております。
ちなみにトップページは以下のような感じです。↓↓↓
Bootstrapのテンプレートを使用したので、デザインはありきたりですが、
本当に効率的に作成できるので重宝してます😄😄😄
Bootstrap公式ページはこちら↓↓↓
4.この1週間のまとめ
この1週間を一言でまとめると、
「まずやってみることが大切」
ということです。
具体的なカリキュラムもない中、Laravelという新しい分野に手を出すことに
最初は腰が引けてしまいましたが、
「自分で手を動かして体験してみないことにはどうしようもない」
と自分に言い聞かせ、参考になるサイトなどを探しまくってやったことが
こうして何とかスタートを切れたことに繋がったと考えています!
プログラミングって、まずは手を動かして体験してみることが大切
ということを改めて実感できました。
5.次回の目標の確認
次回(4/2)の目標は、
「俳句の投稿・詳細表示・編集・削除
という一般機能の実装完了」
とします!
次回もお楽しみに!!
6.テクノシップ第10号プチ編集後記
〜一昨日土曜日に受けたコロナワクチンの副作用で39度の熱を出して
床に臥しました💦💦
3回目にしてこの仕打ち、、、
もう2度とワクチンは受けたくないと思わされた週末でした🤔〜