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
130
コーディングがわからない
mikakane
December 29, 2019
Tweet
Share
More Decks by mikakane
See All by mikakane
NestJS で始める怖くないバックエンド開発
mikakane
1
1.3k
Web制作現場のディレクションを支えるGitHub
mikakane
0
570
nuxt.js で plugins を作る
mikakane
0
790
@ionic/vue で Web アプリを作ってみる
mikakane
0
2.9k
Laravel Package Development
mikakane
16
6.6k
Nuxt.js x Firebase で非同期に開発する
mikakane
0
2.1k
フロントエンドで作る理由
mikakane
1
1.3k
Firebase で作る Web アプリケーション
mikakane
1
160
技術顧問の現場から - 制作と教育、学習と生産
mikakane
0
700
Other Decks in Technology
See All in Technology
もう外には出ない。より快適なフルリモート環境を目指して
mottyzzz
13
9.6k
CREが作る自己解決サイクルSlackワークフローに組み込んだAIによる社内ヘルプデスク改革 #cre_meetup
bengo4com
0
310
知覚とデザイン
rinchoku
1
480
ストレージエンジニアの仕事と、近年の計算機について / 第58回 情報科学若手の会
pfn
PRO
3
550
Linux カーネルが支えるコンテナの仕組み / LF Japan Community Days 2025 Osaka
tenforward
1
120
会社を支える Pythonという言語戦略 ~なぜPythonを主要言語にしているのか?~
curekoshimizu
3
630
Biz職でもDifyでできる! 「触らないAIワークフロー」を実現する方法
igarashikana
7
3.1k
Implementing and Evaluating a High-Level Language with WasmGC and the Wasm Component Model: Scala’s Case
tanishiking
0
170
コンパウンド組織のCRE #cre_meetup
layerx
PRO
1
250
物体検出モデルでシイタケの収穫時期を自動判定してみた。 #devio2025
lamaglama39
0
280
NLPコロキウム20251022_超効率化への挑戦: LLM 1bit量子化のロードマップ
yumaichikawa
2
370
Behind Postgres 18: The People, the Code, & the Invisible Work | Claire Giordano | PGConfEU 2025
clairegiordano
0
110
Featured
See All Featured
Build your cross-platform service in a week with App Engine
jlugia
233
18k
Embracing the Ebb and Flow
colly
88
4.9k
Art, The Web, and Tiny UX
lynnandtonic
303
21k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
34
2.5k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
657
61k
Optimising Largest Contentful Paint
csswizardry
37
3.5k
Code Review Best Practice
trishagee
72
19k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
285
14k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
52
5.7k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
23
1.5k
Typedesign – Prime Four
hannesfritz
42
2.8k
Designing for Performance
lara
610
69k
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!