![[Human x AI] ChatGPT(4o)との対話録 ～ 昔作った時計アプリについて ～ (2025/06/15)](https://assets.lain-lab.com/images/uploads/ai-dialogue-2025-06-15.webp)
[Human x AI] ChatGPT(4o)との対話録 ～ 昔作った時計アプリについて ～ (2025/06/15)
[Human x AI] ChatGPT(4o)との対話録 ～ 昔作った時計アプリについて ～ (2025/06/15)
ARCHIVE_INDEX / PAGE_61
TOTAL_ITEMS: 779
![[Hugo] おすすめ記事を動的に表示！フェードイン＋グリッド展開で洗練されたトップページに](https://assets.lain-lab.com/images/uploads/hugo-fade-in-grid.webp)
[Hugo] おすすめ記事を動的に表示！フェードイン＋グリッド展開で洗練されたトップページに
本記事では、Goテンプレートと軽量なCSS＋JavaScriptを使い、記事カードを指定数 グリッド表示し、スクロールに応じてフェードインする演出を実装する方法を紹介します。
![[Hugo] テーマ切り替えボタン(ダークモードトグル)の「修正」と「カスタム」](https://assets.lain-lab.com/images/uploads/hugo-theme-switch.webp)
[Hugo] テーマ切り替えボタン(ダークモードトグル)の「修正」と「カスタム」
Hugoでダークモードボタン（月アイコン）が効かない原因とデザイン改善砲方法のまとめ。
![[Human x AI] ChatGPT(4o)との対話録 ～ FramePackのCLI化の挫折後 ～ (2025/06/14)](https://assets.lain-lab.com/images/uploads/ai-dialogue-2025-06-14.webp)
[Human x AI] ChatGPT(4o)との対話録 ～ FramePackのCLI化の挫折後 ～ (2025/06/14)
[Human x AI] ChatGPT(4o)との対話録 ～ FramePackのCLI化の挫折後 ～ (2025/06/14)
![[FramePack] 入門講座 #08：（番外編）CLIでFramePackを動作させ画像を一括変換する](https://assets.lain-lab.com/images/uploads/framepack-practice-08.webp)
[FramePack] 入門講座 #08：（番外編）CLIでFramePackを動作させ画像を一括変換する
FramePackをCLIで動作させ画像を一括変換する方法を模索
![[Human x AI] ChatGPT(4o)との対話録 (2025/06/13)](https://assets.lain-lab.com/images/uploads/ai-dialogue-2025-06-13.webp)
[Human x AI] ChatGPT(4o)との対話録 (2025/06/13)
[Human x AI] ChatGPT(4o)との対話録 (2025/06/13)
![[Claude Code] 入門講座 #7：Claudeでコードレビューをしてもらう実験 〜AIに読んでもらう“自分のコード”〜](https://assets.lain-lab.com/images/uploads/claude_code-practice-07.webp)
[Claude Code] 入門講座 #7：Claudeでコードレビューをしてもらう実験 〜AIに読んでもらう“自分のコード”〜
Claudeに自分で書いたコードをレビューしてもらい改善点やバグの指摘、設計・可読性へのフィードバックを受ける。
![[Claude Code] 入門講座 #6：Claudeと技術記事を書く ～コード＋解説文生成](https://assets.lain-lab.com/images/uploads/claude_code-practice-06.webp)
[Claude Code] 入門講座 #6：Claudeと技術記事を書く ～コード＋解説文生成
Claudeに技術的なコードとその解説文を依頼し、記事としてまとめる過程を紹介します。
![[Claude Code] 入門講座 #5：Claudeと一緒にブログテンプレートを作る](https://assets.lain-lab.com/images/uploads/claude_code-practice-05.webp)
[Claude Code] 入門講座 #5：Claudeと一緒にブログテンプレートを作る
Claudeのような生成AIは、コードの補完や修正に使うだけでなく、「一緒にサイトを設計する相棒」としても機能します。今回は、Hugoをベースに、Claudeと対話しながらブログのテンプレートを構築する過程を紹介します。
![[Claude Code] 入門講座 #04：Claudeでエラーを直してもらう：デバッグ体験](https://assets.lain-lab.com/images/uploads/claude_code-practice-04.webp)
[Claude Code] 入門講座 #04：Claudeでエラーを直してもらう：デバッグ体験
今回は、エラーがあるコードをClaudeに見せて修正を依頼する方法を学びます。
![[FramePack] 入門講座 #07：（最終章）生成した動画を編集・活用する](https://assets.lain-lab.com/images/uploads/framepack-practice-07.webp)
[FramePack] 入門講座 #07：（最終章）生成した動画を編集・活用する
FramePackで生成した動画を実際に編集・活用するための方法を紹介します。音声・字幕・結合エフェクトなどを加えることで、作品として仕上げていく実践編。無料ソフトとの連携方法にも触れます。
![[FramePack] 入門講座 #06：背景や演出の工夫「猫が横切るには？」](https://assets.lain-lab.com/images/uploads/framepack-practice-06.webp)
[FramePack] 入門講座 #06：背景や演出の工夫「猫が横切るには？」
FramePackでは、キャラの動きが主役ですが、「背景」にちょっとした演出を加えるだけでシーンに“物語”が生まれます。この回では、そんな演出のコツを紹介。