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
AMPで爆速WEBサイト
Search
Shohei Yamasaki
July 06, 2017
Programming
0
180
AMPで爆速WEBサイト
AMPの紹介です。
- AMPについて
- AMPの活用事例
- AMPのJekyllテーマの紹介
Shohei Yamasaki
July 06, 2017
Tweet
Share
More Decks by Shohei Yamasaki
See All by Shohei Yamasaki
ハフマン木の作成
shoyan
0
14k
PHPコーディング規約とサポートするツール
shoyan
2
3.5k
コンピュータと数学
shoyan
0
1.6k
暗号技術を支える素数
shoyan
2
3.1k
Other Decks in Programming
See All in Programming
CIを整備してメンテナンスを生成AIに任せる
hazumirr
0
370
LLMは麻雀を知らなすぎるから俺が教育してやる
po3rin
2
1.5k
Flutterと Vibe Coding で個人開発!
hyshu
0
150
オホーツクでコミュニティを立ち上げた理由―地方出身プログラマの挑戦 / TechRAMEN 2025 Conference
lemonade_37
1
380
大規模FlutterプロジェクトのCI実行時間を約8割削減した話
teamlab
PRO
0
310
[Codecon - 2025] Como não odiar seus testes
camilacampos
0
100
Vibe coding コードレビュー
kinopeee
0
360
Git Sync を超える!OSS で実現する CDK Pull 型デプロイ / Deploying CDK with PipeCD in Pull-style
tkikuc
4
490
[DevinMeetupTokyo2025] コード書かせないDevinの使い方
takumiyoshikawa
2
230
Jakarta EE Meets AI
ivargrimstad
0
480
階層化自動テストで開発に機動力を
ickx
1
450
decksh - a little language for decks
ajstarks
4
21k
Featured
See All Featured
A designer walks into a library…
pauljervisheath
207
24k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.4k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
29
9.6k
Statistics for Hackers
jakevdp
799
220k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
110
19k
Rebuilding a faster, lazier Slack
samanthasiow
83
9.1k
The Illustrated Children's Guide to Kubernetes
chrisshort
48
50k
Raft: Consensus for Rubyists
vanstee
140
7k
The World Runs on Bad Software
bkeepers
PRO
70
11k
Mobile First: as difficult as doing things right
swwweet
223
9.7k
Fashionably flexible responsive web design (full day workshop)
malarkey
407
66k
Rails Girls Zürich Keynote
gr2m
95
14k
Transcript
AMPͰരWEBαΠτ ࢁ࡚উฏ / GMO Perabo, Inc. 2017.07.06 ϗεςοΫMTG #4
ࣗݾհ • 2ࣇͷ • ࡊΛҭ͍ͯͯ·͢ http://48n.jp
ാ
WEB+DB PRESS Vol.99 ൃചதͰ͢ 2017/6/24 ൃച(ൃചத)Ͱ͢ɻ ਓੜͰॳΊͯدߘ͠·ͨ͠ɻ
AMP͍ͬͯͬͯ·͔͢ʁ
ࠓ͓͢͠Δ͜ͱ • AMPʹ͍ͭͯ • AMPͷ׆༻ࣄྫ • AMPͷJekyllςʔϚͷհ
AMPʹ͍ͭͯ
AMPͱ • AMP(Accelerated Mobile Pages) • ΞϯϓͱݺͿ • ϞόΠϧͷΣϒϖʔδΛߴදࣔ͢ΔͨΊͷΈ •
GoogleͱTwitterͰڞಉ։ൃ
AMPͷϝϦοτ • Googleͷݕࡧ݁Ռ͔ΒҰॠͰαΠτΛදࣔ • αΠτͷؼͷԼʹޮՌ͋Γ εϐʔυ
AMPͷϝϦοτ • Χϧʔηϧදࣔ • AMPରԠͷϚʔΫ
AMPͷσϝϦοτ(੍) • AMPͷઐ༻ͷίϯϙʔωϯτ͕͍Ζ͍Ζ༻ҙ͞Ε͍ͯΔ • ༻ҙ͞Ε͍ͯΔػೳҎ֎͑ͳ͍ Not JavaScript
AMPͷσϝϦοτ(੍) • <img>λά͑ͳ͍ɻ<amp-img>λάΛ͏ HTMLͷ੍
AMPͷσϝϦοτ(੍) • <style amp-custom>λάͰғΉ ֎෦CSS ಡΈࠐΊͳ͍
AMPͷ׆༻ࣄྫ
AMPͱ૬ੑͷ͍͍ϓϥοτϑΥʔϜ • χϡʔεαΠτ • ϒϩά • ECαΠτ
۩ମతͳࣄྫ
AMPରԠͷJekellςʔϚ
Aminima • JekyllςʔϚͷminimaΛAMPରԠͨ͠ͷ • https://github.com/shoyan/aminima
Ampstart-blog-post • ampstartͷblog-postςϯϓϨʔτΛ JekyllʹΈࠐΜͩ • https://github.com/shoyan/ ampstart-blog-post
ରԠํ๏ΛϒϩάͰհ͍ͯ͠·͢ JekyllςʔϚͷminimaΛAMPରԠͨ͠ • http://48n.jp/blog/2017/04/14/ aminima-is-minima-with-amp/
AMPʹֶ͍ͭͯͿͨΊʹ https://www.ampproject.org/ • AMPͷެࣜαΠτ https://ampbyexample.com/ • AMPͷαϯϓϧ͕ͨ͘͞Μ https://blog.sakurasaku-labo.jp/amp-html/ • AMPͷຊޠͷใ