バフェットの投資術というサイトを作りました
Claude Codeを使って、バフェットの投資術というサイトを作りました。
サイトのコンセプトとしては、バフェット氏の紹介と、名言、著作の紹介などなどです。
株式投資ブームということで、バフェット氏は最も著名な投資家ですが、
彼についてまとめたサイトというのも価値があるのではないかと思いました。
作成にかかったコスト
7.5ドル(1100円ほど）
作成にかかった時間
1時間30分
サイトに使われている技術
このサイトで使用されている技術スタックは以下の通りです：
フロントエンド
- HTML5 – セマンティックなマークアップとレスポンシブデザイン
- CSS3 – カスタムスタイリング、Flexbox、Grid、アニメーション
- バニラJavaScript – フレームワークなしの軽量実装 構成・アーキテクチャ
- 静的サイト – サーバーサイド処理なしのシンプルな構成
- マルチページアプリケーション (MPA) – 各機能ごとに独立したHTMLページ
- ファイルベースルーティング – 直接HTMLファイルへのリンク デザイン・UI
- レスポンシブデザイン – モバイルファーストアプローチ
- CSS Grid – 本のカード表示用レイアウト
- CSS Flexbox – ナビゲーションとページレイアウト
- カスタムCSS – フレームワークを使わない独自スタイル 解析・トラッキング
- Google Analytics 4 – アクセス解析とユーザー行動追跡 特徴
- 軽量 – 外部依存関係なし、高速読み込み
- SEOフレンドリー – 検索エンジン最適化済み
- アクセシブル – セマンティックHTML使用
- 保守性 – シンプルで理解しやすい構造 ホスティング
- 静的ホスティング対応 – GitHub
Pages、Netlify、Vercel等で簡単デプロイ可能
Amazonの著作リンク先などはまだ未設定なので、それらを設定すると追加で30分くらいかかるかなというかんじです。
パット見でそれっぽいサイトにはなってますね。