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
Multiple pages
Search
Sponsored
·
Ship Features Fearlessly
Turn features on and off without deploys. Used by thousands of Ruby developers.
→
Masateru YOSHIMURA
June 20, 2021
Design
730
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
Multiple pages
Masateru YOSHIMURA
June 20, 2021
More Decks by Masateru YOSHIMURA
See All by Masateru YOSHIMURA
Digital Design 2022-02
mathatelle
0
400
Digital Design 2022-01
mathatelle
0
290
Yoshimura Lab. 2022
mathatelle
0
1.4k
create-website-html-2021
mathatelle
0
170
How to design the individual page
mathatelle
1
130
CodePen: Making your portfolio 2021
mathatelle
0
170
single page
mathatelle
0
900
How to optimize images for Better Web Design
mathatelle
0
2.2k
What is the design
mathatelle
2
340
Other Decks in Design
See All in Design
富山デザイン勉強会_ブラッシュアップデザイン.pdf
keita_yoshikawa
0
120
【CEDEC2026】『Shadowverse: Worlds Beyond』続編開発におけるUIデザイン・アニメーション演出の「超進化」 ~継承と挑戦を両立するデザイン手法~
cygames
PRO
3
5.2k
エンジニアでも捗る デザイナー的思考入門(bitA Edit 新ver)
tinykitten
1
490
test deck title
shotamatsuo
0
1.5k
設計の進め方と 品質特性品質特性
harakeishi
0
1.3k
Bet AI Day 2026丨デザインハーネス:専門職の判断基準をコードのように運用する
layerx
PRO
4
3.8k
1000人規模の組織でデザインハーネスを導入するための第一歩
pkshadeck
PRO
5
4k
デザインハーネス 〜AIが生成する"デザイン"の妥当性を、誰がどう担保するのか〜 / PdEConf2026 Design Harness
kgsi
12
21k
デザインとフロントエンドの境界が融ける Claude Code × Figma
littlebusters
2
3.5k
Agentic Design Workflowを育てる 「三層デザインハーネス」の現在地
sayadesign2
0
400
PAMPHLET.pdf
mhand01
0
1.8k
デザイナーの判断をAIにつなぐ ── 審美眼をハーネスする試み
kotasaito_cnt
0
630
Featured
See All Featured
Highjacked: Video Game Concept Design
rkendrick25
PRO
1
460
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
50
10k
Agile Leadership in an Agile Organization
kimpetersen
PRO
0
230
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
17k
The MySQL Ecosystem @ GitHub 2015
samlambert
251
13k
We Analyzed 250 Million AI Search Results: Here's What I Found
joshbly
1
1.9k
Designing for humans not robots
tammielis
254
26k
Typedesign – Prime Four
hannesfritz
42
3.2k
Balancing Empowerment & Direction
lara
6
1.3k
SEOcharity - Dark patterns in SEO and UX: How to avoid them and build a more ethical web
sarafernandez
0
280
Joys of Absence: A Defence of Solitary Play
codingconduct
1
520
Marketing to machines
jonoalderson
1
5.8k
Transcript
ෳϖʔδͷΣϒαΠ τ
IUUQT[P[PKQTQ Ұཡϖʔδ ৄࡉϖʔδ ใྔͷ ଟ͍ΣϒαΠτ ෳϖʔδ͔Β ߏ͞ΕΔ
JOEFYIUNM BCPVUIUNM GBWTIUNM JOUFSWJFXIUNM τοϓϖʔδͷϑΝΠϧ໊ JOEFYͱදه͢Δɻ֦ுࢠIUNMɻ ͦͷଞͷϑΝΠϧ໊ҙɻ ը૾ͱಉ༷ɺݪଇͱͯ֯͠ӳͷখจࣈΛ༻͍Δɻ ϦϯΫ ϦϯΫ
ϦϯΫ
JOEFYIUNM TUZMFDTT ελΠϦϯά ͭͷϑΝΠϧʹ·ͱΊͯ ઃఆ͓ͯ͘͠ɻ BCPVUIUNM GBWTIUNM JOUFSWJFXIUNM
)5.-ͷߏ <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <meta name="viewport"
content="width=device-width, initial-scale=1.0"> <title></title> <link rel="stylesheet" href="style.css"> </head> <body> </body> </html>
)5.-ͷߏɿϖʔδʹදࣔ͢ΔใCPEZλάͷଆʹॻ͘ <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <meta name="viewport"
content="width=device-width, initial-scale=1.0"> <title>ਔѪՖࢠͷࣗݾհαΠτ</title> <link rel="stylesheet" href="style.css"> </head> <body> <h1>ਔѪՖࢠͷࣗݾհαΠτ<h1> <p><a href="about.html">ࣗݾհΛৄ͘͠ಡΉ</a></p> </body> </html> $PEF1FOͷʮ1FOʯͰɺ ͜ͷ෦ͷΈΛೖྗ͢ΕΑ͍Έʹͳ͍ͬͯΔɻ
)5.-ͷߏͱͦΕͧΕͷҙຯ <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <meta name="viewport"
content="width=device-width, initial-scale=1.0"> <title>ਔѪՖࢠͷࣗݾհαΠτ</title> <link rel="stylesheet" href="style.css"> </head> <body> <h1>ਔѪՖࢠͷࣗݾհαΠτ<h1> <p><a href="about.html">ࣗݾհΛৄ͘͠ಡΉ</a></p> </body> </html> UJUMFλάϖʔδʹදࣔ͞Εͳ͍ɻϒϥβͷλϒ(PPHMFͷݕࡧ݁Ռʹදࣔ͞ΕΔɻ จॻએݴɻʮ͜ͷจॻ)5.-ʢͷόʔδϣϯʣͰ͢ʯͱએݴ͍ͯ͠Δɻ )5.-ͷ༰ɻMBOHଐੑ͜ͷϖʔδͷݴޠͰɺKBຊޠΛҙຯ͢Δɻ จࣈίʔυͱͯ͠65'Λ༻ɻ ը໘ͷදࣔઃఆɻ ϖʔδʹ දࣔ͞Εͳ͍ ཁૉ ϖʔδʹ දࣔ͞ΕΔ ཁૉ ˞ࡉ͔͍ͱ͜Ζ͏Ζ֮͑Ͱྑ͍ɻίϐϖ͓ͯ͠͏ɻ