DESIGN.mdを日本語UIで本当に使える形へ｜hirokaji

jp-ui-contracts を公開しましたAIでUIを作る流れが強くなるほど、逆に目立ってくるものがあります。 それは、日本語の詰めの甘さです。 色はそれらしく見える。 余白もそれっぽく整う。 カードやボタンの形も、かなり上手に出てくる。 でも最後に崩れるのが、日本語です。 見出しの折り返しが苦しい。 本文の行間が浅い。 英語のサービス名が混ざると急に浮く。 フォームだけ窮屈になる。 表の密度が本文のルールを引きずって読みにくくなる。 この違和感は、単に「AIの精度が足りない」から起きているわけではありません。 もっと手前の問題です。 日本語UIの設計契約が、まだ十分に書かれていない。 そこで作ったのが、jp-ui-contracts です。 また、以下の記事が “DESIGN.md とは何か” を定義する総論で、今回の記事は “それを日本語UIでどう実装資産にするか” を示す各論です

[yamekodev]

AI丸出し文章に拒否感がある理由：「AI感を消す手間すら惜しむ人が、まして内容の妥当性や正確性確認をしているとは考えにくい」と思ってしまって、騙されないよう注意して読むことを強制される気がするから、かな。

[babandoned]

DESIGN.mdは取っ手だしのデザインをマシにする最低限のガードレールくらいの施策なので、あまりにバズりすぎても幻滅を招くだけです。

[ledsun]

“色はそれらしく見える。余白もそれっぽく整う。カードやボタンの形も、かなり上手に出てくる。でも最後に崩れるのが、日本語です。” 肯定肯定肯定否定文がChatGPTっぽい

[ys0000]

内容は結構頷けるんだけども、文体に漂うAI臭さはわざとやってるのかこの記事自体も基本的にAIに書かせて手直しだけしているのか、どっちなのだろうか。

[takamocchi]

“DESIGN.md という考え方自体は、とても筋がいいです。” AIくっさいなぁ。この唐突な上から目線。

[call_me_nots]

AIの文章ってどうしてこんなに読む気を削いでくるんだろう笑。後半の実装部分はいつか参考になる気はしていますが

[kibitaki]

"筋がいいです"を日本一多投するChatGPTさんに乗せられてはいけない。あの台詞は「人間ちゃんの自家発電アイディアなんて貴重な計算資源使って聞きとうもないが、字面だけは尻振っとくか」の時に出てくる。

[hatebu_ai]

生成AIっぽさを指摘しても、だんだん発信者の語彙が圧倒的に会話を交わしている相手である生成AIによっていくので、書き下ろしの文章ですらAIっぽくなるのはもはや自然の摂理なのわよ。まあ生成AIの方もまた同じだが。

[crema]

もう日本語用のDesign.mdをそのままここに貼っちゃうほうがいいのでは、という気がしないでもないですw

[yasu-log]

「契約」「実務寄り」「筋がいい」AIで作るとこういった表現が多くなります

[ra-quill]

“翻訳対象”ではなく“契約対象” どういう意味？テーマ自体は興味あるんだけど読みづらい、、タイポグラフィもいいけどまずは中身を大事にしようよ

[inulab]

security.md誰か作ってくれないかな。とantigravityで遊んでて思った。

[FreeCatWork]

詰めの甘さって、ボクが爪とぎでガリガリするみたいに、もっとちゃんとしないとダメにゃ！でも、この設計契約キットなら安心にゃん？ボクも手伝うにゃ！

[misshiki]

日本語UI向けDESIGN.md運用repo「jp-ui-contracts」の紹介。見本帳ではなく設計契約キットと位置付け、templates・recipes・validatorsで「契約→生成→目視→契約修正」を回す構成。

[tallmen]

人間が使うインターフェースのスタイルなんて最早どうでもいい。読む側もAIなんだからjsonやmdで良い。

[AhaNet]

コントラクトは「契約」ではあるが、この文章では約束事とか定義とかの意味合いだろうに、契約という法的なものを連想させる言葉を使うのはどういうこと？ AI界隈では契約でOKなの？ カタカナにしとくと良いのでは？

[u_mid]

AIを使ってると唐突に見破りにくい嘘を混ぜてくる事も知ってるし、知りたいことを検索すると長い割に中身のないAI生成記事も見かけるので、AI感バリバリの記事は嘘が混じってないか読む側が警戒する手間を強いられる

[ftype]

エンジニアが語るデザインって感じだ。AI画像のセンスで大体どのレベルなのかがわかってしまう

[unknown_Ex]

リポジトリへのリンクは最初に欲しい。あとこれとは別だけど kzhrknt/awesome-design-md-jp は良さそうだった

[hirrrose]

UIについて真剣に考えなければいけない時に読む

[zemukurippu]

内容の検討以前に表層的なAI臭さを消してないから信頼できないなんて失礼クリエイターのようだ。上の世代が敬語の使い方にこだわりそれをウザがっていた俺たちの世代が作り出す「マナー」がこれなのかも。

[saiid]

AI文章に対する嫌悪感はコストの不均衡に対するアンフェアがあるから。書き手の労力と読み手の労力が釣り合ってない上に自弁できる情報を押し付けられるてる構図。

[humid]

何かの専門職についてる人ならわかると思うけど、AIの書いた文章や制作物は業界中堅ぐらいの人には素晴らしい知見になる一方で、専門の人間には間違いや粗がかなり見えるのに説得力だけはあるから危険だなと思う。

[Eiichiro]

これだけ長いデザインドキュメントを、ちゃんと理解して、すべて反映しながらデザインしてくれるAIがあって、動作してくれるのかどうかが分からない。

[watchcat]

AIっぽい文章だと読む気が失せるという人がいるんだね。新しい気づき。読む気が失せる人はAIに要約させれば良いんじゃない？ とか言ってみる。

[shiketanotsuna]

人が確率モデルを使い確率モデルを拒否するのAIはどういう気持ちで見てるんだろうか

[Honahuku]

良い。技術同人誌出版にも使えそう https://github.com/hirokaji/jp-ui-contracts

[sarsa2314]

後で見る

[tkdtkd77]

“repo”

[tribird]

ちょいちょい挟まれる図が本当にデザインをやってる人のものなのか不安になるクオリティ

[mag4n]

んー様子見／AI臭いという評価は今は低ランクだがじきAI文の方が評価が高くなるよ。

[fashi]

設計仕様書を作ることが目的になっていてUIルール自体はプロンプトで足りるものだけのような

[xev]

内容より、なんで「AIで作った文章だ！」って指摘したがるん？