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をかじってみた話 / The first impression of AMP
Search
Masashi Sekine
April 26, 2016
Programming
1
1.3k
AMPをかじってみた話 / The first impression of AMP
Masashi Sekine
April 26, 2016
Tweet
Share
More Decks by Masashi Sekine
See All by Masashi Sekine
Free study Google Apps Script
ms76
1
1k
Introduction to HTTP2
ms76
0
890
とあるサービスの運営を追体験してみよう / Let's experience a certain services vicariously
ms76
1
890
1秒間に250通のメールをさばくAWSの使い方
ms76
2
2.1k
Other Decks in Programming
See All in Programming
iOSアプリの信頼性を向上させる取り組み/ios-app-improve-reliability
shino8rayu9
0
120
WebエンジニアがSwiftをブラウザで動かすプレイグラウンドを作ってみた
ohmori_yusuke
0
170
2025年版 サーバーレス Web アプリケーションの作り方
hayatow
23
25k
非同期jobをtransaction内で 呼ぶなよ!絶対に呼ぶなよ!
alstrocrack
0
360
(Extension DC 2025) Actor境界を越える技術
teamhimeh
1
130
Breaking Up with Big ViewModels — Without Breaking Your Architecture (droidcon Berlin 2025)
steliosf
PRO
1
280
Introducing ReActionView: A new ActionView-Compatible ERB Engine @ Kaigi on Rails 2025, Tokyo, Japan
marcoroth
3
760
半自動E2Eで手っ取り早くリグレッションテストを効率化しよう
beryu
6
2.4k
プロダクト開発をAI 1stに変革する〜SaaS is dead時代で生き残るために〜 / AI 1st Product Development
kobakei
0
440
dynamic!
moro
9
4.9k
高度なUI/UXこそHotwireで作ろう Kaigi on Rails 2025
naofumi
4
2.8k
プログラミングどうやる? ~テスト駆動開発から学ぶ達人の型~
a_okui
0
190
Featured
See All Featured
4 Signs Your Business is Dying
shpigford
185
22k
GraphQLの誤解/rethinking-graphql
sonatard
72
11k
Imperfection Machines: The Place of Print at Facebook
scottboms
269
13k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
48
9.7k
Rails Girls Zürich Keynote
gr2m
95
14k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
PRO
188
55k
A better future with KSS
kneath
239
17k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
18
1.2k
It's Worth the Effort
3n
187
28k
Optimising Largest Contentful Paint
csswizardry
37
3.4k
The Power of CSS Pseudo Elements
geoffreycrofte
78
6k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
49
3.1k
Transcript
AMPΛ͔ͬͯ͡Έͨ @ms76
Accelerated Mobile Pages ੩తͳίϯςϯπΛ ߴͰϨϯμϦϯάͤ͞ΔͨΊͷख๏
৽͍ٕ͠ज़Ͱͳ͘ɺ طଘͷHTML, CSS, JavaScript ʹରͯ͠ ߴͳϨϯμϦϯάΛୡ͢ΔͨΊʹ ੍͋͑ͯݶΛՃ͑ͨͷɻ ֓ཁ
1. ࠷ॳʹಡΈࠐΉHTMLʹϨΠΞτʹ ؔ͢ΔใΛશͯೖΕΖʂ 2. ϨΠΞτ͕ޙ͔Β่ΕΔΑ͏ͳॻ͖ ํ͢ΔͳʂʢͰ͖ͳ͍ʣ 3. ผϦιʔεશͯඇಉظͰಡΈࠐΊʂ మଇ
1. AMP validationʹύε͢ΔͱfreeͰ Google AMP Cacheʹͤͯੈք ৴ͯ͘͠ΕΔ 2. ࠓޙSEOʹޮՌ͕͋Δ ϝϦοτ
۩ମతʹͲΜͳੈքͳͷ͔ʁ
img video audio iframe frame frameset object param applet embed
form input script ҎԼͷλάېࢭ
amp-img amp-video amp-audio amp-iframe ΘΓʹ͜ΕΛ͑ʂ
JavaScriptʁ ͦΜͳා͍ͷېࢭʂʂ ΘΓʹઐ༻JavaScriptϥΠϒϥϦ Λ͑ʂ
CSS·͋ڐͦ͏ɻ Ͱ֎෦ϦιʔεಡࠐΈμϝɻ ΠϯϥΠϯ <style>λάͰɻ
࡞ΕΔؾ͕͠ͳ͍…
͔Βͷ Demo
ҙ֎ͱϥΠϒϥϦἧͬͯΔͷͰ ͋ΔఔͷUI/UXΛ͑ͯ ࡞Δ͜ͱͰ͖ͦ͏Ͱ͢ɻ ݁
https://www.ampproject.org/ https://github.com/ampproject/amphtml/ blob/master/spec/amp-html-format.md AMP HTML༷ Accelerated Mobile Pages Project ࢀߟ
Thank you.