Web制作用語集｜フリーランスが実務で使う言葉をわかりやすく解説
用語一覧
A-Z
301リダイレクト
「このURLは恒久的に別の場所へ移動しました」と検索エンジンやブラウザに伝える転送方式。301リダイレクトを設定すると、旧URLのSEO評価（被リンクや検索順位など）が新URLに引き継がれる。パーマリンク変更時には必須の対応。
※ 有料テーマを触りたくない人へ。Code Snippetsという武器（2026-04-05）
API（エーピーアイ）
Application Programming Interfaceの略。ソフトウェア同士が情報をやり取りするための「窓口」のようなもの。例えばClaude APIを使えば、自分のサイトからAIに質問を送って回答をもらえます。
※ 旅館サイトに多言語AIコンシェルジュを実装する方法【Claude API連携】（2026-03-17）
Base64エンコード
データをアルファベット・数字・一部記号だけで表現する変換方式。認証情報の送信などに使われる。
※ Claude CodeでWordPress記事作成を半自動化する（2026-04-03）
CF7（Contact Form 7）
WordPressでお問い合わせフォームを作れる定番プラグイン。HTMLの知識がなくても、管理画面からフォームの項目や自動返信メールを設定できます。
※ WordPress パーマリンク変更・リダイレクト・CF7実装を一案件でやり切った話（2026-03-17）
CLI（シーエルアイ）
Command Line Interfaceの略。マウスを使わずキーボードでコマンドを入力してコンピュータを操作する方式。
※ Claude CodeでWordPress記事作成を半自動化する（2026-04-03）
CLAUDE.md（クロードエムディー）
Claude Codeの設定ファイル。プロジェクトのルールや指示を書いておくと、Claude Codeがそれを読み込んで動作に反映してくれる。仮想チームを作る場合はここがチーム全体の方針書になる。
※ フリーランスの自分専用AI社員チームをClaude Codeで作った話（2026-03-29）
Claude API
Anthropic社が提供するAIサービスの接続窓口。自分のWebサイトやアプリにAIの応答機能を組み込むことができます。多言語対応のチャットボットなどに活用可能。
※ 旅館サイトに多言語AIコンシェルジュを実装する方法【Claude API連携】（2026-03-17）
Claude Code（クロードコード）
Anthropic社が提供するAIコーディングツール。ターミナル（コマンドライン）から直接AIにコーディングを依頼でき、ファイルの作成・編集・実行まで自動で行ってくれる。プログラミング初心者でも「こういうものが欲しい」を言葉で伝えるだけでアプリを作れる。
※ Claude Codeで子供用「がんばりカレンダー」アプリを作った話（2026-03-20）
Code Snippets（コードスニペッツ）
WordPressに機能を追加するためのPHPコードを、管理画面からスニペット単位で登録・管理できるプラグイン。functions.phpを直接編集することなく、ON/OFFの切り替えやエラー時の自動停止などが可能。有料テーマを使っていて直接編集を避けたい場合に有効。
※ 有料テーマを触りたくない人へ。Code Snippetsという武器（2026-04-05）
comment-replyスクリプト
WordPressに標準搭載されているJavaScriptファイルで、コメントへの返信（スレッド）機能を動作させるために必要。テーマのfunctions.phpでwp_enqueue_scriptを使って読み込む。
※ WordPressブログにコメント機能を追加・デザイン調整した方法（2026-03-20）
CSS フォールバック
メインのCSS処理（JavaScriptによるアニメーションなど）が動作しなかった場合に備えた代替スタイル指定。
※ WordPressでブログ記事が表示されない！fade-up CSSの落とし穴（2026-04-03）
curl（カール）
ターミナルからURLにリクエストを送れるコマンド。APIの動作確認や自動投稿スクリプトによく使われる。
※ Claude CodeでWordPress記事作成を半自動化する（2026-04-03）
DevTools（デベロッパーツール）
ブラウザに標準搭載されている開発者向けツール。HTML/CSSの確認や修正、エラーの調査ができる。F12キーで開ける。
※ WordPressでブログ記事が表示されない！fade-up CSSの落とし穴（2026-04-03）
DOM（ドム）
Document Object Modelの略。HTMLの構造をブラウザが解釈したデータのこと。ページの骨格のようなもので、JavaScriptから操作できる。
※ WordPressでブログ記事が表示されない！fade-up CSSの落とし穴（2026-04-03）
FDM方式（エフディーエム方式）
Fused Deposition Modelingの略。熱で溶かした樹脂（フィラメント）をノズルから押し出して積み重ねる3Dプリントの方式。家庭用プリンターで最も普及しており、初期投資が小さく始めやすい。
※ フリーランスが3Dプリンターで始めるオリジナル商品ブランド（2026-03-18）
GA4
Google Analytics 4の略。サイトに何人来て、どのページを見たか、などのアクセスデータを計測するツール。Googleが無料で提供しています。
※ ヒーロースライダーからSEO設定まで──サイト改修1日まるごと記録（2026-03-16）
Google Analytics Data API（グーグルアナリティクスデータエーピーアイ）
GA4のデータをプログラムから取得するためのAPI。Google Cloud Consoleで有効化し、サービスアカウントに閲覧権限を付与することで、外部ツール（Claude CodeのMCPサーバーなど）からアクセスデータを直接読み取れるようになる。
GitHub（ギットハブ）
プログラムのソースコードをインターネット上で管理・公開できるサービス。世界中の開発者が使っており、自分の作ったツールやアプリを公開する場としても活用されています。
※ AIと作ったアプリをGitHubで公開するまでの手順【フリーランスGitHubデビュー】（2026-03-17）
Google Search Console
自分のサイトがGoogleの検索結果でどう表示されているかを確認・管理できる無料ツール。検索キーワードや表示回数もわかります。
※ ヒーロースライダーからSEO設定まで──サイト改修1日まるごと記録（2026-03-16）
IntersectionObserver
要素が画面内に入ったかどうかを監視するJavaScript API。スクロールアニメーションの発火タイミング制御などに使われる。
※ WordPressでブログ記事が表示されない！fade-up CSSの落とし穴（2026-04-03）
JSON（ジェイソン）
JavaScript Object Notationの略。データをやり取りするときに使われる軽量なフォーマット。APIでのデータ送受信に広く使われている。
※ Claude CodeでWordPress記事作成を半自動化する（2026-04-03）
JSON-LD
JSON for Linking Dataの略。Googleなどの検索エンジンにページの構造化データを伝えるための形式。FAQや商品情報などを検索結果にリッチに表示させるために使う。
※ ACFリピーターフィールド活用術（2026-04-03）
MCP（エムシーピー / Model Context Protocol）
AIモデルが外部のツールやデータソースに接続するための標準プロトコル。Anthropicが策定した仕組みで、対応するMCPサーバーを追加するだけでClaude Codeの「できること」を拡張できる。たとえばGA4のMCPサーバーを接続すると、自然言語でアクセスデータを取得できるようになる。
Next.js（ネクストジェイエス）
Reactベースのフレームワーク（開発の土台）。Webアプリの画面表示やルーティング（ページ遷移）を効率的に構築できる。Vercelが開発しており、SSR（サーバーサイドレンダリング）にも対応。
※ コードが書けないフリーランスが、Claude Codeで1日でWebアプリを本番公開した話（2026-03-29）
opacity（オパシティ）
CSSで要素の透明度を指定するプロパティ。0で完全に透明、1で完全に不透明。
※ WordPressでブログ記事が表示されない！fade-up CSSの落とし穴（2026-04-03）
post_thumbnail_html
WordPressのフィルターフック。アイキャッチ画像のHTMLを出力する直前に、出力内容をカスタマイズできる。アイキャッチ未設定時の代替画像を差し込むなどの用途に使われる。
※ 有料テーマを触りたくない人へ。Code Snippetsという武器（2026-04-05）
Python（パイソン）
プログラミング言語のひとつ。文法がシンプルで読みやすく、データ処理や自動化、AI開発など幅広い分野で使われています。AIと組み合わせて請求書テンプレートなどの実用ツールも作れます。
※ フリーランスが使える時給制請求書テンプレートをAI×Pythonで作った（2026-03-17）
Redirectionプラグイン
WordPressでURLのリダイレクト（転送）を管理できるプラグイン。パーマリンクを変更した際に、旧URLから新URLへ自動で転送する設定ができます。
※ WordPress パーマリンク変更・リダイレクト・CF7実装を一案件でやり切った話（2026-03-17）
REST API
Webサービス同士がデータをやり取りする仕組み。URLに対してリクエストを送ると、データの取得・作成・更新・削除ができる。
※ Claude CodeでWordPress記事作成を半自動化する（2026-04-03）
RLS（Row Level Security）
データベースの行（レコード）単位でアクセス権限を制御する仕組み。「自分のデータだけ見える」といった制限をデータベースレベルで設定できる。Supabaseで標準的に使われるセキュリティ機能。
※ コードが書けないフリーランスが、Claude Codeで1日でWebアプリを本番公開した話（2026-03-29）
SSL
Secure Sockets Layerの略。サイトの通信を暗号化する仕組み。URLが「https://」で始まるサイトはSSLが有効。
※ WordPress見積もりで失敗しない5つのチェックポイント（2026-04-03）
Supabase（スーパベース）
データベースや認証機能をクラウド上で手軽に使えるサービス。PostgreSQLをGUI（画面操作）で管理でき、バックエンド構築の手間を大幅に減らせる。Firebase の代替として人気が高い。
※ コードが書けないフリーランスが、Claude Codeで1日でWebアプリを本番公開した話（2026-03-29）
Tailwind CSS（テイルウィンドCSS）
あらかじめ用意された小さなクラス名を組み合わせてデザインするCSSフレームワーク。`text-center`や`bg-blue-500`のように、HTML上でそのまま見た目を指定できる。
※ コードが書けないフリーランスが、Claude Codeで1日でWebアプリを本番公開した話（2026-03-29）
template_redirect
WordPressのアクションフック。ページのテンプレートを読み込む直前に発火する。リダイレクト処理やページ単位での条件分岐など、テンプレートが表示される前に処理を挟みたい場合に使われる。
※ 有料テーマを触りたくない人へ。Code Snippetsという武器（2026-04-05）
TypeScript（タイプスクリプト）
JavaScriptに「型」（データの種類を明示する仕組み）を追加した言語。コードの間違いを事前に検出しやすくなり、大規模な開発でも安全にコードを書ける。
※ コードが書けないフリーランスが、Claude Codeで1日でWebアプリを本番公開した話（2026-03-29）
V8エンジン
Google Chromeに搭載されているJavaScriptの実行エンジン。ElectronもこのV8エンジンを使ってJavaScriptを動かしている。OSのバージョンとの互換性問題が起きることがある。
※ Claude Codeで子供用「がんばりカレンダー」アプリを作った話（2026-03-20）
Vercel（ヴァーセル）
Webアプリのホスティング（公開）サービス。GitHubと連携すると、コードをpushするだけで自動的に本番環境にデプロイ（公開）してくれる。Next.jsの開発元でもある。
※ コードが書けないフリーランスが、Claude Codeで1日でWebアプリを本番公開した話（2026-03-29）
VESA（ベサ）
Video Electronics Standards Associationの略で、モニターの背面にある取り付け穴の国際規格のこと。75mm×75mmと100mm×100mmが一般的で、モニターアームやマウントの取り付けに使われる。
WebView（ウェブビュー）
アプリ内でWebページを表示するためのブラウザコンポーネント。LINEやTwitterでリンクを開いたときに使われるアプリ内ブラウザ。
※ WordPressでブログ記事が表示されない！fade-up CSSの落とし穴（2026-04-03）
WYSIWYG（ウィジウィグ）
What You See Is What You Getの略。編集画面での表示が実際の出力とほぼ同じになるエディタのこと。WordPressのクラシックエディタがこれにあたる。
※ ACFリピーターフィールド活用術（2026-04-03）
XMLサイトマップ
サイトにあるページの一覧をGoogleに伝えるためのファイル。「うちのサイトにはこのページがありますよ」と教えてあげるリストのようなもの。
※ ヒーロースライダーからSEO設定まで──サイト改修1日まるごと記録（2026-03-16）
Yoast SEO
WordPressでSEO対策をするための定番プラグイン。検索結果に表示されるタイトルや説明文を簡単に設定できます。
※ ヒーロースライダーからSEO設定まで──サイト改修1日まるごと記録（2026-03-16）
あ行
アプリケーションパスワード
WordPress 5.6以降で使える認証方式。管理画面から生成できるパスワードで、REST API経由のアクセス時に使用する。
※ Claude CodeでWordPress記事作成を半自動化する（2026-04-03）
エージェント（AIエージェント）
AIが特定の役割を持って自律的にタスクをこなす仕組みのこと。「企画担当」「技術調査担当」のように役割を割り振ることで、人間のチームメンバーのように動いてくれる。Claude Codeでは複数のエージェントを並列で起動できる。
※ フリーランスの自分専用AI社員チームをClaude Codeで作った話（2026-03-29）
エンキュー（enqueue）
WordPressでCSSやJavaScriptファイルを正しい方法で読み込ませる仕組み。直接HTMLに書くのではなく、wp_enqueue_script関数やwp_enqueue_style関数を使って登録する。
※ WordPressブログにコメント機能を追加・デザイン調整した方法（2026-03-20）
Electronアプリ
WebサイトをそのままWindowsやMacのデスクトップアプリに変換できる技術。普段使っているVS CodeやSlackもこの技術で作られています。
※ AIと一緒にElectronアプリを作った話（2026-03-15）
electron-builder
Electronで作ったアプリをWindowsの.exeやMacの.appといった形式に”梱包”してくれるツール。アプリを他の人が使えるファイルにするために必要な工程。
※ AIと一緒にElectronアプリを作った話（2026-03-15）
か行
guidelines（ガイドライン）
Claude Codeの仮想チームにおいて、エージェントが守るべきルールや判断基準をまとめたファイル。ここに書いた内容がすべてのエージェントに共有されるため、チーム全体の動き方を1か所でコントロールできる。
※ フリーランスの自分専用AI社員チームをClaude Codeで作った話（2026-03-29）
ゴルフ肘（上腕骨内側上顆炎）
肘の内側に痛みが出る症状。ゴルフだけでなく、長時間のキーボード操作やマウス操作でも発症することがある。デスクワーカーの職業病のひとつ。
Gutenberg（グーテンベルク）
WordPress 5.0で導入されたブロックエディタの名称。コンテンツをブロック単位で編集する。
※ Claude CodeでWordPress記事作成を半自動化する（2026-04-03）
コンテキスト（AI）
AIが一度に処理できる情報量のこと。会話の履歴や設定ファイルの内容などが含まれ、上限（コンテキストウィンドウ）を超えると古い情報から忘れていく。設定ファイルのスリム化でコンテキスト消費を節約できる。
※ Claude Codeをカスタマイズして「使うほど賢くなるAI環境」を作った話──ハーネスエンジニアリング実践（2026-03-29）
キーイベント
GA4で「これが起きたら成果とみなす」と設定する重要なアクション。例えば「お問い合わせ送信」や「購入完了」など。以前は「コンバージョン」と呼ばれていました。
※ ヒーロースライダーからSEO設定まで──サイト改修1日まるごと記録（2026-03-16）
さ行
サービスアカウント
人間のユーザーではなく、プログラムやサーバーが使うためのGoogleアカウントの一種。特定のAPIやリソースへのアクセス権を最小限に絞って付与できるため、セキュリティの観点からAPI連携で広く使われている。GA4のMCP接続では、このサービスアカウントにGA4プロパティの「閲覧者」権限を付与して使う。
出力バッファ（しゅつりょくバッファ）
PHPがブラウザに送信する直前のHTMLを一時的に保持しておく仕組み。`ob_start()` で開始し、バッファ内のHTMLに対して文字列置換などを行ってから最終出力できる。テーマを直接編集せずにHTMLを加工したい場合に有効。
※ 有料テーマを触りたくない人へ。Code Snippetsという武器（2026-04-05）
ジモティ
地元の人同士で不用品の譲り合いやメンバー募集などができる地域密着型の掲示板サービス。趣味の仲間探しにも使われている。
※ 月イチのスタジオでストレス発散｜ご近所バンドが最高すぎる話（2026-03-24）
スネークケース
単語をアンダースコア（_）でつなぐ命名規則。例: staff_members。プログラミングの変数名やフィールド名でよく使われる。
※ ACFリピーターフィールド活用術（2026-04-03）
セットリスト
ライブやスタジオ練習で演奏する曲の一覧と順番のこと。略して「セトリ」とも呼ばれる。事前に共有して各自が練習してからスタジオに入るのが一般的。
※ 月イチのスタジオでストレス発散｜ご近所バンドが最高すぎる話（2026-03-24）
セミオーダー
あらかじめ用意された基本デザインの中から、色・サイズ・名前などの一部をカスタマイズして注文する方式。フルオーダーより安価・短納期で、既製品より個性を出せるバランスの良い受注方法。
※ フリーランスが3Dプリンターで始めるオリジナル商品ブランド（2026-03-18）
条件分岐
「もしAならBを表示、CならDを表示」のように、選択内容に応じて表示や動作を切り替える仕組み。CF7ではConditional Fieldsプラグインを使って、フォームの選択肢によって表示項目を変えることができます。
※ WordPress パーマリンク変更・リダイレクト・CF7実装を一案件でやり切った話（2026-03-17）
た行
チルトスタンド
キーボードやディスプレイの傾斜角度（チルト角）を調整するための台のこと。手首の角度を変えることでゴルフ肘や腱鞘炎の負担を軽減する効果が期待できる。
多言語対応
Webサイトやアプリを日本語以外の言語（英語・中国語・韓国語など）でも利用できるようにすること。インバウンド向けの旅館サイトやECサイトでは特に重要な対応です。
※ 旅館サイトに多言語AIコンシェルジュを実装する方法【Claude API連携】（2026-03-17）
デプロイ
開発したアプリやサイトを本番環境（インターネット上）に公開すること。Vercelでは、GitHubにコードをpushするだけで自動的にデプロイされる。
※ コードが書けないフリーランスが、Claude Codeで1日でWebアプリを本番公開した話（2026-03-29）
な行
Node.js
JavaScriptをブラウザの外（パソコン上）で動かせる仕組み。ファイルの読み書きやネットワーク通信など、アプリの”裏側”の処理を担う。
※ AIと一緒にElectronアプリを作った話（2026-03-15）
npm（エヌピーエム）
Node.jsに付属するパッケージ管理ツール。「npm install ○○」と打つだけで、世界中の開発者が公開しているツールやライブラリをインストールできる。Claude Codeもnpmでインストールする。
※ ターミナル初心者のフリーランスWeb制作者が、Claude Codeをゼロからセットアップした全手順（Windows）（2026-03-26）
は行
ハーネスエンジニアリング
プロンプト（AIへの指示文）だけでなく、設定ファイルや自動処理の仕組みなど「AIが動く土台」を整えることで、AIの性能を底上げするアプローチ。「ハーネス（harness）」は馬具の「馬を制御する装具」が語源。
※ Claude Codeをカスタマイズして「使うほど賢くなるAI環境」を作った話──ハーネスエンジニアリング実践（2026-03-29）
フットスイッチトッパー
エフェクターのフットスイッチ（踏むボタン）に被せるキャップのこと。裸足やスニーカーでも踏みやすくなり、隣のスイッチの誤操作防止にもなる。3Dプリントで自作する楽器パーツとして人気が高い。
※ フリーランスが3Dプリンターで始めるオリジナル商品ブランド（2026-03-18）
frontmatter（フロントマター）
ファイルの先頭に書くメタ情報のブロック。YAMLという書式で「—」で囲んで記述する。Claude Codeではエージェントの設定（使用モデル・ツール制限など）に使われる。
※ Claude Codeをカスタマイズして「使うほど賢くなるAI環境」を作った話──ハーネスエンジニアリング実践（2026-03-29）
パーマリンク
Webページの固定URL（恒久的なリンク）のこと。WordPressでは「?page_id=123」のような初期設定から、「/about/」のようなわかりやすい形式に変更できます。SEOにも影響する重要な設定です。
※ WordPress パーマリンク変更・リダイレクト・CF7実装を一案件でやり切った話（2026-03-17）
バニラJS
ReactやVueといった便利な道具を使わず、JavaScriptをそのまま素の状態で書くスタイルのこと。アイスクリームの「バニラ味＝プレーン」から来た呼び方。
※ AIと一緒にElectronアプリを作った話（2026-03-15）
ビューポート
ブラウザウィンドウで現在表示されている領域のこと。スクロールしていない初期状態で見えている部分。
※ WordPressでブログ記事が表示されない！fade-up CSSの落とし穴（2026-04-03）
ヒーロースライダー
トップページの一番上にある大きな画像が自動で切り替わるパーツのこと。お店のショーウィンドウのように、一番伝えたい情報を大きく見せる役割があります。
※ ヒーロースライダーからSEO設定まで──サイト改修1日まるごと記録（2026-03-16）
PowerShell（パワーシェル）
Windowsに標準搭載されているコマンドライン環境。Macの「ターミナル」に相当するもので、ファイル操作やプログラムの実行ができる。Windows 10以降は最初から入っている。
※ ターミナル初心者のフリーランスWeb制作者が、Claude Codeをゼロからセットアップした全手順（Windows）（2026-03-26）
プロンプト
AIに対して出す指示文のこと。どんな役割で動いてほしいか、何をしてほしいかを文章で伝える。Claude Codeでは、プロンプトを貼り付けるだけでファイル構成やエージェント定義を一括生成できる。
※ フリーランスの自分専用AI社員チームをClaude Codeで作った話（2026-03-29）
ま行
メタディスクリプション
検索結果でページタイトルの下に表示される説明文のこと。120〜160文字くらいで、ページの内容をわかりやすく伝えるのがコツ。
※ ヒーロースライダーからSEO設定まで──サイト改修1日まるごと記録（2026-03-16）
メディアクエリ
CSSで「画面幅が○○px以下のときはこのデザインにする」と条件をつけてレイアウトを切り替える仕組みのこと。レスポンシブデザインの要。
※ ヒーロースライダーからSEO設定まで──サイト改修1日まるごと記録（2026-03-16）
ぺ行
ペアプログラミング
2人1組でプログラムを書く開発スタイルのこと。本来はエンジニア同士で行うものだが、今はAIが”相棒”として参加してくれる。
※ AIと一緒にElectronアプリを作った話（2026-03-15）
ら行
リダイレクト
あるURLにアクセスしたときに、別のURLへ自動的に転送する仕組み。パーマリンクを変更した際に、古いURLでアクセスした人を新しいURLへ案内するために使います。
※ WordPress パーマリンク変更・リダイレクト・CF7実装を一案件でやり切った話（2026-03-17）
リポジトリ
ソースコードやファイルをまとめて保管する場所のこと。GitHubでは、1つのプロジェクトごとに1つのリポジトリを作って管理するのが一般的です。
※ AIと作ったアプリをGitHubで公開するまでの手順【フリーランスGitHubデビュー】（2026-03-17）
レスポンシブ
パソコン・タブレット・スマホなど画面サイズに合わせてレイアウトが自動で変わる仕組みのこと。今のWebサイトでは必須の対応です。
※ ヒーロースライダーからSEO設定まで──サイト改修1日まるごと記録（2026-03-16）
localStorage（ローカルストレージ）
ブラウザにデータを保存できる仕組み。サーバーを使わなくても、ブラウザを閉じてもデータが残る。ただし、ブラウザのデータを消去すると一緒に消えるので注意が必要。
※ Claude Codeで子供用「がんばりカレンダー」アプリを作った話（2026-03-20）
wp_posts
WordPressの投稿データを格納しているデータベーステーブル。タイトルや本文、投稿日時、コメント可否などの情報が入っている。コメント機能の一括有効化などでSQL操作の対象になることがある。
※ WordPressブログにコメント機能を追加・デザイン調整した方法（2026-03-20）
wp_head / wp_footer
WordPressの代表的なアクションフック。wp_headは`
`内、wp_footerは``直前に発火する。meta tagや構造化データ（JSON-LD）、JavaScriptなどを出力する場所として使われる。※ 有料テーマを触りたくない人へ。Code Snippetsという武器（2026-04-05）