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
クラシルを支える技術と組織
rakutek
0
190
開発生産性を上げるための生成AI活用術
starfish719
1
120
XP, Testing and ninja testing ZOZ5
m_seki
1
200
詳しくない分野でのVibe Codingで困ったことと学び/vibe-coding-in-unfamiliar-area
shibayu36
2
2.2k
どの様にAIエージェントと 協業すべきだったのか?
takefumiyoshii
1
560
AIエージェント時代における TypeScriptスキーマ駆動開発の新たな役割
bicstone
4
1.2k
議事録の要点整理を自動化! サーバレス Bot 構築術
penpeen
3
1.6k
iOSエンジニア向けの英語学習アプリを作る!
yukawashouhei
0
170
CSC509 Lecture 01
javiergs
PRO
1
430
iOS 17で追加されたSubscriptionStoreView を利用して5分でサブスク実装チャレンジ
natmark
0
480
ててべんす独演会〜Flowの全てを語ります〜
tbsten
1
220
私達はmodernize packageに夢を見るか feat. go/analysis, go/ast / Go Conference 2025
kaorumuta
2
440
Featured
See All Featured
GraphQLとの向き合い方2022年版
quramy
49
14k
Building a Scalable Design System with Sketch
lauravandoore
462
33k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
358
30k
Building an army of robots
kneath
306
46k
Balancing Empowerment & Direction
lara
4
670
Fireside Chat
paigeccino
40
3.7k
Agile that works and the tools we love
rasmusluckow
331
21k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
PRO
188
55k
Visualization
eitanlees
148
16k
KATA
mclloyd
32
14k
StorybookのUI Testing Handbookを読んだ
zakiyama
31
6.2k
Side Projects
sachag
455
43k
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ͷຊޠͷใ