Claude Code を試す

Cursor にお願いした。

途中権限エラー出て sudo するかを聞かれたが、下記ドキュメントでは推奨されてないぞ、というと、別の方法で実行してくれた。

• Claude Code概要 - Anthropic

Cursor の AI は Auto にしているけど以前よりも日本語が自然になってる気がする。Claude 4 sonnet かな。

Claude のアカウント紐づけて完了。Pro プランで利用できるようになったのは最近だったことをあとから知った。

• Claude Pro（$20）プランでゼロから始めるClaude Code

早速プロジェクトのディレクトリに入って claude コマンドを実行し、まずは summarize this project してみた。

/init で CLAUDE.md が作成された。

さて、何をやってもらおうか....。

PageSpeed Insights から指摘されたことの改善を依頼してみる。

Todo を Update しながら進めてくれるの良い。解決してくれたのでデプロイまで依頼。

解消した。

ついでに他の指摘も依頼してやってもらった。

⏺ JavaScript パフォーマンスを改善しました：

  1. TypeScript Target更新 (tsconfig.json:3): ES2017 → ES2022でモダンなJavaScript出力
  2. Browserslist追加 (package.json:28-33): モダンブラウザをターゲットしてレガシーポリフィル削減
  3. GTM最適化 (app/layout.tsx:47-63):
    - strategy="lazyOnload"で遅延読み込み
    - 本番環境でのみ実行
    - 非同期スクリプト読み込みで初期ロードをブロックしない

  これらの変更により、JavaScriptの解析・コンパイル・実行時間が短縮され、古いJavaScriptコードの配信も削減されます。

すごい。