川上ヒロ retweetledi
ダイニーでデザイナーがフロントエンド実装に関わる試み
・課題：実装を経ると画面が意図と異なる（AIに限らず分業が真因）
・難点：デザインの試行錯誤がコードの肥大化・複雑化に（条件分岐増加等）
・解決：モックPR（UIを実コードで）→清書PR（最終情報のみ）の二段階に
note.com/hiro/n/nee706f…
日本語
川上ヒロ
5.3K posts
川上ヒロ retweetledi
川上ヒロ retweetledi
こういう試行錯誤めっちゃ大事だよな。前提のフローを疑ってやってみないとわからない。
デザイナーは、どこまで実装に踏み込むべきか｜川上ヒロ @hiro2969 note.com/hiro/n/nee706f…
日本語
川上ヒロ retweetledi
ちょうど、今関わっているプロジェクトで実装に関わり始めたので、参考になります。
note.com/hiro/n/nee706f…
日本語
川上ヒロ retweetledi
川上ヒロ retweetledi
エンジニアからの「上手く行ったこと」のフィードバックで改善ループが回っているのが素敵ですね！
実コードでのデザインモックの仕組み、そのままユーザー向けのデモ画面にも使える。事前にそういう開発の仕組みを整備しておく必要はあるが、コスパは良い。
@hiro2969 note.com/hiro/n/nee706f…
日本語
川上ヒロ retweetledi
川上ヒロ retweetledi
同じチームの kawakami さんによる記事です！
ゴリゴリに越境してプロダクトの UI/UX 品質を高めてくれています🌺
Dinii Tech@dinii_tech
🎨 デザイナーの川上さんによる記事が公開されました！ デザイナーは、どこまで実装に踏み込むべきか ダイニーではデザイナーも Claude Code を活用していますが、開発プロセスへの関わり方はまだ手探り状態です。 ここまでの試行錯誤を赤裸々に記事にしていただいたので、ぜひご覧ください！
日本語
川上ヒロ retweetledi
デザイナーが実装に踏み込んだら、一度コードが破綻した話。
「うまくいきました」だけではなく「悪化したから、型を作り直した」を出せることが、ダイニーの開発文化の強さだと思ってます！
AI 時代のデザインプロセスに正解はまだないので、自分たちで作っていきます
Dinii Tech@dinii_tech
🎨 デザイナーの川上さんによる記事が公開されました！ デザイナーは、どこまで実装に踏み込むべきか ダイニーではデザイナーも Claude Code を活用していますが、開発プロセスへの関わり方はまだ手探り状態です。 ここまでの試行錯誤を赤裸々に記事にしていただいたので、ぜひご覧ください！
日本語
川上ヒロ retweetledi
🎨 デザイナーの川上さんによる記事が公開されました！
デザイナーは、どこまで実装に踏み込むべきか
ダイニーではデザイナーも Claude Code を活用していますが、開発プロセスへの関わり方はまだ手探り状態です。
ここまでの試行錯誤を赤裸々に記事にしていただいたので、ぜひご覧ください！
日本語
AI 前提のプロダクト開発で、デザイナーはどこまで実装に踏み込むべきか。React がわからないなりに実コードでデザインを作ってみて、失敗しながら、自分なりに見えてきたことを書きました！
note.com/hiro/n/nee706f…
日本語
川上ヒロ retweetledi
文言や文章の表記揺れがボロボロのFigmaを辛辣にレビューするプラグイン作ってる。
tokyogrammar@tokyogrammar_ai
Figma上で、UXライティングのLintができるPluginを開発しています。 Repository、Figma File から、Semantic Indexを構築し、「追加」「登録」「作成」などの表記揺れや、「ユーザー」「作成者」「申請者」といったオブジェクト名・アクション語彙の一貫性を、確率論的にチェックできます。 これは、プロダクト開発にUX Writing Opsを導入するための取り組みです。 少しずつ公開していきます。 興味のある方、近い課題感をお持ちの方は、コメントまたはDMください。
日本語
川上ヒロ retweetledi
コードに拒否反応があって今まで避けてきた私が、Claudeを使い倒せるようになった話です💪🏻✨
本当に最初何が何だか分からなかったですが、、ここ半年の進化！ぜひ読んでみてください！
（同じ境遇の方たくさんいると思う…！）
Dinii Tech@dinii_tech
📣 デザイナーの shioda によるブログが公開されました！ 開発プロセスに AI を取り入れる動きの中で、デザイナーがコードをキャッチアップする試行錯誤を記事にしていただきました。 どのようにコードと向き合えばいいか悩むデザイナーの方、必見です！
日本語
川上ヒロ retweetledi
ダイニーのデザインチームでは、AIによって生成された新しいページが既存のプロダクトに馴染む状態を目指して、エンジニアと1年協業してきました。
現在運用中の「Storybook を正典とし、デザイナーが直接 PR を出して規範を育てるフロー」について事細かに記載しています✍️
note.com/akane94/n/n1b2…
日本語
川上ヒロ retweetledi
これまでプログラミングスクールで利用していた課題や教材を、プログラミング学習サービスとしてリリースしました🚀
learn4.jp
プログラミングスクールは通常高額なサービスですが、AIを活用することで「安価」と「実践」の両立にチャレンジします！無料期間もあるのでぜひ使ってみてください！
日本語
できるだけプロダクションコードでデザインしたい派だったけど、チームでのレビューや合意形成ではFigmaでの一覧性が捨てられなかった。その点でClaude Code to Figmaはありがたい
Dylan Field@zoink
日本語
