-
生成した動画を“スクロールで再生”する：AI動画→連番WebP→GSAPでつくる没入ヒーローの手順
AIで作った短い動画をFFmpegで連番WebPにし、GSAP ScrollTriggerでスクロール連動させる手順と、容量・アクセシビリティの注意点をまとめました。
-
Claudeスキル入門：SKILL.mdを1枚書いて「自分用の手順書」を作る
ClaudeのスキルはSKILL.md1枚から作れます。frontmatterの決まり、descriptionの書き方、段階的開示による分割、育て方を公式資料に沿って整理しました。
-
Google/Gemini動向：Gemini agent発表・EmbeddingGemma 2・Nano Banana 2.1・Gemini Notebook（2026年10月第2週）
Google Cloudが企業向け汎用エージェント「Gemini agent」を発表。EmbeddingGemma 2やNano Banana 2.1、旗艦モデルの開発状況もあわせて整理します。
-
Nano Banana 2.1・GPT Image 2.5・Seedance 2.5を今週すぐ試す：コピペで使える一言プロンプト5選
Nano Banana 2.1、GPT Image 2.5、Seedance 2.5の要点と、すぐ試せるオリジナルの一言プロンプト5つを紹介します。
-
今週のWebデザイン×AI注目まとめ:Figma agent正式版・Spline MCP・Claude Design・v0(2026年10月第2週)
Figma agentの正式版移行、Spline MCP、Claude Designのdesign.md、v0のプライベートnpm対応を、10月第2週のWebデザイン×AI動向として整理します。
-
画風名より「技法の描写」で描き分ける：水彩・浮世絵・油彩・ベクターの作例4選
画風名を並べても効かないときは、その技法が絵に何をするかを書く。同じ被写体で水彩・浮世絵・油彩・フラットベクターを描き分けるオリジナルプロンプト4本を分解解説。
-
背景・アイコン・ステッカー・ロゴを素材として使うAI生成プロンプト作例4選
シームレス背景、アイコンセット、透過ステッカー、文字入りロゴの4種類について、そのまま試せるオリジナルプロンプトと効いている要素を解説します。
-
GSAP全プラグイン無料化とCSSネイティブ化で変わる、2026年のリッチスクロール演出術
GSAP 3.15での全プラグイン無料化、WebflowとSplineの3D連携、CSSネイティブのスクロール駆動アニメーション、AIによるコマ送り演出まで、2026年に3D・パララックス・スクロール演出を作るための技術を整理する。
-
Claude Code Hooks入門――「止められる自動化」でガードレールと定型作業をつくる
Claude Codeの拡張手段のひとつ「Hooks」を使うと、危険なコマンドの実行前ブロックや、編集後の自動フォーマットなど、モデルの判断に頼らない確実な自動化が組める。主要イベントと実践レシピ、Skills・MCP・サブエージェントとの役割分担を整理する。
-
Google/Gemini動向：Gemini NotebookがWorkspace全体に染み出す、DeepMindは90億通りのDNA変異を予測——2026年9月まとめ
Google WorkspaceにGmail〜Chatを横断する5つの新エージェント機能、Gemini Notebook(旧NotebookLM)の管理制御強化、DeepMindの90億通りDNA変異予測公開、Vertex AIの「Gemini Enterprise Agent Platform」への改称まで、2026年9月上旬のGoogle/Gemini動向をまとめた。