読者です 読者をやめる 読者になる 読者になる

望月いちろうのREADME.md

書き溜めておいた技術記事や旅行記のバックアップです。

amp-iframe | AMPでiframeを利用する

AMPでは通常のiframeタグが禁止されており、代わりにこのamp-iframeを使用することが必須です。 広告の表示にはamp-adを使用して、amp-iframeは使用しないようにしてください。

amp-sticky-ad | AMPで画面下部に追尾広告を配置する

AMPでスマホ用の追尾広告を表示するための専用タグです。追尾広告はスマートフォンの画面下部に配置され、スクロールの位置に関わらず。画面の同じ位置に配置されます。

amp-audio | AMPで音声ファイルを扱う

amp-audio | AMPで音声ファイルを扱う

コマンドラインでHTMLファイルを整形 | htmlを使う

JavaScriptでHTMLを整形する HTMLファイルを綺麗に整理したい、でも大きなサイズのHTMLファイルを手作業で整形するのは非常に馬鹿らしいことですね。 JavaScript(Node.js)では、コマンドライン一発でJavaScriptを整形するパッケージが存在します。 使い方 np…

amp-youtube | AMPにYouTubeの埋め込みを挿入する

AMPでYouTubeの埋め込みを表示するための専用タグです。 AMPでJavaScriptやiframeが禁止されているために特別に用意されています。 (adsbygoogle = window.adsbygoogle || []).push({}); 特徴 専用のJavaScriptを読み込む必要がある サイズを指定する必要が…

amp-social-share | AMPにSNSのシェアボタンを挿入する

AMPにSNSのシェアボタンを表示するための専用タグです。 AMPでJavaScriptやiframeが禁止されているために特別に用意されています。

amp-video | AMPでページに動画を埋め込む

AMPでは直接videoタグを使用することはできません。 代わりにamp-videoタグを利用します。 注意すべき点は1つ amp-videoでは必ず画像の幅と高さを指定する必要がある。 HTMLでのvideoタグは以下のように動画のURLを指定するだけでOKでしたよね。 <video src="https://hoge.com/sample.mp4"></video> amp-video…

amp-facebook | AMPにFacebookの埋め込みを挿入する

AMPでFacebookの埋め込みを表示するための専用タグです。

amp-twitter | AMPにTwitterの埋め込みを挿入する

AMPでTwitterの埋め込みを表示するための専用タグです。 AMPでJavaScriptやiframeが禁止されているために特別に用意されています。 特徴 専用のJavaScriptを読み込む必要がある サイズを指定する必要がある。 ツィートの固有IDを入れる必要がある 専用のJava…

amp-ad | AMPで広告を表示する

amp-ad AMPで広告を表示するための専用タグです。 AMPでJavaScriptやiframeが禁止されているために特別に用意されています。 特徴 専用のJavaScriptを読み込む必要がある サイズを指定する必要がある。 各広告ネットワークで指定されたデータを追記する必要…

amp-img | AMPで画像を表示する - AMPのHTMLタグについて

AMPでは直接imgタグを使用することはできません。

AMPでのHTMLタグの制限について

制約の多いAMP 通常のHTMLと異なりAMPでのHTMLタグの利用は多くの制約があります。 以下はいつも通りに使えるHTMLタグの一覧です。 そのまま利用できる HTMLタグ span div section h1 h2 h3 h4 h5 h6 p blockquote a meta svg button link form など 但し、…

テンプレート付き - AMPの対応方法について

AMPについての概要はこちら

AMPとは? - 対応の方法を解説

ブラウザのフォームの入力値を一時的に保存したいとき - WebStorageを利用する

こんにちは望月です 現在、簡単なCMSを自作しています。それは昔からあるWordPressなどのオープンソースCMSに持っている不満を解消したいと思っているからです。 まず最初に不満に思っているのは、文章を作成途中にブラウザがクラッシュしてしまうと、文章が…