[B! amp] magotoraのブックマーク

magotora id:magotora

ampに関するmagotoraのブックマーク (3)

ついに始まった、Google AMP（Accelerated Mobile Pages）を試してみよう！
対象読者 Webサイト開発者および運営者はじめに AMPとは？ AMP（Accelerated Mobile Pages）は、モバイルページ高速化によるユーザー体験の向上を目的として、2015年にGoogleが発表したプロジェクトです。 Twitter、Pinterest、WordPress.com、LinkedInや、BBC、産経デジタルなどのパブリッシャーがAMPのパートナーに参加。2016年2月から、Google検索結果での表示が開始されました。具体的には下記で解説するような「AMP HTML」などが新たに策定されています。基本構成 AMPは「AMP HTML」「AMP JS」「Google AMP Cache」で構成されています。 AMP HTML：既存のHTML／CSS／JavaScriptの一部を制限することで、高いパフォーマンスを実現します。 AMP JS：高速レンダリ
magotora 2016/07/07
amp
リンク
AMPページでサイドバーやアコーディオン、ソーシャルボタンの利用が可能に
[レベル: 上級] AMPプロジェクトは、AMPページのなかでサイドバーやアコーディオン型UI、ソーシャルシェアを使える拡張機能を公開しました。拡張機能公開の背景高速化を徹底的に実現するためにAMPコンテンツは基本的に、「閲覧するだけ」の機能しか持ちません。なかったとしてもコンテンツの閲覧に大きな支障を与えない要素を極限までそぎ落としています。しかしたとえ速かったとしても、便利な機能が欠けている状態は逆にユーザー体験を低下させてしまうこともあります。そこで、AMPプロジェクトはいくつかの拡張機能を公開しました。今回公開した拡張機能は次の4つです。サイドバーアコーディオンソーシャルシェアダイナミックCSS AMPページにサイドバーを設置することができます。コンテンツの閲覧を妨げないように普段は隠れていて、タップすると横から出現します。もう一度タップすると隠れます。こ
magotora 2016/06/30
amp
リンク
AMP （Accelerated Mobile Pages）バリデータの Web 版が公開される
AMP HTML の文法が妥当かを検証するバリデータに Web 版が新たに追加されました。AMP の URL を入力、またはソースコードを貼り付けることで、その AMP が文法的に妥当かを簡単にチェックすることができます。 AMP （Accelerated Mobile Pages）の文法が妥当かを検証（バリデーション）する機能としては、#development=1 を付与した上で開発者ツールによる検証を行う機能が当初から AMP フレームワークの標準機能として提供されていましたが（参考記事）、もっと簡単にバリデーションを行うため、Chorme 拡張が今月に入ってリリースされています。 A Chrome extension to help validate your AMP pages ： Accelerated Mobile Pages Project 今回は、この AMP バリ
magotora 2016/06/23
AMP

#ウェブ

validation

表示
リンク
1