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
160
single page
mathatelle
0
890
How to optimize images for Better Web Design
mathatelle
0
2.2k
Other Decks in Technology
See All in Technology
設計レビューとAIハーネスで向き合う AIが生み出した新しいボトルネックの対処法 / Design Reviews and AI Harnesses Against New Bottlenecks Created by AI
nstock
0
150
ファミコンでPHPを動かす / PHP on the Famicom
tomzoh
2
530
生成AI×AWS CDK×AWS FISで"振り返れる"ミニGameDayをつくろう
yoshimi0227
1
470
AI Coding Agent時代のcdk-nagガードレール 〜組織ルールを強制CIで守り抜く設計の挑戦〜
mhrtech
3
460
AmplifyHostingConstructからSSRフレームワークのためのホスティング設計を考察する/amplify-hosting-construct
fossamagna
1
270
41歳でAWSが好きすぎてITエンジニアになったおっさんの話
yama3133
0
600
インフラと開発の垣根を超えていき!〜元AWSインフラエンジニアがAWS開発で奮闘している話〜
hatahata021
3
330
非定型なドキュメントを効率よくリファクタする 〜えぇ!?仕様書27本の移行が1日で終わったって!?〜
subroh0508
2
590
複数プロダクト組織のAIネイティブ化における戦略 / AICon2026_kude
rakus_dev
0
260
2年前に削除したPHPクラスが、 ある日突然決済をエラーにした
ykagano
1
600
しくみを学んで使いこなそう GitHub Copilot app
torumakabe
2
290
SRE本の知られざる名シーン / The Hidden Gems of Google SRE Book
nari_ex
2
440
Featured
See All Featured
Noah Learner - AI + Me: how we built a GSC Bulk Export data pipeline
techseoconnect
PRO
0
220
Ten Tips & Tricks for a 🌱 transition
stuffmc
0
150
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.8k
AI Search: Implications for SEO and How to Move Forward - #ShenzhenSEOConference
aleyda
1
1.3k
Money Talks: Using Revenue to Get Sh*t Done
nikkihalliwell
0
400
Bash Introduction
62gerente
615
220k
The Anti-SEO Checklist Checklist. Pubcon Cyber Week
ryanjones
0
190
Crafting Experiences
bethany
1
230
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
55
3.4k
Build The Right Thing And Hit Your Dates
maggiecrowley
39
3.3k
How Fast Is Fast Enough? [PerfNow 2025]
tammyeverts
3
660
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
162
16k
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>