Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Sign up for free
Menu
Search
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Pricing
Search
Sign in
Sign up for free
デザイナーがプログラムを書いたらこうなった
Search
やまかわたかし
February 20, 2019
Programming
68
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
デザイナーがプログラムを書いたらこうなった
2019年2月20日
失敗LT祭! 〜俺の話を聞いてくれ〜
にてお話した内容になります
やまかわたかし
February 20, 2019
More Decks by やまかわたかし
See All by やまかわたかし
Webサイト制作でのAtomicDesignとの付き合い方
yamakawa
0
2.1k
Other Decks in Programming
See All in Programming
ゲームコントローラやキーボードのファームウェアをSwiftで書く
kishikawakatsumi
1
270
Workers Cache を知る
syumai
0
320
Starting & Sustaining Code-Based E2E Testing for Non-Coding QA Teams( #jasstniigata )
teyamagu
PRO
1
840
Webの地図
yosuke_furukawa
PRO
6
5k
Androidだけじゃない、DroidKaigiで広がった私の技術スタック
akkeylab
0
110
市販E-Readerを乗っ取れ 〜Embedded Swiftで電子ペーパーガジェットを制御する〜
trickart
0
230
Simple Storage Service(S3) is not simple
iwatsukayura
0
120
The Rails Doctrine Decade
koic
2
460
Heart of Swift Concurrency
koher
0
1.1k
[Rails World 2026] Durable orchestration on Rails: from continuation to workflow
palkan
1
420
半永久的に提供し続けられるプライベートクラウドを目指して ― 利用者の認知負荷を抑えるAPI抽象化とハードウェア世代交代の基盤設計
tomokon
0
410
C#の現在地 進化の歴史と、AI時代の.NET Everywhere
neuecc
5
4.8k
Featured
See All Featured
The Limits of Empathy - UXLibs8
cassininazir
1
700
Groundhog Day: Seeking Process in Gaming for Health
codingconduct
0
390
jQuery: Nuts, Bolts and Bling
dougneiner
66
8.6k
svc-hook: hooking system calls on ARM64 by binary rewriting
retrage
2
600
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
49
3.6k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
52
6.1k
Designing for humans not robots
tammielis
254
26k
The Impact of AI in SEO - AI Overviews June 2024 Edition
aleyda
6
1.2k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
46
3k
From π to Pie charts
rasagy
1
380
How to Ace a Technical Interview
jacobian
280
24k
A Modern Web Designer's Workflow
chriscoyier
699
190k
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)
設計なしの即実装
とある実装で・・・
とある実装で・・・ 意気込んでいたのか 設計をしっかりせずに いきなり実装に
とある実装で・・・ その結果
とある実装で・・・ 思いの外工数かかる・・・ はまりどころが多い・・・
などなど
設計やイメージすごく大事 うやむやにしない しっかりドキュメント読む 学んだこと
エンジニアとしての 洗礼を受けました
まだやらかすことも多いですが なんとかやってます^^
先輩のみなさん 僕にアドバイスをください><
おわり