【画像で解説】Mac版Claude Codeでテトリスを作る手順

会員ID：BC7CgTK0

この記事は約4分で読めます

要約

ClaudeデスクトップアプリのMac版コードタブを使って、ブラウザで動くテトリスを作る手順をスクリーンショット付きで解説します。作業フォルダの作成からAIへの指示、ブラウザでの動作確認まで、初心者でも迷わず進められます。

前回の記事

前回は ClaudeデスクトップアプリのMac版の Codeタブ を使えるようにしました。

この記事では、ClaudeデスクトップアプリのMac版 コードタブ を使って、ブラウザで動くテトリスを作るまでの手順を、スクリーンショット付きで解説します。

「コードタブを使ってAIにプログラムを作ってもらいたい」という初心者の方向けの内容です。

コードタブはAIと一緒にコーディング作業を進めるためのタブです。プログラムの知識がなくても、AIに指示するだけでファイルを作成・編集してもらえます。

コードタブでは、AIが作成・編集するファイルの保存先となるフォルダを指定する必要があります。まず、専用のフォルダを作成しておきましょう。

今回はわかりやすいように 「書類」フォルダの中に「tetris」フォルダ を作成します。

続きは、リベシティにログインしてからお読みください

ノウハウ図書館でできること

※会員登録には、新入生会員（初月30日無料）と応援会員（有料）があります

さらに！