メール署名におけるHTML設計と互換性
ビジネスメールにおいて、整ったメール署名は送信者の信頼性を高め、ブランドの統一感を維持するために重要な役割を果たします。しかし、受信者が使用するメールクライアント（Gmail、Outlook、Apple Mailなど）は多種多様であり、それぞれHTMLのレンダリング仕様が異なります。複雑なCSSやJavaScript、外部スタイルシートを用いた設計は、多くのメールアプリで崩れや非表示の原因となります。
本ツールが生成するHTML署名は、互換性を最優先に設計されています。レイアウトには最大幅を520px（max-width:520px）に制限したプレゼンテーション用のtable要素を使用し、構造はtr、td、strong、span、a、およびインラインスタイルのみで構成されています。script、style、image、form、class、イベントハンドラーといった、セキュリティや互換性のリスクとなる要素は一切排除されています。これにより、様々な受信環境においてレイアウトが崩れるリスクを最小限に抑え、テキストベースのシンプルで実用的な署名を提供します。
入力項目と文字数制限
署名を作成する際は、以下の項目を入力します。必須項目は氏名のみであり、その他の項目は任意で、空欄のまま生成した場合は署名から自動的に除外されます。
- 氏名（必須）: 受信者に表示したい正確な名前を入力します。最大160文字まで入力可能です。
- 役職（任意）: 組織内での役割や肩書を入力します。最大160文字まで入力可能です。
- 電話番号（任意）: 最大80文字まで入力可能です。
- メールアドレス（任意）: 最大254文字まで入力可能です。
- ウェブサイト（任意）: 組織や個人のサイトURLを入力します。各URLは最大300文字までです。
- プロフィールリンク（任意）: 公開ポートフォリオや仕事用プロフィールなどのURLを入力します。各URLは最大300文字までです。
生成されるHTML全体の文字数は、メールシステムでの安全な処理を考慮し、10,000文字未満に制限されています。
リンク生成の技術仕様と検証ルール
入力されたデータは、安全かつ機能的なリンクとして機能するように自動的に処理されます。
- 電話番号のリンク化: 電話番号の先頭に
+と国番号を付与して入力すると、HTML側でtel:スキームを用いたクリック可能なリンクが生成されます。 - URLの自動補完: ウェブサイトの入力時に
https://を省略した場合、ツールが自動的にhttps://を補完してリンクを作成します。 - 安全性の検証: 入力されたURLにユーザー名やパスワードなどの認証情報が含まれている場合や、サポートされていないプロトコル（
http://またはhttps://以外）が使用されている場合はエラーとなります。また、国際化ドメイン名はhref属性内で適切に正規化され、メールアドレスはパーセントエンコーディングされたmailto:リンクに変換されます。 - エスケープ処理: 悪意のあるコードの挿入を防ぐため、ユーザーが入力したテキストおよびリンク属性はすべて適切にエスケープ処理されます。
なお、本ツールは入力された項目の形式、安全なリンク形式、および生成されたHTMLの構造のみを検証します。入力された連絡先が実際に存在するかどうか、あるいはドメインの所有権やアクセス権があるかといった実在性の確認は行いません。
エラーメッセージとステータス表示
入力内容に不備がある場合、ツールは以下のエラーメッセージを表示して修正を促します。
- 氏名が未入力の場合:
氏名を入力してください。 - 氏名が制限を超過した場合:
氏名は‹max›文字以内にしてください。 - 役職が制限を超過した場合:
役職は‹max›文字以内にしてください。 - 電話番号の形式が不正な場合:
数字と電話番号で一般的な記号を使い、必要に応じて内線番号を追加してください。 - 電話番号が制限を超過した場合:
電話番号は‹max›文字以内にしてください。 - メールアドレスの形式が不正な場合:
正しい形式のメールアドレスを1件入力してください。 - メールアドレスが制限を超過した場合:
メールアドレスは‹max›文字以内にしてください。 - URLの形式が不正な場合:
有効なウェブサイトまたはプロフィールのアドレスを入力してください。 - URLのプロトコルが未対応の場合:
http://またはhttps://のリンクを使用してください。 - URLに認証情報が含まれる場合:
このリンクからユーザー名とパスワードを削除してください。 - URLが長すぎる場合:
メール署名に安全に収まる長さまでリンクを短くしてください。 - 制御文字や改行が含まれる場合:
この項目から制御文字や意図しない改行を削除してください。
入力エラーが存在する状態で生成を試みると、生成する前に、強調表示された項目を修正してください。 と表示されます。正常に処理が完了すると、ステータスバーに メール署名を生成しました。 と表示され、文字数（HTML ‹count›文字）やリンク数（クリック可能なリンク‹count›件）の統計情報が確認できます。
プライバシーとデータ処理
本ツールに入力された氏名、役職、電話番号、メールアドレス、各種URLなどの個人情報および連絡先データは、すべて利用者のウェブブラウザ上でのみ処理されます。BroBroGoがこれらのデータを外部サーバーにアップロードしたり、保存したりすることは一切ありません。
よくある質問
どのメールアプリでも署名は同じように表示されますか？
いいえ。一般的なメールアプリで読みやすく表示されるよう設計されていますが、Gmail、Outlook、Apple Mail、企業のゲートウェイによって、余白、フォント、色、リンクが変更されることがあります。公開する前に、使用するアプリからテストメールを送って確認してください。
必須項目はどれですか？
必須なのは氏名だけです。役職、電話番号、メールアドレス、ウェブサイト、プロフィールリンクは任意で、空の項目は省かれます。クリック可能な電話リンクにするには、+から始まる国際電話番号を使用してください。
HTMLをメールアプリに追加するにはどうすればよいですか？
生成したHTMLをコピーし、メールアプリのHTML署名追加手順に従ってください。エディターによってはソースコードではなく表示済みの内容を受け付けるため、受信者に使う前にパソコンとモバイルの両方で自分宛てにテストメールを送ってください。