証明書・賞状HTMLを共有する方法

証明書・賞状をHTMLで発行する場面

オンライン講座の受講修了証、社内研修の認定証、コンテストの賞状など、誰かの達成を証明する書類は、HTMLとCSSで作るとデザイン性と発行のしやすさを両立できます。受け取り手の名前や日付を差し込んでページを作れば、その人専用の1枚になります。

印刷して額に入れたい人にも、ブラウザの印刷機能でPDF化してもらえば対応できます。郵送の手間を省きつつ、受け取り手の自由度を確保できるのが利点です。

証明書HTMLを共有URLにする手順

証明書には本人の氏名が載るため、共有URLを発行するだけでなく、本人だけが開けるよう認証をセットで設定することが大切です。手順は次のとおりです。

1. 受け取り手の名前や日付を反映した証明書のHTMLファイルを用意する
2. ギガサイト便のトップページにそのHTMLをドロップする
3. 発行された 〇〇.giga-site.com 形式の共有URLを確認する
4. 認証方式をメール認証（ワンタイムコード）などに設定する
5. 本人にURLまたはQRコードを送り、本人のメール宛にコードで認証してもらう

共有前チェックリスト

証明書・賞状HTMLを共有は、共有する中身によって確認観点が変わります。見た目、操作、個人情報、外部送信、スマホ表示のどれが重要かを先に決めてからURL化します。

チェックリスト化しておくと、毎回同じ品質で共有できます。手順が決まったら、HTML/ZIPをアップロードして共有URLを発行し、相手に確認してほしい観点と期限を添えて送ります。

• 見た目: PC/スマホ、余白、画像、フォント、折り返しを確認する
• 操作: ボタン、リンク、フォーム、遷移先を確認する
• 情報: 顧客名、社内URL、価格、未公開文言が残っていないか見る
• 共有: 認証、期限、差し替え、レビュー依頼文をセットで決める

ロゴや印章を含む賞状はZIPでまとめる

団体のロゴ、署名画像、装飾フレーム、Webフォントなどを使った賞状は、HTML単体だと画像が表示されないことがあります。HTMLとCSS/JS/画像をまとめてZIPにしてドロップすれば、相対パスを保ったまま公開でき、正式な見た目のまま受け取り手に届けられます。

公開URLはHTTPSが自動で付くので、証明書というあらたまった書類でも安心して開いてもらえます。CDNのエッジ配信で表示も速く、QRコードからの閲覧もスムーズです。

本人だけが開けるようにする認証

証明書には氏名や受講内容といった個人に紐づく情報が含まれます。一時公開ページにはnoindexが付いて検索結果には出ませんが、noindexはアクセス制御ではないため、URLが流出すれば誰でも開けてしまいます。本人以外に見せたくない場合は、必ず認証を併用してください。

認証方式はURLのみ、パスワード、メール認証（ワンタイムコード）、会社ドメイン認証から選べます。受け取り手のメールアドレスが分かっているなら、本人のメールにコードを送るメール認証が確実です。社内発行で全員が会社ドメインのメールを持つなら、会社ドメイン認証も使えます。

発行記録と差し替え、公開期限の管理

アクセスログを見れば、誰がいつ証明書を開いたかを記録として残せます。受け取り手が確かに受領したことの確認に役立ちます。記載内容に誤りが見つかっても、同じURLのままファイルを差し替えられるので、訂正版を送り直さずに修正できます。

ただし、証明書は長期にわたって参照したい場面もあります。短期の確認用途なら公開期限を設定して古いURLが残らないようにし（無料プランの公開期限は最長7日）、恒久的に保管したい場合は受け取り手にPDF化や保存を案内するなど、用途に応じて使い分けるとよいでしょう。