本文へ移動
うぇぶ、ひゃっくり|Webサイト100選
  • ホーム
  • はじめまして
  • サイトについて
  • お問い合わせ
うぇぶ、ひゃっくり|Webサイト100選
  • ホーム
  • はじめまして
  • サイトについて
  • お問い合わせ

カテゴリー

  • Webデザイン分析 (26)
  • 考えごと (17)
  • 学んだこと (13)
  • 学習ログ (10)
  • AI活用ログ (4)
  • 制作記録 (3)
ホームAI活用ログAI時代に何から学ぶ?専用AI・GPTs・MCPを整理する5つの段階

AI時代に何から学ぶ?専用AI・GPTs・MCPを整理する5つの段階

AI活用ログ | AIを活用したWeb制作、学習効率化、 アイデア整理、コード改善などを実践ベースで記録しています。 「AIでどこまでできる?」 「どう使えば効率化できる?」を試しながらまとめています。

2026/10/07 AI活用ログ 約11分
AI時代に何から学ぶ?専用AI・GPTs・MCPを整理する5つの段階

AI時代、何から学べばいいのかわからない人へ

AIツールの普及によって、学習の入口は以前よりも広がりましたが、その分「どこから手をつけるべきか」が分かりにくく感じられることがあります。

ChatGPTやClaudeなどの生成AIは、文章生成・要約・コード補助など幅広い用途を持っています。一方で、それらを支える考え方(プロンプト=AIへの指示文、モデル=AIの頭脳にあたる部分、ツール連携=ほかのソフトとのつながり など)が複数重なっているため、全体像がつかみにくくなることもあります。

ここでは、AI学習の主要な構成要素を整理し、初心者が理解しやすい順序を提示します。

私自身、AIを学び始めたころに最初に迷ったのは、プロンプトの書き方と、トークン数(AIが一度に読める文字の量を数える単位)の上限でした。
どう書けば伝わるのか、どこまで長く入力していいのか。
用語の意味より先に、こうした「使い方の基本」でつまずいていたように思います。

ひゃっくり君
ひゃっくり君
AIって用語が多くて、どこから理解すればいいのか迷っちゃう。
そうだね。まずは全体をいくつかに分けて考えると分かりやすいよ。
AIMI.
AIMI.

この記事でわかること

  • AIを構成する基本要素
  • プロンプト・GPTs・ツール拡張の関係
  • MCPの役割
  • エージェント型AIの仕組み
  • 学習の現実的な順序

結論

AIの学びは「AI → プロンプト(AIへの指示文)→ GPTs → MCP → エージェント」の順に整理すると、全体がつかみやすくなります。ただし順番にこだわらず、まずは実際に触ってみるのが一番の近道です。

AIをイメージしたコンピューターのチップ

Photo by Igor Omilaev on Unsplash

AI学習は一般的に「AI → プロンプト → GPTs → MCP → エージェント」という流れで整理されることがあります。

ただしこれは厳密な技術階層ではなく、理解しやすくするための一つの整理モデルです。

ひゃっくり君
ひゃっくり君
こういう情報って全部ちゃんと読まないといけないのかな?
全部を順番に読まなくて大丈夫。まずは軽く触れて、全体をつかむところからでいいよ。
AIMI.
AIMI.

外部情報は理解の補助であり、実際の学習では手を動かすことが重要とされています。

最初は、長い資料を一度にAIに渡して途中で切れてしまい、「どこまで読んでくれたのか」分からなくなったことがあります。

AIに伝わりやすい書き方は「Markdownとは?AIに伝わりやすい書き方と、私がブログで使っている方法」でくわしく書いています。

AIの本質とは

生成AIは検索エンジンとは異なり、学習データをもとに文章を生成する仕組みです。

検索は「既存情報の提示」、生成AIは「新しい文章の生成」という点で役割が異なります。

ひゃっくり君
ひゃっくり君
検索とAIって似ているようで違うのかな?
目的は似ているけど、仕組みが違うんだ。実際には両方を組み合わせて使うことも増えているよ。
AIMI.
AIMI.

スキル(Skill)とGPTs

道具箱・工具(道具を選ぶイメージ)

Photo by LOGAN WEAVER on Unsplash

AIは汎用的な仕組みとして動作するため、そのままでは特定の作業向けに調整されていません。

そのため「スキル」や「GPTs」は、特定用途に合わせて機能や動作を調整する仕組みとして扱われます。

ただし両者の定義は統一されておらず、サービスや実装によって意味が異なる場合があります。

ひゃっくり君
ひゃっくり君
スキルとGPTsって同じように見えるけど違うのかな?
使い道は重なるところがあるけど、呼び方はサービスによって違うんだ。
AIMI.
AIMI.

私が実際に使ってみて印象に残っているのは、思いついたことをそのままプロンプトにすると、AIが手順を提案してくれる使い方です。
頭の中でぼんやりしていたことが手順として並ぶと、次に何をすればいいかが見えてきます。
まず調べる前に、どんどん触ってみることが大事だと感じました。

MCPとは

MCP(Model Context Protocol)は、AIとほかのソフトやサービスをつなぐための共通の決まりです。2024年11月に、AIの会社Anthropic(アンソロピック)が公開しました。

ばらばらのサービスやデータを、同じつなぎ方で使えるようにするための考え方です。

ひゃっくり君
ひゃっくり君
なんとなく便利そうだけど、まだ全体像がつかめない感じがする?
AIとほかの道具をつなぐ「共通の差し込み口」のようなものだよ。使える場面はこれから広がっていくところなんだ。
AIMI.
AIMI.

エージェント型AIとは

エージェント型AIは、単発の応答ではなく、複数の処理を順番に実行して目標達成を行う仕組みです。

やることを小さく分け、必要な道具を使い、結果を確かめる、という流れを自分で進めます。

ひゃっくり君
ひゃっくり君
AIが自動で作業するって、どこまでできるんだろう?
全部おまかせというより、決めた範囲の中で、順番に作業を進めてくれる感じだよ。
AIMI.
AIMI.

AI学習の流れ(ひとつの例)

AIを学ぶ順番の例

  • AIの基本概念を理解する
  • プロンプトに慣れる
  • GPTsや拡張機能を試す
  • MCPの役割を理解する
  • エージェント型AIを理解する
  • 実務で応用する

この順序は一例であり、必ずこの通りに進める必要はありません。

私が一番大事だと思うステップ

この流れの中で、どのステップに一番時間をかけるべきか。
振り返ってみると、特定のステップに時間をかけるより、「まず行動すること」が大事だったように思います。
実際に触ってみれば、それぞれのステップは意外と時間をかけずに、自然と身についていく感覚がありました。

階段を上る足元(段階)

Photo by Wesley Shen on Unsplash

ひゃっくり君
ひゃっくり君
順番どおりに勉強しなくてもいいの?
うん。まず触ってみると、あとから自然につながってくるよ。
AIMI.
AIMI.

この記事のまとめ

AIの学習は階層的に整理すると理解しやすくなりますが、実際には複数の要素が同時並行で発展しています。

そのため順序を固定するよりも、それぞれの役割を理解しながら全体像をつかむことが重要になります。

まずは触れてみるところから始めるのが現実的です。「AI時代に何を学べばいいの?」と迷うこともあるかもしれませんが、GPTsやMCPといった言葉を一つずつ整理していけば、迷わず自分のペースで進められます。

よくある質問

Q. GPTsとMCPの違いは何ですか?

A. GPTsはChatGPT内でカスタマイズされたAIアシスタントです。MCPはAIが外部ツールと連携するための技術仕様です。どちらもAIを「使う」ための仕組みですが、対象と用途が異なります。

Q. AIを学ぶのにプログラミング知識は必要ですか?

A. 使うだけなら不要です。ただし自分でアプリを作ったりAPIを使ったりするには、基礎的なプログラミング知識があると広がります。

Q. AIの用語が多くて覚えきれません。どうすればいいですか?

A. 全部を先に覚える必要はありません。この記事の5つの段階のように大まかな地図を持っておき、使っていて出てきた言葉をそのつど調べるほうが覚えやすいです。私も、触ってみてから意味が分かった言葉がたくさんあります。

参考資料

AIの基礎的な概念については、以下の公式情報が参考になります。

  • Introducing GPTs(OpenAI、2023年、英語)
  • Introducing the Model Context Protocol(Anthropic、2024年、英語)
  • Model Context Protocol 公式ドキュメント

関連記事

  • Markdownとは?AIに伝わりやすい書き方と、私がブログで使っている方法
  • AIで勉強するときの落とし穴|考える力を失わない5つの使い方
  • ChatGPTをWebデザインの仕事に使ってみた|うまくいったこと・失敗したこと

うぇぶ、ひゃっくり|Webサイト100選

この記事をシェア

X(Twitter) LINE Facebook
#AI活用 #初心者向け

この記事が役に立ったら、他の学習記事もチェック!

学習記事一覧へ →
‹ 前の記事 Webデザイン初心者におすすめの参考書は?図解の本が合った私の選び方 Webデザイン初心者におすすめの参考書は?図解の本が合った私の選び方 次の記事 › ChatGPTをWebデザインの仕事に使ってみた|うまくいったこと・失敗したこと ChatGPTをWebデザインの仕事に使ってみた|うまくいったこと・失敗したこと

関連記事

ChatGPTをWebデザインの仕事に使ってみた|うまくいったこと・失敗したこと

ChatGPTをWebデザインの仕事に使ってみた|うまくいったこと・失敗したこと

ChatGPTをWebデザインの作業に取り入れてみた話 Web制作の仕事をしてい...

2026.10.10 9分で読める
AI教育は2026年どう変わる?知識・学び方・先生の役割の変化

AI教育は2026年どう変わる?知識・学び方・先生の役割の変化

AI教育は2026年どう変わる?知識・学習・教師の役割変化 学校でAIツールを使...

2026.10.02 10分で読める
AIで勉強するときの落とし穴|考える力を失わない5つの使い方

AIで勉強するときの落とし穴|考える力を失わない5つの使い方

AIは最強の家庭教師にも、思考停止のきっかけにもなり得る AIを活用した学習は、...

2026.06.27 10分で読める

Webデザイン100選まで

残り 74 サイト

26 / 100 件

プロフィール

AIMI.

AIMI.

Web制作と学びの記録

Webデザインと子どもに関わる仕事をしながら、 日々の「気づき」や「なぜ?」を大切にしています。 仕事のこと、学んだこと、子どもの成長や教育について考えたことを、 自分なりに整理しながら記録しています。

カテゴリー

  • Webデザイン分析 (26) ›
  • 学習ログ (10) ›
  • Webデザイン (2) ›
  • プログラミング (6) ›
  • 参考書 (2) ›
  • AI活用ログ (4) ›
  • 制作記録 (3) ›
  • 学んだこと (13) ›
  • 考えごと (17) ›

人気の記事

  1. 1 HTMLとは?ゼロからWebページを作る基本と、私が最初に作ったページ
    HTMLとは?ゼロからWebページを作る基本と、私が最初に作ったページ

    2026.06.30

  2. 2 Webデザイン初心者におすすめの参考書は?図解の本が合った私の選び方
    Webデザイン初心者におすすめの参考書は?図解の本が合った私の選び方

    2026.10.05

  3. 3 CSSとは?できること・書き方の基本と、余白でつまずいた私の練習法
    CSSとは?できること・書き方の基本と、余白でつまずいた私の練習法

    2026.07.15

アーカイブ

  • 2026年10月 (10)
  • 2026年9月 (10)
  • 2026年8月 (11)
  • 2026年7月 (10)
  • 2026年6月 (11)
  • 2026年5月 (10)
  • 2026年4月 (11)

タグ

  • #Webデザイン分析26
  • #心理学16
  • #Webデザイン学習15
  • #初心者向け12
  • #子育て・教育12
  • #AI活用9
  • #プログラミング教育6
  • #職業訓練校5
  • #効率化・タイパ5
  • #ポートフォリオ制作5
  • #歴史・思想4
うぇぶ、ひゃっくり|Webサイト100選

一度見たら、止まらない。Webデザインの連鎖。 実在するWebサイトの分析と、子ども向けプログラミング教室で教える経験から、「わかりやすく伝える」工夫を言葉にしています。

カテゴリー

AI活用ログ Webデザイン分析 制作記録 学んだこと 学習ログ 考えごと

サイト情報

ホーム はじめまして サイトについて お問い合わせ

© 2026 うぇぶ、ひゃっくり|Webサイト100選.