Claude Codeを使用してカスタムTwigテンプレートでDrupalサイトを構築する

ある開発者が、彼らが「ヘッドレス風HTML」と表現するカスタムアプローチでDrupalウェブサイトを構築するためにClaude Codeを使用した経験を共有しました。彼らは出力をより細かく制御するために、生のHTMLを含むTwigファイルをClaudeで作成するこの方法を好みました。

技術的アプローチ

開発者は、drupal_viewやdrupal_blockのようなDrupalコア関数を活用しつつ、生のHTMLコードを組み込んだTwigファイルをClaudeに作成させました。CSSはスタイリングのためにこれらのテンプレートに直接組み込まれました。サイト構造は、themes/custom/THEME/ディレクトリ内に多数の個別のTwigファイルを配置して整理され、開発者はこれを自身の典型的なPHPアプリケーション開発手法と比較しました。

開発ワークフロー

彼らはローカルのddev環境を広範に使用し、Claudeがターミナルから直接ddev drushやその他のコマンドを実行できることに注目しました。このセットアップは、ビュー、タクソノミー、コンテンツタイプ、およびサイト構造の設定を容易にしました。

プロセスは以下の手順に従いました：

• 変更をより簡単かつ迅速に行えるように、まずClaudeにHTML/CSSサイトを作成させる
• デザインが確定したら、Claudeにそのデザインを基にサブテーマから始まるDrupalサイトを作成させる
• 広範な修正を依頼する（例：「Claude、すべてのコンテンツタイプを修正して」）のではなく、特定の領域に取り組むためにClaudeと協力する（例：「XYZコンテンツタイプを確認し、HTMLテンプレートと一致するか確認しよう」）

実用的な詳細

開発者は、どのTwigファイルが使用されているかを確認するために、DrupalウェブサイトでTwigデバッグを有効にしたままにしました。整理が必要な部分もあると認めつつも、現在の構造はシンプルなコンテンツサイトの出発点として適していると述べました。

このアプローチにより、彼らは「Drupal流」ではないが、自身の好みの開発パターンに合致するDrupalサイトを構築でき、従来のDrupal開発よりもスムーズなプロセスを実現しました。