デザイナーがプログラムを書いたらこうなった

2019年2月20日
失敗LT祭！ 〜俺の話を聞いてくれ〜
にてお話した内容になります

Transcript

1. デザイナーが プログラムを書いたら こうなった。 やまかわ たかし 2019年2月20日 失敗LT祭！ 〜俺の話を聞いてくれ〜
2. ABOUT ME やまかわ たかし スキルセット フロントエンドデザイナー 2018年4月より、Webサービス受託開発ベンチャーに新卒入社。 Webサイト制作やサービスのデザインやコーディング、 一部フロントエンドを担当。 ・HTML / CSS ( Sass ) ・javascript ( jQuery / React / React Native( ほんの少し ) ) ・WordPress / PHP y_taka520
3. 経緯
4. デザインだけじゃなく 実装もやってみたい
5. やってみたら意外と楽しい
6. ただ、やらかすことも多かった
7. 動けばいい
8. とある実装で・・・
9. とある実装で・・・ ENTER ENTER margin: 32px; height: 48px; ビジュアル・CSSは気にする
10. Uncaught SyntaxError: ... とある実装で・・・ ENTER ENTER margin: 32px; height: 48px; ビ ジュ ア ル ・ CSS は 気 に す る エ ラ ー が 起 き て ても 気 に し な い Uncaught SyntaxError: ... Uncaught SyntaxError: ... Uncaught SyntaxError: ... Uncaught SyntaxError: ...
11. そのまま納品してパフォーマンスで 戻しを・・・(T_T)
12. なんとなくで触る
13. あるWordPress案件で・・・
14. あるWordPress案件で・・・ 確かこれどこかいじれば いいんだったよな・・・ とりあえず色々触って試そう
15. あるWordPress案件で・・・ その結果
16. あるWordPress案件で・・・ URLの値を触って Webサイトがダウン
17. 上司の方に 迷惑かけてしまいました(T_T)
18. 設計なしの即実装
19. とある実装で・・・
20. とある実装で・・・ 意気込んでいたのか 設計をしっかりせずに いきなり実装に
21. とある実装で・・・ その結果
22. とある実装で・・・ 思いの外工数かかる・・・ はまりどころが多い・・・
23. などなど
24. 設計やイメージすごく大事 うやむやにしない しっかりドキュメント読む 学んだこと
25. エンジニアとしての 洗礼を受けました
26. まだやらかすことも多いですが なんとかやってます^^
27. 先輩のみなさん 僕にアドバイスをください＞＜
28. おわり