ソフトウェアは、どんな部品でできているか

12の分野

上から順に学ぶことを想定した並び。各分野に「最初に触るなら」を1件ずつ挙げている。

1. 言語・実行環境 プログラムを書くための「言葉」と、それを動かす仕組み
   すべての分野の部品は、いずれかの言語で書かれている。地図のいちばん下にある土台。 最初に触るなら Python。
2. 画面・フロントエンド 利用者が見て、触る画面をつくる。ブラウザの中で動く部分
   利用者にいちばん近い層。ここから裏側（サーバー）に頼み事をして、返ってきたデータを見せる。 最初に触るなら Astro。
3. サーバー・API 画面の裏側で、頼まれた処理をしてデータを返す係
   画面とデータの間に立ち、「誰が何をしてよいか」を決める。アプリのルールはここにある。 最初に触るなら Supabase。
4. データの保存 データをなくさず置いておく場所。形（表・文書・ファイル）で種類が分かれる
   アプリの「記憶」。サーバーが読み書きし、溜まったものは後で分析にも使う。 最初に触るなら SQLite。
5. 実行基盤・ホスティング 書いたコードを、自分のパソコンの外で動かし続ける場所
   画面・サーバー・データベースを「載せる」土台。ここに載せて初めて、他人が使える。 最初に触るなら GitHub Pages。
6. 開発基盤・CI/CD コードの変更を、壊さずに本番へ届ける仕組み
   「書いた」と「動いている」の間をつなぐベルトコンベア。履歴・検証・配信の3つを担う。 最初に触るなら Git。
7. 監視・可観測性 動いているものの様子を知り、壊れたら気づく
   公開したあとの「目」。これがないと、壊れても利用者から言われるまで分からない。 最初に触るなら Sentry。
8. 認証・セキュリティ 誰がアクセスできるかを決め、守る
   画面とサーバーの入口に立つ門番。本人確認（認証）と、してよいことの範囲（認可）を扱う。 最初に触るなら Clerk。
9. 自動化・連携 決まった作業を、人手なしで繰り返す
   人が毎回やっていた作業を機械に渡す。周りの分野をつなぐ接着剤でもある。 最初に触るなら Google Apps Script。
10. ノーコード・SaaS コードを書かずに済ませる選択肢
    学習の近道であり、限界に当たったときに「コードが必要な理由」を教えてくれる。 最初に触るなら Zapier。
11. データ処理・分析 溜まったデータを集計・変換・可視化する
    保存されたデータを「使う」側。分析と AI の前段にあたる。 最初に触るなら pandas。
12. AI・機械学習 文章の生成・要約・分類や、予測をアプリに組み込む
    最後に足す部品。API を呼ぶだけなら、他の分野を一通り知った初学者でも使える。 最初に触るなら Claude API（Anthropic）。

ツール一覧（52件）

分野ごとに、学習コストの低い順。名前を知っている道具から入ってもよい。 検索では略称（GAS、S3、PG）でも引ける。