コンテンツへスキップ
AI NEWS
  • ツール & サービス
    • AIツール図鑑
    • AIサービス一覧
  • 開発 & Claude
    • Claudeスキル・MCP
    • 実務ノウハウ・事例
  • デザイン & 制作
    • デザイン・UI
    • AIビジュアル制作(画像・動画)
    • AI音声・音楽
  • ニュース & 動向
    • 海外AI・LLM動向
    • AIウィークリーダイジェスト
    • ニュース
  • コラム
    • コラム
  • ツール & サービス
    • AIツール図鑑
    • AIサービス一覧
  • 開発 & Claude
    • Claudeスキル・MCP
    • 実務ノウハウ・事例
  • デザイン & 制作
    • デザイン・UI
    • AIビジュアル制作(画像・動画)
    • AI音声・音楽
  • ニュース & 動向
    • 海外AI・LLM動向
    • AIウィークリーダイジェスト
    • ニュース
  • コラム
    • コラム
  1. ホーム
  2. Webデザイン

Webデザイン

  • Awwwards のアイキャッチ

    Awwwardsとは──「Webデザインのオスカー」の仕組みと、AI時代の使い方

    世界的Webデザインアワード「Awwwards」を解説。賞のランク・審査基準(Design40%ほか)・審査の仕組み、そしてAIでサイトを作る時代のベンチマークとしての使い方まで。

    2026年7月8日
    デザイン・UI
  • デザイン・UI のアイキャッチ

    AIだけで作る“奥行きのある3Dスクロールサイト”の作り方

    AIで作った数秒の動画をコマ分解し、スクロールに同期して表示する3Dサイトの作り方。ChatGPT・Claude・Seedanceを使う手順を、仕組みと注意点つきでまとめました。

    2026年6月16日
    デザイン・UI
  • 実務ノウハウ・事例 のアイキャッチ

    gsap-scrolltriggerスキルで作るスクロール演出:導入と使い方

    GSAPのScrollTriggerをClaudeに正しく書かせるgsap-scrolltriggerスキル。導入・使い方・主なパターン・自前雛形との使い分けをまとめました。

    2026年6月16日
    デザイン・UI
  • AIツール図鑑 のアイキャッチ

    MotionSites入門:プロンプトでアニメLPを作るAIテンプレ集

    AIでアニメ付きLPを作るMotionSites。コピーしたプロンプトの使い方、Bolt.newでの生成の流れ、料金と注意点をまとめました。

    2026年6月15日
    AIツール図鑑

最近の投稿

  • JS不要でスクロール演出を作る:CSSのscroll-driven/scroll-triggeredとAIへの頼み方
  • Claudeスキルの書き方入門:発動率を上げるSKILL.md 5つの原則とひな形
  • Google/Gemini動向:GemsがskillsへNotebookLMはGemini Notebookに、Vertex AIはAgent Platformへ(2026年9月)
  • 今週のAIビジュアル注目:Midjourney新エディター・Ideogram 4・Runwayのリアルタイム動画を一言プロンプトで試す
  • Figma Makeがベータ卒業、FramerのAgentsは本番サイトを直接編集——今週のWebデザイン×AI注目まとめ

カテゴリー

  • AIウィークリーダイジェスト
  • AIサービス一覧
  • AIツール図鑑
  • AIビジュアル制作(画像・動画)
  • AI音声・音楽
  • Claudeスキル・MCP
  • コラム
  • デザイン・UI
  • ニュース
  • 実務ノウハウ・事例
  • 海外AI・LLM動向

アーカイブ

  • 2026年10月
  • 2026年9月
  • 2026年8月
  • 2026年7月
  • 2026年6月

© 2026 WETCH Co. Ltd.