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」を試してみた
Search
Kazuyoshi Goto
February 27, 2017
Technology
0
150
モバイル表示を超速にする「AMP」を試してみた
TOWNビアバッシュ 2017/2 公開
※Speaker Deckにアップしたら何か画像が一部おかしいけど気にしない
Kazuyoshi Goto
February 27, 2017
Tweet
Share
More Decks by Kazuyoshi Goto
See All by Kazuyoshi Goto
成功体験を伝えよう。
kazuyoshigoto
0
73
エンジニアも知れば幸せなCSS基礎
kazuyoshigoto
1
95
エンジニアこそ知っておきたいUX思考
kazuyoshigoto
1
610
Twitchと連動したMastodonのBotを作った
kazuyoshigoto
0
240
スマホのセンサーをJavaScriptで遊ぶ
kazuyoshigoto
0
420
ノンエンジニアのMastodon手探り構築記
kazuyoshigoto
0
100
Uploaded Webレイアウトの歴史と新時代「Grid」
kazuyoshigoto
0
130
InstagramとWordPressを軸に越境サイトを作った話
kazuyoshigoto
0
140
PSVR未だ買えないのでついカッとなって作ることを続けた話
kazuyoshigoto
1
200
Other Decks in Technology
See All in Technology
Language Update: Java
skrb
1
160
実践アプリケーション設計 ①データモデルとドメインモデル
recruitengineers
PRO
5
1.4k
役割は変わっても、変わらないもの 〜スクラムマスターからEMへの転身で学んだ信頼構築の本質〜 / How to build trust
shinop
0
150
大「個人開発サービス」時代に僕たちはどう生きるか
sotarok
3
420
Automating Web Accessibility Testing with AI Agents
maminami373
0
250
ZOZOマッチのアーキテクチャと技術構成
zozotech
PRO
2
1.1k
おやつは300円まで!の最適化を模索してみた
techtekt
PRO
0
250
AIエージェントの活用に重要な「MCP (Model Context Protocol)」とは何か
masayamoriofficial
0
250
実践データベース設計 ①データベース設計概論
recruitengineers
PRO
4
2k
【5分でわかる】セーフィー エンジニア向け会社紹介
safie_recruit
0
30k
ヘブンバーンズレッドのレンダリングパイプライン刷新
gree_tech
PRO
0
430
MCPで変わる Amebaデザインシステム「Spindle」の開発
spindle
PRO
2
1.9k
Featured
See All Featured
The Cost Of JavaScript in 2023
addyosmani
53
8.9k
Raft: Consensus for Rubyists
vanstee
140
7.1k
Faster Mobile Websites
deanohume
309
31k
Automating Front-end Workflow
addyosmani
1370
200k
Reflections from 52 weeks, 52 projects
jeffersonlam
351
21k
Practical Orchestrator
shlominoach
190
11k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
49
3k
How to Think Like a Performance Engineer
csswizardry
26
1.9k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
656
61k
Being A Developer After 40
akosma
90
590k
Designing Experiences People Love
moore
142
24k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
358
30k
Transcript
ϞόΠϧදࣔΛʹ͢Δ ʮ".1ʯΛࢼͯ͠Έͨɻ ޙ౻ྑ
ࣗݾհ ޙ౻ྑ ΫϦΤΠςΟϒຊ෦$* ,B[VZPTIJ(PUP
ۙگ
/JOUFOEP4XJUDIͷମݧձʹߦ͖·ͨ͠ɻ ͪΖΜຊମ༧ࡁΈɻ
࠷ۙͷήʔϜ -&5*5%*&͕ώοτ
झຯͰ$POP)Bʹ,VTBOBHJͰ*OTUBHSBN࿈ܞͳ αΠτ্ཱ࣮ͪ͛ͯݧͯ͠·͢ɻ
ຊ
ʮ".1ʯͱʁ
͓ख࣋ͪͷεϚϗͰ ࢼ͠ʹʮτϥϯϓʯͱ άάο͍ͯͩ͘͞ɻ
ݕࡧ݁Ռʹʮ".1ʯͱग़ͯ͘Δͷ͕͋Γ·͢ɻ ͙͢։͚·͢ΑͶʁ
".1 "DDFMFSBUFE.PCJMF1BHFT (PPHMF͕ਐΊ͍ͯΔ ϞόΠϧදࣔߴԽͷ ϓϩδΣΫτɻ
Αͬ͠Όࢼͨ͠Ζʂ
".1ͷద༻ํ๏
".1ͷϥΠϒϥϦΛಡΈࠐΈɺ ಛఆͷॻࣜͰ)5.-Λॻ͘ EPDUZQFIUNM IUNMBNQ IFBE NFUBDIBSTFUVUG MJOLSFMDBOPOJDBMISFG\1$ϖʔδͷ63-^ TUZMFBNQCPJMFSQMBUFCPEZ\d^^TUZMF OPTDSJQU TUZMFBNQCPJMFSQMBUFCPEZ\d^TUZMF
OPTDSJQU TDSJQUBTZODTSDIUUQTDEOBNQQSPKFDUPSHWKTTDSJQU IFBE
ਖ਼͘͠هड़͢Ε(PPHMF͕ Ωϟογϡͯ͘͠ΕΔɻ (PPHMFυϝΠϯԼ ʹΩϟογϡ͞ΕΔʂ
Ұݟ؆୯͚ͩΕͲʜ
ૣͷ݁ ࣗͷ8PSE1SFTTαΠτʹࢼͨ͠ͱ͜Ζ
σϝϦοτͷ߹ɺ αΠτͷେ෯ͳ࠶ߏங͕ ආ͚ΒΕͳ͍ɻ
ίʔυϨϕϧͷͰͳ͘ Ϣʔβʔಋઢͷ࠶ߏɻ
σϝϦοτ w ".1ઐ༻ͷ)5.-هड़มߋ͕ඞཁ w +BWB4DSJQU͕͑ͳ͍ w ֎෦$44ΛಡΈࠐΊͳ͍ w ϑΥʔϜύʔπ͕͑ͳ͍ w
".1ઐ༻ͷ6*͕ࣗಈͰૠೖ͞ΕΔ
)5.-վमͷҰ෦ྫ IUNM IUNMBNQʹมߋ JNH BNQJNHʹมߋ TDSJQU ".1ϥΠϒϥϦΛಡΉ࣌Ҏ֎ར༻ෆՄ GPSN JOQVU UFYUBSFB
TFMFDU PQUJPO ϑΥʔϜύʔπҰར༻ෆՄ
Ͱ͖Δ͜ͱ w ϦϯΫ w ը૾දࣔ w ΠϯϥΠϯ$44 w :PVUVCFషΕΔ
੩తαΠτ͚ͩʹ ద༻Մೳɻ
ϝϦοτ͋Δͷʁ
".1ରԠͯ͠ใੑɾ༗ӹੑ͕͋Ε ಛผͳͰදࣔ͞ΕΔɻ
(PPHMFʹίϯςϯπ͕Ωϟογϡ͞Εɺ Ͱදࣔ͞ΕΔ
Ϣʔβʔମݧͷ্ͷΈ͕తͰɺ αΠτӡӦऀ࠶ฤ͕ඞཁɻ
ଞॴͲ͏ͬͯΔͷʁ
".1ઐ༻ϖʔδΛैདྷͷϖʔδͱผʹ࡞͍ͬͯΔɻ ே৽ฉ XXXBTBIJDPNBNQBSUJDMFTdIUNM ౦༸ܦࡁ UPZPLFJ[BJOFUBSUJDMFTBNQd ϩΠλʔ KQNPCJMFSFVUFSTDPNBSUJDMFBNQd
ϨεϙϯγϒͷΑ͏ʹ 1$αΠτͱಉҰιʔεͰ ରԠͰ͖ͳ͍͔ʁ
ରԠ͢ΔҊ w ϖʔδͷΈରԠ͢Δ +BWB4DSJQU֎͠ɺ$44IFBEʹϕλॻ͖ w ղੳJNHຒࠐΈܕ w ίϝϯτཝͳͲ෧͡Δ w ͍͍ͶϘλϯͳͲ෧͡Δ
͏ʙΜʜ
݁
ࣦ͏ͷͱίετ͕ଟ͍ͷͰ ͚ͨ΄͏͕҆શָ͔ͭɻ ʢࠓʣ
".1ϖʔδ ೖΓޱͱߟ͑Δɻ
͜ͷ݁ͳΒ 8PSE1SFTTָɻ
".1ରԠϓϥάΠϯ͕͋Δɻ
63-ඌʹʮBNQʯͰࣗಈੜ͞ΕΔɻ ैདྷͷϖʔδʹԿӨڹͳ͠ɻ
·ͱΊ
w ".1ϞόΠϧ69ͷ্͕త w ".1੩తϖʔδͷΈʹ͑Δ w ݱঢ়ɺ͙͢Εྑ͍ͱஅݴͰ͖ͳ͍
͝੩ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ɻ