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
140
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
12k
PHPコーディング規約とサポートするツール
shoyan
2
3.4k
コンピュータと数学
shoyan
0
1.4k
暗号技術を支える素数
shoyan
2
2.8k
Other Decks in Programming
See All in Programming
ScalarDBを用いたマイクロサービスにおけるデータ管理 (Database Engineering Meetup #2)
scalar
0
110
ADRを一年運用してみた/adr_after_a_year
hanhan1978
7
2.3k
デフォルトにして至高、RubyMineの大好きな所
ruzia
0
290
Ruby GitHub Packages
bkuhlmann
0
630
AWS Application Composerで始める、 サーバーレスなデータ基盤構築 / 20240406-jawsug-hokuriku-shinkansen
kasacchiful
1
260
SwiftUIで使いやすいToastの作り方 / How to build a Toast system which is easy to use in SwiftUI
lovee
3
130
Rails と人魚の話/rails-and-mermaid
sanfrecce_osaka
0
100
GraphQLサーバの構成要素を整理する #ハッカー鮨 #tsukijigraphql / graphql server technology selection
izumin5210
4
820
スクラムガイドのスプリントレトロスペクティブを改めて読みかえしてみた / Re-reading the Sprint Retrospective Section in the Scrum Guide
mackey0225
3
410
Changed Rules: Architectures with Lightweight Stores
manfredsteyer
PRO
0
240
冗長なエラーログを削減し、スタックトレースを手に入れる / Reducing Verbose Error Logs and Obtaining Stack Traces
upamune
0
480
PHP8.3の機能を振り返る / Review of PHP 8.3 features
seike460
PRO
1
110
Featured
See All Featured
YesSQL, Process and Tooling at Scale
rocio
164
13k
Testing 201, or: Great Expectations
jmmastey
28
6.3k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
120
39k
How to name files
jennybc
65
93k
The Mythical Team-Month
searls
216
42k
Infographics Made Easy
chrislema
238
18k
Building Adaptive Systems
keathley
31
1.9k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
221
21k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
20
1.9k
Documentation Writing (for coders)
carmenintech
60
3.9k
4 Signs Your Business is Dying
shpigford
175
21k
What's new in Ruby 2.0
geeforr
337
31k
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ͷຊޠͷใ