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
59
デザイナーがプログラムを書いたらこうなった
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
あのころの iPod を どうにか再生させたい
orumin
2
2.4k
Go製CLIツールをnpmで配布するには
syumai
2
1.2k
「リーダーは意思決定する人」って本当?~ 学びを現場で活かす、リーダー4ヶ月目の試行錯誤 ~
marina1017
0
210
バイブコーディング超えてバイブデプロイ〜CloudflareMCPで実現する、未来のアプリケーションデリバリー〜
azukiazusa1
3
810
一人でAIプロダクトを作るための工夫 〜技術選定・開発プロセス編〜 / I want AI to work harder
rkaga
10
2.4k
Amazon Q CLI開発で学んだAIコーディングツールの使い方
licux
3
180
ZeroETLで始めるDynamoDBとS3の連携
afooooil
0
160
ゲームの物理
fadis
3
950
SwiftでMCPサーバーを作ろう!
giginet
PRO
2
230
画像コンペでのベースラインモデルの育て方
tattaka
3
1.5k
可変性を制する設計: 構造と振る舞いから考える概念モデリングとその実装
a_suenami
10
1.7k
20250808_AIAgent勉強会_ClaudeCodeデータ分析の実運用〜競馬を題材に回収率100%の先を目指すメソッドとは〜
kkakeru
0
140
Featured
See All Featured
Intergalactic Javascript Robots from Outer Space
tanoku
272
27k
VelocityConf: Rendering Performance Case Studies
addyosmani
332
24k
4 Signs Your Business is Dying
shpigford
184
22k
We Have a Design System, Now What?
morganepeng
53
7.7k
The Illustrated Children's Guide to Kubernetes
chrisshort
48
50k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
358
30k
Imperfection Machines: The Place of Print at Facebook
scottboms
267
13k
YesSQL, Process and Tooling at Scale
rocio
173
14k
Fantastic passwords and where to find them - at NoRuKo
philnash
51
3.4k
Being A Developer After 40
akosma
90
590k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
234
17k
Typedesign – Prime Four
hannesfritz
42
2.7k
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)
設計なしの即実装
とある実装で・・・
とある実装で・・・ 意気込んでいたのか 設計をしっかりせずに いきなり実装に
とある実装で・・・ その結果
とある実装で・・・ 思いの外工数かかる・・・ はまりどころが多い・・・
などなど
設計やイメージすごく大事 うやむやにしない しっかりドキュメント読む 学んだこと
エンジニアとしての 洗礼を受けました
まだやらかすことも多いですが なんとかやってます^^
先輩のみなさん 僕にアドバイスをください><
おわり