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
Multiple pages
Search
Sponsored
·
Your Podcast. Everywhere. Effortlessly.
Share. Educate. Inspire. Entertain. You do you. We'll handle the rest.
→
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
「バイブコーディングって何?」から始まった、 AIとの一年間と、その先のこと
seto
0
1.2k
工房としてのAI ── デザイナー、作家、ビルダー
hiranotomoki
0
430
“なんとなくFigma”から一歩先へ。AI時代も活きるWeb制作フロー
ayumidesign
0
210
TOPOSTOPOS
shoheyey
0
160
富山デザイン勉強会_プレゼンテーション.pdf
keita_yoshikawa
0
140
Frontier
rwang05
0
200
UI生成の鍵は要件整理 -デザインプロセスのエッセンスを プロンプト作成に取り入れよう-
abokadotyann
4
1.1k
Build for the Web, Build on the Web, Build With the Web
csswizardry
0
520
Decksh keywords
ajstarks
0
120
JBUG大阪#9_登壇資料_引き継ぎで困らないためのBacklogWikiの整え方_ミスと属人化を防ぐために、 “次の人が動ける状態”をどう残すか
webnaut
2
240
いいUIとは?初心者向けに事例をもとにUIデザインを分解
yuichi_hara7
4
2.6k
保育現場にAIを 〜人と技術に橋を架けるデザインで考えてきたこと〜 uiuxcamp2026-hoiku-ai-design
hiro93n
1
390
Featured
See All Featured
Bash Introduction
62gerente
615
220k
What’s in a name? Adding method to the madness
productmarketing
PRO
24
4.1k
<Decoding/> the Language of Devs - We Love SEO 2024
nikkihalliwell
1
310
Leading Effective Engineering Teams in the AI Era
addyosmani
9
2.5k
Accessibility Awareness
sabderemane
1
190
Claude Code どこまでも/ Claude Code Everywhere
nwiizo
67
57k
It's Worth the Effort
3n
188
29k
VelocityConf: Rendering Performance Case Studies
addyosmani
331
25k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
46
3k
How to train your dragon (web standard)
notwaldorf
97
6.8k
Money Talks: Using Revenue to Get Sh*t Done
nikkihalliwell
0
480
Building the Perfect Custom Keyboard
takai
2
860
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'Λ༻ɻ ը໘ͷදࣔઃఆɻ ϖʔδʹ දࣔ͞Εͳ͍ ཁૉ ϖʔδʹ දࣔ͞ΕΔ ཁૉ ˞ࡉ͔͍ͱ͜Ζ͏Ζ֮͑Ͱྑ͍ɻίϐϖ͓ͯ͠͏ɻ