Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
コーディングがわからない
Search
mikakane
December 29, 2019
Technology
0
120
コーディングがわからない
mikakane
December 29, 2019
Tweet
Share
More Decks by mikakane
See All by mikakane
NestJS で始める怖くないバックエンド開発
mikakane
1
1.2k
Web制作現場のディレクションを支えるGitHub
mikakane
0
490
nuxt.js で plugins を作る
mikakane
0
740
@ionic/vue で Web アプリを作ってみる
mikakane
0
2.8k
Laravel Package Development
mikakane
16
6.1k
Nuxt.js x Firebase で非同期に開発する
mikakane
0
2k
フロントエンドで作る理由
mikakane
1
1.2k
Firebase で作る Web アプリケーション
mikakane
1
140
技術顧問の現場から - 制作と教育、学習と生産
mikakane
0
680
Other Decks in Technology
See All in Technology
エンジニア人生の拡張性を高める 「探索型キャリア設計」の提案
tenshoku_draft
1
130
Platform Engineering for Software Developers and Architects
syntasso
1
520
OCI 運用監視サービス 概要
oracle4engineer
PRO
0
4.8k
RubyのWebアプリケーションを50倍速くする方法 / How to Make a Ruby Web Application 50 Times Faster
hogelog
3
950
【令和最新版】AWS Direct Connectと愉快なGWたちのおさらい
minorun365
PRO
5
760
EventHub Startup CTO of the year 2024 ピッチ資料
eventhub
0
130
AGIについてChatGPTに聞いてみた
blueb
0
130
B2B SaaSから見た最近のC#/.NETの進化
sansantech
PRO
0
910
誰も全体を知らない ~ ロールの垣根を超えて引き上げる開発生産性 / Boosting Development Productivity Across Roles
kakehashi
2
230
20241120_JAWS_東京_ランチタイムLT#17_AWS認定全冠の先へ
tsumita
2
300
『Firebase Dynamic Links終了に備える』 FlutterアプリでのAdjust導入とDeeplink最適化
techiro
0
150
DynamoDB でスロットリングが発生したとき_大盛りver/when_throttling_occurs_in_dynamodb_long
emiki
1
440
Featured
See All Featured
How GitHub (no longer) Works
holman
310
140k
The Power of CSS Pseudo Elements
geoffreycrofte
73
5.3k
Practical Orchestrator
shlominoach
186
10k
Music & Morning Musume
bryan
46
6.2k
Automating Front-end Workflow
addyosmani
1366
200k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
159
15k
Facilitating Awesome Meetings
lara
50
6.1k
We Have a Design System, Now What?
morganepeng
50
7.2k
Happy Clients
brianwarren
98
6.7k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
6
430
Raft: Consensus for Rubyists
vanstee
136
6.6k
Fantastic passwords and where to find them - at NoRuKo
philnash
50
2.9k
Transcript
chatbox.inc 後藤 知宏 コーディングがわからない
chatbox.inc 後 藤 知 宏 株式会社chatbox 代表取締役 関西フロントエンドUG代表 Twitter :
@_mikakane エンジニア / 技術顧問
chatbox.inc コーディングがわからない コーディングって難しくないですか? カンプシゴトって限界を感じる。
chatbox.inc px サイズ がわからない 画面の各要素、ピクセルピックしていくの、まじ で腱鞘炎になりそう Chrome の検証ツール使って ピクセル違うと か言ってくるデザインレビュー、心折れそうにな
る そこmarginじゃないです、padding です、とか 言われると死にそうになる
chatbox.inc カスケーディングがわからない CSS のカスケーディングがわからない。 「標準」が見えてこない。 こっちで設計しても、デザイン都合でガンガン 画面変わってくる。抽象と具体みたいな仕様変 更の弾力性が皆無。 結局全部ベタで指定するのが一番マシになる けど、コードレビューで怒られる。
chatbox.inc コンポーネントがわからない 共通要素が見えてこない。コンポーネントがわ からない。 見た目は同じ要素が、微妙に違うマージンもっ ていっぱい登場する。 微妙に違う2P カラーみたいなのもいる。 「微妙な違い」は後から作りミスだったことが発 覚したりする。
chatbox.inc アニメーションがわからない 画面の動きが見えない。完全に静。 ここは % なんだけど、ここは 固定なんですよ、 みたいな話が後から出てくる。まじかよ。本気 かよ。 ホバーとかアニメーションとかも伝わらない。カ
ンプが動いて見えないのは、うちの Photoshop のバージョンの問題?
chatbox.inc 属性がわからない href とかまじでわからない。何を書けば良いの か謎。 開発のチームの人が言うには、ローディングが 発生したりしなかったりするらしい。 デザイナーも把握してない、やばい。 そこは h2
じゃなくて h3 だよ、とか言われたり する。まじかよ。
chatbox.inc コミュニケーションは銀の弾丸か? この手の問題は往々にして、 デザイナーと開発のコミュニケーション、で解決されがち 時間がかかるし、調整コストも大きい 課題のほとんどは考えることではなく、デザイン設計の表明 フォーマットさえあれば、解決できるはず UI や美しさだけじゃない、 「伝わる」を意識した
DX 中心のデザイン制作プロセスで デザインに関するコミュニケーションをより本質的に
chatbox.inc Comprehensive なカンプを探して 良いものを作ろうとした時、 コーディング担当の負荷はあまりにも大きすぎる。 負荷の殆どは、考えることではなく、察すること。 基本的に不毛だし、属人化しすぎ。 だれがコーディングすることになっても、 同じような完成度になる Web
カンプの形を求めて… → ワークフロー設計的に当たり前じゃない?
chatbox.inc Scrum Fest Osaka に CfP 提出中です! https:/ /twitter.com/_mikakane/status/1211099681595330560
chatbox.inc Thanks!