Webデザイン
-
Awwwardsとは──「Webデザインのオスカー」の仕組みと、AI時代の使い方
世界的Webデザインアワード「Awwwards」を解説。賞のランク・審査基準(Design40%ほか)・審査の仕組み、そしてAIでサイトを作る時代のベンチマークとしての使い方まで。
-
AIだけで作る“奥行きのある3Dスクロールサイト”の作り方
AIで作った数秒の動画をコマ分解し、スクロールに同期して表示する3Dサイトの作り方。ChatGPT・Claude・Seedanceを使う手順を、仕組みと注意点つきでまとめました。
-
gsap-scrolltriggerスキルで作るスクロール演出:導入と使い方
GSAPのScrollTriggerをClaudeに正しく書かせるgsap-scrolltriggerスキル。導入・使い方・主なパターン・自前雛形との使い分けをまとめました。
-
MotionSites入門:プロンプトでアニメLPを作るAIテンプレ集
AIでアニメ付きLPを作るMotionSites。コピーしたプロンプトの使い方、Bolt.newでの生成の流れ、料金と注意点をまとめました。