![[Hugo] おすすめ記事を動的に表示！フェードイン＋グリッド展開で洗練されたトップページに](https://humanxai.info/images/uploads/hugo-fade-in-grid.webp)
[Hugo] おすすめ記事を動的に表示！フェードイン＋グリッド展開で洗練されたトップページに
2025-06-15 | lain
CSS＋JavaScriptを使い、記事カードをグリッド表示し、スクロールに応じてフェードインする演出を実装する方法を紹介
カテゴリ：JavaScript
![[Human x AI] ChatGPT(4o)との対話録 ～エアコンvsパソコン（動画生成AI 80℃🔥）～](https://humanxai.info/images/uploads/ai-dialogue-2025-07-12-2.webp)
[Human x AI] ChatGPT(4o)との対話録 ～エアコンvsパソコン（動画生成AI 80℃🔥）～
2025-07-12 | lain
[Human x AI] ChatGPT(4o)との対話録 ～ エアコン vs パソコン（動画生成AI[RTX4070Ti 80℃🔥]） ～
![[Human x AI] ChatGPT(4o)との対話録 ～ 諦めたらそこで試合終了 ～](https://humanxai.info/images/uploads/ai-dialogue-2025-07-12.webp)
[Human x AI] ChatGPT(4o)との対話録 ～ 諦めたらそこで試合終了 ～
2025-07-12 | lain
[Human x AI] ChatGPT(4o)との対話録 ～ 諦めたらそこで試合終了 ～
![[Claude Code] 入門講座 #04：Claudeでエラーを直してもらう：デバッグ体験](https://humanxai.info/images/uploads/claude_code-practice-04.webp)
[Claude Code] 入門講座 #04：Claudeでエラーを直してもらう：デバッグ体験
2025-06-12 | lain
今回は、エラーがあるコードをClaudeに見せて修正を依頼する方法を学びます。
![[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による簡単なモグラ叩きゲームを生成。
![[Human x AI] ChatGPT(4o)との対話録 ～ 物作りをするという事 / 作品に込めた願い ～](https://humanxai.info/images/uploads/ai-dialogue-2025-06-23.webp)
[Human x AI] ChatGPT(4o)との対話録 ～ 物作りをするという事 / 作品に込めた願い ～
2025-06-23 | lain
[Human x AI] ChatGPT(4o)との対話録 ～ 物作りをするという事 / 作品に込めた願い ～
![[Human x AI] ChatGPT(4o)との対話録 ～ 挫折と断酒 ～](https://humanxai.info/images/uploads/ai-dialogue-2025-07-16.webp)
[Human x AI] ChatGPT(4o)との対話録 ～ 挫折と断酒 ～
2025-07-16 | lain
[Human x AI] ChatGPT(4o)との対話録 ～ 挫折と断酒 ～