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.1k
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
840
Introduction to HTTP2
ms76
0
840
とあるサービスの運営を追体験してみよう / Let's experience a certain services vicariously
ms76
1
730
1秒間に250通のメールをさばくAWSの使い方
ms76
2
1.8k
Other Decks in Programming
See All in Programming
0→1と1→10の狭間で Javaという技術選定を振り返る/Reflecting on the Decision to Choose Java Between Scaling from 0 to 1 and 1 to 10
jaguar_imo
2
380
デフォルトにして至高、RubyMineの大好きな所
ruzia
0
370
MicrosoftのPlatform Engineeringガイドを読んで実際になにかやってみた
ymd65536
1
330
AWS Application Composerで始める、 サーバーレスなデータ基盤構築 / 20240406-jawsug-hokuriku-shinkansen
kasacchiful
1
260
try! Swift Tokyo 初参加報告LT
hinakko2
0
220
Ruby Pattern Matching
bkuhlmann
0
930
単体テストを書かない技術 #phpcon_odawara
o0h
PRO
27
8.3k
データアナリストが行うDatabricksを活用したETLの自動化事例
shinoa
0
270
Prepare for Jakarta EE 11 - Performance and Developer Productivity
ivargrimstad
0
780
⼤規模⾔語モデルの拡張(RAG)が 終わったかも知れない件について
nearme_tech
23
15k
"config" ってなんだ? / What is "config"?
okashoi
0
240
Amazon SQSコンシューマー疎結合への旅 - 出張! #DevelopersIO IT技術ブログの中の人が語る勉強会 #3
quiver
0
270
Featured
See All Featured
The Language of Interfaces
destraynor
151
23k
Done Done
chrislema
178
15k
Designing Experiences People Love
moore
136
23k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
2
3.4k
A Modern Web Designer's Workflow
chriscoyier
689
190k
The Invisible Customer
myddelton
114
12k
Stop Working from a Prison Cell
hatefulcrawdad
266
19k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
659
120k
Git: the NoSQL Database
bkeepers
PRO
422
63k
What’s in a name? Adding method to the madness
productmarketing
PRO
16
2.6k
Product Roadmaps are Hard
iamctodd
44
9.7k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
155
14k
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.