おすすめ機材・ツール
ShiftMatchを開発した著者が実際に使っている・使い比べた機材とサブスクを厳選紹介します。
バイブコーディングにはMac(Apple Silicon)を強く推奨します。理由は3つです。
WindowsはWSL2(Windows Subsystem for Linux)を使えば開発環境を整えられますが、初心者にはやや難易度が上がります。予算が許すならMacを選びましょう。
メモリは最低16GB。Next.js+Cursor+Dockerを同時起動するなら24GBが快適です。
Windowsを選ぶ場合は、まずWSL2の設定から始めましょう。
外部モニターは作業効率を大幅に上げます。1つ持つと世界が変わります。
コードとデザインが両方きれいに見える4K。USB-C接続でMacBookへの給電も同時にできて便利。
薄型コンパクトで持ち運びも可能。2.4GHz・Bluetooth対応。タイピング量が多いバイブコーダーの手首に優しい打鍵感。
カフェ作業が多いバイブコーダーのお供。充電器兼バッテリーでバッグをスッキリ。
MacBook Air/Pro のポート不足を一気に解決。4K HDMI・USB-A×3・SD カードスロット・60W給電対応。
目線を上げて首・肩への負担を軽減。外部モニターと組み合わせるデュアルディスプレイ環境の定番。
Mac との親和性が最高。マルチタッチジェスチャーでスクロール・スワイプがシームレス。Cursorとの相性も抜群。
PCよりもまず、これらのツールへの投資が最速でスキルを伸ばします。
Udemy はセール時に90%オフ以上になることも。気になるコースはウィッシュリストに追加しておいてセールを待つのがコツ。
国内最大級の評価数を誇るPython入門コース。初心者から実務レベルまでカバー。セール時は90%オフ以上になることも。
TypeScript の基礎から型の仕組みまで。バイブコーディングで生成されるコードを正しく読むために必須の知識。
このサイトと同じ技術スタック。バイブコーディングで Next.js アプリを作る前に、基礎を体系的に学べる。
AIが生成したコードの意味を正しく理解するために、技術書で基礎を補強しておくと伸びが加速します。
鈴木僚太著。型システムの本質から実務パターンまで網羅。バイブコーディングで生成されたコードをレビューする力が身につく。
TypeScriptをゼロから丁寧に解説。AIが生成したコードの型エラーに悩まなくなる。初心者が最初に読むべき一冊。
ページルーティング・API Routes・サーバーコンポーネントをひと通り学べる入門書。Cursor で生成したコードの骨格理解に最適。
環境が整ったら、学習を始めましょう。
コース一覧を見る →