このウェブサイト

JekyllとGitHub Pagesで構築、主にClaude Codeが作成

このウェブサイトは Jekyll で構築され、GitHub Pages でホスティングされています。テーマは al-folio を使用し、多言語対応は jekyll-polyglot で実現しています。

サイトの構築はウェブ担当者が日本語または英語で指示を出し、Claude Code(AnthropicのAIコーディングアシスタント)が全てのコードを書き、日英の翻訳も担当し、GitHubへのpushまで行いました。レイアウトのカスタマイズやCSSの修正から、新規ページの追加、文献管理、ブログ記事の作成まで、Claude Codeが担当しています。同じようなサイトを作りたい方は、まずソースコードをgitでローカルにクローンし、あとはClaude Codeに指示を出すだけ — ファイルの編集からGitHubへのpushまで全てやってくれます。日常的なメンテナンスも同様で、例えば新しい論文を追加するときは、ジャーナルページのURLをClaude Codeに渡すだけで、BibTeXの更新からpushまで全て対応してくれます。

使用技術:

主な機能:

  • レスポンシブデザイン・ダーク/ライトモード対応
  • トップページにサムネイル付きブログカード表示(新記事追加で自動更新)

ローカルでの確認:

GitHub Pagesのビルドには数分かかりますが、ローカルで jekyll serve を使えば変更を即座に確認できます。ファイルを保存するたびに自動リビルドされるため、GitHubにpushせずにリアルタイムでプレビューできます。

モバイルからの更新:

Decap CMS を導入しており、スマートフォンのブラウザから /admin にアクセスするだけでブログ記事の投稿・編集ができます。Markdownを直接書く必要はなく、フォーム形式で入力してGitHubにpushするところまで自動で行われます。

ソースコード:

全ソースコードは GitHubで公開 しています。