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
CodePen: Project
Search
Masateru YOSHIMURA
July 21, 2020
Technology
530
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
400
Digital Design 2022-01
mathatelle
0
290
Yoshimura Lab. 2022
mathatelle
0
1.4k
create-website-html-2021
mathatelle
0
170
Multiple pages
mathatelle
0
730
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
作って終わりじゃないサーバーレス 〜9年運用する大規模EC物流API基盤の設計・運用のリアル〜
zozotech
PRO
0
190
EventBridge に「合流」はない ― サーバーレスのワークフローを育てるということ / No Join in EventBridge
yusukeshimizu
2
170
え、こんなに早く改修できるの?──新人エンジニアとスクラムマスターの2人が語る、AI×アジャイル開発の現場
ysasago
2
480
データ_AIの事業の勝敗をわけるもの
nek0128
1
460
AI時代の「技術的負債」の変質ー概念の終焉と再解釈、エージェントと共に向かう先
nwiizo
1
2.9k
2026-09-18 gotanda.sre Terraformで複数環境作ったり、複数Stateに分割したりそれとTerragrunt / Terraform multi envs and multi states
masasuzu
3
560
Azure Serverless 2026:Production-ready な AI エージェント基盤 / Azure Serverless 2026: Production-Ready AI Agent Platform
miyake
2
250
Claude Codeを「使うほど育つ」AI秘書にするノウハウ
minorun365
PRO
31
28k
Genieを崇めよ
kameitomohiro
0
170
フルカイテン株式会社 エンジニア向け採用資料
fullkaiten
0
12k
「守り」で活用するオンデバイスLLM 〜写ってはいけないを総力戦で防ぐ〜 / iOSDC Japan 2026
nakamuuu
0
170
映像変換サーバーなしで端末内でHLSを生成してライブ配信
hikarusato
0
130
Featured
See All Featured
Jamie Indigo - Trashchat’s Guide to Black Boxes: Technical SEO Tactics for LLMs
techseoconnect
PRO
0
670
The AI Revolution Will Not Be Monopolized: How open-source beats economies of scale, even for LLMs
inesmontani
PRO
3
3.7k
HTML-Aware ERB: The Path to Reactive Rendering @ RubyCon 2026, Rimini, Italy
marcoroth
5
680
職位にかかわらず全員がリーダーシップを発揮するチーム作り / Building a team where everyone can demonstrate leadership regardless of position
madoxten
69
65k
Making the Leap to Tech Lead
cromwellryan
135
10k
The SEO Collaboration Effect
kristinabergwall1
1
570
Building a Modern Day E-commerce SEO Strategy
aleyda
45
9.2k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
287
14k
SERP Conf. Vienna - Web Accessibility: Optimizing for Inclusivity and SEO
sarafernandez
2
1.6k
Practical Orchestrator
shlominoach
192
12k
Tips & Tricks on How to Get Your First Job In Tech
honzajavorek
1
760
Game over? The fight for quality and originality in the time of robots
wayneb77
1
280
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>