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
Sponsored
·
Your Podcast. Everywhere. Effortlessly.
Share. Educate. Inspire. Entertain. You do you. We'll handle the rest.
→
やまかわたかし
February 20, 2019
Programming
0
63
デザイナーがプログラムを書いたらこうなった
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
AI駆動開発の本音 〜Claude Code並列開発で見えたエンジニアの新しい役割〜
hisuzuya
4
490
grapheme_strrev関数が採択されました(あと雑感)
youkidearitai
PRO
1
210
AI Assistants for Your Angular Solutions
manfredsteyer
PRO
0
120
コードレビューをしない選択 #でぃーぷらすトウキョウ
kajitack
3
810
What Spring Developers Should Know About Jakarta EE
ivargrimstad
0
330
受け入れテスト駆動開発(ATDD)×AI駆動開発 AI時代のATDDの取り組み方を考える
kztakasaki
2
550
「やめとこ」がなくなった — 1月にZennを始めて22本書いた AI共創開発のリアル
atani14
0
370
DevinとClaude Code、SREの現場で使い倒してみた件
karia
1
990
Codex の「自走力」を高める
yorifuji
0
1.1k
PostgreSQL を使った快適な go test 環境を求めて
otakakot
0
530
クライアントワークでSREをするということ。あるいは事業会社におけるSREと同じこと・違うこと
nnaka2992
1
320
Takumiから考えるSecurity_Maturity_Model.pdf
gessy0129
1
130
Featured
See All Featured
Paper Plane
katiecoart
PRO
0
47k
Navigating Algorithm Shifts & AI Overviews - #SMXNext
aleyda
1
1.2k
How to optimise 3,500 product descriptions for ecommerce in one day using ChatGPT
katarinadahlin
PRO
1
3.5k
DBのスキルで生き残る技術 - AI時代におけるテーブル設計の勘所
soudai
PRO
62
51k
How to train your dragon (web standard)
notwaldorf
97
6.5k
The Cult of Friendly URLs
andyhume
79
6.8k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
666
130k
Leo the Paperboy
mayatellez
4
1.5k
Rebuilding a faster, lazier Slack
samanthasiow
85
9.4k
Conquering PDFs: document understanding beyond plain text
inesmontani
PRO
4
2.4k
My Coaching Mixtape
mlcsv
0
69
Rails Girls Zürich Keynote
gr2m
96
14k
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)
設計なしの即実装
とある実装で・・・
とある実装で・・・ 意気込んでいたのか 設計をしっかりせずに いきなり実装に
とある実装で・・・ その結果
とある実装で・・・ 思いの外工数かかる・・・ はまりどころが多い・・・
などなど
設計やイメージすごく大事 うやむやにしない しっかりドキュメント読む 学んだこと
エンジニアとしての 洗礼を受けました
まだやらかすことも多いですが なんとかやってます^^
先輩のみなさん 僕にアドバイスをください><
おわり