IT

お寺のサイトに動画を載せたいとき、最初は動画ファイルをそのままサーバーに置いていました。 でも 200MB の動画が数本あると、あっという間にリポジトリが肥大化してしまいます。 そこで「動画は YouTube に限定公開でアップロードして、記事には iframe を埋め込む」という仕組みを作りました。 Claude Code に動画のパスを渡すだけで、アップロード→動画ID取得→iframe生成まで自動でやってくれます。 完成形のイメージ # Claude Code に依頼 /post-website → 投稿先と内容を入力 → 動画ファイルのパスを渡す → 自動で YouTube にアップロード（限定公開） → 動画IDを取得して記事に iframe を埋め込む → git push して本番反映 記事に埋め込まれる HTML はこんな感じです。 <div style="position:relative;padding-top:56.25%;"> <iframe src="https://www.youtube-nocookie.com/embed/XXXXXXXXX" style="position:absolute;top:0;left:0;width:100%;height:100%;border-radius:8px;" allowfullscreen> </iframe> </div> youtube-nocookie.com を使うことで、Cookie 同意バナーが不要になります（後述）。 必要なもの Google アカウント（YouTube チャンネルがあること） Python 3 curl コマンド（macOS は標準で入っています） Hugo で作った静的サイト Step 1: Google Cloud Console でプロジェクトを作る Google Cloud Console を開きます。 1-1. 新しいプロジェクトを作成 画面上部のプロジェクト名をクリック → 「新しいプロジェクト」→ 任意の名前を入力して作成します。 ...

先日、当山のホームページをリニューアルいたしました。 今回は「具体的にどう変わったのか」を、少し技術的な視点も交えてご紹介します。 これまでの仕組み 以前のホームページは、世界中で広く使われている「WordPress」という仕組みで運営していました。 長らくソフトウェアの更新が追いつかず、暗号化通信(HTTPS)がうまく機能しない状態が続いていました。 新しい仕組み: Hugo + Cloudflare 今回のリニューアルでは、「Hugo」という仕組みを使い、ホームページを土台から作り直しました。 Hugoは、記事の文章をあらかじめ整理されたページの形に変換しておく仕組みです。 WordPressのように表示のたびにデータベースへ問い合わせる必要がないため、表示がとても速くなりました。 また、入力フォームやログイン画面のような、悪意のある攻撃の入り口になりやすい部分自体が存在しないという特徴もあります。 公開には「Cloudflare」という仕組みを利用しています。 世界中に配置されたサーバーから配信されるため、どこからアクセスいただいても速やかに表示され、暗号化通信(HTTPS)にも標準で対応しています。 引っ越しの内容 以前のブログ記事116件をすべてそのまま新しいサイトに移行し、過去の記録として残しています 「安穏だより」のバックナンバーも、号ごとに見やすく整理して掲載しました お問い合わせフォームを新設しました スマートフォンでも読みやすいデザインにしました サイトを更新するたびに、更新履歴のページにも記録が残るようにしています。 どんな更新をしてきたか、よろしければのぞいてみてください。 今後について ドメイン(misato-enpukuji.org)は変わっておりませんので、これまで通りアクセスいただけます。 今回新しくした仕組みにより、行事のご案内や日々のちょっとした出来事も、これまでより気軽に更新していけるようになりました。 これからもどうぞよろしくお願いいたします。 参考サイト Hugo(公式サイト) Cloudflare(公式サイト)