Generated by All in One SEO v5.0.1, this is an llms.txt file, used by LLMs to index the site.

# Code Cabin - ゆうやの学びの森

コードとともに成長する場所

## Sitemaps

- [XML Sitemap](https://codecabinbyyuya.com/sitemap.xml): Contains all public & indexable URLs for this website.

## 投稿

- [【解決】kintone MCPサーバーが急に接続エラー｜原因はJSON Schemaだった](https://codecabinbyyuya.com/2026/08/26/kintone-mcp-server-connection-error/) - kintone MCPサーバーが急に接続エラーになる原因はJSON Schemaの宣言でした。v1.9.2で入った2020-12対応の修正内容と、最新の.mcpbをダウンロードして入れ直す手順、ログの確認方法までまとめています。
- [【初心者向け】WordPressで問い合わせフォームを作る方法！Contact Form 7の使い方と集客のコツ](https://codecabinbyyuya.com/2026/07/10/wordpress-contact-form-7/) - WordPressで問い合わせフォームを作る方法を初心者向けに解説。無料プラグインContact Form 7のインストールから自動返信メールの設定、固定ページへの設置、問い合わせ率を上げる集客のコツまで、手順を一つずつ紹介します。
- [【初心者向け】Reactに入る前に知っておきたいJavaScriptの基礎9選](https://codecabinbyyuya.com/2026/06/27/javascript-basics-before-react/) - Reactの勉強でコードが読めずつまずく原因は、土台のJavaScript不足かもしれません。アロー関数・分割代入・map・スプレッド構文など、Reactに入る前に知っておきたいJSの基礎9つを「Reactではこう使う」とセットで初心者向けに解説します。
- [【初心者向け】Flexboxの基礎！横並びレイアウトの作り方をやさしく解説](https://codecabinbyyuya.com/2024/12/07/flexbox-basics/) - メタディスクリプション: CSSのFlexboxの基礎を初心者向けに解説。display:flexによる横並び、justify-content・align-itemsの配置、flex-wrapやflex-directionまで、コピペできるコード例付きでわかりやすくまとめました。
- [【コピペOK】Google MapをWebサイトに埋め込む方法](https://codecabinbyyuya.com/2025/09/30/embed-google-map/) - Google MapをWebサイトに埋め込む方法を初心者向けに解説。コピーしたコードを整理してCSSでレスポンシブ対応やデザイン調整する方法を紹介します。【コピペOK】
- [【初心者向け】CSSのpositionを図解で解説！relativeとabsoluteの使い分け](https://codecabinbyyuya.com/2024/12/07/css-positioning/) - CSSのpositionを初心者向けに解説。static/relative/absolute/fixedの違いと、relative＋absoluteの使い分け、配置が崩れる原因と対処法まで、コード例付きでわかりやすくまとめました。
- [【初心者向け】HTMLの構造タグを学ぼう！header・nav・main・footerの使い方](https://codecabinbyyuya.com/2024/12/10/html-tags-basics/) - メタディスクリプション: HTMLの構造タグ（header・nav・main・footerなど）の使い方を初心者向けに解説。各タグの役割と実際のページの組み立て方、divではなく構造タグを使うメリットを、コード例付きでまとめました。
- [【初心者向け】ブロック要素とインライン要素の違いをわかりやすく解説！](https://codecabinbyyuya.com/2024/12/07/block-vs-inline-elements/) - ブロック要素とインライン要素の違いを初心者向けに解説。改行や幅指定の違い、代表的なタグ、displayでの切り替え（inline-block）まで、コード例と一覧表でわかりやすくまとめました。
- [【初心者向け】divとspanの違いをわかりやすく解説！使い分けとよくある間違い](https://codecabinbyyuya.com/2024/12/07/div-vs-span/) - divとspanの違いを初心者向けに解説。ブロック要素とインライン要素の使い分け、コード例、よくある間違い（spanに幅が効かない等）まで、コピペできるサンプル付きでわかりやすくまとめました。
- [【初心者向け】classとidの違いをわかりやすく解説！使い分けとルール](https://codecabinbyyuya.com/2024/12/07/css-class-vs-id/) - HTML/CSSのclassとidの違いを初心者向けに解説。複数使えるclassと1つだけのid、.と#の書き方、使い分けのルールや詳細度の注意点まで、コード例付きでまとめました。
- [【初心者向け】marginとpaddingの違いをわかりやすく解説！余白の正しい使い分け](https://codecabinbyyuya.com/2024/12/07/margin-vs-padding/) - CSSのmarginとpaddingの違いを初心者向けに解説。外側と内側の余白の使い分け、ボックスモデル、box-sizingでサイズのズレを防ぐコツまで、コード例付きでわかりやすく紹介します。
- [【初心者向け】レスポンシブデザインの基本と作り方！viewportとメディアクエリ](https://codecabinbyyuya.com/2024/12/09/responsive-design-basics/) - レスポンシブデザインの基本と作り方を初心者向けに解説。viewportの設定とメディアクエリの書き方、よく使うブレイクポイントの目安まで、コード例付きでわかりやすく紹介します。
- [レスポンシブの救世主！CSS clamp() で文字サイズを自在に操る](https://codecabinbyyuya.com/2026/03/02/css-clamp/) - CSSのclamp()関数の使い方を初心者向けに超簡潔に解説！メディアクエリ（@media）を書かずに、文字サイズや余白を画面幅に合わせて自動調整する方法を、コピペで使えるサンプルコード付きで紹介します。レスポンシブ対応を1行で終わらせましょう。
- [【初心者向け】CSSの単位を使い分け！px・%・rem・vh・vwの違いを解説](https://codecabinbyyuya.com/2024/12/08/css-units/) - CSSの単位px・%・rem・vh・vwの違いと使い分けを初心者向けに解説。絶対単位と相対単位の考え方、それぞれの向いている用途を、コード例と一覧表でわかりやすく紹介します。
- [【イベントレポート】新潟グラム「静的HTMLを先に作る制作のままでいいの？CMSサイト構築フローを考える」に参加してきました](https://codecabinbyyuya.com/2026/06/21/niigatagram-cms-construction-flow/) - メタディスクリプション（AIOSEOに貼り付け／約115字）新潟グラムの勉強会「静的HTMLを先に作る制作のままでいいの？」の参加レポート。WordPressのブロックエディタやa-blog cms、CraftCMS、AI時代のCMS構築フローまで、5セッションの学びをわかりやすくまとめました。
- [【初心者向け】Reactのはじめ方｜環境構築から最初のコンポーネント表示まで一緒にやってみよう](https://codecabinbyyuya.com/2026/06/16/react-getting-started/) - Reactの始め方を初心者向けにやさしく解説。Node.jsの準備からViteでのプロジェクト作成、最初のコンポーネント「Hello React!」表示まで、手を動かしながら一歩ずつ進められます。つまずきポイントも丁寧にフォロー。
- [【初心者向け】CSSの擬似クラスとは？:hover・:nth-childの使い方をわかりやすく解説](https://codecabinbyyuya.com/2024/12/10/css-pseudo-classes/) - CSSの擬似クラスとは？初心者が知っておきたい便利な仕組みを解説します。よく使う擬似クラスの例や具体的な使い方、擬似要素との違いをわかりやすく説明。この記事を読めば、ウェブデザインの幅が広がります！
- [【初心者向け】WordPressで「集客できる」ホームページにするために最低限やる5つの設定](https://codecabinbyyuya.com/2026/06/14/wordpress-shukyaku-settings/) - WordPressで作ったホームページが集客につながらない…そんな方へ。現役エンジニアが、検索に強く問い合わせが増えるサイトにするための最低限の5つの設定（パーマリンク・タイトル・SEO・お問い合わせ・スマホ対応）を初心者向けに解説します。
- [SCSSの始め方完全ガイド！VS Code設定からフォルダ構成・便利な書き方まで](https://codecabinbyyuya.com/2025/11/22/scss-vscode-beginner/) - 「SCSSに興味はあるけど難しそう」な初心者向けに、まずは最低限押さえておきたい導入手順を解説。VS Codeでの自動コンパイル設定から、将来の拡張を見据えたフォルダ構成、スマホ対応が楽になる書き方まで、無理なくステップアップできる方法を図解付きで紹介します。
- [Macのお引越しも怖くない！Homebrew環境を「brew bundle」で簡単バックアップ＆復元ガイド](https://codecabinbyyuya.com/2025/11/03/homebrew-bundle-backup-restore/) - Macのお引越しも怖くない！Homebrewのbrew bundleを使った簡単な環境バックアップ＆復元ガイド。Brewfileで環境移行を爆速化し、新しいMacでもすぐに開発を始めましょう。
- [Homebrewのメンテナンスを習慣化！update, upgrade, cleanup で環境を最新に保つ方法](https://codecabinbyyuya.com/2025/11/01/homebrew-update-upgrade-cleanup/) - Homebrewのメンテナンス、習慣化していますか？ brew update と upgrade の違い、cleanup の必要性を分かりやすく解説。update && upgrade && cleanup コマンドで、あなたのMac環境を常に安全・最新・クリーンに保つ方法を紹介します。
- [Mac開発環境の必需品！Homebrewのインストール手順と基本コマンドまとめ](https://codecabinbyyuya.com/2025/10/31/homebrew-install-commands/) - Mac開発環境の必需品「Homebrew」。この記事では、Homebrewのインストール手順をM1/Intel Macの違いを含めて分かりやすく解説。brew installなどの最低限覚えておきたい基本コマンドも一覧でまとめました。
- [【初心者向け】aタグを別タブで開く方法と便利なオプション解説](https://codecabinbyyuya.com/2025/10/04/a-tag-new-tab/) - aタグでリンクを別タブで開く方法を初心者向けに解説。target="_blank"の使い方や、rel="noopener noreferrer"などセキュリティ面の注意点、download属性の便利な活用方法まで紹介します。
- [【初心者向け】WordPressのjQueryを最新版に！プラグインが動かなくなる問題を解決する正しい方法](https://codecabinbyyuya.com/2025/09/28/wordpress-safe-jquery-replace/) - WordPressのjQueryを入れ替えたらプラグインが動かなくなった？wp_deregister_scriptだけでは不十分。この記事では、依存関係を壊さずに安全にjQueryを最新版にするfunctions.phpの正しい書き方を初心者向けに解説します。
- [【初心者向け】WordPressで投稿ページを作る方法をわかりやすく解説](https://codecabinbyyuya.com/2025/09/21/create-post-page/) - 初心者向けにWordPressで投稿ページを作る方法を解説。Classic Editorやブロックエディターでの投稿作成手順、single.phpでの表示方法、よくあるカスタマイズまでわかりやすく紹介します。
- [【初心者向け】WordPressで固定ページを作る方法をわかりやすく解説](https://codecabinbyyuya.com/2025/09/16/wordpress-fixed-page/) - 初心者向けにWordPressの固定ページの作り方を解説。管理画面での作成手順から、カスタムテンプレートでページごとにレイアウトを変える方法まで、わかりやすく紹介します。
- [【CSS】line-heightとletter-spacingの仕組みと計算方法をわかりやすく解説](https://codecabinbyyuya.com/2025/08/04/line-height-letter-spacing-calc/) - CSSのline-heightとletter-spacingの違いと計算方法を初心者向けに解説。文字の行間・字間の調整方法を理解して、読みやすいWebデザインを作ろう。
- [Laravelでデータベース操作を始めよう！マイグレーションとシーダーの基礎まとめ](https://codecabinbyyuya.com/2025/06/01/laravel-migration-seeder-basic/) - Laravelのマイグレーションとシーダーの基本を初心者向けにわかりやすく解説。テーブルの作成や初期データの登録を効率化し、開発をスムーズに進める方法を紹介します。
- [Laravel開発の始め方｜初心者向けの初期設定まとめ【インストール後にやること】](https://codecabinbyyuya.com/2025/05/28/laravel-setup/) - Laravelの開発を始めたばかりの初心者向けに、Sailを使った環境構築後にやるべき初期設定をわかりやすく解説しています。
- [【コピペOK】クリックで開くモーダルを実装する方法！初心者向けにやさしく解説](https://codecabinbyyuya.com/2025/05/24/modal-javascript-beginner/) - 初心者向けにクリックで開くモーダルの作り方をやさしく解説！HTML・CSS・JavaScriptを使ったシンプルな実装例を紹介します。
- [WordPressのテーマ作成に必要な style.css に書くべき情報まとめ](https://codecabinbyyuya.com/2025/05/23/style-css-theme-info/) - WordPressテーマ作成に必要なstyle.cssの書き方を初心者向けに解説。Theme Nameなど必須項目や、任意で追加できる情報までわかりやすく紹介します。
- [WordPressで標準jQueryを無効化してCDN版に切り替える手順【開発者向け】](https://codecabinbyyuya.com/2025/05/20/wordpress-jquery-cdn/) - WordPressの標準jQueryを無効化して、CDN版jQueryを読み込む手順を初心者にもわかりやすく解説。開発者向けに、functions.phpの設定方法や注意点も紹介します。
- [WordPressでのCSS・画像の読み込みパスはこう書く！【保存版】](https://codecabinbyyuya.com/2025/05/13/wordpress-css-image-load/) - WordPressテーマ開発で必要なCSSや画像の読み込み方法を初心者向けにわかりやすく解説します。PHPでのパス指定や背景画像の設定方法も紹介。保存版のリファレンス記事です。
- [【Git・GitHub初心者向け】リモートリポジトリの作成とファイルアップロードをわかりやすく解説](https://codecabinbyyuya.com/2024/12/09/git-github-remote-repository/) - GitとGitHubを初心者向けに解説！リモートリポジトリの作成から更新ファイルのアップロードまで、基本用語や開発の流れをわかりやすく説明します。この記事を読めば、バージョン管理の基礎が身につきます。GitHubの活用方法を学んで、効率的な開発を始めましょう！
- [Swiper × jQueryでスライダー作成！初心者向け簡単実装ガイド](https://codecabinbyyuya.com/2024/12/14/swiper-slider-beginner-setup/) - Swiper × jQueryでスライダー作成！初心者向け簡単実装ガイドでスライダーを簡単に実装する方法を初心者向けに徹底解説！セットアップの手順から基本的なコーディング、さらに多彩なカスタマイズ方法まで、実例を交えてわかりやすく説明しています。この記事を読めば、動くスライダーの作り方をしっかりマスターできます！
- [はじめてのSQL：データベースと基本コマンドの使い方](https://codecabinbyyuya.com/2024/12/23/introduction-to-sql/) - 初心者向けにSQLの基本を解説！SQLとは何か、データベースの基礎、phpMyAdminを使った環境構築からテーブル作成やデータ登録まで、実践的な操作手順をわかりやすく紹介します。これからSQLを学ぶ方がつまずかないように丁寧に解説しているので、データベース操作の第一歩を踏み出しましょう！
- [ゼロから学ぶCSSアニメーション！動きのあるWebデザインの作り方](https://codecabinbyyuya.com/2025/02/04/css-animation-basics/) - CSSアニメーションの基本を初心者向けに解説！transitionや@keyframesを使い、ブログやポートフォリオサイトに動きを加える方法を実例付きで紹介。魅力的なデザインを作りましょう！
- [WordPress開発でよく使う関数・テンプレートタグ一覧](https://codecabinbyyuya.com/2025/05/09/wordpress-functions-list/) - WordPress開発でよく使われる投稿表示やテンプレート読み込みの関数・テンプレートタグを一覧表でわかりやすく整理。保存版リファレンスです。
- [【初心者向け】LocalでWordPressを始めよう！インストールから初期設定まで丁寧に解説](https://codecabinbyyuya.com/2025/05/01/local-wordpress-setup/) - Localを使ってWordPressの開発環境を構築する方法を初心者向けにわかりやすく解説。日本語化やプラグイン設定など、最低限の初期設定を丁寧に紹介します。
- [コピペOK！jQueryで作るシンプルなアコーディオンメニュー入門](https://codecabinbyyuya.com/2025/04/16/jquery-accordion-beginner/) - Web制作初心者向けに、jQueryを使ったアコーディオンメニューの作り方を丁寧に解説！クリックで開閉、他が自動で閉じる仕組みを実装しよう。HTML・CSS・jQueryのコード付きで、基本の動きがしっかり学べます。
- [Web制作初心者必見！jQueryでハンバーガーメニューを作ってみよう](https://codecabinbyyuya.com/2025/02/16/hamburger-menu-jquery/) - はじめに Webサイトをスマートフォン対応にするときによく使われる「ハンバーガーメニュー」。画面のスペースを節
- [CSSを便利に！:has, :is, :whereを解説](https://codecabinbyyuya.com/2025/01/23/css-has-is-where/) - CSSの擬似クラス:has、:is、:whereを初心者向けにわかりやすく解説！それぞれの基本的な使い方や違い、効率的なスタイル設定のポイントを説明します。特異性の仕組みやブラウザ対応状況も詳しくカバーし、実践的なフォールバック例も紹介。モダンCSSを使いこなして、デザインの幅を広げましょう！
- [CSSで中央寄せ・右寄せを簡単に！初心者向け完全ガイド](https://codecabinbyyuya.com/2025/01/15/css-center-align-right-align/) - はじめに ウェブページのレイアウトを整える際、要素を「中央寄せ」や「右寄せ」に配置することはとても重要です。こ

## 固定ページ

- [運営者情報](https://codecabinbyyuya.com/profile/) - CodeCabin（コードキャビン）について 「CodeCabin（コードキャビン）」は、Web制作・フロント
- [プライバシーポリシー](https://codecabinbyyuya.com/privacy-policy/) - ブログについて 当ブログ「Code Cabin（codecabinbyyuya.com）」（以下、「当ブログ」
- [お問い合わせ](https://codecabinbyyuya.com/contact/) - 当テックブログをご覧いただきありがとうございます。ご質問やご相談がございましたら、以下のフォームよりお気軽にお

## カテゴリー

- [HTML/CSS](https://codecabinbyyuya.com/category/html-css/) - HTML・CSSの基礎から実務で使う書き方までをまとめています。marginとpaddingの違いやFlexboxといった入門記事から、レスポンシブデザイン、CSSアニメーション、SCSSの導入まで初心者向けに解説しています。
- [JavaScript](https://codecabinbyyuya.com/category/javascript/) - JavaScriptの基礎と実装例をまとめています。Reactに入る前に押さえたいアロー関数や分割代入などの文法、クリックで開くモーダルの作り方などを初心者向けに解説しています。
- [WordPress](https://codecabinbyyuya.com/category/wordpress/) - WordPressの使い方とテーマ開発をまとめています。固定ページ・投稿の作り方やContact Form 7での問い合わせフォーム設置から、style.cssの書き方、jQuery関連のトラブル対処までを扱っています。
- [Git・GitHub](https://codecabinbyyuya.com/category/git・github/) - GitとGitHubの使い方をまとめています。リモートリポジトリの作成からファイルのアップロードまで、はじめてバージョン管理に触れる方向けに手順を追って解説しています。
- [jQuery](https://codecabinbyyuya.com/category/jquery/) - jQueryを使ったWebパーツの実装方法をまとめています。ハンバーガーメニュー、アコーディオン、Swiperを使ったスライダーなど、コピペから試せる形で初心者向けに解説しています。
- [SQL](https://codecabinbyyuya.com/category/sql/) - SQLとデータベースの基礎をまとめています。データベースとは何かという話から、SELECTやINSERTといった基本コマンドの使い方までを初心者向けに解説しています。
- [Laravel](https://codecabinbyyuya.com/category/laravel/) - PHPフレームワークLaravelの入門記事をまとめています。インストール後にやる初期設定から、マイグレーションとシーダーを使ったデータベース操作の基礎までを扱っています。
- [開発環境](https://codecabinbyyuya.com/category/開発環境/) - Macの開発環境づくりに関する記事をまとめています。Homebrewのインストールと基本コマンド、update・upgrade・cleanupによるメンテナンス、brew bundleでの環境のバックアップと復元を扱っています。
- [React](https://codecabinbyyuya.com/category/react/) - Reactの入門記事をまとめています。Node.jsの準備とViteを使った環境構築から、最初のコンポーネントを画面に表示するところまでを初心者向けに解説しています。
- [イベントレポート](https://codecabinbyyuya.com/category/event-report/) - 参加した勉強会・イベントのレポートをまとめています。新潟グラムでのCMSサイト構築フローの回など、現場で交わされた議論と学んだことを記録しています。
- [Kintone](https://codecabinbyyuya.com/category/kintone/) - kintoneに関する記事をまとめています。MCPサーバーの接続トラブルの原因と対処など、実際に業務で使いながら詰まったこと・解決できたことを記録しています。