小学生でもわかる AI図鑑

Picture Book

図鑑モード

ページの角をつまんで、ゆっくりめくってみてください。矢印キーでもめくれます。

小学生でもわかる

AI図鑑

AIサービスの始め方を、1話1機能・1STEPずつ

駆け出し中のエンジニア

この図鑑について

AIサービスを1冊の図鑑にしました。1つのサービスが、見開き1ページです。

くわしい始め方は、それぞれのシリーズ記事(Xで公開中)で。ここでは「どんなサービスか」だけ、ぱらぱらと眺められます。

現在 3シリーズが連載中、全15サービスを収録。新しいサービスは、このページのうしろに増えていきます。

小学生でもわかるElevenLabsのイメージ

連載中No.01

ElevenLabs

イレブンラボス

ElevenLabsは、音の魔法工場

どんなサービス?

声も、音楽も、効果音も。文章を入れると音が出てくるサービスを、無料で体験できる入門回から、声のコピー・AI電話番・作曲・吹き替え・字幕・効果音・声づくりまで、1話1機能で開けていきます(全10話予定)。

  • おしゃべり
  • 声コピー
  • へんしん
  • 音楽
  • 効果音
1
小学生でもわかるCloudflareのイメージ

連載中No.02

Cloudflare

クラウドフレア

ネットの"裏方"と、自分のURL

どんなサービス?

ネットの裏方Cloudflareの正体と、自分のページを世界に出す方法。URL・独自ドメイン・メールアドレス・守り方まで、部屋を1つずつ開けていきます。

  • 自分のURL
  • 独自ドメイン
  • メール
  • 高速化
  • 守り
2
小学生でもわかるSupabaseのイメージ

連載中No.03

Supabase

スーパベース

アプリの"裏側"を、無料で持つ

どんなサービス?

AIで作ったアプリの中身が消えるのは、「データの置き場」がないから。サーバーを契約せずに、表・ログイン・ファイル置き場など、アプリの裏側を無料で持つ方法を1話1機能で開けていきます。

  • データの置き場
  • 表とAPI
  • ログイン
  • ファイル置き場
  • AI検索
3
小学生でもわかるMiriCanvasのイメージ

準備中No.04

MiriCanvas

ミリキャンバス

センスではなく、型を選ぶ

どんなサービス?

デザインが苦手でも、テンプレート(型)を選んで置き換えるだけで「それっぽい1枚」が作れる無料デザインツール。ライセンスの注意点も、毎回セットで。

  • サムネ
  • バナー
  • スライド
  • SNS画像
  • チラシ
4
小学生でもわかるCursorのイメージ

準備中No.05

Cursor

カーソル

話しかけるだけで、ページができる

どんなサービス?

パソコンに日本語で話しかけて、自分だけのWebページや自動化を作るAIエディタ。Webページ・自動化・集計と、完成する成果物を1話に1つずつ。

  • Webページ
  • 自動化
  • 集計
  • 画像から作る
  • 設計図
5
小学生でもわかるMCPのイメージ

準備中No.06

MCP

エムシーピー

AIに「手」を生やす

どんなサービス?

MCPは「AIに道具を持たせる、共通の差込口」。JSONもターミナルもいらないClaude Desktopを入口に、AIが「できません」と言わなくなる状態を1つずつ作ります。

  • ファイル整理
  • 書類を読む
  • サービス連携
  • 安全の見分け方
6
小学生でもわかるGitとGitHubのイメージ

準備中No.07

Git & GitHub

ギット&ギットハブ

消してももどせる、世界に出せる

どんなサービス?

GitHub Desktopだけで、失敗しても昨日に戻せて、作ったページが世界に公開される。黒い画面(コマンド)は、おまけ回まで出しません。

  • 巻き戻し
  • 公開URL
  • 名刺ページ
  • 共同作業
7
小学生でもわかるHeyGenのイメージ

準備中No.08

HeyGen

ヘイジェン

カメラいらずで、しゃべる動画

どんなサービス?

HeyGenは、しゃべる人がいる撮影所。台本を貼るだけで、用意された役者さんが日本語で話す動画が作れます。自分の顔の分身、外国語版の自分まで、撮影所の部屋を1つずつ開けていきます。

  • 役者さんが話す
  • 自分の分身
  • 外国語版の自分
  • 写真が動く
  • 資料が動画に
8
小学生でもわかるVercelのイメージ

準備中No.09

Vercel

ヴァーセル

作ったページの、ちゃんとした置き場

どんなサービス?

Cursorで作る、GitHubで保存する、の次は「出す」。押すだけで本番のURLができて、直すたびに自動で反映される置き場・Vercelの部屋を1つずつ開けていきます。

  • 本番URL
  • 自動で反映
  • 下書きURL
  • 秘密の鍵
  • 裏側のプログラム
9
小学生でもわかるv0のイメージ

準備中No.10

v0

ブイゼロ

話しかけると、画面ができる

どんなサービス?

v0は、日本語で話しかけるとWebの画面を作ってくれるサービス。指示の書き方から、ネットに出す・データを保存する・GitHubへ持ち出すまで、部屋を1つずつ開けていきます。

  • 画面を作る
  • 見た目を直す
  • 絵から作る
  • ネットに出す
  • GitHub連携
10
小学生でもわかるClerkのイメージ

準備中No.11

Clerk

クラーク

アプリに、ログインを付ける

どんなサービス?

作ったアプリに会員のしくみを。HTMLファイル1枚にログインを付けるところから、見せる相手の出し分け、本番公開、チーム利用まで、部屋を1つずつ開けていきます。

  • ログイン
  • 会員限定ページ
  • SNSログイン
  • 本番公開
11
小学生でもわかるObsidianのイメージ

準備中No.12

Obsidian

オブシディアン

書いたメモが、つながる

どんなサービス?

書く・つなぐ・ためる・さがす。自分のパソコンの中に「知識の基地」を作るノートアプリを、スマホとの同期や外への公開まで、1話1機能で開けていきます。

  • 書く
  • つなぐ
  • ためる
  • さがす
  • 持ち運ぶ
12
小学生でもわかるNetlifyのイメージ

準備中No.13

Netlify

ネットリファイ

直したら、勝手に公開される

どんなサービス?

GitHubとつなぐと、直すたびに自動で公開されるWebの置き場。フォームの受け取り、戻せる公開、お金と安全の話まで、部屋を1つずつ開けていきます。

  • 自動で公開
  • フォーム受信
  • 巻き戻し
  • 小さなプログラム
13
小学生でもわかるConvexのイメージ

準備中No.14

Convex

コンベックス

みんなの画面が、同時に動く

どんなサービス?

書き込むと、開いている全員の画面がその場で変わる。リアルタイムなアプリの"裏側"を、AIエージェントに書かせる回まで含めて、1話1機能で開けていきます。

  • リアルタイム
  • AIに書かせる
  • 表の設計
  • 定期実行
14
小学生でもわかるWorkOSのイメージ

準備中No.15

WorkOS

ワークオーエス

アプリに「会社の入り口」を作る

どんなサービス?

ログインの、その先へ。会社ごとの入り口・役割分け・名簿の自動同期など、仕事で使えるアプリの「入館システム」を、部屋を1つずつ開けていきます。

  • 会社の入り口
  • 役割分け
  • SSO
  • 名簿同期
15

あとがき

この図鑑は、これからも増えていきます。新しいページが増えたら、Xでお知らせします。

記事の感想は、引用リポストで全部読んでいます。

Xでフォロー

奥付

小学生でもわかるAI図鑑
書いた人:駆け出し中のエンジニア(@engineer_num1)
すみか:shogakusei.com

← 一覧ページにもどる

おしまい。
つづきは、それぞれの記事で。