川上ヒロ

Designer at Dinii

[shio ^_^ @shiorudon_]

ダイニーデザイナーがお贈りするPodcast「ダイニー飯店」が1年半ぶりに再開しました！🍥わーい！

お久しぶりなので、ダイニーデザイナー最近どうなの？と雑談ぽく話しています👇

https://t.co/96q7rpk4rI

[Dinii Tech @dinii_tech]

Podcast「ダイニー飯店」が1年半ぶりに再開しました！🍥

飲食店の現場とつながるプロダクトを、複数またいでデザインする面白さを話していきます。
https://t.co/C1lRZDciCN

#ダイニー飯店

[菅原大介｜リサーチャー @diisuket]

ダイニーでデザイナーがフロントエンド実装に関わる試み
・課題：実装を経ると画面が意図と異なる（AIに限らず分業が真因）
・難点：デザインの試行錯誤がコードの肥大化・複雑化に（条件分岐増加等）
・解決：モックPR（UIを実コードで）→清書PR（最終情報のみ）の二段階に
https://t.co/cPtCDsSNHy

[さき｜Miuit @saki_f_miuit]

デザイナーが実装まで踏み込む上で、適切なコンテキストの蓄え方を学んだ✍️
とっても面白い記事でした！

[川上ヒロ @hiro2969]

まじで本気でありがとうございます！！

[Taki | Masaya Takizawa @takizawave]

先生は、ハードスキルだけがすごい人ではありませんでした。

複雑な開発組織全体を見渡しながら、一人ひとりのスキルやモチベーションを把握し、その時々で最適な配置を考え続ける。

サッカーで言えば、長谷部誠のようなキャプテンでした。

[トム・イシカワ（石川 智規） @tomonorix0805]

こういう試行錯誤めっちゃ大事だよな。前提のフローを疑ってやってみないとわからない。

デザイナーは、どこまで実装に踏み込むべきか｜川上ヒロ @hiro2969 https://t.co/ylyBz4JIri

[川上ヒロ @hiro2969]

こちらの記事です
https://t.co/GZY8hY29aA

[川上ヒロ @hiro2969]

スキいただけてうれしいです🙏🏻
かなり実務寄りの内容ですが、SaaS企業でのデザインフローの一例として参考になれば幸いです！

[藤巻みつる｜WEBデザイナー @NoobWebDesigner]

ちょうど、今関わっているプロジェクトで実装に関わり始めたので、参考になります。
https://t.co/G5obJrwkXz

[ゆたろ @yutafuru]

デザイナーは、どこまで実装に踏み込むべきか

#プロダクトデザイン #プロダクトデザイナー
https://t.co/xAwHHYL1eR

[Hiroaki KARASAWA | Dinii Inc. @karszawa]

エンジニアからの「上手く行ったこと」のフィードバックで改善ループが回っているのが素敵ですね！

実コードでのデザインモックの仕組み、そのままユーザー向けのデモ画面にも使える。事前にそういう開発の仕組みを整備しておく必要はあるが、コスパは良い。

@hiro2969 https://t.co/aShpoiIBgf

[高橋 和樹 @takahshzkazukiq]

デザイナーが実環境でデザインと開発を行ったレポート。実践知が多く含まれていてとても良かった！

[かわみつ @kaibuki0315]

同じチームの kawakami さんによる記事です！
ゴリゴリに越境してプロダクトの UI/UX 品質を高めてくれています🌺

[山田真央｜ダイニー @maochil]

デザイナーが実装に踏み込んだら、一度コードが破綻した話。

「うまくいきました」だけではなく「悪化したから、型を作り直した」を出せることが、ダイニーの開発文化の強さだと思ってます！

AI 時代のデザインプロセスに正解はまだないので、自分たちで作っていきます

[Dinii Tech @dinii_tech]

🎨 デザイナーの川上さんによる記事が公開されました！

デザイナーは、どこまで実装に踏み込むべきか

ダイニーではデザイナーも Claude Code を活用していますが、開発プロセスへの関わり方はまだ手探り状態です。

ここまでの試行錯誤を赤裸々に記事にしていただいたので、ぜひご覧ください！

[川上ヒロ @hiro2969]

AI 前提のプロダクト開発で、デザイナーはどこまで実装に踏み込むべきか。React がわからないなりに実コードでデザインを作ってみて、失敗しながら、自分なりに見えてきたことを書きました！

https://t.co/Y3MaBfJzxX

[Taki | Masaya Takizawa @takizawave]

文言や文章の表記揺れがボロボロのFigmaを辛辣にレビューするプラグイン作ってる。

[shio ^_^ @shiorudon_]

コードに拒否反応があって今まで避けてきた私が、Claudeを使い倒せるようになった話です💪🏻✨

本当に最初何が何だか分からなかったですが、、ここ半年の進化！ぜひ読んでみてください！
（同じ境遇の方たくさんいると思う…！）

[あかね | ダイニー @akane94_]

ダイニーのデザインチームでは、AIによって生成された新しいページが既存のプロダクトに馴染む状態を目指して、エンジニアと1年協業してきました。
現在運用中の「Storybook を正典とし、デザイナーが直接 PR を出して規範を育てるフロー」について事細かに記載しています✍️
https://t.co/72yz3VQq01

[Hiroshi Urayama @urahiroshi]

これまでプログラミングスクールで利用していた課題や教材を、プログラミング学習サービスとしてリリースしました🚀
https://t.co/vv9vEhRsz3
プログラミングスクールは通常高額なサービスですが、AIを活用することで「安価」と「実践」の両立にチャレンジします！無料期間もあるのでぜひ使ってみてください！