HTML 【HTML】箇条書きリスト（ul / ol / li）の構文とマークアップ規則
HTMLで箇条書き（リスト構造）を実装する際の基本構文、およびコーディング時の注意点・ルール1. 基本構文と使い分け リストを作成する際は、必ず「親要素（全体を囲むタグ）」と「子要素（各項目を囲むタグ）」の入れ子構造にする。<li>（Lis...
開発系
HTML 
Laravel 【Laravel】簡単アプリ作製【３】 商品追加機能
作成済みのカテゴリと紐付いた、商品の追加機能（マイグレーション・モデル・コントローラー・ビュー）を実装する手順。1. シーダーの修正（外部キー制約エラー対策）商品テーブル（子）から参照されているため、そのままクリアしようとするとエラーになり...
Laravel 【Laravel】簡単アプリ作製【２】 データベース接続とカテゴリ追加
環境構築後のステップとして、MySQLデータベースとの連携から、マイグレーションとモデルを使用したカテゴリ追加機能の実装までの手順。1. データベースの作成と接続設定Step 1: XAMPPでデータベース（MySQL）の作成１．XAMPP...
Laravel 【Laravel】簡単アプリ作製【１】 Laravel12開発環境構築手順
１．セットアップ手順Step 1: VSCodeの準備VSCode公式サイトからインストーラーを取得して導入。効率化のため、以下の拡張機能をプラグイン（Ctrl+Shift+X）から追加する。PHP Intelephense（コード補完・定...
HTML 【HTML】「コメント（コメントアウト）」の基本と便利な使い方
HTMLでコードを書いていると、「ここにメモを残しておきたい」「一時的にこの部分を表示させないようにしたい」と思うことがあります。 そんな時に大活躍するのが「コメント（コメントアウト）」です。今回は、コメントの基本的な書き方から、ブログ運営...
HTML 【HTML】Webサイトの主役！hタグ（見出し）の基本と使い方のコツ
HTMLを学ぶ上で、文章の「見出し」を作るhタグ（<h1>〜<h6>）は、ブログの読みやすさと検索順位（SEO）を大きく左右する超重要タグです。 今回は、hタグの基本的な書き方から、ブログ運営で絶対に役立つ実践的なTipsまでを分かりやす...
HTML 【HTML】<p>タグと<div>タグの最大の違い
一言で言うと、「意味（役割）があるか、ないか」の違いです。<p>タグ： 「Paragraph（段落）」の略。中身が文章（ひとかたまりのテキスト）であることを検索エンジンなどに伝える役割があります。<div>タグ： 「Division（分割・...
HTML 【HTML】Webサイトの骨組みを作る「HTML」の基本と書き方
Webサイトを作りたいと思ったとき、最初に触れるのがHTML（エイチ・ティー・エム・エル）です。今回は、HTMLとは何かという基本から、よく使う重要なタグ、ブログですぐに使える具体的な書き方までを分かりやすく解説します。1. HTMLとは？...
VScode 【Vscode】HTMLデバッグ設定
必須前提単発ファイルを開いている状態ではデバッグ不可。必ず「フォルダを開く（ワークスペース化）」した状態で作業すること。最短セットアップ手順Ctrl + Shift + D（Mac: Cmd + Shift + D）で「実行とデバッグ」画面...
Git 【VSCode】Gitを使うための初期設定と基本操作
Windows環境のVSCodeでGitを使用する際、毎回調べがちな初期設定と基本操作、Windows特有の注意点をまとめた。PCの買い替えや、Windowsでの開発環境の再構築時にそのまま使える。１．事前準備：Git for Window...