新しいプロジェクトフォルダを作成する
前回の動画でWebアプリケーションの基礎知識を学びました。今回は、生成AIを使って業務を効率化するためのアプリケーションをNext.jsで作っていきます。
前のセクションでポートフォリオサイトを作った方は、ファイルがごちゃごちゃしてしまっていると思いますので、新しくプロジェクトを作っていきましょう。
Linuxコマンドでフォルダを作る
せっかく覚えたLinuxコマンドを使っていきましょう。まずclearコマンドでターミナルを綺麗にして、現在のディレクトリを確認します。CloudCodeAcademyTutorialディレクトリの中に入っていきます。
lsコマンドを実行すると、ポートフォリオサイトを作ったファイルが出てきます。このディレクトリ配下に新しいプロジェクトを作りたいので、mkdirコマンドを使います。
mkdir ai-web-applicationエンターキーを押して、lsコマンドで確認するとフォルダが作られたことがわかります。Ctrl+Bでファイル階層を見てみると、ディレクトリが新しく作られていることが確認できます。
新しいディレクトリに移動する
このディレクトリに移動したい場合はcdコマンドを使います。
cd ai-web途中まで入力してタブキーを押すと、自動補完してくれます。
VS Codeで新しいエディターを開く
ここでClaude Codeを立ち上げてもいいですが、新しいエディターで開きたい場合は、Windowsの方はCtrlを押しながら左クリック、Macの方はCommandを押しながら左クリックで開くことができます。
もしうまく開かない場合は、ディレクトリを右クリックして「Reveal All In File Explorer」で開き、そのままドラッグ&ドロップでVS Codeに立ち上げましょう。
立ち上がったらもう一度ターミナルを開きます。Ctrl+Bを押すとまだファイルを作っていないので空になっていることがわかります。
ここからClaude Codeを立ち上げて、AIアプリケーションの要件を伝えていきます。
