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
66
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
これからAgentCoreを触る方へトレンドはGatewayです
har1101
6
500
AI がコードを書く時代における新卒エンジニアの仕事風景 (2026) / New Graduate Engineers in the Era of AI Coding (2026)
sushichan044
0
230
Foundation Models frameworkで画像分析
ryodeveloper
1
130
Claude Team Plan導入・ガイド
tk3fftk
0
230
Go言語とトイモデルで学ぶTransformerの気持ち / fukuokago23-transformer
monochromegane
0
140
AWS CDK を「作」ってみた 〜フルスクラッチで見えた CDK の裏側〜 / aws-cdk-from-scratch
gotok365
3
510
광주소프트웨어마이스터고등학교 DevFest 특강 - 바이브 코딩 시대에서 주니어 개발자로 살아남는 방법
utilforever
1
150
AIが無かった頃の素敵な出会いの話
codmoninc
1
220
Welcome to the "Parametricity" 🏙️ − Generic だけど Specific な世界 −
guvalif
PRO
1
180
改善しないと、タスクが回らない。 “てんこ盛りポジション” を引き継いだ情シスの、入社3ヶ月の業務改善録
krm963
0
150
Haskell/Servantを通してWebミドルウェアを捉え直す
pizzacat83
1
610
琵琶湖の水は止められてもNet--HTTPのリトライは止められない / You might be able to stop the water flow of Lake Biwa but you can't stop Net::HTTP retries
luccafort
PRO
0
440
Featured
See All Featured
DBのスキルで生き残る技術 - AI時代におけるテーブル設計の勘所
soudai
PRO
67
56k
Utilizing Notion as your number one productivity tool
mfonobong
4
450
How to Grow Your eCommerce with AI & Automation
katarinadahlin
PRO
1
230
The agentic SEO stack - context over prompts
schlessera
0
850
The Organizational Zoo: Understanding Human Behavior Agility Through Metaphoric Constructive Conversations (based on the works of Arthur Shelley, Ph.D)
kimpetersen
PRO
0
390
Digital Projects Gone Horribly Wrong (And the UX Pros Who Still Save the Day) - Dean Schuster
uxyall
1
2.1k
Mozcon NYC 2025: Stop Losing SEO Traffic
samtorres
1
410
Art, The Web, and Tiny UX
lynnandtonic
304
22k
How to train your dragon (web standard)
notwaldorf
97
6.7k
Organizational Design Perspectives: An Ontology of Organizational Design Elements
kimpetersen
PRO
1
770
Public Speaking Without Barfing On Your Shoes - THAT 2023
reverentgeek
1
460
Ten Tips & Tricks for a 🌱 transition
stuffmc
0
150
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)
設計なしの即実装
とある実装で・・・
とある実装で・・・ 意気込んでいたのか 設計をしっかりせずに いきなり実装に
とある実装で・・・ その結果
とある実装で・・・ 思いの外工数かかる・・・ はまりどころが多い・・・
などなど
設計やイメージすごく大事 うやむやにしない しっかりドキュメント読む 学んだこと
エンジニアとしての 洗礼を受けました
まだやらかすことも多いですが なんとかやってます^^
先輩のみなさん 僕にアドバイスをください><
おわり