コーディングがわからない

Transcript

1. chatbox.inc 後藤 知宏 コーディングがわからない

2. chatbox.inc 後 藤 知 宏 株式会社chatbox 代表取締役 関西フロントエンドUG代表 Twitter :

   @_mikakane エンジニア / 技術顧問

3. chatbox.inc コーディングがわからない コーディングって難しくないですか？ カンプシゴトって限界を感じる。

4. chatbox.inc px サイズ がわからない 画面の各要素、ピクセルピックしていくの、まじ で腱鞘炎になりそう Chrome の検証ツール使って ピクセル違うと か言ってくるデザインレビュー、心折れそうにな

   る そこmarginじゃないです、padding です、とか 言われると死にそうになる

5. chatbox.inc カスケーディングがわからない CSS のカスケーディングがわからない。 「標準」が見えてこない。 こっちで設計しても、デザイン都合でガンガン 画面変わってくる。抽象と具体みたいな仕様変 更の弾力性が皆無。 結局全部ベタで指定するのが一番マシになる けど、コードレビューで怒られる。

6. chatbox.inc コンポーネントがわからない 共通要素が見えてこない。コンポーネントがわ からない。 見た目は同じ要素が、微妙に違うマージンもっ ていっぱい登場する。 微妙に違う２Ｐ カラーみたいなのもいる。 「微妙な違い」は後から作りミスだったことが発 覚したりする。

7. chatbox.inc アニメーションがわからない 画面の動きが見えない。完全に静。 ここは % なんだけど、ここは 固定なんですよ、 みたいな話が後から出てくる。まじかよ。本気 かよ。 ホバーとかアニメーションとかも伝わらない。カ

   ンプが動いて見えないのは、うちの Photoshop のバージョンの問題？

8. chatbox.inc 属性がわからない href とかまじでわからない。何を書けば良いの か謎。 開発のチームの人が言うには、ローディングが 発生したりしなかったりするらしい。 デザイナーも把握してない、やばい。 そこは h2

   じゃなくて h3 だよ、とか言われたり する。まじかよ。

9. chatbox.inc コミュニケーションは銀の弾丸か？ この手の問題は往々にして、 デザイナーと開発のコミュニケーション、で解決されがち 時間がかかるし、調整コストも大きい 課題のほとんどは考えることではなく、デザイン設計の表明 フォーマットさえあれば、解決できるはず UI や美しさだけじゃない、 「伝わる」を意識した

   DX 中心のデザイン制作プロセスで デザインに関するコミュニケーションをより本質的に

10. chatbox.inc Comprehensive なカンプを探して 良いものを作ろうとした時、 コーディング担当の負荷はあまりにも大きすぎる。 負荷の殆どは、考えることではなく、察すること。 基本的に不毛だし、属人化しすぎ。 だれがコーディングすることになっても、 同じような完成度になる Web

    カンプの形を求めて… → ワークフロー設計的に当たり前じゃない？

11. chatbox.inc Scrum Fest Osaka に CfP 提出中です！ https:/ /twitter.com/_mikakane/status/1211099681595330560

12. chatbox.inc Thanks!