$30 off During Our Annual Pro Sale. View Details »
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
コーディングがわからない
Search
mikakane
December 29, 2019
Technology
0
140
コーディングがわからない
mikakane
December 29, 2019
Tweet
Share
More Decks by mikakane
See All by mikakane
NestJS で始める怖くないバックエンド開発
mikakane
1
1.3k
Web制作現場のディレクションを支えるGitHub
mikakane
0
580
nuxt.js で plugins を作る
mikakane
0
800
@ionic/vue で Web アプリを作ってみる
mikakane
0
2.9k
Laravel Package Development
mikakane
16
6.7k
Nuxt.js x Firebase で非同期に開発する
mikakane
0
2.2k
フロントエンドで作る理由
mikakane
1
1.3k
Firebase で作る Web アプリケーション
mikakane
1
160
技術顧問の現場から - 制作と教育、学習と生産
mikakane
0
710
Other Decks in Technology
See All in Technology
mairuでつくるクレデンシャルレス開発環境 / Credential-less development environment using Mailru
mirakui
5
560
S3を正しく理解するための内部構造の読解
nrinetcom
PRO
3
200
【ServiceNow SNUG Meetup LT deck】WorkFlow Editorの廃止と Flow Designerへの移行戦略
niwato
0
100
AI-DLCを現場にインストールしてみた:プロトタイプ開発で分かったこと・やめたこと
recruitengineers
PRO
2
180
AWS運用を効率化する!AWS Organizationsを軸にした一元管理の実践/nikkei-tech-talk-202512
nikkei_engineer_recruiting
0
130
MLflowダイエット大作戦
lycorptech_jp
PRO
1
140
Database イノベーショントークを振り返る/reinvent-2025-database-innovation-talk-recap
emiki
0
240
Haskell を武器にして挑む競技プログラミング ─ 操作的思考から意味モデル思考へ
naoya
7
1.6k
ActiveJobUpdates
igaiga
1
240
JEDAI認定プログラム JEDAI Order 2026 エントリーのご案内 / JEDAI Order 2026 Entry
databricksjapan
0
140
MariaDB Connector/C のcaching_sha2_passwordプラグインの仕様について
boro1234
0
930
IAMユーザーゼロの運用は果たして可能なのか
yama3133
2
500
Featured
See All Featured
Hiding What from Whom? A Critical Review of the History of Programming languages for Music
tomoyanonymous
0
290
The Straight Up "How To Draw Better" Workshop
denniskardys
239
140k
Statistics for Hackers
jakevdp
799
230k
Optimising Largest Contentful Paint
csswizardry
37
3.5k
Measuring & Analyzing Core Web Vitals
bluesmoon
9
710
Redefining SEO in the New Era of Traffic Generation
szymonslowik
1
150
Practical Orchestrator
shlominoach
190
11k
AI Search: Where Are We & What Can We Do About It?
aleyda
0
6.7k
Digital Ethics as a Driver of Design Innovation
axbom
PRO
0
130
BBQ
matthewcrist
89
9.9k
Building Experiences: Design Systems, User Experience, and Full Site Editing
marktimemedia
0
320
Gemini Prompt Engineering: Practical Techniques for Tangible AI Outcomes
mfonobong
2
220
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!