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
880
1秒間に250通のメールをさばくAWSの使い方
ms76
2
2k
Other Decks in Programming
See All in Programming
Advanced Micro Frontends: Multi Version/ Framework Scenarios @WAD 2025, Berlin
manfredsteyer
PRO
0
400
Vibe Codingの幻想を超えて-生成AIを現場で使えるようにするまでの泥臭い話.ai
fumiyakume
15
6.7k
“いい感じ“な定量評価を求めて - Four Keysとアウトカムの間の探求 -
nealle
2
12k
バイブスあるコーディングで ~PHP~ 便利ツールをつくるプラクティス
uzulla
1
110
PicoRuby on Rails
makicamel
3
140
顧客の画像データをテラバイト単位で配信する 画像サーバを WebP にした際に起こった課題と その対応策 ~継続的な取り組みを添えて~
takutakahashi
4
1.3k
ペアプロ × 生成AI 現場での実践と課題について / generative-ai-in-pair-programming
codmoninc
2
21k
Flutterで備える!Accessibility Nutrition Labels完全ガイド
yuukiw00w
0
170
テスト駆動Kaggle
isax1015
1
650
リバースエンジニアリング新時代へ! GhidraとClaude DesktopをMCPで繋ぐ/findy202507
tkmru
3
1k
MCPを使ってイベントソーシングのAIコーディングを効率化する / Streamlining Event Sourcing AI Coding with MCP
tomohisa
0
170
ソフトウェア設計とAI技術の活用
masuda220
PRO
21
5k
Featured
See All Featured
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
45
7.5k
Navigating Team Friction
lara
187
15k
Code Review Best Practice
trishagee
69
19k
Java REST API Framework Comparison - PWX 2021
mraible
31
8.7k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
44
2.4k
A Tale of Four Properties
chriscoyier
160
23k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
367
26k
Adopting Sorbet at Scale
ufuk
77
9.5k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
29
9.6k
Six Lessons from altMBA
skipperchong
28
3.9k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
30
2.2k
The World Runs on Bad Software
bkeepers
PRO
70
11k
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.