WordPress WordPress 管理画面で固定ページの「階層スラッグ」を表示する方法
WordPress の固定ページは階層構造（親子関係）を持てますが、管理画面の一覧では「完全なスラッグ（URL構造）」が確認できないのが地味に不便です。例えば以下のような構造の場合：/about/company/profile管理画面では「...
深尾 拓生 / FUKAO Takuo
WordPress 
Git Gitコンフリクトとは？merge conflictの原因と解決方法 – 10/12
前回の記事では git merge を解説しました。git merge はブランチを統合する操作でした。しかしブランチを統合する際、次のような問題が発生することがあります。merge conflictつまり コンフリクト（競合）です。コンフ...
Laravel LaravelのController（コントローラの役割と基本の使い方） – 5/12
前回は Laravelのルーティング（routes/web.php） を解説しました。ルーティングではURL処理を結びつけました。しかし実務では、ルーティング内に処理を直接書くことはほとんどありません。そこで登場するのがController...
JavaScript ReactとVueの違いとは？初心者向けにわかりやすく解説 – 1/8
ReactとVueは、どちらもユーザーインターフェース（UI）を構築するためのJavaScript技術です。現在のフロントエンド開発では、この2つの技術が非常に高い人気を持っています。この記事では、ReactとVueの違いを初心者向けに整理...
Git git mergeとは？ブランチを統合する方法 – 9/12
前回の記事では git pull を解説しました。git pull はGitHub → ローカルへ変更を取り込む操作でした。しかしGitを使った開発では次の作業が頻繁に発生します。featureブランチで開発↓mainブランチへ反映このとき...
Laravel Laravelのルーティング（routes/web.phpの基本とController連携） – 4/12
前回は Laravelのディレクトリ構造 を解説しました。今回はその中でも最初に触ることになるルーティング（Routing）を解説します。ルーティングはURLと処理をつなぐ仕組みで、Laravel開発の入口になります。この記事では次の内容を...
Vue.js Vue入門の次に学ぶこと：Vue Router・Pinia・API通信の道筋 – 12/12
Vueの基本が分かったら、実務で必要になる周辺技術へ進みます。公式エコシステムが整っているVueの強みを活かし、学習順を整理します。複数ページ：Vue RouterページをURLで切り替えるなら Vue Router が定番です。学ぶとでき...
Git git pullとは？リモートの変更を取得する方法 – 8/12
前回の記事では git push を解説しました。git push はローカル → GitHubへコードを送る操作でした。しかしチーム開発では次のような状況がよく起きます。他の開発者がGitHubに変更をpushしたこの変更を自分のローカル...
Laravel Laravelのディレクトリ構造（全体像と重要フォルダの役割） – 3/12
前回の記事では Laravelの環境構築 を行い、実際にLaravelを起動しました。今回は次のステップとしてLaravelプロジェクトの中身（ディレクトリ構造）を理解していきます。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...