2026年9月
-
マイクロインタラクション×ページ遷移×マグネティックカーソル——2026年9月、実例で見るUI/UXトレンド最前線
受賞サイトの評価軸は「見た目」から「機能する余韻」へ。マイクロインタラクション、ネイティブCSSのスクロール演出、View Transitions API、マグネティックカーソルという2026年9月のUI/UXトレンドを実例とともに整理する。
-
被写体・光・レンズ・強調・除外——画像/動画プロンプトを「型」で書く実践講座
Midjourneyの重み付け構文、FLUXのネガティブ非対応、Veoの動画向け構成など、モデルごとに作法が違うプロンプトの「型」を要素分解。コピペで試せるオリジナル作例つき。
-
商品パッケージやロゴ入りアイテムを「同じ見た目」で量産する——参照画像・シード・要素ライブラリで保つプロダクト一貫性プロンプト講座
化粧品・スニーカー・パッケージなど「モノ」の見た目を複数カットや動画で崩さず保つには?Nano Banana Pro・Seedream・FLUX.1 Kontext・Kling Elementsの参照機能を使い分ける、実務向けプロダクト一貫性プロンプト作例を紹介します。
-
声のクローンと自動吹き替えはどこまで来たか——ElevenLabs・HeyGen・YouTube Aloudで見る2026年9月の多言語ダビング事情
音声クローンと動画の自動吹き替えが実用段階に入り、YouTubeは全クリエイターに自動ダビングを開放した。主要ツールの違いと、同意・電子透かしなど権利まわりの論点を整理する。
-
動画生成プロンプトで「尺・テンポ・アスペクト比」を操る——Sora・Veo・Kling・Runway・Hailuo・Seedanceで作る5パターン
尺・テンポ・アスペクト比という「時間の設計」に着目し、Sora・Veo・Kling・Runway・Hailuo・Seedanceの公式仕様をもとに、コピペで試せるオリジナルの動画生成プロンプト5パターンとその設計思想を解説する。
-
ネイティブCSSとAIで作る2026年のスクロール演出——GSAP・Three.js・Splineエージェントまで
CSS Scroll-Driven Animationsの実用化からGSAP公式AIスキル、Three.jsのWebGPU化、Splineのエージェント機能まで、AIでリッチなスクロール演出・3D表現を作るための2026年最新の手札を整理する。
-
今週のAIビジュアル注目5選——Nano Banana Pro・FLUX.2・Ideogram Character・Kling 3.0・Midjourney V8.1をすぐ試す一言プロンプト
Nano Banana Pro・FLUX.2・Ideogram Character・Kling 3.0 Omni・Midjourney V8.1、今週の新機能5つを公式情報つきで整理し、そのまま試せるオリジナルの一言プロンプト例を添えて紹介します。
-
今週のWebデザイン×AI注目まとめ——Spline v2、Canva Code無料開放、Firefly Design Intelligence
Spline v2のWebGPU刷新、Canva Code 2.0の無料開放、Adobe FireflyのDesign Intelligenceなど、2026年8月最終週のWebデザイン×AIニュースを5つに厳選して紹介する。
-
文字サイズはもう「決め打ち」しない――可変フォント・流動的タイポグラフィで作る2026年のWebタイポグラフィ基礎
可変フォント、CSS clamp()による流動的タイポグラフィ、モジュラースケール、行長・行間、WCAG 2.2のコントラスト基準まで、2026年時点のWebタイポグラフィの基礎をまとめて解説します。
-
リキッドグラス×モーション・アイデンティティ——2026年8月、実例で見るUI/UXトレンド最前線
ガラスモーフィズムの次章「リキッドグラス」と、ブランドが動き出す「モーション・アイデンティティ」。2026年8月のAwwwards受賞サイトや実装リソースとあわせて、いま押さえておきたいUI/UXの潮流をまとめます。