https://www.nyanmo.info/tags/certificate/ Recent content in Certificate on Nyanmo main blog Hugo ja Tue, 30 Jun 2026 12:56:54 +0900 https://www.nyanmo.info/posts/webdevelop/vivaldiaddcertificate/ Tue, 30 Jun 2026 12:56:54 +0900 https://www.nyanmo.info/posts/webdevelop/vivaldiaddcertificate/ <h2 id="この記事を作った動機">この記事を作った動機</h2> <p>　最近、Google Chrome 以外のブラウザを試したい、使いたいということで、Vivaldi を試していた。Linux 環境では、Windows 環境と異なり、ブラウザごとに証明書を保持管理していることがあり、OS標準の証明書は使われていないことがある。それで、HTTPS などの通信で使われる証明書を追加する項目がを探したが、見つけられず設定方法を調べる羽目になった。</p> <p>　これら経緯から、軽く記録が取りたいというだけ。</p> <h2 id="証明書を追加する方法">証明書を追加する方法</h2> <h3 id="chromesettingscertificatesにアクセスする"><code>chrome://settings/certificates</code>にアクセスする</h3> <p>　Vivaldi は Chromium ベースのブラウザなので、Google Chrome などで使える内蔵の URL がそのまま使える模様。</p> <pre tabindex="0"><code>chrome://settings/certificates </code></pre><p><figure class="align-center "> <img loading="lazy" src="https://www.nyanmo.info/posts/webDevelop/vivaldiAddCertificate/%e8%a8%bc%e6%98%8e%e6%9b%b8%e8%a8%ad%e5%ae%9a%e3%82%92%e9%96%8b%e3%81%84%e3%81%9f%e6%a7%98%e5%ad%90.png#center" alt="証明書追加"/> </figure> <figure class="align-center "> <img loading="lazy" src="https://www.nyanmo.info/posts/webDevelop/vivaldiAddCertificate/%e8%a8%bc%e6%98%8e%e6%9b%b8%e8%a8%ad%e5%ae%9a%e3%82%92%e9%96%8b%e3%81%84%e3%81%9f%e6%a7%98%e5%ad%901.png#center" alt="証明書追加"/> </figure> <figure class="align-center "> <img loading="lazy" src="https://www.nyanmo.info/posts/webDevelop/vivaldiAddCertificate/%e8%a8%bc%e6%98%8e%e6%9b%b8%e8%a8%ad%e5%ae%9a%e3%82%92%e9%96%8b%e3%81%84%e3%81%9f%e6%a7%98%e5%ad%902.png#center" alt="証明書追加"/> </figure> </p> <h2 id="おまけ">おまけ</h2> <p>　一応何について話しているのか少しでも直感的に把握しやすいようにするために、画像による状況の説明を試みることにする。以下はほとんどインストールしたての状態における、Vivaldi の様子の画像である。</p> <h3 id="証明書の警告が出る様子">証明書の警告が出る様子</h3> <figure class="align-center "> <img loading="lazy" src="https://www.nyanmo.info/posts/webDevelop/vivaldiAddCertificate/%e8%a8%bc%e6%98%8e%e6%9b%b8%e3%81%ae%e6%a4%9c%e8%a8%bc%e3%81%8c%e9%80%9a%e3%82%89%e3%81%aa%e3%81%84%e6%a7%98%e5%ad%90.png#center" alt="証明書警告"/> </figure> <h3 id="証明書について項目が見えない様子">証明書について項目が見えない様子</h3> <p><figure class="align-center "> <img loading="lazy" src="https://www.nyanmo.info/posts/webDevelop/vivaldiAddCertificate/NotFoundOnGUI/%e6%a4%9c%e7%b4%a2%e3%82%92%e3%81%8b%e3%81%91%e3%81%a6%e3%82%82%e8%a6%8b%e3%81%a4%e3%81%8b%e3%82%89%e3%81%aa%e3%81%84%e6%a7%98%e5%ad%90.png#center" alt="証明書設定が見つからない様子"/> </figure> <figure class="align-center "> <img loading="lazy" src="https://www.nyanmo.info/posts/webDevelop/vivaldiAddCertificate/NotFoundOnGUI/%e3%82%bb%e3%82%ad%e3%83%a5%e3%83%aa%e3%83%86%e3%82%a3%e3%81%ae%e9%a0%85%e7%9b%ae%e3%81%a8%e3%81%97%e3%81%a6%e8%a6%8b%e3%81%a4%e3%81%8b%e3%82%89%e3%81%aa%e3%81%84%e6%a7%98%e5%ad%90.png#center" alt="証明書設定が見つからない様子"/> </figure> <figure class="align-center "> <img loading="lazy" src="https://www.nyanmo.info/posts/webDevelop/vivaldiAddCertificate/NotFoundOnGUI/%e3%82%bb%e3%82%ad%e3%83%a5%e3%83%aa%e3%83%86%e3%82%a3%e3%81%ae%e9%a0%85%e7%9b%ae%e3%81%a8%e3%81%97%e3%81%a6%e8%a6%8b%e3%81%a4%e3%81%8b%e3%82%89%e3%81%aa%e3%81%84%e6%a7%98%e5%ad%901.png#center" alt="証明書設定が見つからない様子"/> </figure> <figure class="align-center "> <img loading="lazy" src="https://www.nyanmo.info/posts/webDevelop/vivaldiAddCertificate/NotFoundOnGUI/%e3%82%bb%e3%82%ad%e3%83%a5%e3%83%aa%e3%83%86%e3%82%a3%e3%81%ae%e9%a0%85%e7%9b%ae%e3%81%a8%e3%81%97%e3%81%a6%e8%a6%8b%e3%81%a4%e3%81%8b%e3%82%89%e3%81%aa%e3%81%84%e6%a7%98%e5%ad%902.png#center" alt="証明書設定が見つからない様子"/> </figure> <figure class="align-center "> <img loading="lazy" src="https://www.nyanmo.info/posts/webDevelop/vivaldiAddCertificate/NotFoundOnGUI/%e3%82%bb%e3%82%ad%e3%83%a5%e3%83%aa%e3%83%86%e3%82%a3%e3%81%ae%e9%a0%85%e7%9b%ae%e3%81%a8%e3%81%97%e3%81%a6%e8%a6%8b%e3%81%a4%e3%81%8b%e3%82%89%e3%81%aa%e3%81%84%e6%a7%98%e5%ad%903.png#center" alt="証明書設定が見つからない様子"/> </figure> <figure class="align-center "> <img loading="lazy" src="https://www.nyanmo.info/posts/webDevelop/vivaldiAddCertificate/NotFoundOnGUI/%e3%82%bb%e3%82%ad%e3%83%a5%e3%83%aa%e3%83%86%e3%82%a3%e3%81%ae%e9%a0%85%e7%9b%ae%e3%81%a8%e3%81%97%e3%81%a6%e8%a6%8b%e3%81%a4%e3%81%8b%e3%82%89%e3%81%aa%e3%81%84%e6%a7%98%e5%ad%904.png#center" alt="証明書設定が見つからない様子"/> </figure> </p> <h2 id="参考にしたサイトとか">参考にしたサイトとか</h2> <ul> <li>Import client certificates | Vivaldi Forum<br> <a href="https://forum.vivaldi.net/topic/57001/import-client-certificates?__cf_chl_f_tk=V6t.jDVSVpunhQLDRjIr2q.V9RiNUi98HfeBxNZlBkE-1782791663-1.0.1.1-_4dk4xss54mD9rTzImPTdolH_V5WQNyiiyXwBYzu5do">https://forum.vivaldi.net/topic/57001/import-client-certificates?__cf_chl_f_tk=V6t.jDVSVpunhQLDRjIr2q.V9RiNUi98HfeBxNZlBkE-1782791663-1.0.1.1-_4dk4xss54mD9rTzImPTdolH_V5WQNyiiyXwBYzu5do</a> (2026年6月30日)</li> </ul> https://www.nyanmo.info/posts/android/firefox/personalca/ Wed, 15 Jan 2025 10:16:45 +0900 https://www.nyanmo.info/posts/android/firefox/personalca/ <h2 id="この記事を書いた動機">この記事を書いた動機</h2> <p>　最近、個人的に自分用の Web アプリみたいなのを作っている過程において、スマホ上の Firefox でそのサービスにアクセスしたとき、https の認証局エラーが出てしまうということがあった。それで、認証局の設定自体は、Android OS 側にすでにその時点でしていたものの、反映されていないことに気づく。</p> <p>　調べてみると、分かりずらそうな設定が必要そうだったため、一応備忘録的に何か書き残しておこうと思ったわけである。ちなみに、Google Chrome では OS 側のインストールした認証局をデフォルトで使ってくれるようなので、証明局をインストールしたらそれ以上の特別な操作はいらないようである。</p> <h2 id="環境や必要なものとか">環境や必要なものとか</h2> <ul> <li> <p>Android 14</p> </li> <li> <p>Pixel 5a (5G)</p> </li> <li> <p>mkcert を使っている</p> </li> <li> <p>事前に何かしらの方法でスマホにファイル転送し Web サーバの証明書を送ることができる</p> </li> <li> <p>Webサーバの証明書 (rootCA.cer みたいなやつ)</p> <pre tabindex="0"><code># 証明書の中身のイメージ -----BEGIN CERTIFICATE----- MIIEfjCCAuagAwIBAgIRAMVjx+WAxkODxA9i82cg1f8wDQYJKoZIhv... ... 何かしらのデータ ... VzEeMBwGA1UEChMVbWtjZXJ0IGRldmVsb3BtZW50IENBMRYwFAYDVQ... -----END CERTIFICATE----- </code></pre><p><a href="https://www.nyanmo.info/posts/webdevelop/httpswithlocalnet/">https通信をプライベートネットワークで使いたい</a>も参照するといいかも？</p> </li> </ul> <h2 id="作業する前の状態">作業する前の状態</h2> <p>　以下のように証明書のエラーを無視すれば、とりあえず Web ページは開けるが気持ち悪いことになる。</p> <div class="alignContaier" style=justify-content:&#32;center;&#32;overflow:&#32;auto;&#32;display:flex;&#32;flex-direction:&#32;%!s(&lt;nil&gt;);> <div style="display:flex; justify-content:center; margin:10px; flex-direction: row;"> <div style="width: 100%;"> <img style="margin:10px;" src=https://www.nyanmo.info/posts/android/firefox/personalCA/beforeSetting.png alt=設定前の状態/> </div> </div> <div style="display:flex; justify-content:center; margin:10px; flex-direction: row;"> <div style="width: 100%;"> <img style="margin:10px;" src=https://www.nyanmo.info/posts/android/firefox/personalCA/beforeSetting1-1.png alt=設定前の状態1/> </div> </div> <div style="display:flex; justify-content:center; margin:10px; flex-direction: row;"> <div style="width: 100%;"> <img style="margin:10px;" src=https://www.nyanmo.info/posts/android/firefox/personalCA/beforeSetting1.png alt=設定前の状態2/> </div> </div> <div style="display:flex; justify-content:center; margin:10px; flex-direction: row;"> <div style="width: 100%;"> <img style="margin:10px;" src=https://www.nyanmo.info/posts/android/firefox/personalCA/beforeSetting2.png alt=設定前の状態3/> </div> </div> </div> <h2 id="やり方">やり方</h2> <h3 id="認証局のインストール">認証局のインストール</h3> <p>　まずは Android OS 側に https 通信時などに参照される証明書ストアなるものが搭載されているので、そこへ自分ででっち上げた証明書をインストールする。</p>