【AIコーディング】開発初心者が覚えておきたいIT専門用語

AI Coding Glossary

開発初心者が覚えておきたいIT専門用語

筆者含め、Claude CodeやCodexなどのAIをフル活用し、プログラミングやWeb制作を進める人が急増している。コードの作成や修正はもちろん、エラーの原因調査から解決まで、初心者でもあらゆることができてしまう時代。正直、もうAIなしでのコーディングなんて考えられない状態になってしまった。

ただ注意しておきたいのは、「AIを使えば何も知らなくていい」というわけではないということ。  
むしろ、一定のITリテラシーを持っているかどうかで、AIへの質問の質や返ってくる回答の理解度が大きく変わる。特にセキュリティ面が重要で、何でもかんでも「YES」を連発するのは危険すぎる。

ということで本記事では、AIで開発を始める初心者が覚えておきたい専門用語をリストアップしていく。(随時更新予定)  
最初から完璧に理解しようとせず、各用語の意味がなんとなくわかればOK、くらいの気持ちで読んでみてほしい。

121terms
AIcoding basics
Beginnerplain Japanese
01

404エラー(404 Not Found)

404エラー(404 Not Found) のメイン画像
カテゴリnetwork難易度beginner公開中

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

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

02

アクセシビリティ(Accessibility)

アクセシビリティ(Accessibility) のメイン画像
カテゴリgeneral難易度beginner公開中

年齢、障害、利用環境などに関係なく、できるだけ多くの人がWebサイトやアプリを利用でき、情報にアクセスしやすくするための考え方や設計のこと。

文字の読みやすさ、色だけに頼らない情報設計、画像の代替テキスト、キーボード操作、フォームの分かりやすさなどに関わる。AIに画面を作らせるときも、見た目だけでなく「誰でも使えるか」を確認する視点が重要になる。

03

パスを通す(Add to PATH)

パスを通す(Add to PATH) のメイン画像
カテゴリenvironment難易度beginnerタイプconcept公開中

新しくインストールしたツールやコマンドを、ターミナルの「どこからでも名前を呼ぶだけで使えるようにする」設定のこと。

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

04

APIキー(API Key)

APIキー(API Key) のメイン画像
カテゴリsecurity難易度beginnerタイプconcept公開中

他のサービス(API)を利用させてもらうための「専用のパスワード・合鍵」のようなもの。

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

05

API(Application Programming Interface)

API(Application Programming Interface) のメイン画像
カテゴリconcept難易度beginnerタイプconcept公開中

違うソフトやサービス同士を繋ぐための「窓口」のこと。

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

06

配列 / リスト(Array / List)

配列 / リスト(Array / List) のメイン画像
カテゴリconcept難易度beginnerタイプconcept公開中

複数の変数(データが入った箱)を、ロッカーのように一列に並べてまとめて管理するための「連番付きの箱」のこと。

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

07

バックエンド(Back-end)

バックエンド(Back-end) のメイン画像
カテゴリconcept難易度beginnerタイプconcept公開中

ユーザーからは見えないところで、データの処理や保存を行う「裏側」のこと。

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

08

ブランチ(Branch)

ブランチ(Branch) のメイン画像
カテゴリversion-control難易度beginnerタイプconcept公開中

今の作業履歴から「枝分かれ」させて、別の作業を並行して進めるための機能のこと。

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

09

ブラウザ(Browser)

ブラウザ(Browser) のメイン画像
カテゴリweb難易度beginner公開中

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

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

10

ビルド(Build)

ビルド(Build) のメイン画像
カテゴリdevelopment難易度beginnerタイプconcept公開中

人間が書いた(あるいはAIに書かせた)バラバラのコードや素材を、最終的に実行・公開しやすい完成品ファイル一式へ変換・組み立てる作業のこと。

開発中のコードや素材を、実行や公開に向いた形へ変換・組み立てる作業のこと。特に最近のWeb開発では、React などを使ったあとにターミナルでビルドを実行しないと、本番用の完成ファイルが出力されないことが多い。

11

キャッシュ(Cache)

キャッシュ(Cache) のメイン画像
カテゴリperformance難易度beginnerタイプconcept公開中

一度読み込んだデータを手元に一時保存して、次回から素早く表示させるための仕組みのこと。

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

12

キャメルケース / スネークケース(CamelCase / snake_case)

キャメルケース / スネークケース(CamelCase / snake_case) のメイン画像
カテゴリcoding-style難易度beginnerタイプconcept公開中

変数や関数の名前をつけるときの「単語の繋ぎ方のルール」のこと。

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

13

canonical

canonical のメイン画像
カテゴリweb難易度beginner公開中

内容が重複または似ている複数のURLがあるときに、検索エンジンへ「正規の代表URLはこれです」と伝えるための仕組みのこと。

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

14

クラス(Class)

クラス(Class) のメイン画像
カテゴリconcept難易度beginnerタイプconcept公開中

似たような機能やデータを持った「モノ(オブジェクト)」を量産するための、共通の「設計図」や「金型」のこと。

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

15

CLI(Command Line Interface)

CLI(Command Line Interface) のメイン画像
カテゴリinterface難易度beginnerタイプconcept公開中

キーボードから文字(コマンド)を打ち込んでパソコンを操作する仕組みのこと。

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

16

コマンドプロンプト(Command Prompt)

コマンドプロンプト(Command Prompt) のメイン画像
カテゴリai / environment / tool難易度beginner公開中

Windowsでコマンドを文字入力して、ファイル操作や環境確認、プログラム実行などを行うためのツールのこと。

dircd のような命令文を入力してPCを操作するWindowsの代表的なコマンド環境。CLIは操作方式の名前で、コマンドプロンプトはそのCLI操作を行うための具体的なツールのひとつである。

17

コメントアウト(Comment Out)

コメントアウト(Comment Out) のメイン画像
カテゴリcoding-style難易度beginnerタイプconcept公開中

コードの一部を一時的に無効化したり、説明メモとして残したりすること。

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

18

コミット(Commit)

コミット(Commit) のメイン画像
カテゴリversion-control難易度beginnerタイプconcept公開中

Gitで変更履歴をセーブ(記録)するアクションのこと。

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

具体的には、上図のようにgit add .git commit -m "コミットメッセージ"を使ってセーブすることが多い。

19

コンパイラ / コンパイル(Compiler / Compile)

コンパイラ / コンパイル(Compiler / Compile) のメイン画像
カテゴリdevelopment難易度beginner公開中

コンパイラは人間が書いたソースコードをコンピューターが実行しやすい形に変換するプログラムで、コンパイルはその変換作業のこと。

人間向けのコードを、コンピューターが扱いやすい形へ翻訳するイメージ。AIが書いたコードでも、コンパイルやビルドを通すことで文法ミス、型の不一致、import漏れなどを早めに見つけられる。

20

コンポーネント(Component)

コンポーネント(Component) のメイン画像
カテゴリdevelopment難易度beginnerタイプconcept公開中

Webサイトやアプリを構成する、再利用可能な「部品」のこと。

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

21

コンフリクト(Conflict)

コンフリクト(Conflict) のメイン画像
カテゴリversion-control難易度beginnerタイプconcept公開中

マージをしようとしたとき、「本番のコード」と「自分が今追加しようとしているコード」の「同じ行」が別々の内容に書き換わっていて、Gitが「どっちを優先すればいいの!?」とパニックを起こすエラーのこと。

「競合」とも呼ばれる。AIにコードを書き直してもらっている最中に、自分でも手動でコードをいじってセーブ(コミット)してしまうとよく発生する。解決するには「こっちのコードを採用する」と人間が手動で選んであげる作業が必要になる。

22

定数(Constant)

定数(Constant) のメイン画像
カテゴリprogramming難易度beginner公開中

一度決めたら基本的に変更しない値に名前を付けて、プログラム内で安全に使いやすくするための仕組みのこと。

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

23

コンテキスト(Context)

コンテキスト(Context) のメイン画像
カテゴリconcept難易度beginnerタイプconcept公開中

AIが適切に答えるために必要な「背景情報」や「文脈」のこと。

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

24

Cookie(クッキー)

Cookie(クッキー) のメイン画像
カテゴリsecurity難易度beginnerタイプconcept公開中

Webサイトがユーザーのブラウザに保存する、小さな情報メモのこと。

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

25

CORS(Cross-Origin Resource Sharing)

CORS(Cross-Origin Resource Sharing) のメイン画像
カテゴリnetwork難易度beginner公開中

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

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

26

CRUD

CRUD のメイン画像
カテゴリdevelopment難易度beginner公開中

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

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

27

CSS(Cascading Style Sheets)

CSS(Cascading Style Sheets) のメイン画像
カテゴリweb難易度beginner公開中

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

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

28

データベース(Database)

データベース(Database) のメイン画像
カテゴリconcept難易度beginnerタイプconcept公開中

ユーザー情報や記事、注文内容などの大量データを、整理して保存・検索しやすくする仕組みのこと。

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

29

デバッグ(Debug)

デバッグ(Debug) のメイン画像
カテゴリdevelopment難易度beginnerタイプconcept公開中

プログラムの不具合やエラーの原因を調べて、見つけて、修正していく作業のこと。

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

30

依存関係(Dependencies)

依存関係(Dependencies) のメイン画像
カテゴリdevelopment難易度beginnerタイプconcept公開中

あるプログラムや機能を動かすために、別のライブラリやパッケージが必要になる関係のこと。

たとえば、カレンダー表示や画像処理などを実装したいとき、AIから「まず依存関係をインストールしてください」と言われることがある。多くの場合は、npm installcomposer installpip install -r requirements.txt などで必要な部品をそろえる。

便利な一方で、依存関係が増えるほど管理やセキュリティ確認の手間も増える。AIに提案されたパッケージ名をそのまま盲信せず、公式性、更新状況、脆弱性の有無を確認する意識が大切である。

31

デプロイ(Deploy)

デプロイ(Deploy) のメイン画像
カテゴリdevelopment難易度beginnerタイプconcept公開中

開発環境で作ったアプリやWebサイトを、本番環境へ配置して実際に使える状態にすること。

手元のパソコンで作って確認していたものを、サーバーなどの公開環境へ反映して、想定したユーザーが実際にアクセスできるようにする作業である。静的サイトならアップロードに近いこともあるが、アプリでは環境変数、DB接続、サーバー起動、動作確認まで含むことが多い。

デプロイして終わりではなく、公開後のURL確認、エラーログ確認、問題があったときに前の状態へ戻す判断も重要になる。

32

ディレクトリ(Directory)

ディレクトリ(Directory) のメイン画像
カテゴリconcept難易度introタイプconcept公開中

ファイルをまとめて入れておく「フォルダ」のこと。

WindowsやMacの画面上(GUI)で見るときは「フォルダ」と呼ぶのが一般的だが、ターミナルの文字画面(CLI)からコンピュータの構造として扱うときは「ディレクトリ」と呼ばれることが多い。

難しい話は置いておいて、まずは「ディレクトリといえばフォルダのこと」と考えてしまって全く問題ない。

33

Docker(ドッカー)

Docker(ドッカー) のメイン画像
カテゴリdevelopment難易度beginnerタイプtool公開中

開発に必要な環境一式をコンテナという箱にまとめて、どのPCでも同じように動かしやすくする技術のこと。

「自分のWindowsでは動いたのに、他の人のMacでは動かない」といった環境差の問題を減らすためによく使われる。アプリ本体、必要なツール、ライブラリ、設定などをコンテナとしてまとめ、開発者同士で近い環境を再現しやすくする。

ただし、Dockerを使えば何もかも完全に同じになるわけではない。ホストOS、CPU、ファイル権限、ネットワーク設定などの影響を受けることもあるため、「環境差を大きく減らしやすくする技術」と考えるとよい。

34

ドメイン(Domain)

ドメイン(Domain) のメイン画像
カテゴリnetwork難易度beginnerタイプconcept公開中

Webサイトやメールの場所を、人がわかりやすく識別するための名前のこと。

たとえば当サイトなら、noveblo.com の部分がドメインにあたる。本来、コンピュータ同士はIPアドレスで通信しているが、数字だけでは人間にとって覚えにくいため、覚えやすい名前としてドメインが使われている。

ドメインはWebサイトだけでなくメールにも関係する。一定期間使う権利を登録して更新していくものなので、更新忘れや、商標・既存ブランドと紛らわしい名前にも注意が必要である。

35

DNS(Domain Name System)

DNS(Domain Name System) のメイン画像
カテゴリnetwork難易度beginnerタイプconcept公開中

ドメイン名を、実際の接続先であるIPアドレスへ対応付けてくれる仕組みのこと。

私たちは普段、google.comexample.com のような覚えやすい名前でWebサイトにアクセスしている。DNSは、その人間向けの名前と、コンピュータ向けの数字の住所を結びつける「インターネットの電話帳」のような仕組みである。

Webサイトの接続先だけでなく、メールの配送先、ドメイン所有確認、認証用の文字情報などにも関わる。DNS設定を変えてもすぐ全員に反映されないのは、各所にDNSキャッシュが残ることがあるためである。

36

エンドポイント(Endpoint)

エンドポイント(Endpoint) のメイン画像
カテゴリnetwork難易度beginner公開中

APIやネットワーク通信で、リクエストを送る具体的な接続先や、HTTPメソッドとURLの組み合わせのこと。どの処理やデータにアクセスするかを示す入口になる。

APIに用意された「受付窓口」のようなもの。たとえば GET /products は商品一覧を取得する入口、POST /orders は注文を作成する入口、というようにURLとHTTPメソッドを組み合わせて理解すると実務に近い。

37

.env

.env のメイン画像
カテゴリsecurity難易度beginnerタイプconcept公開中

環境変数をまとめて書いておくための設定ファイルのこと。

プロジェクト内に置かれることが多く、APIキー、データベース接続情報、メール設定などをコード本体から分けて管理するために使われる。ただし、置くだけで必ず自動読み込みされるわけではなく、フレームワークやライブラリ側の仕組みが必要になることもある。

本物のパスワードや秘密のキーが入ることが多いため、GitHubなどへ公開してはいけない。通常は.gitignoreで管理対象から外すが、フロントエンドではVITE_NEXT_PUBLIC_付きの値がブラウザ側に見える場合がある点にも注意が必要。

38

環境変数(Environment Variable)

環境変数(Environment Variable) のメイン画像
カテゴリsecurity難易度beginnerタイプconcept公開中

システムやアプリを動かすための「裏設定」のような値のこと。

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

39

エラーハンドリング(Error Handling)

エラーハンドリング(Error Handling) のメイン画像
カテゴリdevelopment難易度beginnerタイプconcept公開中

エラーが起きたときに、処理を安全に続ける・止める・案内するための仕組みのこと。

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

40

エラーログ(Error Log)

エラーログ(Error Log) のメイン画像
カテゴリdevelopment難易度beginnerタイプconcept公開中

プログラムで起きたエラーについて、いつ・どこで・何が起きたかを記録した履歴のこと。

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

41

拡張機能 / プラグイン(Extension / Plugin)

拡張機能 / プラグイン(Extension / Plugin) のメイン画像
カテゴリtool難易度beginnerタイプconcept公開中

アプリやソフトウェアに後から追加して、機能を増やしたり強化したりするための部品のこと。

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

42

ファビコン(Favicon)

ファビコン(Favicon) のメイン画像
カテゴリweb難易度beginner公開中

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

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

43

fetch(Fetch API)

fetch(Fetch API) のメイン画像
カテゴリdevelopment難易度beginner公開中

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

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

44

フレームワーク(Framework)

フレームワーク(Framework) のメイン画像
カテゴリdevelopment難易度beginnerタイプconcept公開中

アプリやシステムを効率よく作るために、骨組みや便利機能があらかじめ用意された開発の土台のこと。

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

45

フロントエンド(Front-end)

フロントエンド(Front-end) のメイン画像
カテゴリconcept難易度beginnerタイプconcept公開中

ユーザーが画面上で直接見る・触る、アプリやWebサイトの表側の部分のこと。

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

46

FTP / SFTP

FTP / SFTP のメイン画像
カテゴリnetwork難易度beginner公開中

FTPはサーバーへファイルを送受信するための古い通信方式で、SFTPはSSHの仕組みを使って安全にファイル転送する方式のこと。

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

47

フルスタック(Full-stack)

フルスタック(Full-stack) のメイン画像
カテゴリdevelopment難易度beginnerタイプconcept公開中

フロントエンドからバックエンド、データベース、インフラ寄りの設定まで、開発の複数領域を横断して扱えること。

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

48

関数(Function)

関数(Function) のメイン画像
カテゴリconcept難易度beginnerタイプconcept公開中

ひとまとまりの処理に名前を付けて、必要なときに呼び出して使えるようにした仕組みのこと。

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

49

GA4(Google Analytics 4)

GA4(Google Analytics 4) のメイン画像
カテゴリtoolカテゴリweb難易度beginner公開中

Googleが提供するアクセス解析ツールで、Webサイトやアプリに訪れたユーザーの行動をイベント単位で計測・分析できる仕組みのこと。

「何人がサイトに来たか」「どのページが見られているか」「どこから流入したか」「ボタンがクリックされたか」などを確認できる。Webサイトやブログ、ECサイト、Webアプリを感覚だけでなくデータを見ながら改善するための基本ツールである。

50

Git

Git のメイン画像
カテゴリversion-control難易度beginnerタイプtool公開中

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

Gitのロゴ

コードを書いていると、間違えて大事な処理を消してしまったり、さっきまで動いていた状態に戻したくなったりすることがある。Git を使うと、そうした変更の歴史を残しながら作業できる。AIコーディングでは試行錯誤の量が増えやすいため、Git でこまめに履歴を残しておくことは、かなり強い防御策になる。

具体的には、ターミナルで特定のコマンド(git log --oneline など)を打つと、セーブポイントの一覧が見られる。
さらに別のコマンドを打てば、セーブポイントまで戻ることもできる。

Gitの変更履歴イメージ
51

GitHub

GitHub のメイン画像
カテゴリversion-control難易度beginnerタイプservice公開中

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

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

52

GUI(Graphical User Interface)

GUI(Graphical User Interface) のメイン画像
カテゴリinterface難易度beginnerタイプconcept公開中

マウスや指を使って直感的に操作できる画面のこと。

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

53

ハルシネーション(Hallucination)

ハルシネーション(Hallucination) のメイン画像
カテゴリai難易度beginnerタイプconcept公開中

AIが「もっともらしいウソ」を、さも事実であるかのように自信満々に答える現象のこと。

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

54

ハードコード(Hard-coding)

ハードコード(Hard-coding) のメイン画像
カテゴリcoding-style難易度beginnerタイプconcept公開中

「パスワード」や「ユーザーの名前」、「商品の値段」といった変動するはずのデータを、コードの中に「直接ベタ書き」してしまうこと。

例えば、税率計算の処理に「0.1(10%)」という数字を直接書き込んでしまうと、将来税率が変わったときにコードを全て探し回って直さなければならなくなる。AIにコードを作らせる際も、「ここはハードコードしないで」と伝えることで、後から変更しやすい質の高いコードに仕上げてくれる。

55

ヘッダー / フッター(Header / Footer)

ヘッダー / フッター(Header / Footer) のメイン画像
カテゴリweb難易度beginner公開中

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

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

56

ホスティング(Hosting)

ホスティング(Hosting) のメイン画像
カテゴリenvironment難易度beginner公開中

Webサイトやアプリをインターネット上で公開するために、サーバーの場所や環境を借りて運用するサービスのこと。

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

57

HTML(HyperText Markup Language)

HTML(HyperText Markup Language) のメイン画像
カテゴリweb難易度beginner公開中

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

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

58

HTTP / HTTPS(HyperText Transfer Protocol)

HTTP / HTTPS(HyperText Transfer Protocol) のメイン画像
カテゴリnetwork難易度beginnerタイプconcept公開中

Webサイトを見たり、インターネット上でデータをやり取りしたりするための「通信のルール」のこと。
普段ブラウザでURLを見るときに先頭についている「http://」や「https://」のことである。

特に「HTTPS」の「S」はSecure(安全)の略で、通信が暗号化されていて誰かに覗き見されにくい状態であることを意味している。
現状、たいていのサイトは「https://」で始まるが、古いサイトなどは「http://」から始まっていることもある。こういったサイトは通信が暗号化されていないため、基本的にアクセスしない方がいい。

もちろん当サイト(https://noveblo.com/)は「https://」からはじまっているので、ご安心を!

59

HTTPリクエスト(HTTP Request)

HTTPリクエスト(HTTP Request) のメイン画像
カテゴリnetwork難易度beginner公開中

ブラウザやアプリがサーバーに対して、「このページを見せて」「このデータを送って」などとお願いする通信のこと。

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

60

IDE(Integrated Development Environment)

IDE(Integrated Development Environment) のメイン画像
カテゴリtool難易度beginnerタイプconcept公開中

プログラミング(コードを書く作業)をするための高機能な作業ツールのこと。
日本語に訳すと「統合開発環境」となり、「コードエディタ」「エディタ」と呼ばれることもある。

普通のメモ帳と違い、コードの自動補完やエラー箇所のお知らせ、ファイルごとの管理などを一括で行え、開発を劇的に楽にする機能が詰め込まれている。代表的なものに「VS Code」や、AI内蔵型の「Cursor」がある(Cursorは筆者のお気に入りのツール)。

61

無限ループ(Infinite Loop)

無限ループ(Infinite Loop) のメイン画像
カテゴリbug難易度beginnerタイプconcept公開中

プログラムの処理が、終わりの条件を見つけられずに「永遠に同じ処理を繰り返してしまう」バグのこと。

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

62

IPアドレス(IP Address)

IPアドレス(IP Address) のメイン画像
カテゴリnetwork難易度beginnerタイプconcept公開中

インターネット上の機器に割り当てられた「ネットワーク上の住所(番地)」のこと。

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

63

JavaScript

JavaScript のメイン画像
カテゴリdevelopment難易度beginner公開中

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

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

64

JSON(JavaScript Object Notation)

JSON(JavaScript Object Notation) のメイン画像
カテゴリdata-format難易度beginnerタイプconcept公開中

システム間でデータをやり取りするときによく使われる「データ記述のルール(フォーマット)」のこと。「ジェイソン」と読む。

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

65

LLM(Large Language Model)

LLM(Large Language Model) のメイン画像
カテゴリai難易度beginner公開中

大量の文章データを学習し、人間の言葉を処理・生成するように作られたAIモデルのこと。文章作成、要約、翻訳、コード生成などに使われる。

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

66

ローカル環境(Local Environment)

ローカル環境(Local Environment) のメイン画像
カテゴリenvironment難易度beginnerタイプconcept公開中

自分の手元のパソコン(PC)の中の環境のこと。単に「ローカル」と呼ばれることも多い。
反対に、インターネット上の空間のことを「サーバー」と呼んで区別する。

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

67

ローカルホスト(localhost)

ローカルホスト(localhost) のメイン画像
カテゴリnetwork難易度beginnerタイプconcept公開中

自分の手元のパソコン(ローカル環境)を、一時的にサーバーのように見立てたときの「自分自身の住所」のこと。

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

68

マジックナンバー(Magic Number)

マジックナンバー(Magic Number) のメイン画像
カテゴリcoding-style難易度beginner公開中

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

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

69

マークダウン(Markdown)

マークダウン(Markdown) のメイン画像
カテゴリdocument難易度beginnerタイプconcept公開中

見出しや太字、リストなどの「文章の装飾」を、簡単な記号だけでパパッと書けるルール(書き方)のこと。

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

70

マージ(Merge)

マージ(Merge) のメイン画像
カテゴリversion-control難易度beginnerタイプconcept公開中

枝分かれして作業していたブランチのコードを、本番用のメインのコードに「合体(統合)させる」操作のこと。

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

71

メタタグ(Meta Tag)

メタタグ(Meta Tag) のメイン画像
カテゴリweb難易度beginner公開中

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

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

72

モジュール(Module)

モジュール(Module) のメイン画像
カテゴリdevelopment難易度beginner公開中

プログラムの機能や処理を、再利用しやすい単位に分けた部品のこと。コードを整理し、必要な場所から読み込んで使えるようにする。

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

73

noindex / nofollow

noindex / nofollow のメイン画像
カテゴリweb難易度beginner公開中

noindexは検索結果に表示しないよう検索エンジンへ伝える指定、nofollowはページ内リンクを評価・関連付け・巡回の対象にしないでほしいと伝える指定のこと。

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

74

オブジェクト(Object)

オブジェクト(Object) のメイン画像
カテゴリprogramming難易度beginner公開中

プログラムの中で、関連するデータや機能をひとまとまりにして扱うもののこと。現実世界の「もの」をコード上で表す考え方にも使われる。

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

75

og:image

og:image のメイン画像
カテゴリdevelopmentカテゴリweb難易度beginner公開中

SNSやチャットアプリでページURLを共有したときに表示する画像URLを指定するためのOpen Graphのmetaタグのこと。画像そのものではなく、画像を指定するHTMLタグである。

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

76

OSS(Open Source Software)

OSS(Open Source Software) のメイン画像
カテゴリdevelopment難易度beginnerタイプconcept公開中

設計図であるソースコードが公開されており、ライセンス条件に従って中身を見たり、使ったり、改良したりできるソフトウェアのこと。

代表的なものにWordPressやLinuxなどがある。営利企業ではなく、世界中のボランティアエンジニアたちによって日々改良されていくという素晴らしい文化の結晶。AI開発で使うツールの多くも長年OSSとして育てられてきた背景があり、「無料で使えるのが当たり前」なITのベースを作っている。

77

OS(Operating System)

OS(Operating System) のメイン画像
カテゴリenvironment難易度beginner公開中

パソコンやスマホなどの機器を動かす土台となる基本ソフトウェアのこと。アプリや周辺機器が使えるように全体を管理する役割を持つ。

正式には **Operating System** と呼ばれ、日本語では「基本ソフトウェア」とも言われる。Windows、macOS、Linux、iOS、Androidなどが代表例である。初心者向けには、OSは「アプリや機械を動かすための土台」であり、ユーザーとハードウェアの間に入って全体を管理してくれる存在だと考えるとわかりやすい。

78

パッケージ(Package / ライブラリ)

パッケージ(Package / ライブラリ) のメイン画像
カテゴリdevelopment難易度beginnerタイプconcept公開中

よく使う機能を、再利用しやすい形でまとめたプログラム部品のこと。

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

79

パス(Path)

パス(Path) のメイン画像
カテゴリconcept難易度beginnerタイプconcept公開中

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

PC上のフォルダ内のファイルなら、上図のような文字列の連なりとして表せる。

9-1. 絶対パス(Absolute Path)と相対パス(Relative Path)

絶対パスとは、PC全体の中でその場所を一番上の階層から完全に指定する書き方のこと。
最初から最後までフルで住所を書くイメージ。

相対パスとは、今作業している場所を基準にして指定する書き方。
近くの場所を「隣の部屋」みたいに省略して表現するイメージ。

80

権限(パーミッション)

権限(パーミッション) のメイン画像
カテゴリsecurity難易度beginnerタイプconcept公開中

ファイルやディレクトリを「誰が」「どう操作できるか(読む・書き込む・実行するなど)」を決める許可証のこと。
ターミナル操作やAIの実行中に「Permission denied(権限がありません)」というエラーが出ることがよくある。

これは、スマホアプリで「写真へのアクセスを許可しますか?」と聞かれるのと同じイメージ。権限がないと勝手にファイルを書き換えられないようになっており、AIであってもPCの重要な部分を壊さないためのセキュリティの壁として働いている。

81

ポート番号(Port Number)

ポート番号(Port Number) のメイン画像
カテゴリnetwork難易度beginnerタイプconcept公開中

通信するときに、コンピューターの中のどのサービスやアプリにデータを届けるかを示す番号のこと。

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

82

PowerShell

PowerShell のメイン画像
カテゴリtool難易度beginnerタイプtool公開中

Windowsに標準で入っている、比較的新しいターミナル(黒い画面)ツールのこと。

Windows PowerShell

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

83

プロンプト(Prompt)

プロンプト(Prompt) のメイン画像
カテゴリai難易度beginnerタイプconcept公開中

AIに対して出す指示や質問のこと。何をしてほしいか、どんな条件で答えてほしいかを伝えるために使う。

AIは非常に優秀だが、抽象的な指示(例:「いい感じのサイトを作って」)だと期待外れのものを返してきやすい。自分が作ってほしい「具体的な機能・デザイン・ルール」をプロンプトとして上手く伝えられるかどうかが、AIコーディングの成功を大きく左右する。

・・・というのが通例だったが、あまりに指示が細かい・具体的過ぎると、今度はAIの対応を制限してしまうことがある。プロンプトが短い方が、AIを柔軟に働かせられるという側面もあるため、一概にどのようなプロンプトがベストかは判断できなくなっている。

84

公開鍵認証(Public Key Authentication)

公開鍵認証(Public Key Authentication) のメイン画像
カテゴリsecurity難易度beginner公開中

公開鍵と秘密鍵という2つの鍵を使い、パスワードを直接送らずに本人確認を行う認証方式のこと。SSH接続などでよく使われる。

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

85

プルリクエスト(Pull Request / PR)

プルリクエスト(Pull Request / PR) のメイン画像
カテゴリversion-control難易度beginnerタイプconcept公開中

作業ブランチで加えた変更を別のブランチへ取り込んでもらうために、内容の確認とレビューをお願いする依頼のこと。

チーム開発でよく使われるGitHubの機能。AIと一緒に作った新機能のブランチを、勝手に本番に反映させるのではなく、一旦プルリクエストを出して「これで問題ないか確認してね」とワンクッション置くのが安全なチーム開発のお決まりのパターン。

なお、筆者は現在個人で開発しているので、プルリクエストすることはない。

86

Python

Python のメイン画像
カテゴリdevelopment難易度beginner公開中

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

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

87

README

README のメイン画像
カテゴリdocument難易度beginner公開中

プロジェクトの概要、使い方、セットアップ方法、注意点などを最初に読む人へ伝えるための説明ファイルのこと。

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

88

リダイレクト(Redirect)

リダイレクト(Redirect) のメイン画像
カテゴリnetworkカテゴリweb難易度beginner公開中

あるURLにアクセスしたユーザーや検索エンジンを、別のURLへ自動的に転送する仕組みのこと。ページ移転やURL変更時によく使われる。

たとえば、古いページのURLを新しいURLへ変更したとき、古いURLにアクセスした人をそのまま新しいページへ案内できる。Webサイトの引っ越し、ページURLの変更、httpからhttpsへの統一、末尾スラッシュの統一などでよく使われる。初心者向けには、「古い住所に来た人を、新しい住所へ自動案内する仕組み」と考えるとわかりやすい。

89

リファクタリング(Refactoring)

リファクタリング(Refactoring) のメイン画像
カテゴリdevelopment難易度beginnerタイプconcept公開中

プログラムの外から見た動作は変えずに、内部構造やコードを整理して、読みやすく保守しやすい状態に改善すること。

ごちゃごちゃになった配線を、綺麗に束ね直すようなイメージ。コードが散らかっていると、後から新しい機能を追加するときにAIが混乱したり、思わぬバグを生む原因になったりする。定期的にAIに「このコードをリファクタリングして」とお願いすることで、健康的なアプリの状態を保つことができる。

90

正規表現(Regular Expression / Regex)

正規表現(Regular Expression / Regex) のメイン画像
カテゴリdevelopment難易度beginnerタイプconcept公開中

文字列の並び方や条件を、専用の記号を使って表すパターン記法のこと。検索・置換・入力チェックなどに使われる。

メールアドレスの入力チェックなどでよく使われるが、実際のコードを見ると ^[a-zA-Z0-9]+$ のように完全に呪文(暗号)にしか見えない。初心者がこれを自力で読み書きするのは至難の業なので、「メールアドレスをチェックする正規表現を書いて」とAIに丸投げするのが良い。

91

リポジトリ(Repository)

リポジトリ(Repository) のメイン画像
カテゴリversion-control難易度beginnerタイプconcept公開中

GitやGitHubで、ファイルやその変更履歴をまとめて保存しておく「保管庫」のこと。

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

92

レスポンシブ(Responsive Design)

レスポンシブ(Responsive Design) のメイン画像
カテゴリdevelopment難易度beginnerタイプconcept公開中

パソコンやスマホ、タブレットなど、画面サイズに応じて見やすいレイアウトへ調整されるように作るWebデザインの考え方のこと。

昔は「パソコン用サイト」と「スマホ用サイト」を2つ別々に作っていたが、今は1つのコードで画面幅に応じて伸び縮みさせるのが主流。AIにデザインを依頼するときは、「スマホ対応(レスポンシブ)にしてください」と付け加えるのがお決まりのパターン。

93

REST API

REST API のメイン画像
カテゴリdevelopmentカテゴリweb難易度beginner公開中

Web上のデータや機能を、リソースを表すURLとHTTPメソッドを使って分かりやすくやり取りするためのAPI設計スタイルのこと。

たとえば、商品一覧を取得したいときは GET /products、新しい注文を作りたいときは POST /orders のように、URLと操作の種類を組み合わせてサーバーへリクエストを送る。初心者向けには、「Web上のデータを、決まった窓口にお願いして取り出したり更新したりする仕組み」と考えるとわかりやすい。

94

ルートディレクトリ(Root Directory)

ルートディレクトリ(Root Directory)のメイン画像
カテゴリdevelopment難易度beginnerタイプconcept公開中

プロジェクトやフォルダ構造のいちばん上にある起点の階層のこと。文脈によってはOS全体の最上位を指すこともある。

ディレクトリの中で、大元となる根っこ(Root)の部分を指す。AIにコードを作らせていると「.envファイルは必ずルートディレクトリに作成してください」と指示されることが多い。VS Codeなどのエディタで開いたとき、特定のフォルダの中ではなく、一番外側の「一番見晴らしの良い場所」にファイルを置く作業をイメージすればOK。

95

ルーティング(Routing)

ルーティング(Routing) のメイン画像
カテゴリdevelopment難易度beginnerタイプconcept公開中

URLごとに、どの画面や処理を呼び出すかを対応づける仕組みのこと。Webアプリやサイトの行き先を決める役割を持つ。

例えば「/about」にアクセスが来たら会社概要ページを開き、「/contact」ならお問い合わせページを開く、といったルート(道順)を決めている役割。新しいページを作ったのに画面に表示されないときは、だいたいこのルーティングの設定を追加し忘れているケースが多い。

96

ランタイムエラー(Runtime Error)

ランタイムエラー(Runtime Error) のメイン画像
カテゴリbug難易度beginner公開中

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

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

97

スクリプト(Script)

スクリプト(Script) のメイン画像
カテゴリdevelopment難易度beginner公開中

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

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

98

サーチコンソール(Search Console)

サーチコンソール(Search Console) のメイン画像
カテゴリtool難易度beginner公開中

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

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

99

SSH(Secure Shell)

SSH(Secure Shell) のメイン画像
カテゴリnetwork難易度beginnerタイプconcept公開中

離れた場所にあるサーバーやPCへ、安全に接続してターミナルから遠隔操作するための仕組みのこと。

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

100

サーバー(Server)

サーバー(Server) のメイン画像
カテゴリnetwork難易度beginnerタイプconcept公開中

インターネットやネットワーク上で、Webページやデータ、機能などを他の端末へ提供する役割を持つコンピューターのこと。

私たちがスマホやPCから「このサイトを見せて」とお願いすると、サーバーがその要求を受け取り、必要な画像や文字のデータを送り返してくれる。ローカル環境(自分の手元のPC)で作ったアプリも、最終的にはこのサーバーに置くことで、初めて世界中の人がアクセスできるようになる。

101

サイトマップ(Sitemap)

サイトマップ(Sitemap) のメイン画像
カテゴリweb難易度beginner公開中

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

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

102

slug / パーマリンク(Slug / Permalink)

slug / パーマリンク(Slug / Permalink) のメイン画像
カテゴリweb難易度beginner公開中

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

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

103

ソフトウェア / ミドルウェア / ハードウェア

ソフトウェア / ミドルウェア / ハードウェア のメイン画像
カテゴリgeneral難易度beginner公開中

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

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

104

ソースコード(Source Code)

ソースコード(Source Code) のメイン画像
カテゴリprogramming難易度beginner公開中

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

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

105

SQL(Structured Query Language)

SQL(Structured Query Language) のメイン画像
カテゴリdata難易度beginner公開中

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

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

106

SSL / TLS

SSL / TLS のメイン画像
カテゴリsecurityカテゴリnetwork難易度beginner公開中

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

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

107

静的サイト / 動的サイト(Static / Dynamic Site)

静的サイト / 動的サイト(Static / Dynamic Site) のメイン画像
カテゴリwebカテゴリgeneral難易度beginner公開中

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

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

108

ステータスコード(Status Code)

ステータスコード(Status Code) のメイン画像
カテゴリnetwork難易度beginner公開中

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

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

109

シンタックスエラー(Syntax Error)

シンタックスエラー(Syntax Error) のメイン画像
カテゴリbug難易度beginnerタイプconcept公開中

プログラミング言語の文法ルールに合っていない書き方をしたときに発生するエラーのこと。記号の抜けやスペルミスなどが原因になる。

英語のテストで、ピリオドを忘れたり単語のつづりを間違えたりしてバツにされるのと同じ。例えば「必要な括弧( } )が一つ足りない」というだけの理由で、アプリ全体が真っ白になって動かなくなることは日常茶飯事。これが出たらAIにコードを丸投げすれば、一瞬で「ここが抜けています」と添削してくれる。

110

ターミナル(Terminal)

ターミナル(Terminal) のメイン画像
カテゴリtool難易度beginnerタイプtool公開中

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

コマンドプロンプト

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

111

サムネイル(Thumbnail)

サムネイル(Thumbnail) のメイン画像
カテゴリweb難易度beginner公開中

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

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

112

トークン(Token)

トークン(Token) のメイン画像
カテゴリai難易度beginnerタイプconcept公開中

AIやプログラムが文章を処理するときに使う、文字や単語を細かく区切った情報の単位のこと。入力量や出力量の目安として使われる。

厳密には文字数や単語数と完全に同じではないが、初心者向けには「AIにとっての情報量の単位」と考えるとわかりやすい。長い文章やコード、大量の背景情報を一度に渡すと、そのぶんトークンを多く使う。

トークン上限は、利用するAIサービスやモデル、プランによって変わる。上限に近づくと、入力を受け付けられなかったり、出力が途中で切れたり、古い文脈が反映されにくくなったりすることがある。

113

TypeScript

TypeScript のメイン画像
カテゴリdevelopment難易度beginner公開中

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

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

114

UI / UX(User Interface / User Experience)

UI / UX(User Interface / User Experience) のメイン画像
カテゴリdevelopment難易度beginnerタイプconcept公開中

UIはユーザーの目に見える画面や操作部分、UXはそのサービスを使ったときに感じる使いやすさや満足感を含む体験全体のこと。

「見た目は綺麗(UIが良い)だけど、ボタンが小さくて押しにくい(UXが悪い)」といった使い方をする。AIにデザインを頼む時は「今っぽいUIにして」とか「もっとUXを改善したい」という言葉を使うと、意図が伝わりやすい。

115

バリデーション(Validation)

バリデーション(Validation) のメイン画像
カテゴリdevelopmentカテゴリprogramming難易度beginner公開中

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

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

116

変数(Variable)

変数(Variable) のメイン画像
カテゴリconcept難易度beginnerタイプconcept公開中

数字や文字などのデータを入れておき、あとで取り出したり書き換えたりできる名前付きの入れ物のこと。

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

コードを読む際は、この変数という箱の数々がどう動いているかを目で追うと、プログラムの全体の流れが掴みやすくなる。

117

VS Code(Visual Studio Code)

VS Code(Visual Studio Code) のメイン画像
カテゴリtool難易度beginnerタイプtool公開中

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

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

118

ワイルドカード(Wildcard)

ワイルドカード(Wildcard) のメイン画像
カテゴリgeneral難易度beginner公開中

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

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

119

WordPress

WordPress のメイン画像
カテゴリtool難易度beginner公開中

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

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

120

WSL(Windows Subsystem for Linux)

WSL(Windows Subsystem for Linux) のメイン画像
カテゴリenvironmentカテゴリtool難易度beginner公開中

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

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

121

ユーザビリティ(Usability)

ユーザビリティ(Usability) のメイン画像
カテゴリgeneral難易度beginner公開中

ユーザーが目的を迷わず、効率よく、ストレス少なく達成できるかを考える設計上の使いやすさのこと。

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

本用語集は、AIコーディングを始めたばかりの人が会話やエラー内容を理解しやすくするための入口として整理しています。

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!
目次