「AMP」について一夜漬けで学びたいときに参考になる記事を自分なりにまとめてみた。9記事＋α

ブログ

2017.02.132023.03.14

最近というか昨年あたりからWEB界隈でチラホラと目にしたり耳にしたりすることが増えてきた言葉に「AMP」というものがあります。AMPと書いて「アンプ」と読みます。ちなみに「AMP（アンプ）」というとギターに接続する機器を思い出したり一昔前のサイレントメビウスという漫画を思い出したりする人もいるかもしれませんが、今回紹介するAMPはこの二つとは全く関係ありません。

今回紹介するAMPの正式名称は「Accelerated Mobile Pages」なので英語がわからないなりに雰囲気で訳してみると「モバイルページを加速する？」的なもののようです。

要するにAMPとは？
AMPの仕組み（なぜ高速表示されるのか？）
AMPに関する参考記事リンク
AMPとWordPerssを学べる書籍

要するにAMPとは？

AMPをシンプルに一言で表現してみると「スマホなどのモバイル端末でWebページを高速に表示させる」というものになるのですが、このAMPは海の物とも山の物ともつかない得体の知れないものではなくGoogleとTwitterが共同でオープンソースプロジェクトとして立ち上げたものなので今後確実に一般化されつつ普及してくだろうことが確実なものだったりします。ちなみにこのAMPという言葉はプロジェクト名やフレームワーク名を指している場合もあります。

AMPの仕組み（なぜ高速表示されるのか？）

AMPの仕組みは、

① AMP HTML

② AMP JS

③ AMP CDN（Google AMP Cache）

という三つの要素から構成されているのですが、要するに「AMP HTMLという高速表示するためにいろいろと制約が設けられたAMP仕様のHTML」でページを制作してJavaScriptは「AMP JS」だけを利用することでデータ量を削減しつつ「Google AMP Cache」でページをキャッシュすることでWebページを高速で表示することが可能になるわけです。