CloudflareのダッシュボードがPWAとしてインストール可能に
CloudflareのダッシュボードがPWAとしてインストール可能になりました。
これにより、デスクトップやモバイルデバイスでの利用がさらに便利になります。
CloudflareのダッシュボードがPWAをサポート
Cloudflareで働くBrayden Wilmoth氏は自身のX(旧Twitter)アカウントで、CloudflareのダッシュボードがPWAとしてインストールできるようになったことを発表しました。
Cloudflare dashboard can now be installed as a PWA on your devices and keep alive in your dock just like any other application from the App Store.
— Brayden Wilmoth (@BraydenWilmoth) April 23, 2025
Visit the CF dashboard, click the "Install" button at the right hand side of your URL bar, and watch it become an app. pic.twitter.com/MTtN5iLcyB
PWA(Progressive Web App)は、Webサイトをプラットフォームのネイティブアプリのように利用できるようにする技術です。
PWAに対応しているWebサイトはまるでネイティブアプリのようにデバイスにインストールでき、中にはインストール後にオフラインでも利用できるものもあります。
現時点ではChromeやSafariがPWAに対応している一方で、Firefoxは対応していません。
なお、MozillaはFirefoxでPWAをほかのブラウザーと異なるアプローチでサポートする方針を示していますが、開発に遅れが生じています。
CloudflareのダッシュボードをPWAとしてインストールするにはまず、ダッシュボードを開きます。
Chromeの場合はアドレスバーにインストールボタンが表示されるので、クリックします。

確認を求めるダイアログで[インストール]を選択すると、CloudflareのダッシュボードがPWAとしてインストールされます。
![[アプリのインストール]と書かれたダイアログのスクリーンショット](/_next/image/?url=%2Fapi%2Fmedia%2Ffile%2Fimage-1241.png&w=1920&q=75)
インストール後はタスクバーやスタートメニューに表示されるので、ピン留めしておくと便利です。

アンインストールしたい場合はほかのソフトと同じ手順でアンインストールするか、ウィンドウに表示されるメニューボタンから[「Cloudflare」をアンインストール…]を選択します。

記事をシェア
フォローして最新情報を入手
Googleの優先ソースに追加すると、このサイトの記事をGoogleで見つけやすくなります。また、ぜひXやRSSフィードもフォローしてください。
関連記事
-1.png&w=1080&q=75)
生まれた時から、母国語よりも先にJavaScriptを使っていました。ネットの海のどこにもいなくてどこにでもいます。
Webフロントエンドプログラマーとして、TypeScriptを用いたWebアプリやブラウザー拡張機能を制作。Xのシャドウバン検知ツール「Shadowban Scanner」やリンクカード復活ツール「Restore Link Card」を公開し、国内外のメディアで紹介されました。iGEM 2023ではJapan-UnitedチームのWikiを制作してGrand Prizeの獲得に貢献。ブログではXやSNSの最新ニュース、不具合の検証と対処法、フロントエンド開発の知見を発信しています。



![[新しいXチャットへようこそ]というテキストが画面に大きく表示されており、その下には次の3つの説明が表示されている。[エンドツーエンドの暗号化:メッセージは、端末にかかわらずエンドツーエンドで暗号化されています。][最先端のプライバシー:Xを含め、他の人がメッセージを読むことはできません。][パスコードを設定:メッセージを保護するため、4桁のパスコードを設定してください。]これらの説明の下には、[パスコードを作成]という大きなボタンが配置されている](/_next/image/?url=%2Fapi%2Fmedia%2Ffile%2Fwelcome-to-new-chat.png&w=1920&q=75)




![VS Codeの設定画面で[Workbench > Experimental: Modern UI]が赤い枠線で強調されているスクリーンショット](/_next/image/?url=%2Fapi%2Fmedia%2Ffile%2Fvs-code-experimental-modern-ui-setting.png&w=3840&q=75)


