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
CodePen: Project
Search
Masateru YOSHIMURA
July 21, 2020
Technology
520
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
CodePen: Project
スライド内のHTMLの雛形
https://codepen.io/mathatelle/pen/BajvJJP
Masateru YOSHIMURA
July 21, 2020
More Decks by Masateru YOSHIMURA
See All by Masateru YOSHIMURA
Digital Design 2022-02
mathatelle
0
390
Digital Design 2022-01
mathatelle
0
280
Yoshimura Lab. 2022
mathatelle
0
1.4k
create-website-html-2021
mathatelle
0
170
Multiple pages
mathatelle
0
720
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
Other Decks in Technology
See All in Technology
分割40%キーボードにスムーズに入門するには
hoto17296
1
110
サービス内で複数のOP・ASを連鎖させる(OAuth/OIDC Numa (Immersion) Workshop 2026)
oidfj
PRO
0
310
会計事務所と顧問先の契約関係をOIDC・OAuthで表現する
terara
0
440
フィジカルAIの知識ゼロの僕でも AIを使えばここまでできた
tatsuya1970
0
190
ハッカソンで入賞した話 @ Findy LT
asari194617
0
1.5k
Digitization部 紹介資料
sansan33
PRO
2
7.7k
Claude Codeの体系的な理解と知識のフック
oikon48
4
2.6k
Claude Teamプランの コスト最適化を考える
rfdnxbro
0
750
AIレビュー時代に必要なのは、SLOで引く撤退ライン
nobuoooo
0
120
NANDでも描画したい!
nichica906
3
750
OpenID for Verifiable Credentials 実装から見えた相互運用性確保までの道のり(OAuth/OIDC Numa (Immersion) Workshop 2026)
oidfj
PRO
0
320
サイボウズ 開発本部採用ピッチ / Cybozu Engineer Recruit
cybozuinsideout
PRO
12
86k
Featured
See All Featured
StorybookのUI Testing Handbookを読んだ
zakiyama
31
6.9k
KATA
mclloyd
PRO
35
15k
The Curious Case for Waylosing
cassininazir
1
480
What's in a price? How to price your products and services
michaelherold
247
13k
What Being in a Rock Band Can Teach Us About Real World SEO
427marketing
0
1.1k
Self-Hosted WebAssembly Runtime for Runtime-Neutral Checkpoint/Restore in Edge–Cloud Continuum
chikuwait
0
740
A Tale of Four Properties
chriscoyier
163
24k
Why Our Code Smells
bkeepers
PRO
340
58k
Fashionably flexible responsive web design (full day workshop)
malarkey
408
67k
A better future with KSS
kneath
240
18k
Crafting Experiences
bethany
1
270
HDC tutorial
michielstock
2
820
Transcript
ෳϖʔδͷΣϒαΠ τ
IUUQT[P[PKQTQ Ұཡϖʔδ ৄࡉϖʔδ ใྔͷ ଟ͍ΣϒαΠτ ෳϖʔδ͔Β ߏ͞ΕΔ
JOEFYIUNM QBHFIUNM QBHFIUNM QBHFIUNM τοϓϖʔδͷϑΝΠϧ໊ JOEFYͱදه͢Δɻ֦ுࢠIUNMɻ ͦͷଞͷϑΝΠϧ໊ҙɻ ը૾ͱಉ༷ɺݪଇͱͯ֯͠ӳͷখจࣈΛ༻͍Δɻ ϦϯΫ ϦϯΫ
ϦϯΫ
JOEFYIUNM QBHFIUNM QBHFIUNM QBHFIUNM TUZMFDTT ελΠϦϯά ͭͷϑΝΠϧʹ·ͱΊͯ ઃఆ͓ͯ͘͠ɻ ˞֓೦ਤ͚ͩݟ͍ͯͯΘ͔Γʹ͍͘ͷͰ$PEF1FOͰͬͯΈΑ͏
͜Ε ͜ͷΑ͏ͳߏͷΣϒαΠτΛ੍࡞͢ΔͨΊʹ $PEF1FOʹ͓͍ͯ1SPKFDUͱ͍͏ػೳΛ༻͍Δɻ ˞$PEF1FOͷ1FOͰ୯Ұͷϖʔδ͔͠࡞Εͳ͍ɻ
࠷ॳͷखॱɿϖʔδΛ࡞Δ ϑΝΠϧ໊Λೖྗ /FX'JMFΛΫϦοΫ ΤσΟλʹίʔυΛೖྗ͍ͯ͘͠
ΤσΟλʹҎԼͷ)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> IUUQTDPEFQFOJPNBUIBUFMMFQFO#BKW++1 Λ։͍ͯίϐʔ͠Α͏
ຊͷ)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="page1.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="page1.html">࡞ͷհ</a></p> </body> </html> UJUMFλάϖʔδʹදࣔ͞Εͳ͍ɻϒϥβͷλϒ(PPHMFͷݕࡧ݁Ռʹදࣔ͞ΕΔɻ จॻએݴɻʮ͜ͷจॻ)5.-ʢͷόʔδϣϯʣͰ͢ʯͱએݴ͍ͯ͠Δɻ )5.-ͷ༰ɻMBOHଐੑ͜ͷϖʔδͷݴޠͰKBຊޠΛҙຯ͢Δɻ จࣈίʔυͱͯ͠65'Λ༻ɻ දࣔઃఆɻ ϖʔδʹ දࣔ͞Εͳ͍ ཁૉ ϖʔδʹ දࣔ͞ΕΔ ཁૉ
ࡉ͔͍ͱ͜Ζ͏Ζ֮͑Ͱྑ͍ɻίϐϖ͓ͯ͠͏ɻ <!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>