https://www.nyanmo.info/tags/browser/ Recent content in Browser 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/webdevelop/stopgooglechromefromshowingaimode/ Tue, 02 Dec 2025 12:32:35 +0900 https://www.nyanmo.info/posts/webdevelop/stopgooglechromefromshowingaimode/ <h2 id="この記事を作った動機">この記事を作った動機</h2> <p>　Google が正規の手順で無効にできないようにして強制的に、AI モード や AI Overview なるものを押し付けてくるので、無効化する方法についてまとめておきたい。</p> <h2 id="無効化手順">無効化手順</h2> <h3 id="aiモード-無効化">AIモード 無効化</h3> <h4 id="google-chrome-の検索バーの問題の様子">Google Chrome の検索バーの問題の様子</h4> <p> <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/webDevelop/stopGoogleChromeFromShowingAImode/GoogleChrome%e3%81%ab%e4%be%b5%e9%a3%9f%e3%81%99%e3%82%8bAI%e3%83%a2%e3%83%bc%e3%83%89.png alt=GoogleChromeに侵食するAIモード/> </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/webDevelop/stopGoogleChromeFromShowingAImode/%e6%a4%9c%e7%b4%a2%e3%83%90%e3%83%bc%e3%81%ab%e4%be%b5%e9%a3%9f%e3%81%99%e3%82%8bAI%e3%83%a2%e3%83%bc%e3%83%89.png alt=検索バーに侵食するAIモード/> </div> </div></p> <h4 id="chromeflagsを開く"><code>chrome://flags</code>を開く</h4> <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/webDevelop/stopGoogleChromeFromShowingAImode/chrome%20flags%e3%82%92%e9%96%8b%e3%81%8f.png alt=chrome&#32;flagsを開く/> </div> </div> <h4 id="ai-モード-に関連する項目を全部disabledにする"><code>AI モード</code> に関連する項目を全部<code>disabled</code>にする</h4> <p> <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/webDevelop/stopGoogleChromeFromShowingAImode/Chrome%e5%86%85%e8%87%93%e3%81%ae%e6%a4%9c%e7%b4%a2%e3%83%90%e3%83%bc%e3%81%ab%e5%af%be%e3%81%99%e3%82%8b%e5%af%be%e5%bf%9c.png alt=Chrome内臓の検索バーに対する対応/> </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/webDevelop/stopGoogleChromeFromShowingAImode/%e6%a4%9c%e7%b4%a2%e3%83%90%e3%83%bc%e3%81%ab%e5%af%be%e3%81%99%e3%82%8b%e5%af%be%e5%87%a6.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/webDevelop/stopGoogleChromeFromShowingAImode/Chrome%e5%86%85%e8%87%93%e3%81%ae%e6%a4%9c%e7%b4%a2%e3%83%90%e3%83%bc%e3%81%ab%e5%af%be%e3%81%99%e3%82%8b%e5%af%be%e5%bf%9c1.png alt=Chrome内臓の検索バーに対する対応1/> </div> </div></p> <h4 id="問題が解消された状態">問題が解消された状態</h4> <p> <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/webDevelop/stopGoogleChromeFromShowingAImode/%e5%95%8f%e9%a1%8c%e3%81%8c%e8%a7%a3%e6%b6%88%e3%81%95%e3%82%8c%e3%81%9f%e7%8a%b6%e6%85%8b.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/webDevelop/stopGoogleChromeFromShowingAImode/%e6%a4%9c%e7%b4%a2%e3%83%90%e3%83%bc%e3%81%ab%e4%be%b5%e9%a3%9f%e3%81%99%e3%82%8bAI%e3%83%a2%e3%83%bc%e3%83%89%e3%82%92%e5%8f%96%e3%82%8a%e9%99%a4%e3%81%84%e3%81%9f%e7%8a%b6%e6%85%8b.png alt=検索バーに侵食するAIモードを取り除いた状態/> </div> </div></p> https://www.nyanmo.info/posts/linux/chromehardwarevideoacceleration/ Sat, 26 Apr 2025 08:37:46 +0900 https://www.nyanmo.info/posts/linux/chromehardwarevideoacceleration/ <h2 id="この記事を作った動機">この記事を作った動機</h2> <p>　Google Chrome を linux環境で使っていて、動画再生が安定せず、フレームが落ちまくり、CPUをめちゃくちゃに使い込むということがあったので、それに対処したときの記録を残すというだけです。</p> <h2 id="環境">環境</h2> <ul> <li>XPS 13 2in1 (9365)</li> <li>Intel® UHD Graphics 615</li> <li>wayland 48</li> <li>Chrome (バージョン: 135.0.7049.84（Official Build） （64 ビット）)</li> <li>lsmod | grep i915</li> </ul> <pre tabindex="0"><code>i915 4714496 61 i2c_algo_bit 20480 1 i915 drm_buddy 24576 1 i915 ttm 110592 1 i915 intel_gtt 28672 1 i915 drm_display_helper 270336 1 i915 cec 94208 2 drm_display_helper,i915 video 81920 3 dell_wmi,dell_laptop,i915 </code></pre><h2 id="インストールするパッケージ">インストールするパッケージ</h2> <p>　GNOME 環境が動く状態が前提。必要そうなものは全部入れているので、いらないものもあるかもしれない。もしくは、インストールしたけど、色々探しているうちに存在を忘れていて、ここにはちゃんと書けていないものがあるかもしれない。</p> <ul> <li>libva-intel-driver</li> <li>intel-media-driver</li> <li>lib32-mesa 1:25.0.3-1</li> <li>mesa</li> </ul> <h2 id="configchrome-flags">~/.config/chrome-flags</h2> <p>　今のところ、以下の設定で、ハードウェアアクセラレーションが機能することが確認できた。intel-gpu-tools をインストールして、intel_gpu_top で video の項目が動画再生時になんか動いてそうだったら、とりあえず成功したということだと思う。</p> https://www.nyanmo.info/posts/linux/chromekeyboradshortcutpopuponstartup/ Mon, 21 Apr 2025 10:43:38 +0900 https://www.nyanmo.info/posts/linux/chromekeyboradshortcutpopuponstartup/ <h2 id="この記事を作った動機">この記事を作った動機</h2> <p>　なんか linux 環境で chrome を使ってたら、いちいちキーボード・ショートカットのポップアップが出てくるようになった。起動するたびに出てきて鬱陶しいので、調べたところ、一時的な対応として、起動フラグがあることが見つかったので、記録するだけ。</p> <figure class="align-center "> <img loading="lazy" src="https://www.nyanmo.info/posts/linux/chromeKeyboradShortcutPopupOnStartUp/%e5%95%8f%e9%a1%8c%e3%81%ae%e3%83%9d%e3%83%83%e3%83%97%e3%82%a2%e3%83%83%e3%83%97.png#center" alt="問題のポップアップ"/> </figure> <h2 id="configchrome-flagsconf">~/.config/chrome-flags.conf</h2> <pre tabindex="0"><code>... --disable-features=GlobalShortcutsPortal ... </code></pre><h2 id="参考にしたサイトとか">参考にしたサイトとか</h2> <ul> <li>Opening Google Chrome has started automatically opening &ldquo;Shortcuts - System Settings&rdquo; with it - how to&hellip;not do that? : r/kde<br> <a href="https://www.reddit.com/r/kde/comments/1jauzpa/opening_google_chrome_has_started_automatically/">https://www.reddit.com/r/kde/comments/1jauzpa/opening_google_chrome_has_started_automatically/</a> （2025年4月21日）</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>