AMP

AMPサイト制作に便利で役立つツールのまとめです Google Search Console「AMPテスト」 「AMPテスト」はSEOの要であるGoogle Search Consoleの機能としても使われているAMPチェックツール Goo ...

AMPコンポーネントのamp-youtubeを利用してAMPページ内でYouTube動画の埋め込み表示を実装するサンプルコードです See the Pen AMP-YouTube by yochans (@yochans) on CodeP ...

AMPコンポーネントのamp-carouselを利用してカルーセルスライダーを実装するサンプルコードです See the Pen AMP-Accordion by yochans (@yochans) on CodePen. amp-car ...

AMPコンポーネントのamp-carouselを利用してカルーセルスライダーを実装するサンプルコードです See the Pen AMP-Carousel by yochans (@yochans) on CodePen. amp-caro ...

AMPコンポーネントのamp-selectorを利用してタブメニューでの表示切り替えを実装するサンプルコードです See the Pen AMP-Selector by yochans (@yochans) on CodePen. amp- ...

AMPはモバイル専用という訳ではなく、PCやタブレット用のページもAMP構成で作成可能で、AMP広告（amp-ad）もまたモバイル以外の表示にも対応しています AMP広告を画面幅で振り分けて表示する方法 AMP広告タグ内にてCSSのmedi ...

AMP広告に使われる主なlayoutの種類一覧 AMP広告を設置する際に迷ってしまうlayoutと横幅、高さの設定 AMPの要素デザイン用のlayoutの種類は多いですが、AMP広告に使われるlayoutにはどんな種類があるのか一覧にしてみ ...

AMP-FormでのPOST送信する際、action-xhrではなく通常のHTMLフォーム同様にactionでページ移動（ページ遷移）させたい場合があります 主に、パスワードなどのURLに含めたくない情報の送信やテキストエリアを用いたデータ ...

AMP-FormでのPOST送信はGET送信とは違い通常のHTML記述では動かず、AMP Formコンポーネントを使った機能が多くあります AMP Formコンポーネントを読み込む AMPページでフォームを利用する時は、AMP Formコン ...

簡単に使おうと思ってもAMP-FormでのPOST送信はちょっとややこしいですが、GET送信は通常のWEBページと同じ感じで使えます AMP Formコンポーネントを読み込む AMPページでフォームを利用する時は、単純なGET送信であっても ...

AMPテストツール AMPサイト作成時は、AMPページが有効か確かめる為にgoogleのAMPテス またブラウザのデロペッパーツールも確認作業で重要になってきます AMPページに最低限必要なサンプルコード AMPページに最低限必要なサンプル ...