はてなブックマークアプリ

サクサク読めて、
アプリ限定の機能も多数!

アプリで開く

はてなブックマーク

  • はてなブックマークって?
  • アプリ・拡張の紹介
  • ユーザー登録
  • ログイン
  • Hatena

はてなブックマーク

トップへ戻る

  • 総合
    • 人気
    • 新着
    • IT
    • 最新ガジェット
    • 自然科学
    • 経済・金融
    • おもしろ
    • マンガ
    • ゲーム
    • はてなブログ(総合)
  • 一般
    • 人気
    • 新着
    • 社会ニュース
    • 地域
    • 国際
    • 天気
    • グルメ
    • 映画・音楽
    • スポーツ
    • はてな匿名ダイアリー
    • はてなブログ(一般)
  • 世の中
    • 人気
    • 新着
    • 新型コロナウイルス
    • 働き方
    • 生き方
    • 地域
    • 医療・ヘルス
    • 教育
    • はてな匿名ダイアリー
    • はてなブログ(世の中)
  • 政治と経済
    • 人気
    • 新着
    • 政治
    • 経済・金融
    • 企業
    • 仕事・就職
    • マーケット
    • 国際
    • はてなブログ(政治と経済)
  • 暮らし
    • 人気
    • 新着
    • カルチャー・ライフスタイル
    • ファッション
    • 運動・エクササイズ
    • 結婚・子育て
    • 住まい
    • グルメ
    • 相続
    • はてなブログ(暮らし)
    • 掃除・整理整頓
    • 雑貨
    • 買ってよかったもの
    • 旅行
    • アウトドア
    • 趣味
  • 学び
    • 人気
    • 新着
    • 人文科学
    • 社会科学
    • 自然科学
    • 語学
    • ビジネス・経営学
    • デザイン
    • 法律
    • 本・書評
    • 将棋・囲碁
    • はてなブログ(学び)
  • テクノロジー
    • 人気
    • 新着
    • IT
    • セキュリティ技術
    • はてなブログ(テクノロジー)
    • AI・機械学習
    • プログラミング
    • エンジニア
  • おもしろ
    • 人気
    • 新着
    • まとめ
    • ネタ
    • おもしろ
    • これはすごい
    • かわいい
    • 雑学
    • 癒やし
    • はてなブログ(おもしろ)
  • エンタメ
    • 人気
    • 新着
    • スポーツ
    • 映画
    • 音楽
    • アイドル
    • 芸能
    • お笑い
    • サッカー
    • 話題の動画
    • はてなブログ(エンタメ)
  • アニメとゲーム
    • 人気
    • 新着
    • マンガ
    • Webマンガ
    • ゲーム
    • 任天堂
    • PlayStation
    • アニメ
    • バーチャルYouTuber
    • オタクカルチャー
    • はてなブログ(アニメとゲーム)
    • はてなブログ(ゲーム)
  • おすすめ

    iPhone18 Pro

『note.com』

  • 人気
  • 新着
  • すべて
  • デジタル庁は、デザインシステムをAIに読ませ始めた。Markdown配布が示すこと|How many designs

    271 users

    note.com/howmanydesigns

    こんにちは、How many designs です。 Web Design Talk というタイトルで、デザインに関するお話を少しだけ書いていこうと思います。気軽に読んでいただければ幸いです。 デジタル庁からMarkdownが配布されました。デジタル庁デザインシステムは、FigmaのデザインデータとHTML/Reactのコードに加えて、全ドキュメントをMarkdownでも配り始めました。 一見すると、Webサイトに掲載されている文章を、テキストファイルとしてもダウンロードできるようにしただけに見えるかもしれません。 しかし、実際に配布されたファイルを確認すると、もう少し大きな変化が起きています。 配布物のREADMEには、このMarkdown一式が「主にAI参照用途」であると明記されています。デジタル庁は、デザインシステムを人間がブラウザで読むだけでなく、AIが検索し、必要な情報を取り出し

    • テクノロジー
    • 2026/09/04 15:34
    • AI
    • あとで読む
    • デザイン
    • Markdown
    • Web制作
    • 設計
    • UI
    • css
    • システム
    • 開発
    • AIでUIを作ると、なぜデザインがぶれるのか。AI時代のUI設計に必要な基準作り。|How many designs

      3 users

      note.com/howmanydesigns

      こんにちは、How many designs です。 Web Design Talk というタイトルで、デザインに関するお話を少しだけ書いていこうと思います。気軽に読んでいただければ幸いです。 イントロダクション生成AIを使ったWeb開発では、実装そのものはかなり速くなりました。 画面構成を伝えれば、フォームもモーダルもカードも、かなり短時間で作れます。 一方で、使えば使うほど気になることもあります。 画面ごとに、少しずつUIが違う。 ある画面では角丸が8pxで、別の画面では12px。 ボタンの高さや余白も少し違う。 同じようなフォームなのに、ラベルやエラー表示の作り方が違う。 ひとつひとつを見ると、それほど大きな問題ではありません。 でも画面が増えてくると、その小さな違いが積み重なっていきます。 AIは「その画面」を作るのは得意AIに、 「設定画面を作って」 「確認ダイアログを追加して」

      • テクノロジー
      • 2026/08/21 16:15
      • あとで読む
      • デザイナー不要論への回答:なぜ私はClaudeよりStitchに未来を感じるのか【Web Design Talk】|How many designs

        3 users

        note.com/howmanydesigns

        こんにちは、How many designs です。 Web Design Talk というタイトルで、デザインに関するお話を少しだけ書いていこうと思います。気軽に読んでいただければ幸いです。 2026年はAIデザインツールのターニングポイント2026年、AIデザインツールは大きな分岐点を迎えています。 AIベースのワークフローや「バイブデザイン」という考え方が広まるなかで、AIとデザインの関係は、「ノンデザイナーが素早くアウトプットするためのツール」と「プロデザイナーの仕事を前に進めるツール」に分かれつつあるように見えます。 前者の代表は、Claudeのような言語理解に優れたAIと、Canvaのようなテンプレートベースの制作体験です。CanvaはClaudeと連携を強めており、Claudeで作った下書きやアイデアをCanva側で編集可能なデザインとして扱う流れが明確になっています。 後者

        • 暮らし
        • 2026/04/24 14:35
        • Webデザイナー必読! DESIGN.md とは? AIデザインツール Google Stitch で DESIGN.md を使ってみる。【Web Design Talk】|How many designs

          55 users

          note.com/howmanydesigns

          こんにちは、How many designs です。 Web Design Talk というタイトルで、デザインに関するお話を少しだけ書いていこうと思います。気軽に読んでいただければ幸いです。 What is DESIGN.md?Google が提供する次世代の UI デザインツール Google Stitch における DESIGN.md は、プロジェクト全体で一貫性のあるUIを生成するためにAIエージェントが読み込むデザインシステムドキュメントです。 一言で言うと「AI のためのデザイン説明書」です。 通常、デザイン案には、色、フォント、間隔、コンポーネントスタイルといった視覚的なアイデンティティがあります。従来、これらはFigmaファイル、ブランドPDF、あるいはデザイナーの頭の中に存在していました。しかし、これらはAIエージェントには読み取れません。 DESIGN.mdはこの状況を

          • テクノロジー
          • 2026/04/10 10:25
          • AI
          • あとで読む
          • Webデザイン
          • プログラミング
          • デザイン
          • design
          • 設計
          • 人工知能
          • AI時代のWeb制作:コードが自動化されるほど「Webデザイナーの価値」が高まる理由【Web Design Talk】|How many designs

            3 users

            note.com/howmanydesigns

            こんにちは、How many designs です。 Web Design Talk というタイトルで、デザインに関するお話を少しだけ書いていこうと思います。気軽に読んでいただければ幸いです。 AIによる変化の波は避けられない実業務にAIが導入されてから、Web制作のワークフローは凄まじい勢いで変貌を遂げています。フロントエンドエンジニア、UI/UXデザイナー、そしてWebデザイナー。この領域に携わる人間にとって、もはや「AI以前」のやり方に戻ることは不可能です。 特にコーディングにおける生産性の向上は、控えめに言っても数倍どころではありません。「数」や「速さ」という定量的評価において、人間がAIに挑むのは無意味です。実際、AIの利用状況はコスト管理画面から一目瞭然であり、AIを使いこなして生産性を上げられない制作者は、早晩現場から必要とされなくなります。これはビジネスにおける必然的な帰結

            • テクノロジー
            • 2026/04/06 14:52
            • GoogleのWebUI生成AIツール「Stitch」を使ってみた!自然言語でHTML/CSSを生成。Figmaにもペーストできます。【Web Design Talk】|How many designs

              3 users

              note.com/howmanydesigns

              こんにちは、How many designs です。 Web Design Talk というタイトルで、デザインに関するお話を少しだけ書いていこうと思います。気軽に読んでいただければ幸いです。 関連情報Google Stitch 関連の新しい記事を公開しています。DESIGN.mdについて紹介しています。よろしければご覧ください。 Stitchとは?Googleは日本時間5月21日未明に開幕した年次イベント「Google I/O 2025」で、自然言語で指示を入力すると自動的にWeb UIを生成するツール「Stitch」のベータ公開を発表しました。 Google Stitch(googleblog より引用)ちなみに、Stitch は元々Googleの開発したツールではありません。Googleにジョインした(買収された)Galileo AI社の「Galileo AI」を、Geminiをベー

              • テクノロジー
              • 2025/06/05 09:29

              このページはまだ
              ブックマークされていません

              このページを最初にブックマークしてみませんか?

              『note.com』の新着エントリーを見る

              キーボードショートカット一覧

              j次のブックマーク

              k前のブックマーク

              lあとで読む

              eコメント一覧を開く

              oページを開く

              はてなブックマーク

              • 総合
              • 一般
              • 世の中
              • 政治と経済
              • 暮らし
              • 学び
              • テクノロジー
              • エンタメ
              • アニメとゲーム
              • おもしろ
              • アプリ・拡張機能
              • 開発ブログ
              • ヘルプ
              • お問い合わせ
              • ガイドライン
              • 利用規約
              • プライバシーポリシー
              • 利用者情報の外部送信について
              • ガイドライン
              • 利用規約
              • プライバシーポリシー
              • 利用者情報の外部送信について

              公式Twitter

              • 公式アカウント
              • ホットエントリー

              はてなのサービス

              • はてなブログ
              • はてなブログPro
              • 人力検索はてな
              • はてなブログ タグ
              • はてなニュース
              • はてなパークス
              • ソレドコ
              • App Storeからダウンロード
              • Google Playで手に入れよう
              Copyright © 2005-2026 Hatena. All Rights Reserved.
              設定を変更しましたx