AI Coding Glossary
開発初心者が覚えておきたいIT専門用語
筆者含め、Claude CodeやCodexなどのAIをフル活用し、プログラミングやWeb制作を進める人が急増している。コードの作成や修正はもちろん、エラーの原因調査から解決まで、初心者でもあらゆることができてしまう時代。正直、もうAIなしでのコーディングなんて考えられない状態になってしまった。
ただ注意しておきたいのは、「AIを使えば何も知らなくていい」というわけではないということ。
むしろ、一定のITリテラシーを持っているかどうかで、AIへの質問の質や返ってくる回答の理解度が大きく変わる。特にセキュリティ面が重要で、何でもかんでも「YES」を連発するのは危険すぎる。
ということで本記事では、AIで開発を始める初心者が覚えておきたい専門用語をリストアップしていく。(随時更新予定)
最初から完璧に理解しようとせず、各用語の意味がなんとなくわかればOK、くらいの気持ちで読んでみてほしい。
該当する用語がありません。
404エラー(404 Not Found)

アクセスしたURLにページが存在しないとき、サーバーが返すエラーのこと。URLの打ち間違い、ページの削除、リダイレクト未設定などが主な原因となる。
アクセスしたURLにページが存在しないとき、サーバーが返すエラーのこと。URLの打ち間違い、ページの削除、リダイレクト未設定などが主な原因となる。
アクセシビリティ(Accessibility)

年齢、障害、利用環境などに関係なく、できるだけ多くの人がWebサイトやアプリを利用でき、情報にアクセスしやすくするための考え方や設計のこと。
文字の読みやすさ、色だけに頼らない情報設計、画像の代替テキスト、キーボード操作、フォームの分かりやすさなどに関わる。AIに画面を作らせるときも、見た目だけでなく「誰でも使えるか」を確認する視点が重要になる。
パスを通す(Add to PATH)

新しくインストールしたツールやコマンドを、ターミナルの「どこからでも名前を呼ぶだけで使えるようにする」設定のこと。
開発ツールをインストールしたのに、ターミナルでそのコマンドを打つと「Command not found(そんなコマンドは見つかりません)」と怒られるのは、この「パスを通す」作業を忘れているのが原因。AIから「環境変数にパスを通してください」と指示されたら、「パソコンにツールの居場所を登録するんだな」と思い出そう。
APIキー(API Key)

前述の「API」を使って、例えば「自分のアプリにChatGPTを組み込みたい」と思った時、ただ繋ぐだけでは許可されず、自分が発行したこの秘密の鍵(文字列)を一緒に送ることで初めて連携できる。.envに書かれることが多いが、絶対に他人に知られてはいけないスーパー重要情報なので、GitHub等にアップしないよう(環境変数を使うなど)厳重に管理する必要がある。
API(Application Programming Interface)

例えば、自分の作ったアプリに「X(旧Twitter)のタイムラインを表示したい」とか「ChatGPTのAIを組み込みたい」と思ったとき、それぞれのサービスが用意しているAPIという窓口を通してデータをやり取りする。レストランでいうところの、注文を通して厨房に伝え、料理を運んでくれる「ウェイター」のような役割を果たしている。
配列 / リスト(Array / List)

例えば「りんご」「みかん」「ぶどう」という3つの別々のデータを、ひとつのグループとして扱いやすくする。「買い物リスト」を作り、1番目にこれ、2番目にこれ…と整理して入れておくイメージ。AIを使ったアプリでも、取得した複数のデータを画面に一覧表示したい時には必ずと言っていいほどこの配列が使われる。
バックエンド(Back-end)

レストランでたとえるなら、注文を受けたあとに料理を作る「厨房」や、材料を管理する「倉庫」のような役割にあたる。ログイン判定、会員情報の保存、注文データの記録、決済処理など、画面の裏で重要な仕事を担当している。
ブランチ(Branch)

たとえば、本番用のコードはそのまま安全に保ちつつ、新機能の追加や大きな修正を別の作業ラインで進められる。もしその作業中に失敗しても、元の安定版にはすぐ影響しにくいため、AIと一緒に大胆な変更を試したいときにも非常に役立つ。
ブラウザ(Browser)

WebサイトやWebアプリを表示・操作するためのソフトウェアのこと。Chrome、Firefox、Safari、Edgeなどが代表的。
ビルド(Build)

人間が書いた(あるいはAIに書かせた)バラバラのコードや素材を、最終的に実行・公開しやすい完成品ファイル一式へ変換・組み立てる作業のこと。
開発中のコードや素材を、実行や公開に向いた形へ変換・組み立てる作業のこと。特に最近のWeb開発では、React などを使ったあとにターミナルでビルドを実行しないと、本番用の完成ファイルが出力されないことが多い。
キャッシュ(Cache)

一度読み込んだデータを一時保存して、次回からより速く表示・処理するための仕組みのこと。便利な仕組みである反面、開発中には「コードを直したのに画面が変わらない」「古い内容が表示される」といった原因にもなりやすい。
キャメルケース / スネークケース(CamelCase / snake_case)

プログラミングでは名前にスペースを入れられないことが多いため、単語の区切りを別の方法で表す必要がある。userName のように単語の切れ目を大文字で表すのがキャメルケース、user_name のようにアンダースコアでつなぐのがスネークケースである。
canonical

同じ内容に複数のURLでアクセスできると、検索エンジンがどれを代表ページとして扱うべきか迷うことがある。canonicalはその判断を助ける重要なヒントであり、リダイレクトやnoindexとは目的が違う。
クラス(Class)

たとえば、たい焼きメーカーの金型があれば、中身を変えながら「あんこ味」「クリーム味」などのたい焼きを何個も作れる。クラスもそれに近く、「こういうデータと機能を持つものを作るための共通の型」をあらかじめ決めておく仕組みである。
CLI(Command Line Interface)

普段使っているGUI(マウスやタップで操作する画面)の反対にあたる。AIコーディングでは、後述の「ターミナル」というツールを使ってCLI操作を行う場面が頻出する。はじめは黒い画面に文字が羅列されていてとっつきにくく感じるが、開発には欠かせない。
コマンドプロンプト(Command Prompt)

Windowsでコマンドを文字入力して、ファイル操作や環境確認、プログラム実行などを行うためのツールのこと。
dir や cd のような命令文を入力してPCを操作するWindowsの代表的なコマンド環境。CLIは操作方式の名前で、コマンドプロンプトはそのCLI操作を行うための具体的なツールのひとつである。
コメントアウト(Comment Out)

ソースコードの中で // や /* ... */、HTML の <!-- ... --> などの特定の記号を使うと、その部分はコンピューターから実行対象として無視される。そのため、「ここは後で直す」「この処理は一旦止めたい」といったメモや、一時的な無効化によく使われる。
コミット(Commit)

「ここまでの作業をひとまず確定!」と宣言して、歴史に1ページを刻むイメージ。このとき「ヘッダーの色を変えた」「ログイン機能を追加した」というようなメモ(コミットメッセージと呼ばれる)を一緒に残しておくことで、後から見返したときに何を変更したのかが一目でわかるようになる。

具体的には、上図のようにgit add .とgit commit -m "コミットメッセージ"を使ってセーブすることが多い。
コンパイラ / コンパイル(Compiler / Compile)

コンパイラは人間が書いたソースコードをコンピューターが実行しやすい形に変換するプログラムで、コンパイルはその変換作業のこと。
人間向けのコードを、コンピューターが扱いやすい形へ翻訳するイメージ。AIが書いたコードでも、コンパイルやビルドを通すことで文法ミス、型の不一致、import漏れなどを早めに見つけられる。
コンポーネント(Component)

レゴブロックの「窓パーツ」や「ドアパーツ」のように、画面や機能を小さな単位に分けて作るイメージである。たとえば「ログインボタン」「ヘッダー」「商品カード」「モーダル」などを1つずつ独立した部品として作っておくと、いろいろな場所で使い回しやすくなる。
コンフリクト(Conflict)

マージをしようとしたとき、「本番のコード」と「自分が今追加しようとしているコード」の「同じ行」が別々の内容に書き換わっていて、Gitが「どっちを優先すればいいの!?」とパニックを起こすエラーのこと。
「競合」とも呼ばれる。AIにコードを書き直してもらっている最中に、自分でも手動でコードをいじってセーブ(コミット)してしまうとよく発生する。解決するには「こっちのコードを採用する」と人間が手動で選んであげる作業が必要になる。
定数(Constant)

TAX_RATE や MAX_ITEMS のように、意味のある固定値へ名前を付ける考え方。直接数字や文字列を何度も書くより、コードの意図が伝わりやすくなり、あとから修正するときの漏れも減らしやすい。
コンテキスト(Context)

例えば、AIに突然「画面の下の方にボタンを作って」と指示しても、何の話かわからないのと同じ。「今のコード全体の状況」や「自分が何を作ろうとしているか」というメモ(コンテキスト)を最初にAIへ読み込ませることで、トンチンカンな回答を防ぐことができる。最近のAIツールは、こういったメモ(Claude CodeでいうCLAUDE.mdなど)を自動で読み込んでくれる機能が優秀になっていることが多い。
Cookie(クッキー)

一度ログインしたサイトに数日後アクセスしてもログイン状態が続いているのは、Cookie にセッションIDなどの「このユーザーを識別する手がかり」が保存されているからである。カートの中身、表示設定、言語設定、アクセス履歴の一部などが保存されることもある。
CORS(Cross-Origin Resource Sharing)

異なるオリジン(プロトコル、ドメイン、ポート)のサーバーへのリクエストを、ブラウザが制限・許可する仕組みのこと。フロントエンドから外部APIを呼ぶときに「CORSエラー」が発生することがある。
異なるオリジン(プロトコル、ドメイン、ポート)のサーバーへのリクエストを、ブラウザが制限・許可する仕組みのこと。フロントエンドから外部APIを呼ぶときに「CORSエラー」が発生することがある。
CRUD

データを扱う基本操作の頭文字をまとめた言葉のこと。Create(作成)・Read(読み取り)・Update(更新)・Delete(削除)の4つがデータベース操作やAPIの設計の基本になる。
データを扱う基本操作の頭文字をまとめた言葉のこと。Create(作成)・Read(読み取り)・Update(更新)・Delete(削除)の4つがデータベース操作やAPIの設計の基本になる。
CSS(Cascading Style Sheets)

Webページの見た目(色・フォント・レイアウト・余白など)を指定するスタイルシート言語のこと。HTMLと組み合わせてデザインを表現する。
データベース(Database)

単純なファイル保存とは違い、必要なデータだけをすばやく探したり、追加・更新・削除したりしやすいように作られている。AIを使ったアプリでも、ログイン情報、会話履歴、生成結果、設定情報などを保存したいなら、データベースの考え方がとても重要になる。
デバッグ(Debug)

プログラムに不具合があると、画面が崩れたり、ボタンが反応しなかったり、エラーが表示されたりする。そのときに「どこが原因か」を切り分けて調べ、問題を直していくのがデバッグである。AIが書いたコードでも、思った通りに一発で完璧に動くとは限らないため、AI時代でも重要な基本作業である。
依存関係(Dependencies)

たとえば、カレンダー表示や画像処理などを実装したいとき、AIから「まず依存関係をインストールしてください」と言われることがある。多くの場合は、npm install、composer install、pip install -r requirements.txt などで必要な部品をそろえる。
便利な一方で、依存関係が増えるほど管理やセキュリティ確認の手間も増える。AIに提案されたパッケージ名をそのまま盲信せず、公式性、更新状況、脆弱性の有無を確認する意識が大切である。
デプロイ(Deploy)

手元のパソコンで作って確認していたものを、サーバーなどの公開環境へ反映して、想定したユーザーが実際にアクセスできるようにする作業である。静的サイトならアップロードに近いこともあるが、アプリでは環境変数、DB接続、サーバー起動、動作確認まで含むことが多い。
デプロイして終わりではなく、公開後のURL確認、エラーログ確認、問題があったときに前の状態へ戻す判断も重要になる。
ディレクトリ(Directory)

WindowsやMacの画面上(GUI)で見るときは「フォルダ」と呼ぶのが一般的だが、ターミナルの文字画面(CLI)からコンピュータの構造として扱うときは「ディレクトリ」と呼ばれることが多い。
難しい話は置いておいて、まずは「ディレクトリといえばフォルダのこと」と考えてしまって全く問題ない。
Docker(ドッカー)

「自分のWindowsでは動いたのに、他の人のMacでは動かない」といった環境差の問題を減らすためによく使われる。アプリ本体、必要なツール、ライブラリ、設定などをコンテナとしてまとめ、開発者同士で近い環境を再現しやすくする。
ただし、Dockerを使えば何もかも完全に同じになるわけではない。ホストOS、CPU、ファイル権限、ネットワーク設定などの影響を受けることもあるため、「環境差を大きく減らしやすくする技術」と考えるとよい。
ドメイン(Domain)

たとえば当サイトなら、noveblo.com の部分がドメインにあたる。本来、コンピュータ同士はIPアドレスで通信しているが、数字だけでは人間にとって覚えにくいため、覚えやすい名前としてドメインが使われている。
ドメインはWebサイトだけでなくメールにも関係する。一定期間使う権利を登録して更新していくものなので、更新忘れや、商標・既存ブランドと紛らわしい名前にも注意が必要である。
DNS(Domain Name System)

私たちは普段、google.com や example.com のような覚えやすい名前でWebサイトにアクセスしている。DNSは、その人間向けの名前と、コンピュータ向けの数字の住所を結びつける「インターネットの電話帳」のような仕組みである。
Webサイトの接続先だけでなく、メールの配送先、ドメイン所有確認、認証用の文字情報などにも関わる。DNS設定を変えてもすぐ全員に反映されないのは、各所にDNSキャッシュが残ることがあるためである。
エンドポイント(Endpoint)

APIやネットワーク通信で、リクエストを送る具体的な接続先や、HTTPメソッドとURLの組み合わせのこと。どの処理やデータにアクセスするかを示す入口になる。
APIに用意された「受付窓口」のようなもの。たとえば GET /products は商品一覧を取得する入口、POST /orders は注文を作成する入口、というようにURLとHTTPメソッドを組み合わせて理解すると実務に近い。
.env

プロジェクト内に置かれることが多く、APIキー、データベース接続情報、メール設定などをコード本体から分けて管理するために使われる。ただし、置くだけで必ず自動読み込みされるわけではなく、フレームワークやライブラリ側の仕組みが必要になることもある。
本物のパスワードや秘密のキーが入ることが多いため、GitHubなどへ公開してはいけない。通常は.gitignoreで管理対象から外すが、フロントエンドではVITE_やNEXT_PUBLIC_付きの値がブラウザ側に見える場合がある点にも注意が必要。
環境変数(Environment Variable)

システムやアプリの動作に必要な設定値を、コード本体とは別に持たせるための仕組みのこと。APIキー、データベースの接続情報、メール設定、本番環境か開発環境かの区別など、コードの中に直接書きたくない認証情報や設定値を外側から渡すためによく使われる。
エラーハンドリング(Error Handling)

数値欄に文字を入れられた、通信先のAPIが落ちていた、必要なデータが取得できなかった、というような予想外の事態に備える考え方。分かりやすい案内を出したり、ログを残したり、安全なところで処理を止めたりする。
エラーログ(Error Log)

システムが残した「トラブルの記録メモ」であり、原因を調べるための重要な手がかりになる。初心者にとっては意味不明な英語の羅列に見えやすいが、エラー名、ファイル名、行番号、メッセージ本文を見ると問題の場所を絞り込みやすい。
拡張機能 / プラグイン(Extension / Plugin)

VS Code や WordPress などは、最初から全部入りにするのではなく、自分に必要な拡張機能やプラグインを追加して使いやすくしていくことが多い。便利な一方で、信頼性や更新状況、権限要求、安全性を確認してから導入することが大切である。
ファビコン(Favicon)

ブラウザのタブやブックマーク、検索結果などに表示される、Webサイトを識別するための小さなアイコン画像のこと。
fetch(Fetch API)

JavaScriptでHTTPリクエストを送りサーバーやAPIからデータを取得するための組み込み関数のこと。ブラウザ標準で使え、Promise(非同期処理)ベースで動作する。
JavaScriptでHTTPリクエストを送りサーバーやAPIからデータを取得するための組み込み関数のこと。ブラウザ標準で使え、Promise(非同期処理)ベースで動作する。
フレームワーク(Framework)

開発でも、認証、画面表示、ルーティング、データベース連携などを毎回ゼロから作るのではなく、よく使う仕組みがまとまった土台を利用すると効率化しやすい。React や Vue のようなUIライブラリ、Next.js や Nuxt のようなフレームワーク、Django や Laravel、Symfony などがよく話題に出る。
フロントエンド(Front-end)

Webサイトやアプリでいえば、文字の見た目、画像の配置、ボタン、フォーム、アニメーション、画面遷移など、ユーザーが実際に触れる部分がフロントエンドである。HTML、CSS、JavaScript の修正案は、この領域に関するものが多い。
FTP / SFTP

手元のPCとサーバーの間でHTML、CSS、画像、WordPressテーマなどをアップロード・ダウンロードするときに使われる。通常のFTPは暗号化されないため、使えるならSSHベースのSFTPを選ぶほうが安全である。
フルスタック(Full-stack)

フロントエンドからバックエンド、データベース、インフラ寄りの設定まで、開発の複数領域を横断して扱えること。
たとえば、見た目を作るフロントエンド、裏側の処理を作るバックエンド、データを保存するデータベース、公開や実行環境に関わるサーバー設定までを、ひとつながりで扱える状態を「フルスタック」と呼ぶことが多い。ただし、AIに任せるだけでフルスタックになれるわけではなく、全体のつながりを理解して判断する基礎は必要である。
関数(Function)

たとえば「2つの数字を受け取って足し算する」「ボタンを押したらメッセージを表示する」といった一連の流れを、ひとつの名前つき部品としてまとめたものが関数である。同じ処理を何度も書かずに済むため、コードを短くしやすく、読みやすくもなる。
GA4(Google Analytics 4)

Googleが提供するアクセス解析ツールで、Webサイトやアプリに訪れたユーザーの行動をイベント単位で計測・分析できる仕組みのこと。
「何人がサイトに来たか」「どのページが見られているか」「どこから流入したか」「ボタンがクリックされたか」などを確認できる。Webサイトやブログ、ECサイト、Webアプリを感覚だけでなくデータを見ながら改善するための基本ツールである。
Git

ファイルの変更履歴を記録し、過去との比較や復元、分岐作業をしやすくするバージョン管理システムのこと。

コードを書いていると、間違えて大事な処理を消してしまったり、さっきまで動いていた状態に戻したくなったりすることがある。Git を使うと、そうした変更の歴史を残しながら作業できる。AIコーディングでは試行錯誤の量が増えやすいため、Git でこまめに履歴を残しておくことは、かなり強い防御策になる。
具体的には、ターミナルで特定のコマンド(git log --oneline など)を打つと、セーブポイントの一覧が見られる。
さらに別のコマンドを打てば、セーブポイントまで戻ることもできる。

GitHub

Gitで記録した履歴やファイルを、インターネット上で保存・共有できるサービスのこと。
先ほどがセーブデータ機能なら、こちらは「クラウド上のセーブデータ保管庫」だと考えるとわかりやすい。

自分のPCが壊れてもデータが消えないのはもちろん、世界中の人が自分のコードを見たり、他の人のコードを参考にしたりできる(公開設定をPrivateにすることで非公開にできる。基本的にはPrivateを選ぶ)。AIツールの中には、このGitHubから直接コードを読み込んでくれるものもある。
GUI(Graphical User Interface)

日常的にスマホやPCで目にする、ボタンのクリックやドラッグ&ドロップができる画面はすべてGUIにあたる。
反対に、後述するCLI(文字のコマンドだけで操作する画面)とよく比較して使われる。
ハルシネーション(Hallucination)

直訳すると「幻覚」。AIで何か調べものをするときに、古い情報や誤った情報を返すことが度々ある。AIコーディング中であれば、「AIが提案してくれた便利そうなコードが、実はそもそも存在しない架空の拡張機能だった」というケースなど。AIのアップデートにより正確性はかなり改善されてきたが、AIの言うことを100%信じ切るのではなく、引用元を確認するなどして正しい情報であるかを常に意識することが大事である。
ハードコード(Hard-coding)

「パスワード」や「ユーザーの名前」、「商品の値段」といった変動するはずのデータを、コードの中に「直接ベタ書き」してしまうこと。
例えば、税率計算の処理に「0.1(10%)」という数字を直接書き込んでしまうと、将来税率が変わったときにコードを全て探し回って直さなければならなくなる。AIにコードを作らせる際も、「ここはハードコードしないで」と伝えることで、後から変更しやすい質の高いコードに仕上げてくれる。
ヘッダー / フッター(Header / Footer)

Webページの上部(ヘッダー)と下部(フッター)に配置されるレイアウト領域のこと。ヘッダーにはロゴやナビゲーション、フッターには著作権表示や補足リンクが置かれることが多い。
Webページの上部(ヘッダー)と下部(フッター)に配置されるレイアウト領域のこと。ヘッダーにはロゴやナビゲーション、フッターには著作権表示や補足リンクが置かれることが多い。
ホスティング(Hosting)

WordPressブログ、会社サイト、ECサイト、静的HTMLページなどを公開するには、ファイルやデータを置いておく場所が必要になる。その場所を提供してくれるのがホスティングサービスであり、初心者向けには「自分のサイトをネット上に置くための土地や建物を借りるサービス」と考えるとわかりやすい。
HTML(HyperText Markup Language)

Webページの構造と内容を定義するマークアップ言語のこと。見出し・段落・リンク・画像などの要素をタグで記述する。
HTTP / HTTPS(HyperText Transfer Protocol)

Webサイトを見たり、インターネット上でデータをやり取りしたりするための「通信のルール」のこと。
普段ブラウザでURLを見るときに先頭についている「http://」や「https://」のことである。
特に「HTTPS」の「S」はSecure(安全)の略で、通信が暗号化されていて誰かに覗き見されにくい状態であることを意味している。
現状、たいていのサイトは「https://」で始まるが、古いサイトなどは「http://」から始まっていることもある。こういったサイトは通信が暗号化されていないため、基本的にアクセスしない方がいい。
もちろん当サイト(https://noveblo.com/)は「https://」からはじまっているので、ご安心を!
HTTPリクエスト(HTTP Request)

Webサイトを開くとき、ブラウザはサーバーへ「このURLのページをください」とリクエストを送っている。そのお願いを受け取ったサーバーは、HTMLや画像、JSONデータなどをHTTPレスポンスとして返す。Web通信の基本は、クライアントがリクエストを送り、サーバーがレスポンスを返す流れで成り立っている。
IDE(Integrated Development Environment)

プログラミング(コードを書く作業)をするための高機能な作業ツールのこと。
日本語に訳すと「統合開発環境」となり、「コードエディタ」「エディタ」と呼ばれることもある。
普通のメモ帳と違い、コードの自動補完やエラー箇所のお知らせ、ファイルごとの管理などを一括で行え、開発を劇的に楽にする機能が詰め込まれている。代表的なものに「VS Code」や、AI内蔵型の「Cursor」がある(Cursorは筆者のお気に入りのツール)。
無限ループ(Infinite Loop)

AIに作ってもらったコードをローカルホストで確認したとき、ブラウザの読み込みマークがぐるぐる回り続けて操作不能になったら、だいたいこれが原因。コンピューターの頭のキャパシティ(メモリ)を食いつぶしてしまうため、強制終了してAIに「画面がフリーズしました、無限ループしていませんか?」とデバッグを依頼しよう。
IPアドレス(IP Address)

「192.168.1.1」のような数字の羅列で表される。ネットの世界で手紙(データ)を迷わず届けるために絶対必要な宛先だが、人間にとって数字の羅列は覚えにくいため、後述のDNSという仕組みと一緒に使われることが多い。
JavaScript

Webブラウザ上やサーバー上で動作するプログラミング言語のこと。Webページに動きをつけたり、APIと通信したり、Node.jsを使ったサーバー処理にも使われる。
Webブラウザ上やサーバー上で動作するプログラミング言語のこと。Webページに動きをつけたり、APIと通信したり、Node.jsを使ったサーバー処理にも使われる。
JSON(JavaScript Object Notation)

システム間でデータをやり取りするときによく使われる「データ記述のルール(フォーマット)」のこと。「ジェイソン」と読む。
「名前 : 太郎, 年齢 : 20」のように、項目名と中身をセットにしてシンプルな文字列にするのが特徴。API(他のサービスとの窓口)を使ってデータを引っ張ってくるときは、だいたいこのJSONという形式でデータが届く。人間にもAIにとっても整理して読み書きしやすいため、現代の開発で最もよく目にするデータ形式。
LLM(Large Language Model)

正式には **Large Language Model**、日本語では「大規模言語モデル」と呼ばれる。ChatGPTのようなAIチャット、文章作成、要約、翻訳、コード生成、質問回答などの土台になっている技術である。初心者向けには、「大量の文章を学習して、次に来る言葉や自然な返答を予測できるようになったAI」と考えるとわかりやすい。
ローカル環境(Local Environment)

自分の手元のパソコン(PC)の中の環境のこと。単に「ローカル」と呼ばれることも多い。
反対に、インターネット上の空間のことを「サーバー」と呼んで区別する。
「ローカルでテストする」「ローカルにあるファイルを読み込む」というのは、わざわざインターネット上に公開して他の人がアクセスできる状態にしなくても、自分の手元のPCの中だけでアプリが動いている状態のこと。
AIと一緒にプログラミングをするときも、まずはこの「ローカル環境」の中でテストしながら作り込み、完成してからインターネット上(サーバー)に公開していくのが基本になる。
ローカルホスト(localhost)

Webアプリを作って動作確認するとき、ブラウザに「http://localhost:3000」などのURLを打ち込むのが定番の流れ。インターネット上ではなく、あくまで「自分のPCの中だけ」で動いている状態なので、このURLを他の人に教えても(他の端末からは)アクセスできない。
マジックナンバー(Magic Number)

コードの中に説明なしで直接書かれた意味不明な数値のこと。なぜその数値なのかがコードから読み取れず、保守・変更を難しくする原因になる。定数に名前をつけて管理するのが望ましい。
コードの中に説明なしで直接書かれた意味不明な数値のこと。なぜその数値なのかがコードから読み取れず、保守・変更を難しくする原因になる。定数に名前をつけて管理するのが望ましい。
マークダウン(Markdown)

AIが理解しやすい文章として、最近注目を集めるようになった文章形式。NotionやObsidianなどのマークダウン形式で書くことが前提のツールは、AIとの相性が特に良い。「# 見出し」や「- リスト」のように書くだけで綺麗にデザインされ、開発者のメモや説明書(READMEなど)でも非常によく使われる。AIに「マークダウン形式で出力して」とお願いすると、そのままコピペして使える綺麗な表やリストを一瞬で作ってくれる。
マージ(Merge)

枝分かれして作業していたブランチのコードを、本番用のメインのコードに「合体(統合)させる」操作のこと。
前述のプルリクエストが承認されると、晴れてこのマージ作業が行われる。RPGゲームで例えるなら、別ルートで集めたアイテムや経験値を、主人公のメインデータにガッチャンコして引き継ぐイメージ。ここまで来てようやく、AIと一緒に作った新機能が本番の世界に組み込まれる。
メタタグ(Meta Tag)

HTMLのhead内に記述する、ページの情報(文字コード・説明文・キーワード・SNS表示設定など)をブラウザや検索エンジンに伝えるためのタグのこと。
HTMLのhead内に記述する、ページの情報(文字コード・説明文・キーワード・SNS表示設定など)をブラウザや検索エンジンに伝えるためのタグのこと。
モジュール(Module)

プログラムの機能や処理を、再利用しやすい単位に分けた部品のこと。コードを整理し、必要な場所から読み込んで使えるようにする。
たとえば、計算処理、日付処理、フォーム処理、API通信処理などを1つのファイルやまとまりに分けておき、必要な場所から読み込んで使う。大きなプログラムを全部1つのファイルに詰め込むと分かりにくくなるため、役割ごとにモジュール化して整理する。初心者向けには、「コードを役割ごとに分けた部品箱」と考えるとわかりやすい。
noindex / nofollow

noindexは検索結果に表示しないよう検索エンジンへ伝える指定、nofollowはページ内リンクを評価・関連付け・巡回の対象にしないでほしいと伝える指定のこと。
**noindex** は「このページを検索結果に表示しないでください」と伝える指定で、**nofollow** は「このページ内のリンクを評価・関連付け・巡回の対象にしないでほしい」と伝える指定である。たとえば、管理用ページ、重複ページ、検索結果に出したくない一時ページなどで使われることがある。初心者向けには、検索エンジンに対する「このページは載せないで」「このリンク先は強く推薦しているわけではありません」という案内札のようなものだと考えるとわかりやすい。
オブジェクト(Object)

プログラムの中で、関連するデータや機能をひとまとまりにして扱うもののこと。現実世界の「もの」をコード上で表す考え方にも使われる。
たとえば「ユーザー」というオブジェクトなら、名前、メールアドレス、年齢のようなデータをまとめて持たせることができる。さらに、オブジェクト指向の考え方では、データだけでなく「ログインする」「表示名を取得する」といった処理も一緒に持たせることがある。初心者向けには、「関連する情報や動きをまとめた、コード上の“もの”」と考えるとわかりやすい。
og:image

SNSやチャットアプリでページURLを共有したときに表示する画像URLを指定するためのOpen Graphのmetaタグのこと。画像そのものではなく、画像を指定するHTMLタグである。
たとえば、ブログ記事やWebアプリのURLをX、Facebook、LINE、Slackなどに貼ったとき、タイトルや説明文と一緒に画像が表示されることがある。この画像ファイルを **OGP画像** と呼ぶことがあり、その画像URLをHTML上で指定するタグが `og:image` である。初心者向けには、「SNSでシェアされたときに出す看板画像を指定するタグ」と考えるとわかりやすい。
OSS(Open Source Software)

設計図であるソースコードが公開されており、ライセンス条件に従って中身を見たり、使ったり、改良したりできるソフトウェアのこと。
代表的なものにWordPressやLinuxなどがある。営利企業ではなく、世界中のボランティアエンジニアたちによって日々改良されていくという素晴らしい文化の結晶。AI開発で使うツールの多くも長年OSSとして育てられてきた背景があり、「無料で使えるのが当たり前」なITのベースを作っている。
OS(Operating System)

パソコンやスマホなどの機器を動かす土台となる基本ソフトウェアのこと。アプリや周辺機器が使えるように全体を管理する役割を持つ。
正式には **Operating System** と呼ばれ、日本語では「基本ソフトウェア」とも言われる。Windows、macOS、Linux、iOS、Androidなどが代表例である。初心者向けには、OSは「アプリや機械を動かすための土台」であり、ユーザーとハードウェアの間に入って全体を管理してくれる存在だと考えるとわかりやすい。
パッケージ(Package / ライブラリ)

例えば「カレンダーを表示する機能」や「グラフを描く機能」などを自分でゼロから作らなくても、パッケージとしてダウンロードすれば瞬時に自分のアプリに組み込める。これらを管理するためのツール(パッケージマネージャー)として、JavaScript環境だと「npm」、Python環境だと「pip」という言葉が非常によく飛び交う。
パス(Path)

ファイルやディレクトリ(フォルダ)の場所を示す「住所」のような文字列のこと。
システムやAIに対して「このファイルを読み込んで」「ここに保存して」と正確な場所を指示したいときに必ず使われる。

PC上のフォルダ内のファイルなら、上図のような文字列の連なりとして表せる。
9-1. 絶対パス(Absolute Path)と相対パス(Relative Path)
絶対パスとは、PC全体の中でその場所を一番上の階層から完全に指定する書き方のこと。
最初から最後までフルで住所を書くイメージ。
相対パスとは、今作業している場所を基準にして指定する書き方。
近くの場所を「隣の部屋」みたいに省略して表現するイメージ。
権限(パーミッション)

ファイルやディレクトリを「誰が」「どう操作できるか(読む・書き込む・実行するなど)」を決める許可証のこと。
ターミナル操作やAIの実行中に「Permission denied(権限がありません)」というエラーが出ることがよくある。
これは、スマホアプリで「写真へのアクセスを許可しますか?」と聞かれるのと同じイメージ。権限がないと勝手にファイルを書き換えられないようになっており、AIであってもPCの重要な部分を壊さないためのセキュリティの壁として働いている。
ポート番号(Port Number)

前述のローカルホスト(住所)とセットで使われることが多い。「マンション(localhost)の何号室(ポート番号)」というイメージで、例えばWeb開発なら「3000」や「8080」が、SSH接続するときは「22」や「10022」がよく使われる。もしターミナルで「ポートが既に使われています」とエラーが出た場合は、別のアプリがその扉を占領していることが原因である。
PowerShell


古くからあるWindowsの「コマンドプロンプト」のパワーアップ版(上位互換)にあたり、より複雑な指示が出せるようになっている。AIコーディングでWindowsを使う場合、コマンドプロンプトではなくこちらのPowerShellを開くように指示されることが多い。コマンドプロンプトより新しいターミナルで、実質上位互換的に使える。
プロンプト(Prompt)

AIは非常に優秀だが、抽象的な指示(例:「いい感じのサイトを作って」)だと期待外れのものを返してきやすい。自分が作ってほしい「具体的な機能・デザイン・ルール」をプロンプトとして上手く伝えられるかどうかが、AIコーディングの成功を大きく左右する。
・・・というのが通例だったが、あまりに指示が細かい・具体的過ぎると、今度はAIの対応を制限してしまうことがある。プロンプトが短い方が、AIを柔軟に働かせられるという側面もあるため、一概にどのようなプロンプトがベストかは判断できなくなっている。
公開鍵認証(Public Key Authentication)

SSHでサーバーへ接続するときによく使われる。サーバー側には「公開鍵」を登録しておき、自分のPC側には「秘密鍵」を安全に保管する。そして接続時に、その秘密鍵を持っている本人かどうかを確認する。初心者向けには、「サーバーに照合用の鍵情報を登録しておき、自分だけが持つ秘密鍵で本人確認する仕組み」と考えるとわかりやすい。
プルリクエスト(Pull Request / PR)

作業ブランチで加えた変更を別のブランチへ取り込んでもらうために、内容の確認とレビューをお願いする依頼のこと。
チーム開発でよく使われるGitHubの機能。AIと一緒に作った新機能のブランチを、勝手に本番に反映させるのではなく、一旦プルリクエストを出して「これで問題ないか確認してね」とワンクッション置くのが安全なチーム開発のお決まりのパターン。
なお、筆者は現在個人で開発しているので、プルリクエストすることはない。
Python

シンプルな文法で読み書きしやすいプログラミング言語のこと。AI・機械学習・データ分析・Web開発・自動化など幅広い用途で使われる。
シンプルな文法で読み書きしやすいプログラミング言語のこと。AI・機械学習・データ分析・Web開発・自動化など幅広い用途で使われる。
README

多くの場合、`README.md` というMarkdownファイルとして、プロジェクトのルートディレクトリに置かれる。GitHubではリポジトリを開いたときにREADMEが自動表示されるため、そのプロジェクトの「玄関」や「案内板」のような役割を持つ。初心者向けには、「このプロジェクトは何で、どう使えばよいのかを最初に説明するファイル」と考えるとわかりやすい。
リダイレクト(Redirect)

あるURLにアクセスしたユーザーや検索エンジンを、別のURLへ自動的に転送する仕組みのこと。ページ移転やURL変更時によく使われる。
たとえば、古いページのURLを新しいURLへ変更したとき、古いURLにアクセスした人をそのまま新しいページへ案内できる。Webサイトの引っ越し、ページURLの変更、httpからhttpsへの統一、末尾スラッシュの統一などでよく使われる。初心者向けには、「古い住所に来た人を、新しい住所へ自動案内する仕組み」と考えるとわかりやすい。
リファクタリング(Refactoring)

プログラムの外から見た動作は変えずに、内部構造やコードを整理して、読みやすく保守しやすい状態に改善すること。
ごちゃごちゃになった配線を、綺麗に束ね直すようなイメージ。コードが散らかっていると、後から新しい機能を追加するときにAIが混乱したり、思わぬバグを生む原因になったりする。定期的にAIに「このコードをリファクタリングして」とお願いすることで、健康的なアプリの状態を保つことができる。
正規表現(Regular Expression / Regex)

文字列の並び方や条件を、専用の記号を使って表すパターン記法のこと。検索・置換・入力チェックなどに使われる。
メールアドレスの入力チェックなどでよく使われるが、実際のコードを見ると ^[a-zA-Z0-9]+$ のように完全に呪文(暗号)にしか見えない。初心者がこれを自力で読み書きするのは至難の業なので、「メールアドレスをチェックする正規表現を書いて」とAIに丸投げするのが良い。
リポジトリ(Repository)

ディレクトリ(フォルダ)とよく似ているが、ただファイルが入っているだけでなく「いつ、誰が、何をどう変えたか」という歴史まで一緒に保存されているのが特徴。新しいアプリを作り始めるときは、「まずはリポジトリを作成する」ところからスタートするのが一般的だ。
レスポンシブ(Responsive Design)

パソコンやスマホ、タブレットなど、画面サイズに応じて見やすいレイアウトへ調整されるように作るWebデザインの考え方のこと。
昔は「パソコン用サイト」と「スマホ用サイト」を2つ別々に作っていたが、今は1つのコードで画面幅に応じて伸び縮みさせるのが主流。AIにデザインを依頼するときは、「スマホ対応(レスポンシブ)にしてください」と付け加えるのがお決まりのパターン。
REST API

Web上のデータや機能を、リソースを表すURLとHTTPメソッドを使って分かりやすくやり取りするためのAPI設計スタイルのこと。
たとえば、商品一覧を取得したいときは GET /products、新しい注文を作りたいときは POST /orders のように、URLと操作の種類を組み合わせてサーバーへリクエストを送る。初心者向けには、「Web上のデータを、決まった窓口にお願いして取り出したり更新したりする仕組み」と考えるとわかりやすい。
ルートディレクトリ(Root Directory)

プロジェクトやフォルダ構造のいちばん上にある起点の階層のこと。文脈によってはOS全体の最上位を指すこともある。
ディレクトリの中で、大元となる根っこ(Root)の部分を指す。AIにコードを作らせていると「.envファイルは必ずルートディレクトリに作成してください」と指示されることが多い。VS Codeなどのエディタで開いたとき、特定のフォルダの中ではなく、一番外側の「一番見晴らしの良い場所」にファイルを置く作業をイメージすればOK。
ルーティング(Routing)

URLごとに、どの画面や処理を呼び出すかを対応づける仕組みのこと。Webアプリやサイトの行き先を決める役割を持つ。
例えば「/about」にアクセスが来たら会社概要ページを開き、「/contact」ならお問い合わせページを開く、といったルート(道順)を決めている役割。新しいページを作ったのに画面に表示されないときは、だいたいこのルーティングの設定を追加し忘れているケースが多い。
ランタイムエラー(Runtime Error)

ランタイムエラーは、プログラムの実行中に発生するエラーのこと。文法は正しくても、存在しないデータを参照したり、想定外の値を処理したりすると起こる。
ランタイムエラーは、プログラムの実行中に発生するエラーのこと。文法は正しくても、存在しないデータを参照したり、想定外の値を処理したりすると起こる。
スクリプト(Script)

スクリプトは、比較的小さな処理を自動実行するために書かれるプログラムのこと。Webページの動き、作業自動化、データ処理などでよく使われる。
スクリプトは、比較的小さな処理を自動実行するために書かれるプログラムのこと。Webページの動き、作業自動化、データ処理などでよく使われる。
サーチコンソール(Search Console)

サーチコンソールは、Google検索でのサイトの表示状況やインデックス状態、検索流入、エラーなどを確認できるGoogleの管理ツールのこと。
サーチコンソールは、Google検索でのサイトの表示状況やインデックス状態、検索流入、エラーなどを確認できるGoogleの管理ツールのこと。
SSH(Secure Shell)

ネットワークを通って別のPCに入りこむため、途中で誰かに覗き見されたりパスワードを盗まれたりしないよう、通信全体が強力に暗号化(Secure)されている。「ネット上を通る、防弾ガラス付きの専用トンネル」を作って安全に通信・命令を届けるイメージ。AIを使ってサーバーに直接コードをデプロイ(配置)する際などによく使われる。
サーバー(Server)

インターネットやネットワーク上で、Webページやデータ、機能などを他の端末へ提供する役割を持つコンピューターのこと。
私たちがスマホやPCから「このサイトを見せて」とお願いすると、サーバーがその要求を受け取り、必要な画像や文字のデータを送り返してくれる。ローカル環境(自分の手元のPC)で作ったアプリも、最終的にはこのサーバーに置くことで、初めて世界中の人がアクセスできるようになる。
サイトマップ(Sitemap)

サイトマップは、サイト内のページ一覧を検索エンジンやユーザーに伝えるための情報のこと。特にXMLサイトマップは、クロールしてほしいURLを検索エンジンへ伝える役割を持つ。
サイトマップは、サイト内のページ一覧を検索エンジンやユーザーに伝えるための情報のこと。特にXMLサイトマップは、クロールしてほしいURLを検索エンジンへ伝える役割を持つ。
slug / パーマリンク(Slug / Permalink)

Webページの固定URLのこと。またそのURLの末尾部分(例:/blog/my-article の「my-article」)をslugと呼ぶ。変更するとSEOや既存リンクへの影響が大きいため慎重に扱う必要がある。
Webページの固定URLのこと。またそのURLの末尾部分(例:/blog/my-article の「my-article」)をslugと呼ぶ。変更するとSEOや既存リンクへの影響が大きいため慎重に扱う必要がある。
ソフトウェア / ミドルウェア / ハードウェア

コンピュータの構成要素のうち、ソフトウェアはプログラムや命令の総称、ハードウェアは実体のある機械部品の総称、ミドルウェアはその中間でOSとアプリをつなぐソフトウェアのこと。
コンピュータの構成要素のうち、ソフトウェアはプログラムや命令の総称、ハードウェアは実体のある機械部品の総称、ミドルウェアはその中間でOSとアプリをつなぐソフトウェアのこと。
ソースコード(Source Code)

プログラムの動作を人間が読める言語で記述したテキストのこと。HTMLやCSS、JavaScriptなど、あらゆるプログラミング言語で書かれたファイルがこれにあたる。
プログラムの動作を人間が読める言語で記述したテキストのこと。HTMLやCSS、JavaScriptなど、あらゆるプログラミング言語で書かれたファイルがこれにあたる。
SQL(Structured Query Language)

データベースを操作するための言語のこと。データの取得・追加・更新・削除などをコマンドで記述し、データベース管理システムに対して指示を出す。
データベースを操作するための言語のこと。データの取得・追加・更新・削除などをコマンドで記述し、データベース管理システムに対して指示を出す。
SSL / TLS

SSL / TLSは、Web通信を暗号化して安全にやり取りするための仕組みのこと。HTTPSでサイトを表示するときに使われ、盗聴や改ざんのリスクを下げる。
SSL / TLSは、Web通信を暗号化して安全にやり取りするための仕組みのこと。HTTPSでサイトを表示するときに使われ、盗聴や改ざんのリスクを下げる。
静的サイト / 動的サイト(Static / Dynamic Site)

静的サイトはあらかじめ作られたHTMLを表示するサイト、動的サイトはアクセス時にデータベースやプログラムを使って内容を生成するサイトのこと。
静的サイトはあらかじめ作られたHTMLを表示するサイト、動的サイトはアクセス時にデータベースやプログラムを使って内容を生成するサイトのこと。
ステータスコード(Status Code)

サーバーがHTTPリクエストに対して返す、処理結果を示す3桁の数字コードのこと。200は成功、404は見つからない、500はサーバーエラーなど、番号によって結果の種類が決まっている。
サーバーがHTTPリクエストに対して返す、処理結果を示す3桁の数字コードのこと。200は成功、404は見つからない、500はサーバーエラーなど、番号によって結果の種類が決まっている。
シンタックスエラー(Syntax Error)

プログラミング言語の文法ルールに合っていない書き方をしたときに発生するエラーのこと。記号の抜けやスペルミスなどが原因になる。
英語のテストで、ピリオドを忘れたり単語のつづりを間違えたりしてバツにされるのと同じ。例えば「必要な括弧( } )が一つ足りない」というだけの理由で、アプリ全体が真っ白になって動かなくなることは日常茶飯事。これが出たらAIにコードを丸投げすれば、一瞬で「ここが抜けています」と添削してくれる。
ターミナル(Terminal)

PCに直接命令(コマンド)を打ち込んで操作するためのツールのこと。
いわゆる「黒い画面」と呼ばれることが多く、文字だけでやり取りを行う(CLI)。

Windowsの「コマンドプロンプト」やMacの「ターミナル.app」が最初から入っているほか、VS CodeなどのIDEの中にも内蔵されており、その場合は黒い画面ではないこともある。ファイルの作成や移動、開発ツールのインストール、サーバーへの接続など、AI開発を進めるうえで避けては通れない重要な作業場所となる。
サムネイル(Thumbnail)

動画や画像・記事などの内容を一目で伝えるために使われる縮小版のプレビュー画像のこと。YouTubeの動画一覧やブログの記事一覧でよく見られる。
動画や画像・記事などの内容を一目で伝えるために使われる縮小版のプレビュー画像のこと。YouTubeの動画一覧やブログの記事一覧でよく見られる。
トークン(Token)

AIやプログラムが文章を処理するときに使う、文字や単語を細かく区切った情報の単位のこと。入力量や出力量の目安として使われる。
厳密には文字数や単語数と完全に同じではないが、初心者向けには「AIにとっての情報量の単位」と考えるとわかりやすい。長い文章やコード、大量の背景情報を一度に渡すと、そのぶんトークンを多く使う。
トークン上限は、利用するAIサービスやモデル、プランによって変わる。上限に近づくと、入力を受け付けられなかったり、出力が途中で切れたり、古い文脈が反映されにくくなったりすることがある。
TypeScript

JavaScriptに型の仕組みを追加したプログラミング言語のこと。Microsoftが開発し、JavaScriptに変換(トランスパイル)して動作する。型定義により大規模開発でのバグを防ぎやすくなる。
JavaScriptに型の仕組みを追加したプログラミング言語のこと。Microsoftが開発し、JavaScriptに変換(トランスパイル)して動作する。型定義により大規模開発でのバグを防ぎやすくなる。
UI / UX(User Interface / User Experience)

UIはユーザーの目に見える画面や操作部分、UXはそのサービスを使ったときに感じる使いやすさや満足感を含む体験全体のこと。
「見た目は綺麗(UIが良い)だけど、ボタンが小さくて押しにくい(UXが悪い)」といった使い方をする。AIにデザインを頼む時は「今っぽいUIにして」とか「もっとUXを改善したい」という言葉を使うと、意図が伝わりやすい。
バリデーション(Validation)

バリデーションは、入力値やデータが決められた条件を満たしているか確認する処理のこと。フォーム入力、API、設定ファイルなどで不正な値を防ぐために使われる。
バリデーションは、入力値やデータが決められた条件を満たしているか確認する処理のこと。フォーム入力、API、設定ファイルなどで不正な値を防ぐために使われる。
変数(Variable)

例えば「ユーザー名を入れておくための『userName』という箱」を用意しておけば、中身が「太郎」から「花子」に変わっても、プログラムは『userName』の中身を表示するだけで済むようになる。もし、名前の表示部分を「太郎」と直接書く(これをハードコードという)、名前の変更があったときに「太郎」書かれた箇所すべてを変更しなければならなくなり、作業が大変かつ見落としも起こりやすくなる。
コードを読む際は、この変数という箱の数々がどう動いているかを目で追うと、プログラムの全体の流れが掴みやすくなる。
VS Code(Visual Studio Code)

Microsoftが無料で提供している、世界中で最も使われている代表的なIDE(コードエディタ)のこと。
公式(ダウンロード)サイト:https://code.visualstudio.com/

とにかく動作が軽くて使いやすく、デザインの変更やAI補助などの「拡張機能」が豊富に揃っているのが特徴。プログラミングを始めるとき、特別な理由がなければ、まずはこれをダウンロードしておけば間違いないと言える定番ツール。
ワイルドカード(Wildcard)

ワイルドカードは、複数の文字や対象をまとめて表すための記号や指定方法のこと。検索、ファイル指定、ドメイン設定などで「任意のもの」を表すときに使われる。
ワイルドカードは、複数の文字や対象をまとめて表すための記号や指定方法のこと。検索、ファイル指定、ドメイン設定などで「任意のもの」を表すときに使われる。
WordPress

WordPressは、ブログやWebサイトを管理・公開するためのCMSのこと。テーマやプラグインを使って、記事作成やサイト運営を比較的簡単に行える。
WordPressは、ブログやWebサイトを管理・公開するためのCMSのこと。テーマやプラグインを使って、記事作成やサイト運営を比較的簡単に行える。
WSL(Windows Subsystem for Linux)

WSLは、Windows上でLinux環境を使えるようにする仕組みのこと。Windowsを使いながらLinuxコマンドや開発ツールを利用できるため、開発環境づくりでよく使われる。
WSLは、Windows上でLinux環境を使えるようにする仕組みのこと。Windowsを使いながらLinuxコマンドや開発ツールを利用できるため、開発環境づくりでよく使われる。
ユーザビリティ(Usability)

ユーザビリティとは「使いやすさ」の設計指標で、学習しやすさ・効率性・記憶しやすさ・エラーの少なさ・満足感の5つの観点で評価される。AIで作ったアプリでも、機能が動くだけでなく「初めて使う人が迷わないか」「エラー時の案内は親切か」を意識することで、使いやすさが大きく変わる。
