ようこそ、「ナナミノラボ」へ。
このブログは「Laravelを学びたい。でも何から始めればいいのか分からない」
というあなたのために、「Laravelで実践アプリを作りながら学べる」無料の学習サイトです。
現役エンジニアが設計から実装、公開までを丁寧に解説。
コードのコピーだけでなく、”考え方”までしっかり伝える――それがこのブログのこだわりです。
こんな方にオススメ！
- Laravelを学びたいけど、どこから手をつけていいか分からない方
└ フレームワーク未経験でも、10分動画＋丁寧な解説でしっかり理解できます。 - 30代から本気でプログラマーを目指したい方
└ 私も30代からプログラマーに転職しました！ - HTMLやCSSの基本は学んだので、次のステップに進みたい方
└ フロントからサーバーサイドへ。フォーム作成を通じて、MVCやデータベースの基礎が学べます。 - スクールに通う前に、自分の適性や興味を確かめたい方
└ この教材で「実際に動くものを作ってみる」体験ができ、今後の進路の指針になります。
このブログは、「今からでも遅くない」と信じるすべての方のための学び場です。
動画と文章、両方のスタイルで学べる設計になっていますので、自分のペースでじっくり進めていきましょう。
How to Use｜このブログの使い方
学習スタイルは “ブログ × 動画”
このサイトは、Laravelを実践的に学べる無料教材として、YouTube動画と連動した記事を使いながら、段階的にスキルを習得できる設計になっています。
コードを写経しながら学ぶもよし、先に動画で全体像を掴んでから読むもよし。
あなたの学び方に合わせて自由に使ってください。
Step1では、Laravelの基本がすべて詰まったミニアプリ「お問い合わせフォーム」を作成します。
Step2では、実装したTwitter風アプリを通じて、画面遷移やデータベース保存、ログイン機能など“アプリとしての完成度”を高めていきます。
実務につながる設計力とLaravelの理解が、ここから一気に広がります。
Step1：お問い合わせフォームの作成
Laravelを学ぶなら、まずはここから。
入力→確認→送信→完了まで、基本のすべてを詰め込んだお問い合わせフォームづくりを体験してみましょう。
小さなアプリを通して、「あ、自分にもできる！」という感覚を味わってください。
上記のお問い合わせフォームでは以下の要素をすべて含んでいます。
- ルーティング
- コントローラーとビューの連携（MVC）
- バリデーション（FormRequest）
- 入力の保持（old）
- データベースへの保存
- 画面遷移（確認画面・完了画面）
これらの要素を“実際に動かしながら”学べるのが、お問い合わせフォーム。
「最初の1本」として最適で、ここを作るだけでLaravelの全体像が自然に理解できます。
Step2：Twitter風アプリを作ってみよう
Laravelの基本を習得したら、次は「簡易的なSNSアプリ」に挑戦してみましょう！
Step2では、“ツイート投稿→一覧→詳細表示”の流れを通じて、より実践的なスキルを身につけていきます。
上記のTwitter風アプリでは以下の要素をすべて含んでいます。
- ログイン機能の実装
- モデルとマイグレーション
- ページネーション
- お気に入り機能
このアプリを作りきれば、「フォームだけでは終わらないLaravelの使いどころ」が一気に広がります。
投稿／一覧／詳細という実務の王道構成を通じて、あなたの技術力を次のステージへ。
Step3：会計アプリを作ってみよう
coming soon…
管理人「奈波輝磨」について
自己紹介
当サイトへお越しいただきありがとうございます。管理人の「奈波輝磨（ななみてるま）」と申します。
私がプログラミングに興味を持ったのは大学生の時で、当時はアフィリエイトが一気に注目を集めたときでした。
当時はホームページやHTMLなどの用語を一切知らなかったこともあり、アフィリエイトをやってみたいけどどうやってやればいいのかわからず、パソコンに詳しい友達に聞いてHTMLを貼り付けてショッピングサイトのようなデザインができたときにとても感動したのはいい思い出です。（デザインだけで購入などはできません）
その後、新卒で就職した会社を1年半で退職したところから、今度は当時できなかったホームぺージを自分の手で作ってみたいと思って、求職者支援訓練を通じてHTMLとCSSを学びました。
おかげさまでHTMLとCSSは比較的簡単に習得できたため、すぐに就職も決まったのですが、当時の流行りだったjQueryがどうしても習得することができず、コーダーとしての経験はあるものの、プログラマーになることはできませんでした。
コーダーとして働いていた時から現在のプログラマーになるまでに、私には実に7年もの空白の期間があります。
この7年の間、私は独学でPHP、Java、Ruby、Python、JavaScript、C言語といろいろ学んでみたのですが、当時の私は「フレームワーク」という言葉を知らなかったため、どの言語を学んでも同じことの繰り返しで、「これ、何の意味があるんだろう？」と疑問に思いながら勉強していたことをよく覚えています。
実は、7年の間に3カ月だけ本格的なプログラミングの会社で働いた経験があり、その時にGitやフレームワークについていろいろ教えてもらいました。
その甲斐もあってか、スクールに入校する前にRailsチュートリアルを完走してフレームワークに対する理解もしっかりと進み、プログラミングスクールを経て現在に至ります。
このサイトは私のように7年間も無駄につまみ食いをしながらプログラミングの勉強をするのではなく、スムーズにプログラマーに転職できる人が増えることを願って作成したサイトになります。
奈波輝磨のポートフォリオ集
青色申告用簿記アプリ
ログインID：test@example.com
パスワード：password
データはすべてダミーのデータですので、借方と貸方がイコールになっていないです。
React就職チャレンジ150実施中！
毎日学んだことをデプロイして公開しており、https://react-challenge.nanami-teruma.net/で公開しております。