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
やまかわたかし
February 20, 2019
Programming
0
57
デザイナーがプログラムを書いたらこうなった
2019年2月20日
失敗LT祭! 〜俺の話を聞いてくれ〜
にてお話した内容になります
やまかわたかし
February 20, 2019
Tweet
Share
More Decks by やまかわたかし
See All by やまかわたかし
Webサイト制作でのAtomicDesignとの付き合い方
yamakawa
0
2k
Other Decks in Programming
See All in Programming
traP の部内 ISUCON とそれを支えるポータル / PISCON Portal
ikura_hamu
0
190
歴史と現在から考えるスケーラブルなソフトウェア開発のプラクティス
i10416
0
300
ErdMap: Thinking about a map for Rails applications
makicamel
1
700
QA環境で誰でも自由自在に現在時刻を操って検証できるようにした話
kalibora
1
140
BEエンジニアがFEの業務をできるようになるまでにやったこと
yoshida_ryushin
0
200
php-conference-japan-2024
tasuku43
0
430
カスタムエフェクトプラグインで Atom Craft をいい感じにする@ADX / ADX LE勉強会 vol.1
cox2
0
110
ecspresso, ecschedule, lambroll を PipeCDプラグインとして動かしてみた (プロトタイプ) / Running ecspresso, ecschedule, and lambroll as PipeCD Plugins (prototype)
tkikuc
2
1.9k
DMMオンラインサロンアプリのSwift化
hayatan
0
190
React 19でお手軽にCSS-in-JSを自作する
yukukotani
5
570
PHPで作るWebSocketサーバー ~リアクティブなアプリケーションを知るために~ / WebSocket Server in PHP - To know reactive applications
seike460
PRO
2
770
Итераторы в Go 1.23: зачем они нужны, как использовать, и насколько они быстрые?
lamodatech
0
1.4k
Featured
See All Featured
Principles of Awesome APIs and How to Build Them.
keavy
126
17k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
47
5.1k
Producing Creativity
orderedlist
PRO
343
39k
Building Flexible Design Systems
yeseniaperezcruz
328
38k
Writing Fast Ruby
sferik
628
61k
Why You Should Never Use an ORM
jnunemaker
PRO
54
9.1k
A Philosophy of Restraint
colly
203
16k
Done Done
chrislema
182
16k
Measuring & Analyzing Core Web Vitals
bluesmoon
5
210
Building Applications with DynamoDB
mza
93
6.2k
VelocityConf: Rendering Performance Case Studies
addyosmani
327
24k
Building an army of robots
kneath
302
45k
Transcript
デザイナーが プログラムを書いたら こうなった。 やまかわ たかし 2019年2月20日 失敗LT祭! 〜俺の話を聞いてくれ〜
ABOUT ME やまかわ たかし スキルセット フロントエンドデザイナー 2018年4月より、Webサービス受託開発ベンチャーに新卒入社。 Webサイト制作やサービスのデザインやコーディング、 一部フロントエンドを担当。 ・HTML
/ CSS ( Sass ) ・javascript ( jQuery / React / React Native( ほんの少し ) ) ・WordPress / PHP y_taka520
経緯
デザインだけじゃなく 実装もやってみたい
やってみたら意外と楽しい
ただ、やらかすことも多かった
動けばいい
とある実装で・・・
とある実装で・・・ ENTER ENTER margin: 32px; height: 48px; ビジュアル・CSSは気にする
Uncaught SyntaxError: ... とある実装で・・・ ENTER ENTER margin: 32px; height: 48px;
ビ ジュ ア ル ・ CSS は 気 に す る エ ラ ー が 起 き て ても 気 に し な い Uncaught SyntaxError: ... Uncaught SyntaxError: ... Uncaught SyntaxError: ... Uncaught SyntaxError: ...
そのまま納品してパフォーマンスで 戻しを・・・(T_T)
なんとなくで触る
あるWordPress案件で・・・
あるWordPress案件で・・・ 確かこれどこかいじれば いいんだったよな・・・ とりあえず色々触って試そう
あるWordPress案件で・・・ その結果
あるWordPress案件で・・・ URLの値を触って Webサイトがダウン
上司の方に 迷惑かけてしまいました(T_T)
設計なしの即実装
とある実装で・・・
とある実装で・・・ 意気込んでいたのか 設計をしっかりせずに いきなり実装に
とある実装で・・・ その結果
とある実装で・・・ 思いの外工数かかる・・・ はまりどころが多い・・・
などなど
設計やイメージすごく大事 うやむやにしない しっかりドキュメント読む 学んだこと
エンジニアとしての 洗礼を受けました
まだやらかすことも多いですが なんとかやってます^^
先輩のみなさん 僕にアドバイスをください><
おわり