ブラウザ on qwerty.work

【JS】ブラウザの表示領域の縦横比を計算

Thu, 25 Apr 2024 22:52:36 +0900

ブラウザ表示領域のサイズと縦横比

現在のブラウザ表示領域

- 
- 
- 



var width = window.innerWidth
  || document.documentElement.clientWidth
  || document.body.clientWidth;

var height = window.innerHeight
  || document.documentElement.clientHeight
  || document.body.clientHeight;

var aspectRatio = width + ":" + height;
var aspectRatioFraction = width / height;

document.getElementById("size").textContent = "Width: " + width + ", Height: " + height;
document.getElementById("aspectRatio").textContent = "Aspect Ratio (width:height): " + width + ":" + height;
document.getElementById("aspectRatioFraction").textContent = "Aspect Ratio (width/height): " + aspectRatioFraction.toFixed(2); // 2桁までの小数点以下の数字を表示

スクリプト

<h2>ブラウザ表示領域のサイズと縦横比</h2>
  <ul>
    <li id="size"></li>
    <li id="aspectRatio"></li>
    <li id="aspectRatioFraction"></li>
  </ul>

 <script>
  var width = window.innerWidth
    || document.documentElement.clientWidth
    || document.body.clientWidth;
  var height = window.innerHeight
    || document.documentElement.clientHeight
    || document.body.clientHeight;
  var aspectRatio = width + ":" + height;
  var aspectRatioFraction = width / height;

  document.getElementById("size").textContent = "Width: " + width + ", Height: " + height;
  document.getElementById("aspectRatio").textContent = "Aspect Ratio (width:height): " + width + ":" + height;
  document.getElementById("aspectRatioFraction").textContent = "Aspect Ratio (width/height): " + aspectRatioFraction.toFixed(2); // 2桁までの小数点以下の数字を表示
 </script>

ChromeやEdgeでブラウザ画面の更新やリフレッシュするショートカットキー

Thu, 24 Feb 2022 11:04:40 +0900

ブラウザの画面更新を楽にしたい

WEB制作をしていると画面確認時に更新を何度も行いますが、その度にいちいち更新マーク**をクリックするのは面倒です。それを楽にするショートカットーが存在しましますが、Windowsでそのショートカットキーと言えばF5とShift+F5ですが、Chromiumベースのブラウザ（Google ChromeやMicrosoft Edge）では以下のショートカットキーも使用できます。

Ctrl+R
Ctrl+Shift+R

ショットカットキーまとめ

        更新の種類
        ショートカットキー
    


    
                    通常の再読み込み（リロード）
        F5 または 
        Ctrl+R
    
    
        ハード再読み込み（スーパーリロード）

        Shift+F5 または Ctrl+Shift+R
        
    
    
        キャッシュの消去とハード再読み込み
        ショットカットキーなし

**『キャッシュの消去とハード再読み込み』はブラウズの画面上で右クリックすると出てくるメニューにある「検証」またはF12で表示される「デベロッパーツール（開発ツール）」を開いているときに更新マークをクリック（左右どちらのクリックでもＯＫ）するとメニュー表示されて使うことができます。

Firefoxも一部を除いてほぼ同じ

Firefoxも調べてみましたが、F5、 Ctrl+R、Ctrl+Shift+Rは同じみたいですが、Shift+F5は開発社ツールが開きました。これはCtrl+F5に替わるようです。

Firefoxも一部を除いてほぼ同じ

Firefoxも調べてみましたが、F5、 Ctrl+R、Ctrl+Shift+Rは同じみたいですが、Shift+F5は開発社ツールが開きました。これはCtrl+F5に替わるようです。

【CSS】iPhoneのSafariでposition:fixedが効かないときにやったこと

Sun, 13 Feb 2022 20:37:29 +0900

position:fixed;が効かない

これはiPhoneに限ったことかもしれませんが、position:fixed;で**『TOPに戻る』ボタン**を画面スクロールに合わせて追従するように、ブラウザの右下に固定しようとしました。ところが、Windows PCのChromeではちゃんと固定されているのですが、iPhoneのSafariやChromeアプリでは固定されませんでした。そこで解決策メモ。position:sticky;でも同様みたいです。

ベンダープレフィックスが必要だった

解決策はposition: -webkit-fixed;の追加で解決できました。

.ScrollTop {
  position: -webkit-fixed;
  position: fixed;
  right: 0;
  bottom: 0; 
  display: flex;
  z-index: 100;
}

あと、ヒントになった以下のページよると、やタグでは、display: flex;またはdisplay: block;も必要みたいです。

https://zenn.dev/tigerr/articles/82fc091cfe69bd https://zenn.dev/tigerr/articles/82fc091cfe69bd

https://ecmemo.net/safari-sticky-problem https://ecmemo.net/safari-sticky-problem

ちなみにお世話になった『トップに戻る』ボタンのサンプル

以下のページを参考に、一定のスクロール後に**『TOPに戻る』ボタン**を作成したところ、iPhoneのSafariでボタンが固定されませんでした。このソースにposition: -webkit-fixed;の追加することで解決できました。

https://yuyauver98.me/scroll-show-hide-btn/ https://yuyauver98.me/scroll-show-hide-btn/

https://recooord.org/scroll-to-top/ https://recooord.org/scroll-to-top/

既定以外の特定のブラウザで指定のURLを開くコマンド【Windows】

Tue, 18 May 2021 18:54:40 +0900

指定したブラウザとURLを開くコマンド

コマンドプロンプトで以下のコマンドを使用すれば、既定のブラウザ以外のブラウザやURLを指定してページを開くことができます。バッチファイルにも使えます。Microsoft Edge以外はローカルのHTMLも開けます。

既定のブラウザで開く場合

start https://qwerty.work

Microsoft Edgeで開く場合

ローカルのHTMLを開く場合は、何らかの設定が要るようです。

start microsoft-edge:https://qwerty.work

Google Chromeで開く場合

start chrome.exe https://qwerty.work

FireFoxで開く場合

start firefox.exe https://qwerty.work

Operaで開く場合

start opera.exe https://qwerty.work

Internet Explorer開く場合

start iexplore.exe https://qwerty.work

"C:\Program Files\Internet Explorer\iexplore.exe" https://qwerty.work

オプション・引数の参考

https://w3w.nnn2.com/?p=244 https://w3w.nnn2.com/?p=244

PowershellやVBSで行う方法

以下のページが参考になります。

http://tooljp.com/CommandBank/Windows/OS/IE_URL-start.html http://tooljp.com/CommandBank/Windows/OS/IE_URL-start.html

Firefoxのオフラインインストールとポータブル版のダウンロードページ

Thu, 08 Apr 2021 15:01:37 +0900

オフラインインストーラーをダウンロード

Firefoxのオフラインインストールしたいときに使用するインストーラーのダウンロードページをメモ。以下のページからダウンロードできます。

ダウンロードページ

https://www.mozilla.org/ja/firefox/all/#product-desktop-release https://www.mozilla.org/ja/firefox/all/#product-desktop-release

Firefox安定版（オフライン）：https://www.mozilla.org/firefox/all/
Firefox ESR（オフライン）：https://www.mozilla.org/en-US/firefox/organizations/all/
Firefox Beta（オフライン）：https://www.mozilla.org/firefox/beta/all/
Firefox Developer Edition（オフライン）：https://www.mozilla.org/firefox/developer/all/
Firefox Nightly（オフライン）：https://www.mozilla.org/firefox/nightly/all/

http://ftp.mozilla.org/pub/firefox/releases/ http://ftp.mozilla.org/pub/firefox/releases/

カスタムインストールについて

https://support.mozilla.org/ja/kb/custom-installation-firefox-on-windows https://support.mozilla.org/ja/kb/custom-installation-firefox-on-windows

ポータブル版をダウンロード

インストール不要のFirefoxのポータブル版は以下のページからダウンロードできます。

ダウンロードページ

https://portableapps.com/apps/internet/firefox_portable https://portableapps.com/apps/internet/firefox_portable

【解決済み】アドレスバーから検索しようとするとEdgeが急に落ちる

Fri, 31 Jul 2020 10:11:56 +0900

いろいろ途中経過やその時点の回避策を記載していますが、最終的にEdgeの更新で解決しました。

その方法はページ下部の「【追記2】Edgeの新バージョン84.0.522.49に更新して根本的に解決」を参照ください。

アドレスバーに文字を入力すると固まって落ちる

昨日まで普通に使えていたのに今日は朝（2020/07/31）から急にMicrosoft Edgeが固まって落ちるようになりました。検索をしようとアドレスバーに文字を入力すると「応答なし」とフリーズして強制終了になります。その他は普通に使えます。環境はWindows10 Pro v1909 64bitです。

Edgeは普通に起動できる
お気に入り等からページは開ける
アドレスバーにURL貼り付けでもページは開ける
アドレスバーからの検索だけがダメ

原因はGoogleの検索エンジン？！

『Edgeの設定に何か変更を加えたら直るかな？』とEdgeに設定しているデフォルトの検索エンジンを**『Google』から『Yahoo！JAPAN』または『bing』**に変更してみました。

すると直りました！

Yahooもbingのどちらもアドレスバーに文字を入力しても普通に検索できました。Googleに戻して検索しようとすると再発して強制終了しました。

Googleを検索エンジンとして利用する設定になっている場合に、検索候補を表示する機能に関連して発生しているようです。

デフォルトの検索エンジン変更で回避

通常使用する検索エンジンを変更する方法

Edgeの [･･･]-[設定]-[プライバシーとサービス]-[アドレスバー] を開く
[アドレスバーで使用する検索エンジン] の欄を「Google」以外に変更

以上で完了です。これでアドレスバーから検索でEdgeが固まって落ちる症状は解消されます。

ちなみに上記のEdgeの検索エンジンを変更する設定画面はアドレスバーにedge://settings/searchと入力しても表示できます。

【追記】検索候補の表示をオフにして解決できた

Edegの設定で、[入力した文字を使用して、検索とサイトの候補を表示する]の部分をオフ（グレー状態）にすれば検索エンジンがグーグルでも落ちなくなりました。

再度オン（ブルー）にすると落ちました。ただし、Yahoo!JAPANとbingはここがONでも落ちることはありませんでした。GoogleだけがOFFにしないと落ちます。以下はこれに関するマイクロソフトのツイート（2020/07/31 08:19）

https://twitter.com/MSEdgeDev/status/1288977442523119616?s=20 https://twitter.com/MSEdgeDev/status/1288977442523119616?s=20

Are you seeing Edge crash when trying to type into the address bar? The team is looking into it! In the meantime, as a workaround, please turn off Search Suggestions here: edge://settings/search. We’ll follow up once we have more!

– Microsoft Edge Dev (@MSEdgeDev) July 30, 2020

アドレスバーに入力しようとしたときにEdgeがクラッシュしていませんか？チームが調査中です。とりあえず、回避策として、ここで検索サジェスチョンをオフにしてください: edge://settings/search. 詳細が決まり次第、追ってお知らせします。

【追記2】Edgeの新バージョン84.0.522.49に更新して根本的に解決

Edgeのバージョンを84.0.522.49に更新したら根本原因から問題がすべて解決されました。Edgeをバージョンアップさせるには [設定] またはアドレスバーからedge://settings/helpにアクセスして**『Microsoft Edgeについて』**の画面を開けば自動的に更新されます。

本日（2020/07/31）の午前９時ごろ不具合に遭遇して最新にアップデートしたときはEdgeのバージョンは84.0.522.48でしたが、11:30くらいに再度アップデートしたら84.0.522.49になりました。

アップデート後は**[入力した文字を使用して、検索とサイトの候補を表示する]の部分をオン（ブルー）**にしても落ちることなくなりました。

以下はこれに関するマイクロソフトのツイート（2020/07/31 11:30）

https://twitter.com/MSEdgeDev/status/1289025615442534400 https://twitter.com/MSEdgeDev/status/1289025615442534400

Thanks for everyone’s patience while we investigated! We believe this to be resolved now. We encourage you to revert your browser settings that you may have changed, and let us know if you are still experiencing any crashes typing into the address bar. https://t.co/Icx2qR3UHM

— Microsoft Edge Dev (@MSEdgeDev) July 31, 2020

調査中は皆様、大変お待たせしました! 現在、この問題は解決されていると考えています。変更した可能性のあるブラウザの設定を元に戻し、アドレスバーに入力してもクラッシュが発生する場合はお知らせください。

【追記3】更に84.0.522.50がリリースされている

上記の84.0.522.49で問題が解決されたかのように見えましたが、翌日の2020/08/01 08：15時点もまだ一部のユーザーで症状が改善されていなかったようです。

https://twitter.com/MSEdgeDev/status/1289339053351919616 https://twitter.com/MSEdgeDev/status/1289339053351919616

We’ve received reports today that this is occurring still for some users. We are actively investigating this. In the meantime, the same work around of turning off your search suggestions at edge://settings/search should resolve the issue. We’ll update once we have more details! https://t.co/Icx2qR3UHM

— Microsoft Edge Dev (@MSEdgeDev) July 31, 2020

本日も一部のユーザーで発生しているとの報告を受けました。積極的に調査しています。とりあえず、同じように edge://settings/search で検索候補をオフにすれば問題は解決するはずです。詳細がわかり次第、更新します。

ですが、84.0.522.50がいつの間にかリリースされていました。

https://docs.microsoft.com/en-us/deployedge/microsoft-edge-relnote-stable-channel#version-84052250-july-31 https://docs.microsoft.com/en-us/deployedge/microsoft-edge-relnote-stable-channel#version-84052250-july-31

【追記4】84.0.522.52がリリースされて終息？！

以下のページによると2020/08/01に84.0.522.52がリリースされていました。

また、Microsoft Edge DevのTwitterにも2020/08/02に今回の件が解決できたという旨のツイートが出ていました。

As of the evening of Aug 2, we believe this to be mitigated. Thanks again to everyone for their patience while we dug into the trickle of reports we received over the weekend! Please do let us know if you continue to see Edge crash when trying to type into the address bar. https://t.co/THD5ESENp4

— Microsoft Edge Dev (@MSEdgeDev) August 3, 2020

8月2日の夕方には、この現象は緩和されたと思われます。週末に寄せられた報告を調べている間、皆様には大変お待たせしました。アドレスバーに入力しようとするとEdgeがクラッシュする現象が続いていましたら、ご連絡ください。

とりあえず、今回のこの騒動はこれで終息したのではないかと思われます。

Braveブラウザのポータブル版（Portable版）のダウンロードページ

Tue, 28 Apr 2020 22:18:11 +0900

ダウンロードページ

余計な広告やトラッカーをブロックして爆速ブラウジングができるBrave（ブレイブ）のポータブル版（Windows用）をダウンロードできるページをメモ。本家のBrave.comからダウンロードできないみたいで、「portapps.io」というサイトからダウンロードできます。

https://portapps.io/app/brave-portable/ https://portapps.io/app/brave-portable/

このページにあるメニュー「Download」から更にダウンロードページに進むか、ページ下部のダウンロードボタンをクリックするとダウンロードできます。32bit/64bit用やバージョンも選択できます。

【簡単】新Microsoft Edge（Chromium版）の検索エンジンをGoogleまたはYahooに変更する方法

Wed, 29 Jan 2020 23:06:30 +0900

検索エンジンをBingからグーグルかヤフーに変更したい

新しいEdgeをインストールしたものの、アドレスバーから検索するとデフォルトのままではBingの検索結果が表示されます。EdgeがMicrosoft製なのでBingが既定になっているのは当然で、Bingの検索精度が良ければ問題ないのですが、自宅はGoolgeを使い、会社ではYahooを使っているので不便で仕方ありません。そこでEdgeの既定の検索エンジンを変更する方法をメモ。メニューの場所さえわかれば結構簡単に変更できます。

変更手順

画面右上の**［**］をクリックし、表示されたメニューの［**設定］**をクリック。

**［*プライバシーとサービス］**をクリック。

画面一番下の**［アドレスバー］**を選択。

ここで**「Bing（推奨）、既定値）」となっているところを「Yahoo!JAPAN」または「Google」**に変更すればデフォルトの検索エンジンの変更は完了です。

独自の検索エンジンを登録したいとき

あまり使うことはないかもしれませんが、メニューには無い検索エンジンやグーグルやヤフーの検索にパラメーターを加えるなどカスタマイズしたいときは以下のメニュー**［検索エンジンの管理］**に入ります。

現在使用できる検索エンジンの登録の一覧で表示されるので、ここで検索URLを登録して新たな検索エンジンの追加や登録済みの検索エンジンのカスタマイズができます。

これで少しChromium版の新しいMicrosoft EdgeがGoogle Chromeチックに使いやすくなります。

Chromiumベースの新しいMicrosoft EdgeでChromeの拡張機能を使う方法

Thu, 23 Jan 2020 22:22:38 +0900

Chromeと同じ拡張機能を使いたい

2020/01/16に安定版のダウンロードができるようになったChromiumベースの新しいMicrosoft Edge。

Google Chrome同様に拡張機能が使えますが、正直言ってMicrosoft Storeで公開されている拡張機能は充実しておらず、使えそうな機能がありません。特に今までGoogle Chromeをガッツリ使っていたユーザーは同じように物足らなさを感じるのではないでしょうか？

でも安心です。今度のEdgeはGoogle Chromeで使っている拡張機能をChrome Web Storeからインストールして使うことができます。使用中のGoogle Chromeから拡張機能を簡単に引き継げればいいのですが、拡張機能を引き継ぐ方法は今のところ見当たりませんので、欲しい拡張機能は改めてChrome Web StoreからEdgeに登録する必要があります。

「他のストアからの拡張機能を許可します」をオンにする

まず、Chromeの拡張機能を使えるようにあるにはあらかじめ設定が必要です。Chromium版Edgeのメニュー**『拡張機能』またはアドレスバーからedge://extensions/にアクセスした画面で「他のストアからの拡張機能を許可します」**をオンにします。これでChrome Web Storeから拡張機能をインストールできるようになります。

↓

Chrome ウェブストアから「Chromeに追加」する

上記の設定が終われば、新しいChromium版EdgeでChrome ウェブストアの拡張機能ページを開き、Chromeで拡張機能を追加するように、登録したい拡張機能のページで**［Chrome に追加する］**ボタンを押せば、Google Chromeと同じ感覚で拡張機能を導入できます。試しに、「Office」の拡張機能を追加してみました。簡単に登録できました。

↓

もう、IEもChromeも要らないかもしれません。恐ろしいブラウザが登場しましたね。

【新Edge】Chromeの拡張機能とIEモードが使えるChromium版Edgeのダウンロードリンク

Sat, 18 Jan 2020 10:50:42 +0900

Chromiumベースになった新しいMicrosoft Edge

2020/01/15（米国日付）にWindows 10に搭載されているブラウザ「Microsoft Edge」がGoogle Chromeと同じChromium（クロミウム）がベースのブラウザに生まれ変わり、安定版（Stable）の提供が開始されました。Chromiumをベースにすることでレンダリングエンジンが旧EdgeのEdgeHTMLからBlinkになり、表示スピードの高速化が期待できます。これで、Google ChromeをはじめOpreraなどの有名なChromiumをベースとしたブラウザの仲間入りとなります。

そして、Chrome同様に拡張機能をMicrosoft Storeから入手して使えるようになっています。また、後述の設定をすればChromeの拡張機能をChrome Web Storeからインストールすることもできるので、Chromeでできていたことのほとんどが新しいEdgeでもできそうです。通常の安定版（Stable）とは別に企業（Enterprise）向けのEdge for businessがあります。

また、新しいMicrosfoft Edgeには完全なInternet Explorer 11（IE11)の互換性を実現する**「Internet Explorerモード」**が含まれていて、ページをIEとして表示できる機能で、Google ChromeとInternet Explorerのいいとこどりしたようなブラウザになっています。IEモードを使用するには事前に有効化する設定が必要です。

今度のEdgeはWindows 10専用ではなく、Windows 10/Windows 8.1/Windows 8/Windows 7/macOS/iOS/Android版があります。2020/01/14にOSのサポートが終わっているWindows7ですが、まだクローズド環境やスタンドアロンで使用しているユーザーとしてはWindows7版のEdgeがダウンロードできるのは嬉しいですね。その他、EdgeにMicrosoftアカウントでサインインすれば、タブレット・スマートフォンなどプラットフォームが異なっていてもEdge同士でお気に入りやパスワードの同期や連動ができ、その他Officeとの連携や高いセキュリティ機能などマイクロソフト製らしい便利な機能が期待できます。

ダウンロードページ

安定版（Stableチャネル)

オンライン専用のインストーラーなので、インターネットに接続された状態でないとインストールできません。オンラインの場合はダウンロードもインストールも速くて簡単です。Windows 10 64bit環境でダウンロードしましたが、インストールされたのは32bit版のEdgeでした。64bit/32bitの選択はできないようです。

https://www.microsoft.com/ja-jp/edge https://www.microsoft.com/ja-jp/edge

Edge for business版（Enterprise）

企業向けなのでインターネットに接続されていないオフライン環境でもインストールできるオフラインインストーラーです。Windows 64bit/32bit用とmacOS 64bit用があります。

https://www.microsoft.com/ja-jp/edge/business/download https://www.microsoft.com/ja-jp/edge/business/download

Betaチャネル版

https://www.microsoftedgeinsider.com/ja-jp/ https://www.microsoftedgeinsider.com/ja-jp/

Betaチャネル/Devチャネル/Canaryチャネル版

こちらでは、Windows/macOS以外にWindows Server用もダウンロードできます。

https://www.microsoftedgeinsider.com/ja-jp/download/ https://www.microsoftedgeinsider.com/ja-jp/download/

3つの開発チャネル**「Beta」「Dev」「Canary」**の特徴は以下となります。

- **Canary**：毎日ビルドされ、新しい機能が積極的に導入されるが、重大な不具合が含まれている場合もある。
- **Dev**：毎週ビルドされ、「Canary」より安定している。
- **Beta**：仕様がある程度固まり、細かい不具合の修正に注力する段階。

ダウンロードリンク（直リンク）

通常安定版（Stable)

Windows 10/ Windows 8.1/ Winodws 8/Windows 7 用 MicrosoftEdgeSetup.exe 1.75MB

macOS用 MicrosoftEdge-79.0.309.68.pkg 133MB

Edge for business（Stable 79.0.309.68）

Windows 64bit MicrosoftEdgeEnterpriseX64.msi（71.1MB）

http://dl.delivery.mp.microsoft.com/filestreamingservice/files/c39f1d27-cd11-495a-b638-eac3775b469d/MicrosoftEdgeEnterpriseX64.msi

Windows 32bit MicrosoftEdgeEnterpriseX86.msi（68.7MB）

http://dl.delivery.mp.microsoft.com/filestreamingservice/files/068a649d-3d9b-4286-a650-89aa9fea9f09/MicrosoftEdgeEnterpriseX86.msi

macOS 64bit MicrosoftEdge-79.0.309.68.pkg（133MB）

https://officecdn-microsoft-com.akamaized.net/pr/C1297A47-86C4-4C1F-97FA-950631F94777/MacAutoupdate/MicrosoftEdge-79.0.309.68.pkg

Edge for business（Beta 80.0.361.33)

Windows 64bit MicrosoftEdgeBetaEnterpriseX64.msi（73.7MB）

http://dl.delivery.mp.microsoft.com/filestreamingservice/files/01a66e88-3194-4031-9ec1-abdd66c46a75/MicrosoftEdgeBetaEnterpriseX64.msi

Windows 32bit MicrosoftEdgeBetaEnterpriseX86.msi（71.4MB）

http://dl.delivery.mp.microsoft.com/filestreamingservice/files/44a3d38f-f1f2-4830-aedc-908daeaf6104/MicrosoftEdgeBetaEnterpriseX86.msi

macOS 64bit MicrosoftEdgeBeta-80.0.361.33.pkg（140MB）

https://officecdn-microsoft-com.akamaized.net/pr/C1297A47-86C4-4C1F-97FA-950631F94777/MacAutoupdate/MicrosoftEdgeBeta-80.0.361.33.pkg

Edge for business（Dev 80.0.361.33)

Windows 64bit MicrosoftEdgeDevEnterpriseX64.msi（80.7MB）

http://dl.delivery.mp.microsoft.com/filestreamingservice/files/5cb56c4b-f550-4616-8d26-8a60fa9b8576/MicrosoftEdgeDevEnterpriseX64.msi

Windows 32bit MicrosoftEdgeDevEnterpriseX86.msi（74.5MB）

http://dl.delivery.mp.microsoft.com/filestreamingservice/files/ceed9294-885c-4ef4-8009-279fa8223a4e/MicrosoftEdgeDevEnterpriseX86.msi

Chromeと同じ拡張機能を使う方法

Google Chromeで使用中の拡張機能が引き継げれば簡単なのですが、拡張機能を引き継ぐ方法は今のところ見当たりませんので、欲しい拡張機能は改めて登録する必要があります。

Chromium版Edgeのメニュー**『拡張機能』またはアドレスバーからedge://extensions/にアクセスした画面で「他のストアからの拡張機能を許可します」をオンにすれば Chrome Web Store からも拡張機能をインストールできるようになります。そして、Chromium版Edgeで Chrome ウェブストアの拡張機能ページを開き、［Chrome に追加する］**ボタンを押せば、Google Chromeと同じ感覚で拡張機能を導入できます。

↓

以下のページにもう少し詳しく説明を書いています。

Chromiumベースの新しいMicrosoft EdgeでChromeの拡張機能を使う方法

Flashは既定で無効化されている

AdobeがFlashのサポートを2020年の終了することを発表しており、それに伴って2020年が終わるまでにWindows及びメジャーなブラウザから削除または無効化されるそうです。

https://support.microsoft.com/ja-jp/help/4532571/microsoft-edge-turn-on-flash https://support.microsoft.com/ja-jp/help/4532571/microsoft-edge-turn-on-flash

個人的にはFlashの必要性を感じないので無効化のままでいいのですが、法人向けのWEBミーティングサービスなどでFlashを必要とするサイトを見かけるので、企業ではまだ必要とするケースがあるかもしれません。Chromium版EdgeはFlashは既定で無効になっていますが、**『設定』-『サイトのアクセス許可』-『Adobe Flash』**または新しいEdgeのアドレスバーからedge://settings/contentにアクセスした画面から許可すれば、現時点ではまだAdobe Flashコンテンツを表示できます。

Internet Explorerモード（IEモード）が使える

Internet Explorerを前提としたシステムや特定の業務用サイトや社内のイントラネット、またはActive Xを使用したWEBシステムなどにInternet Explorerでアクセスしたい場合、**Internet Explorerモード（IEモード）**を使用すれば、EdgeからIEのレンダリングエンジンを使ってサイトにアクセスできるできるようになります。Chromeの拡張機能にある『IE Tab』の純正版みたいなやつですね。

予め設定を有効にしなければならない

**Internet Explorerモード（IEモード）**を使用するには、Edge側かグループポリシーのどちらかで有効化しなければ使えません。Edge側で有効化する方法や、レジストリで有効化する方法は以下のページが参考になります。

Chromium版EdgeでInternet Explorerモード（IEモード）を有効にする方法とレジストリ

Active Directoryなどドメイン環境でグループポリシーを使って**Internet Explorerモード（IEモード）を有効にするには、グループポリシーで「Internet Explorer との統合を構成する」を有効にする必要がありますが、この項目はポリシーファイルを適用していないと表示されない項目なので、ひと手間必要になります。また、ツールを使って特定サイトのURLを登録しておけば、指定のサイトにアクセスの際、自動的にInternet Explorerモード（IEモード）**となり、IEとしてページを表示します。グループポリシーでURLを指定しなくても手動でIEモード表示することもできます。Chromium版のEdgeさえあればGoogle ChromeもInternet Explorerも要らなくなる恐ろしい機能です。この使い方については以下のサイトが参考になります。

https://docs.microsoft.com/ja-jp/deployedge/edge-ie-mode https://docs.microsoft.com/ja-jp/deployedge/edge-ie-mode

https://japan.zdnet.com/article/35147501/2/ https://japan.zdnet.com/article/35147501/2/

https://forest.watch.impress.co.jp/docs/serial/yajiuma/1195904.html https://forest.watch.impress.co.jp/docs/serial/yajiuma/1195904.html

Bing（既定）の検索エンジンを変更する方法

デフォルトの検索エンジンは当然Bingになっているわけですが、これをGoogleやYahoo!JAPANに変更したときは以下のページに手順を記載していますので、参考にしてください。

【簡単】新Microsoft Edge（Chromium版）の検索エンジンをGoogleまたはYahooに変更する方法

WEBサイトの表示が高速化されるプロトコル「HTTP/2」と「QUIC」についてメモ

Thu, 01 Mar 2018 23:30:46 +0900

常時SSL化が当たり前になる時期が近付いています。SSL化すればWEBサイトを高速に表示できるプロトコル「HTTP/2」が使え、Chromeでは更に高速化が期待できる「QUIC」が使えるようです。それについていろいろ調べて気になることをメモ。

HTTP/2対応かURLからオンラインで確認

以下のページでURLからWEBサイトがHTTP/2に対応しているか確認できます。

https://tools.keycdn.com/http2-test https://tools.keycdn.com/http2-test

ブラウザでHTTP/2で通信しているか確認する方法

以下のページが参考になります。

https://nelog.jp/http2-browser-extensions https://nelog.jp/http2-browser-extensions

HTTP/2について

HTTP/2がなぜ高速なのかは以下のページが参考になります。

https://blog.redbox.ne.jp/http2-cdn.html https://blog.redbox.ne.jp/http2-cdn.html

https://zenlogic.jp/aossl/basic/response/ https://zenlogic.jp/aossl/basic/response/

https://lolipop.jp/http2/ https://lolipop.jp/http2/

このWEBサイトを高速に表示させるための技術として、HTTP1.1からGoogleがSPDYという高速化技術を作り、それが元でHTTP/2というのができて標準化されたそうです。

速度の違いを体感してみる

以下のページでHTTPで接続した場合と、HTTPSで接続した場合、見た目と表示完了時間で違いを視覚的に体感でできます。画面右上の「HTTP」と「HTTPS」のリンクをそれぞれクリックしてみてください。

https://www.httpvshttps.com/ https://www.httpvshttps.com/

HTTP/2が使えるブラウザ

HTTP/2はInternet Explorer 11（IE11)、Google Chrome、FireFoxなど、主要なブラウザで使えます.

Microsoft Windows 10上のInternet Explorer 11
Microsoft Edge
Google Chrome (Ver.30は設定が必要）
Mozilla Firefox (Ver.34から標準で有効)
Opera
Safari 9

その他のブラウザを含めた対応状況の参考ページ

https://caniuse.com/#feat=spdy https://caniuse.com/#feat=spdy

ブラウザだけではなくWEBサーバーのHTTP/2対応が必要

HTTP/2による通信はブラウザが対応していてもWEBサーバーというかWEBサイトがこのプロトコルに対応していないとできません。WEBサーバーが対応していなくても、CloudFlareなどのHTTP/2に対応したCDN経由で公開していれば、HTTP/2対応サイトにできます。

更に速いQUICで高速化？

GoogleがHTTP/2よりも安全で高速なレスポンスを実現するQUIC（Quick UDP Internet Connections）というTCPではなくUDPをベースにしたプロトコルを開発しているようです。

https://qiita.com/flano_yuki/items/251a350b4f8a31de47f5 https://qiita.com/flano_yuki/items/251a350b4f8a31de47f5

https://internet.watch.impress.co.jp/docs/column/ietf2017/1060156.html https://internet.watch.impress.co.jp/docs/column/ietf2017/1060156.html

https://www.iij.ad.jp/dev/tech/techweek/pdf/151111_4.pdf https://www.iij.ad.jp/dev/tech/techweek/pdf/151111_4.pdf

ChromeのQUIC関連の表示

QUICが使えるブラウザはまだChromeしかなさそうですが、ChromeでQUICに関する設定や状況表示は以下のURLをChromeのアドレスバーに入力すると表示できます。使い方はよくわかりません。

chrome://flags
chrome://net-internals/#quic

QUIC対応のレンタルサーバー

今のところ、HTTP/2とQUICに対応しているレンタルサーバーは以下だけのようです。

https://mixhost.jp/ https://mixhost.jp/

Windowsでインターネットだけ遅いときに試すコマンド netsh winsock reset

Fri, 11 Aug 2017 22:54:19 +0900

リカバリして半年も経過していないWindows7のパソコンがインターネットだけ遅くなりました。OFFICEやエクスプローラーでファイルのコピーやフォルダを開くのは速いのに、なぜかInternet Explorer 11の表示だけが遅いということがありました。

半年前にOSをSSDにインストールしているので、何年も使ったHDDのように老朽化して遅くなるなんてことは考えにくい状況で、一時キャッシュのフォルダの中を削除して掃除したり、IEをリセットしたりしましたが状況は変わりませんでした。

netsh winsock resetで解決

管理者としてコマンドプロンプトを起動して以下のコマンドを入力してEnterを押します。Windows 10/8.1/8/7/Vistaで使えるコマンドです。コマンド実行後はコンピューターを再起動してください。

netsh winsock reset

これでインターネットのブラウジングが遅いのが解消され、ブラウザの表示が速くなりました。

winsockが何なのかよくわかりませんが、WindowsのSocket接続のことのようです。このnetsh winsock resetはSocket接続をリセットするコマンドです。

ブラウザの表示が遅くなる原因

インターネットをしていると知らず知らずのうちにスパイウェアが紛れ込んだり、システムやウィルス対策ソフトがユーザーを保護するためにTCP/IPスタックというものを無効にしたりすることで表示が遅くなることがあるそうです。それ以外にもいろいろな接続が介在しすぎてというのもありそうですが、それでnetsh winsock resetのコマンドでWinsockカタログ（アプリケーションとインターネットの間に存在するインターフェース）をリセットすることで解決できるようです。

IE、Chrome、Firefoxなどのブラウザ以外でインターネット接続するアプリケーションのリクエストに対するレスポンスが悪いときも解決できそうです。

参考

http://itpro.nikkeibp.co.jp/article/COLUMN/20061003/249658/ http://itpro.nikkeibp.co.jp/article/COLUMN/20061003/249658/

https://detail.chiebukuro.yahoo.co.jp/qa/question_detail/q1476231594 https://detail.chiebukuro.yahoo.co.jp/qa/question_detail/q1476231594

その他

これ以外にネットワークが全体的に遅いときは以下を参考にネットワークをリセットしてみてください。

ネットワークが定期的に切断されるときに試したリセットコマンドいろいろ