~/VibeHandbook
$39

05 · 01

JavaScript / TypeScript

これはたいていのvibe codingにおけるデフォルトであり、それには理由があります。どこでも動くのです — ブラウザ、サーバー(Node.js)、エッジ関数 — そしてWebフロントエンド全体の言語です。TypeScriptは型システムを後付けしたJavaScriptであり、ほとんどの場合TypeScriptを選ぶべきです。型は早期にミスを捕まえ、そして重要なことに、AIにガードレールを与えて出力をより信頼できるものにします。型付きの関数シグネチャは、アシスタントが読める契約書です。それがなければ、AIはあなたのデータがどんな形をしているかを推測するしかなく、推測こそバグの隠れ場所です。

  • 得意なこと: Webアプリ(フロントエンドもバックエンドも)、ブラウザでユーザーがクリックするあらゆるもの、手早いプロトタイプ、一つの言語で完結するフルスタックプロジェクト、サーバーレス/エッジへのデプロイ。
  • つらいところ: エコシステムの動きが速く、互換性が壊れる。依存関係の肥大化は現実の問題(小さなアプリでも数百のパッケージを引き込みうる)。素のJavaScriptのゆるさは微妙なバグをすり抜けさせる — これもTypeScriptを使うべきもう一つの理由です。
  • 代表的なユースケース: SaaSのダッシュボード、ランディングページ、eコマース、リアルタイムアプリ、ブラウザ拡張、Vercel・Netlify・Cloudflareにデプロイするあらゆるもの。
  • AIの扱い: 優秀。学習データに最も多く含まれている言語です。アシスタントはReact、Next.js、Nodeを自信を持って書き、めったに行き詰まりません。あえて別を選ぶ強い理由がないなら、ここから始めましょう。

知っておく価値のある具体的なトレードオフが一つあります。JavaScriptをプロトタイピングに優れたものにしているその速さは、同時にそれを目まぐるしく変えてしまう速さでもあります。18か月前のチュートリアルがすでに非推奨のAPIを使っているかもしれず、過去のスナップショットで学習したAIは、ときに昨日のパターンを手渡してきます。それが書いたコードが動かないとき、原因は往々にしてライブラリが先に進んでしまったことです。直し方はたいてい、自分が使っているバージョンを伝え、最新のドキュメントを確認させることです。これは地球上で最も活発なエコシステムに住む代償として払う税金であり、ほとんどのプロジェクトでは払う価値があります。

オフラインでも読みたい?

PDF + EPUB + ダウンロード可能なプロンプトライブラリ + バージョンアップデートを入手しよう。

$ PDFを入手 — $39