プログラミング言語アイコン
Laravel入門編4: 実用的なLaravelアプリを作ろう
paizaラーニング画面エリアは左上が動画エリア、左下が補足テキストエリア、右上がコードエリア、左下が入出力エリアとなっています。
paiza会員 になると、 受講状況、進捗度の表示、提出コードの保存、バッジの取得ができます。

■学び方手順

  • 下記の各チャプターに進むと左のようなレッスン画面が開きます。
  • 動画エリアには 各チャプター約3分の動画 が配置されています。
  • 補足テキストエリアには動画の補足情報や、解説している問題の問題文等が表示されます。 「演習課題へ進む」ボタン を押すと、そのチャプターの学習内容を元にした 類似問題が出題 されます。
  • コードエリアでは自由にコードの記述、実行が可能です。 動画の内容を実際に試してみましょう。
  • 入出力エリアでは、 コード実行時に標準入力する入力値の設定と、実行後の出力値 が表示されます。
  • 各エリアは、境界線上で ドラッグするとサイズを変えられます。
学習ステータスイメージ画像

■学習ステータス

  • 「学習ステータス」では各講座の学習進捗状況が確認できます。
  • 右上に表示されているゲージはその講座の学習が全体の何%まで進んでいるかを表します。

    ※公開中のレッスンすべてを受講することで100%となります。レッスンが追加になった場合は追加された分を含めて100%となるため、ゲージの数値が変動することがありますのでご注意ください

  • 「学習レベル」は各チャプターを完了することでレベルアップします。
  • キャラクター画像は「ジョブ」によって変化します。「ジョブ」は各レッスンの演習問題をすべて正解して★を獲得する(模範解答を閲覧した場合、★は獲得できません)と上級ジョブにレベルアップすることができます。

    ※模範解答を閲覧した問題で★獲得を目指したいときは、そのチャプターの演習問題に最初から再挑戦してください

チャプター一覧

01:アプリの概要を整理しよう (02:15) 無料公開中
ここでは、オススメのお店を投稿できる「ランチマップ」アプリの機能を整理します。
ここでは、Laravelのアプリケーションディレクトリを用意します。また、アプリケーションのデータベースを準備しましょう。
ここでは、Lunchmapアプリのモデルとコントローラを用意します。そして、先ほどのチャプターで作成したデータベースに、お店情報とカテゴリ情報を格納するテーブルを作成するため、マイグレーションを実行します。
ここでは、先ほど作ったデータベースで、お店とカテゴリのテーブルを関連付けます。さらに、アプリケーションのサンプルデータを投入しましょう。
ここでは、Lunchmapアプリのお店一覧ページを作ります。ルーティングとコントローラ、ビューを記述して、登録しておいたサンプルデータを一覧表示しましょう。
ここでは、Lunchmapアプリの共通テンプレートを追加します。HTMLフレームワークのBootstrapを導入して、ナビゲーションバーを追加します。
ここでは、Lunchmapアプリでお店情報の詳細ページを作ります。また、お店一覧ページをBootstrapとテーブルタグで見栄えを整えます。
ここでは、お店情報を登録する投稿フォームを作ります。この投稿フォームでは、プルダウンリストでカテゴリを選択できるようにします。
ここでは、新規投稿フォームの内容を保存する機能を作ります。さらに、このフォームを呼び出すよう、一覧ページからリンクします。
ここでは、お店情報を編集するフォームを作ります。このフォームでは、既存のお店情報を読み込んで、変更できるようにします。
ここでは、編集フォームの内容を保存する機能を作ります。先ほど作成した編集フォームの内容で、データベースを更新します。
ここでは、Lunchmapアプリの削除機能を作成します。登録したお店情報を削除できるようにしましょう。
ここでは、住所に合わせた地図をLunchmapアプリに表示します。そのため、詳細ページにGoogleマップを組み込みます。
ページの先頭へ戻る