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
MCP連携で加速するAI駆動開発/mcp integration accelerates ai-driven-development
bpstudy
0
310
あのころの iPod を どうにか再生させたい
orumin
2
2.5k
自作OSでDOOMを動かしてみた
zakki0925224
1
1.4k
STUNMESH-go: Wireguard NAT穿隧工具的源起與介紹
tjjh89017
0
380
学習を成果に繋げるための個人開発の考え方 〜 「学習のための個人開発」のすすめ / personal project for leaning
panda_program
1
100
A Gopher's Guide to Vibe Coding
danicat
0
170
Amazon Q CLI開発で学んだAIコーディングツールの使い方
licux
3
190
未来を拓くAI技術〜エージェント開発とAI駆動開発〜
leveragestech
2
170
『リコリス・リコイル』に学ぶ!! 〜キャリア戦略における計画的偶発性理論と変わる勇気の重要性〜
wanko_it
1
570
AHC051解法紹介
eijirou
0
610
画像コンペでのベースラインモデルの育て方
tattaka
3
1.8k
Portapad紹介プレゼンテーション
gotoumakakeru
1
130
Featured
See All Featured
Building Applications with DynamoDB
mza
96
6.6k
Navigating Team Friction
lara
188
15k
Site-Speed That Sticks
csswizardry
10
780
The Power of CSS Pseudo Elements
geoffreycrofte
77
5.9k
Thoughts on Productivity
jonyablonski
69
4.8k
Building a Scalable Design System with Sketch
lauravandoore
462
33k
Docker and Python
trallard
45
3.5k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
4k
Statistics for Hackers
jakevdp
799
220k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
333
22k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
229
22k
Build your cross-platform service in a week with App Engine
jlugia
231
18k
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ͷຊޠͷใ