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
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
Webサーバーサイド言語としてのRustについて
kouyuume
1
4.9k
Pythonに漸進的に型をつける
nealle
1
120
TransformerからMCPまで(現代AIを理解するための羅針盤)
mickey_kubo
7
5.1k
AIと人間の共創開発!OSSで試行錯誤した開発スタイル
mae616
2
800
NixOS + Kubernetesで構築する自宅サーバーのすべて
ichi_h3
0
1.2k
Cursorハンズオン実践!
eltociear
2
1.2k
GC25 Recap: The Code You Reviewed is Not the Code You Built / #newt_gophercon_tour
mazrean
0
110
When Dependencies Fail: Building Antifragile Applications in a Fragile World
selcukusta
0
110
チームの境界をブチ抜いていけ
tokai235
0
220
ALL CODE BASE ARE BELONG TO STUDY
uzulla
27
6.7k
技術的負債の正体を知って向き合う
irof
0
240
オープンソースソフトウェアへの解像度🔬
utam0k
17
3.1k
Featured
See All Featured
Bash Introduction
62gerente
615
210k
What's in a price? How to price your products and services
michaelherold
246
12k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
667
130k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
34
2.5k
Java REST API Framework Comparison - PWX 2021
mraible
34
8.9k
Building Adaptive Systems
keathley
44
2.8k
The World Runs on Bad Software
bkeepers
PRO
72
11k
Designing Experiences People Love
moore
142
24k
Mobile First: as difficult as doing things right
swwweet
225
10k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
116
20k
Statistics for Hackers
jakevdp
799
220k
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.5k
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.