AI コーディングというやつをやってみたかったのです。
前提
OS: Windows 11 Pro 23H2 ビルド 22631.5039
Docker Desktop: Version 4.37.1 (178610)
WSL2 の Ubuntu 24.04 から WSL Integration で Docker Desktop
を利用
Java プロジェクトを作って、 Hello,World! するのが目標
Claude Code のアカウントを作って $5 入金済み
devcontainer
用のファイル作成
.devcontainer/devcontainer.json
Maven の Java プロジェクトを作りたいので、 devcontainer の features
を利用してインストール
Claude Code に Node が必要なので、 devcontainer の features
を利用してインストール
{
"name" : "app" ,
"image" : "mcr.microsoft.com/devcontainers/base" ,
"features" : {
"ghcr.io/devcontainers/features/node:1" : { } ,
"ghcr.io/devcontainers/features/java:1" : {
"version" : "21" ,
"installGradle" : "false" ,
"installMaven" : "true"
}
}
} .devcontainer/devcontainer.vim.json
devcontainer.vim config -g > .devcontainer/devcontainer.vim.json
で生成したものそのまま使う
{
"remoteEnv" : {
"EDITOR" : "~/squashfs-root/AppRun" ,
"PAGER" : "sed -r 's/\\x1B\\[[0-9;]*[mGKH]//g' | ~/squashfs-root/AppRun -R -" ,
"LESSCHARSET" : "utf-8" ,
"SHELL" : "bash" ,
"TERM" : "xterm-256color" ,
"HISTCONTROL" : "erasedups" ,
},
"mounts" : [
{
"type" : "bind" ,
"source" : "${localEnv:HOME} /.vim" ,
"target" : "/home/vscode/.vim"
},
{
"type" : "bind" ,
"source" : "${localEnv:HOME} /.gitconfig" ,
"target" : "/home/vscode/.gitconfig"
},
{
"type" : "bind" ,
"source" : "${localEnv:HOME} /.ssh" ,
"target" : "/home/vscode/.ssh"
},
],
}開発環境の起動
Claude Code
のインストール・初期設定
インストール
Vim でターミナルを開き、以下コマンドを実行。
npm install -g @anthropic-ai/claude-code初期設定
Vim でターミナルを開き、以下コマンドを実行。
表示のカラースタイルを聞かれるので答える(僕は
Light text にした)
ログイン処理 2.1 Enter 押下で表示される URL
にアクセスし、ログインを行う 2.2
ログイン完了後に表示されるコードをターミナルにペーストし、 Enter
Yes, proceed まで Enter を押し続けるプロンプト入力画面が表示される
あとはここにやって欲しいことを入力していくだけ。
実装
プロジェクトの作成
claude へ次の命令を入力する。
Maven の Java プロジェクトを作り、 Hello, World! を表示したい。 Java のバージョンは 21 とすること。今回は、以下のような処理を行ってくれた。
mkdir -p src/main/java/com/example
pom.xml の作成
<?xml version="1.0" encoding="UTF-8" ?>
<project xmlns ="http://maven.apache.org/POM/4.0.0"
xmlns:xsi ="http://www.w3.org/2001/XMLSchema-instance"
xsi:schemaLocation ="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd" >
<modelVersion > 4.0.0</modelVersion >
<groupId > com.example</groupId >
<artifactId > hello-world</artifactId >
<version > 1.0-SNAPSHOT</version >
<properties >
<maven.compiler.source > 21</maven.compiler.source >
<maven.compiler.target > 21</maven.compiler.target >
<project.build.sourceEncoding > UTF-8</project.build.sourceEncoding >
</properties >
<build >
<plugins >
<plugin >
<groupId > org.apache.maven.plugins</groupId >
<artifactId > maven-jar-plugin</artifactId >
<version > 3.3.0</version >
<configuration >
<archive >
<manifest >
<mainClass > com.example.App</mainClass >
</manifest >
</archive >
</configuration >
</plugin >
</plugins >
</build >
</project > App.java の作成
package com.example;
public class App {
public static void main (String[] args) {
System.out.println("Hello, World!" );
}
}コンパイル(mvn compile)
実行(mvn exec:java -Dexec.mainClass="com.example.App")
完了報告(Maven プロジェクトが正常に作成され、「Hello, World!」が表示されました。Java 21 を使用する Maven プロジェクトの基本構造を作成しました。)
良い感じ。
…devcontainer.vim 特有のことが無かった気がするけれど、
Claude Code が使えたのでヨシ！
以上。
参考資料