![[Hugo] おすすめ記事を動的に表示！フェードイン＋グリッド展開で洗練されたトップページに](https://humanxai.info/images/uploads/hugo-fade-in-grid.webp)
[Hugo] おすすめ記事を動的に表示！フェードイン＋グリッド展開で洗練されたトップページに
2025-06-15 | lain
CSS＋JavaScriptを使い、記事カードをグリッド表示し、スクロールに応じてフェードインする演出を実装する方法を紹介
カテゴリ：CSS
![[Claude Code] 入門講座 #03：Claudeで簡単なJSゲームを作る - モグラ叩き編](https://humanxai.info/images/uploads/claude_code-practice-03.webp)
[Claude Code] 入門講座 #03：Claudeで簡単なJSゲームを作る - モグラ叩き編
2025-06-11 | lain
Claude 3.5 Sonnetに自然言語で指示を出し、JavaScriptによる簡単なモグラ叩きゲームを生成。
![[Claude Code] 入門講座 #02：ClaudeでHTML/CSSを書く - 静的ページ編](https://humanxai.info/images/uploads/claude_code-practice-02.webp)
[Claude Code] 入門講座 #02：ClaudeでHTML/CSSを書く - 静的ページ編
2025-06-11 | lain
Poe上のClaude Sonnetを使って、自然言語からHTML＋CSSの静的Webページを作成していくプロセスを体験する入門編。
![[Hugo] 記事に吹き出しメッセージを作る（Goテンプレート）](https://humanxai.info/images/uploads/hugo-chat-bubble.webp)
[Hugo] 記事に吹き出しメッセージを作る（Goテンプレート）
2025-06-06 | lain
Hugoで記事に吹き出しメッセージを作る方法の紹介（Goテンプレート）