Laravel Laravelのディレクトリ構造（全体像と重要フォルダの役割） – 3/12
前回の記事では Laravelの環境構築 を行い、実際にLaravelを起動しました。今回は次のステップとしてLaravelプロジェクトの中身（ディレクトリ構造）を理解していきます。Laravelは多くのフォルダとファイルで構成されており、...
深尾 拓生 / FUKAO Takuo
Laravel 
Vue.js 実践：VueでTODOアプリを作る（追加・表示・削除） – 11/12
Vue版のTODOアプリです。React回と同じ仕様で作るので、構文の違いがクリアになります。最小構成から始めて、コンポーネント分割の方向性も示します。仕様入力欄にTODOを入れる追加ボタンでリストに追加各行に削除ボタン任意：空文字は追加し...
Git git pushとは？ローカルの変更をGitHubに送る方法 – 7/12
前回の記事では git checkout / git switch を解説しました。これによりブランチの作成ブランチの切り替えができるようになりました。しかしGitは ローカルだけで使うツールではありません。チーム開発ではローカル↓GitH...
Laravel Laravelの環境構築（PHP / Composer / Laravelインストール完全ガイド） – 2/12
前回の記事では Laravelとは何か を解説しました。今回は実際にLaravelを動かすための環境構築を行います。この記事では次の内容を解説します。必要なツールPHPの確認Composerの導入Laravelプロジェクト作成開発サーバー起...
Vue.js Vueの配列表示：v-for と key でリストUIを作る – 10/12
Vueの一覧表示は v-for が基本です。keyの意味と、フィルタ表示の考え方も押さえます。v-forで表示する<script setup>const items = ["Apple", "Orange", "Banana"]</scri...
Git git checkout と git switch（ブランチを切り替える方法） – 6/12
前回の記事では Gitのブランチ を解説しました。ブランチとは開発を分岐させる仕組みでした。例えば次のような構造になります。main ├ login-feature └ payment-featureそれぞれのブランチで独立して開発できます...
Laravel Laravelとは？初心者向けにわかりやすく解説（環境・特徴・できること） – 1/12
Webアプリケーションを開発する際、バックエンドのフレームワークとしてよく使われるのが Laravel（ララベル） です。Laravelは現在、PHPフレームワークの中で最も人気が高く、多くのWebサービスで採用されています。この記事では次...
Vue.js Vueのイベント処理：@click / @input を理解して書けるようにする – 9/12
Vueのイベントは @click のようなディレクティブで書きます。頻出パターンを押さえて、TODOアプリに繋げます。@clickの基本<button @click="handleClick">Click</button>handleCli...
Git Gitのブランチとは？安全に開発するための基本機能 – 5/12
前回の記事では git add と git commit を解説しました。Gitでは次の流れで履歴を管理します。編集↓git add↓git commitこれで履歴を保存できます。しかし実際の開発では次のような問題が起きます。新しい機能を作...
Vue.js Vueの状態管理入門：ref と reactive を使ってUIを更新する – 8/12
Vueのリアクティブデータを実装で体験します。カウント、トグル、フォーム入力の3パターンを押さえます（Reactのstate回と対応）。refの基本ref は単一値をリアクティブにします。<script setup>import { ref...
Git git add と git commit を理解する（ステージングの仕組み） – 4/12
前回の記事では Gitの基本コマンドgit initgit addgit commitを紹介しました。今回はその中でも特に重要なgit addgit commitを もう少し深く解説します。Gitを理解する上で一番重要なのはステージングとい...
Vue.js Vueのprops：親から子へデータを渡す – 7/12
Vueでもpropsは「親→子」のデータ受け渡しです。Composition API（script setup）での基本形と、propsを変更しないルールを押さえます。親から渡す<UserCard name="Taro" role="adm...
Git Gitの基本コマンド（git init / git add / git commit） – 3/12
前回の記事では GitとGitHubの違い を解説しました。簡単に整理するとGit = バージョン管理ツールGitHub = Gitを共有するサービスでした。今回は実際にGitを使うための 基本コマンド を解説します。この記事では次の内容を...
Vue.js Vueコンポーネント：SFCで部品化して組み立てる – 6/12
Vueのコンポーネント（SFC: Single File Component）は、テンプレートとロジックを1つのファイルにまとめられるのが特徴です。分割の基準も含めて説明します。コンポーネント化の基準次のどれかに当てはまるなら分割を検討しま...
React React入門の次に学ぶこと：API通信・ルーティング・状態管理の道筋 – 12/12
Reactの基本が分かったら、実務に必要な周辺技術へ進みます。この記事では何から学ぶべきかを「目的別」に整理し、学習順の迷子を防ぎます。次の壁：複数ページ（ルーティング）React単体は画面の部品化が得意ですが、URLごとにページを切り替え...
Git GitとGitHubの違いとは？初心者向けにわかりやすく解説 – 2/12
前回の記事では Gitとは何か を解説しました。Gitはソースコードの変更履歴を管理するツールでした。しかしGitを学び始めると、必ず次の疑問が出てきます。GitとGitHubは何が違うのか？この2つは名前が似ているため混同されがちですが、...
Vue.js Vueテンプレート構文：{{ }} とディレクティブを最短で理解する – 5/12
Vueの最大の特徴はテンプレートです。この記事では「{{ }}」「v-bind」「v-if」「v-model」など最低限の文法に絞って紹介します。{{ }} で値を表示するテンプレート内では {{ }} を使って値を表示できます。<temp...
React 実践：ReactでTODOアプリを作る（追加・表示・削除）- 11/12
これまでの知識（コンポーネント、props、state、イベント、リスト表示）をまとめて使います。まずは最小のTODOを作り、次回以降の拡張にも耐える設計にします。完成イメージと仕様最小仕様は次の通りです。入力欄にTODOを入れる追加ボタン...
Git Gitとは？初心者向けにわかりやすく解説（バージョン管理の基礎） – 1/12
プログラミングを学び始めると、必ず登場するツールが Git です。Gitは現在、ほぼすべてのソフトウェア開発で使われている バージョン管理システムです。例えば次のようなサービスの開発でもGitが使われています。Webアプリケーションスマート...
Vue.js Vueプロジェクトの構造：App.vue と main.js を読む – 4/12
Vueも「どこに何を書くか」で迷子になりがちです。ここでは最重要ファイルの役割と、コンポーネントを追加する場所を整理します。重要ファイルの全体像Vite + Vueの典型構造は次の通りです。index.html：<div id="app">...