サイトのOGP画像を自動生成する
最近、個人の技術ブログをリニューアルしました（パンダのプログラミングブログ）。 リニューアルの際に、念願だった OG 画像の自動生成を実装してみたところ、意外と簡単にできたのでその方法を紹介します。 OGP画像とは何か OGP 画像の OGPとは Open Graph Protocol の略語で、ある URL のページをリッチなコンテンツで紹介できるというものです。 サイトのタイトルやページのコンテンツをイメージさせる画像などを meta タグを使って HTML に埋め込みページの内容を表現できます。 Twitter や Slack、Line で URL を貼り付けると URL とは別に表示される物がこれにあたります。サイトのページが増えるとページ一つ一つに OGP 画像を用意することは手間がかかります。そこでこの記事では、OGP 画像を自動生成する方法を紹介します。 OGP 画像の作成方
レシピページのOGP画像を動的に生成する - クックパッド開発者ブログ
こんにちは、クックパッドでエンジニアをやっている @morishin です。入社してわりと長い間 iOS アプリやそのバックエンドの開発を中心にやってきましたが、最近は専らウェブフロントエンドとその基盤をいい感じにするというのをやっています。先日クックパッドウェブサイトのレシピページの OGP 画像を素敵に刷新したのでそのお話をしたいと思います。 ※ ここで OGP 画像と呼んでいるのは Open Graph Protocol で定義されている og:image プロパティに指定する画像のことです。 ※ OGP 画像と呼んでいますが厳密には今回変更したのは Twitter Card (twitter:image) 用の画像のみなので、その他の SNS に表示される画像 (og:image) は変わっていません。 できたもの これまではレシピ作者さんがアップロードされた料理写真を単にクロップ
AmaQuick 公式ページ | Creazy!
価格の取得 version 1.0.1 より価格の取得が可能になりました。 ※Amazonの価格は変動が激しいため、取得日時も表示するよう強くオススメします。 ${formatted_price}（${yyyy}/${mm}/${dd} ${hh}:${mi}時点の価格） version 1.0.4 より新品の価格が取得できない場合、中古品＞コレクター商品＞再生品の優先度で最安価格を取得するようになりました。 レビュー・評価の取得 version 2.0.0 よりAPIでは取得できない★やレビュー数が取得できるようになりました。こちらも時間に寄って変化する値ですので取得日時も表示するようにしてください。 楽天アフィリエイト用URLの取得 version 3.0.0 より楽天市場での購入リンクが使用できるようになりました。 ※利用には楽天アフィリエイトへの加入が必要です。 ■楽天アフィリエイ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
