Googleフォトのアルバムから埋め込みコードを生成するツールを作った【ブログに便利】
こんにちは、イズミです。 今回は、Googleフォトのアルバム共有リンクから、アルバムに含まれる画像の埋め込み用タグを一気に生成するツールを作成しました。 リンク：Google Photos Embed Link Generator この記事には、このツールの使い方と、作成時に参考にしたことなどを残しておきます。 Googleフォトから埋め込みコードを生成したい理由 このブログでは、ブログ記事の管理に Contentful を使用しています。 Contentfulは、 無料プランの場合に保存できるレコード数が5000まで という制限があります。 ※レコード数は、記事などの"エントリー数"と、アップロードした画像などの"アセット数"の合計 そこで本ブログではレコード数を節約するため、 画像サーバーとしてGoogleフォト を使用しています。 （過去記事：ブログの画像サーバとしてGoogleフ
Google Photo の埋め込みコードを生成してウェブサイトに貼り付ける方法 - 創作とWordPressの小技
Google photo 埋め込みコードを生成 Google Photos をウェブサイトに埋め込むには、CTRLQ.org の埋め込みコード生成ツールを利用します。 無料です。 https://ctrlq.org/google/photos/ 1) Google Photos で共有リンクを取得する。 埋め込みたい写真を選択し、共有リンクをコピーします。 2）CTRLQ.org の埋め込みコードを生成する PASTE GOOGLE PHOTOS LINK HERE... に共有リンクを貼り付け、GENERATE CODEをクリックします。 3) 埋め込みコードをコピー クリックしたら、ページ下方にジャンプし、GOOGLE PHOTOS EMBED CODE の Image Embed Code をコピーします。 表示したい場所にコードを貼り付ける 表示したい場所に埋め込みコードを貼り付け
HTML5に対応したYouTube動画の新しい埋め込み方法
HTML5に対応したYouTube動画の新しい埋め込み方法 YouTubeでは従来の<embed>タグによる動画の埋め込み方法の他に、<iframe>での埋め込みが利用できることを発表しました。 さて、一般のPC以外からの動画再生はFlashが対応していないため視聴できない、という問題がありましたが、昨今HTML5の登場によってプラグイン無しで再生することができる環境になってきました。 そこで、今回の新しい埋め込み方法では、ユーザーの環境に合わせてFlashプラグインが対応していれば従来の方式で、そうでなければHTML5方式で自動的に埋め込み内容を切り替えてくれるようになっています。 埋め込みコードは以下のような感じで、従来よりもむしろスッキリしてます。 <iframe class="youtube-player" type="text/html" width="640" height="
Google カレンダーの予定リマインダ ボタンの作成手順 － Google カレンダー
インタラクティブなカレンダーをウェブサイトに追加したり、ウェブサイトの訪問者がカレンダーの予定を保存するためのボタンを追加したりできます。 カレンダーをウェブサイトに埋め込む パソコンで Google カレンダーを開きます。ウェブサイトに埋め込むコードはパソコンでのみ生成できます。Google カレンダー アプリでは生成できません。 右上にある設定アイコン [設定] の順にクリックします。 画面左側で、埋め込むカレンダーの名前をクリックします。 [カレンダーの統合] セクションに表示されている iframe コードをコピーします。 埋め込みコードの下で、[カスタマイズ] をクリックします。 設定をカスタマイズしてから、表示されている HTML コードをコピーします。 埋め込んだカレンダーは、そのカレンダーを共有しているユーザーにのみ表示されます。すべての訪問者がカレンダーを閲覧できるよ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
