「プログラミング」カテゴリーアーカイブ

【Azure Logic Apps】Blob Storageへの保存を検出するなら「Azure Blob Storage」より「Azure Event Grid」トリガーが便利

このブログのデータは、毎日深夜にバックアップを取得してBlob Storageにアップロードしており、そのタイミングでAzure Logic AppsでSlackとGoogle Chatに通知されるようにしています。

で、いままでは「Azure Blob Storage」トリガーを使っていたのですが、

このトリガーは「項目を確認する頻度」を指定する必要があります。頻度を多く（間隔を短く）すると、その分課金も多くかかりますし、何より少しかっこ悪いです。

「Azure Event Grid」トリガーを使うと、Blob Storageに書き込みが発生したことをイベントとして、Azure Logic Appsを起動させられます。

基本的にはAzure Event Gridの部品を追加して、対象のBlob Storageを指定する。注意点として「サブスクリプション」-「リソースプロバイダー」で「Microsoft.EventGrid」を登録しないとEvent Gridが使えません。これで結構はまりました。

以上、個人的なメモ書きでした……。

Twitter/Facebook共有時のカード表示を整えてみた

TwitterやFacebookを見ていると、引用されているWebページの内容がカード状に表示されることがあります。例えばTwitterならばこんな感じ。

この表示は、WordPressにインストールしているJetpackが「Jetpack Open Graph Tags」と呼ばれる<meta>タグをページに挿入することで実現されています。今までも記事本体に画像があるときはその画像がカードに表示されていたのですが、記事に画像がない時は白い画像が表示されてしまい、今一つ見栄えが良くありませんでした。

そこで、以下記事を参考にしてJetpackの動作をカスタマイズしてみました。

How to add a default fallback image if no image can be found in a post

具体的には、function.phpに以下内容を追加しました。bari-ikutsu_icon_ogp.pngは、200x200pxのロゴアイコン画像です。

function custom_jetpack_default_image() {
	return get_template_directory_uri().'/images/bari-ikutsu_icon_ogp.png';
}
add_filter( 'jetpack_open_graph_image_default', 'custom_jetpack_default_image' );

この追加により、画像のない記事をFacebookやTwitterで共有した時に、冒頭で紹介したようなロゴアイコン画像を表示できます。

この記事自体は冒頭に画像があるため、その画像が表示されるように思いますが、さてどうでしょうか。

Bootstrap 5正式版リリース

人気のCSSフレームワークBootstrapがメジャーバージョンアップして「Bootstrap 5」となりました。Bootstrap 5を紹介している公式ブログ記事はこちら。日本語記事だとPublickeyがわかりやすくまとめています。

当ブログではスマホ用テーマで長らくBootstrapを使っており、最近になってBootstrap 3から4に更新したばかりでした。というわけで、さっそくスマホ用テーマをBootstrap 5に更新してみました。自分の範囲では、コメント入力用のcollapseが動かなくなりましたが、「data-toggle」を「data-bs-toggle」に直したら動くようになりました。前回Bootstrap 3から4に更新した時よりも手間は少ないかも。

ほかにも見えない不具合はあるかもしれませんが、ひとまず様子を見ていきます。スマホ用テーマで経験を積んで、実戦でも使えるようにしておかねば。