Bundlephobia - 追加前にパッケージサイズを確認

Description

新しい npm パッケージを追加するとプロジェクトのサイズがどれくらい増えるか気になりませんか?Bundlephobia は、JavaScript パッケージのフットプリント(容量)を明確に可視化します。サイズを素早くチェックし、サイトのパフォーマンスへの潜在的な影響を理解することで、依存関係について賢明な判断を下せるようになります。 これにより、フロントエンドのバンドルを効率的に最適化でき、ユーザーの読み込み時間が短縮され、全体としてよりスムーズな体験を提供できます。各パッケージの真のコストを知ることで、プロジェクトを軽量かつ効率的に保つことができます。 • 各パッケージのサイズを表示 • バンドル全体への影響を把握 • 情報に基づいた依存関係の選択 • オフラインでも動作 Bundlephobia はブラウザから直接開き、ワンタップでホーム画面に追加できます。追加後は、ネイティブアプリのように独自のウィンドウで開きます。また、バックグラウンドでのサイレントアップデートやプッシュ通知にも対応しており、ストアアカウントや個別のダウンロードなしで、ネイティブアプリと同等の素晴らしい体験を提供します。

スクリーンショット

Bundlephobia スクリーンショット 1 Bundlephobia スクリーンショット 2 Bundlephobia スクリーンショット 3

ユーザーレビュー

類似アプリ

Operating Systems

The web application Bundlephobia is designed as a universal solution for different platforms. It works through a browser and supports iOS, Android, Windows, macOS, Chrome OS (Chromebook), and Linux. The application runs correctly on Astra Linux and Red OS, as well as on popular Linux distributions: Ubuntu, Debian, Fedora, Linux Mint, Arch Linux, Manjaro. Enterprise solutions are supported: Red Hat Enterprise Linux, CentOS, Oracle Linux. No restrictions on region or app stores.

Bundlephobiaを完全なアプリとして使用したいですか?2026年、これまで以上に簡単になりました!すべてのブラウザとデバイス用の手順を確認してください。?

Bundlephobiaを完全なアプリとして使用したいですか?2026年、これまで以上に簡単になりました!すべてのブラウザとデバイス用の手順を確認してください。

Chrome - Desktop

Step 1 - Chrome Desktop

「アプリをインストール」ボタンをクリックします - アイコン: 下向きの矢印が付いたコンピューター

Step 2 - Chrome Desktop

「インストール」をクリックしてインストールを確認します

Chrome - Android

Step 1 - Chrome Android

ブラウザメニューを開きます - 右上の3つの点

Step 2 - Chrome Android

「アプリをインストール」オプションを選択します(「ホーム画面に追加」の場合もあります)

Step 3 - Chrome Android

ここでインストールを確認します - 「インストール」をタップ

Chrome - iOS

Step 1 - Chrome iOS

サイトアドレスの隣にある右上の共有アイコンをタップします

Step 2 - Chrome iOS

オプションを選択: ホーム画面に追加

Step 3 - Chrome iOS

ここで「追加」ボタンをタップします。 アプリがiPhoneのホーム画面に表示されます

Safari - iOS

Step 1 - Safari iOS

画面下部の共有ボタン(上向きの矢印が付いた四角い形)をタップします

Step 2 - Safari iOS

オプションを選択: ホーム画面に追加

Step 3 - Safari iOS

ここで「追加」ボタンをタップします。 アプリがiPhoneのホーム画面に表示されます

Safari - Desktop

Step 1 - Safari Desktop

macOSのSafariのステップ1

Step 2 - Safari Desktop

macOSのSafariのステップ2

Step 3 - Safari Desktop

macOSのSafariのステップ3

Yandex - Desktop

Step 1 - Yandex Desktop

「アクションメニュー」を開きます - 右上の3つの点 - サイトアドレスの隣

Step 2 - Yandex Desktop

「アプリとしてインストール」オプションを選択します

Step 3 - Yandex Desktop

ここで「別のウィンドウ」を選択します

Yandex - Android

Step 1 - Yandex Android

ブラウザメニューを開きます - 右下の3つの点、サイトアドレスの隣

Step 2 - Yandex Android

「ホーム画面に追加」オプションを選択します

Step 3 - Yandex Android

ここで「追加」ボタンをタップします - アプリがホーム画面に表示されます

Yandex - iOS

Step 1 - Yandex iOS

ブラウザメニューを開きます - 右下の3つの点、サイトアドレスの隣

Step 2 - Yandex iOS

「ホームに追加」ボタンをタップします

Step 3 - Yandex iOS

ここでオプションを選択します: ホーム画面に追加

Step 4 - Yandex iOS

ここで「追加」ボタンをタップします。 アプリがiPhoneのホーム画面に表示されます

Edge - Desktop

Step 1 - Edge Desktop

「アプリをインストール」ボタンをクリックします - アイコン: プラス記号が付いた3つのブロック

Step 2 - Edge Desktop

「インストール」をクリックしてインストールを確認します

Edge - Android

Step 1 - Edge Android

ブラウザメニューを開きます - 右下の「ハンバーガー」アイコン、サイトアドレスの隣

Step 2 - Edge Android

メニューアイコンを右にスワイプします

Step 3 - Edge Android

「電話に追加」オプションを選択します

Step 4 - Edge Android

ここでインストールを確認します - 「インストール」をタップ

Opera - iOS

Step 1 - Opera iOS

ブラウザメニュー(右下のOperaアイコン)を開き、「ホーム画面に追加」を見つけます

Step 2 - Opera iOS

ここで共有ボタンをタップします

Step 3 - Opera iOS

オプションを選択: ホーム画面に追加

Step 4 - Opera iOS

ここで「追加」ボタンをタップします。 アプリがiPhoneのホーム画面に表示されます

Opera - Android

Step 1 - Opera Android

ブラウザメニューを開きます - 右上の「3つの点」

Step 2 - Opera Android

「追加...」オプションを選択します

Step 3 - Opera Android

ここで「ホーム画面」オプションを選択します

Step 4 - Opera Android

「追加」ボタンをタップします

Step 5 - Opera Android

ここで確認し、もう一度「追加」をタップします - アプリがホーム画面に表示されます

Samsung internet - Android

Step 1 - Samsung internet Android

「アプリをインストール」ボタンをタップします - アイコン: 下向きの矢印が付いた四角

Step 2 - Samsung internet Android

「追加」ボタンをタップします - アプリがホーム画面に表示されます

Keywords: PWAアプリ, Progressive Web App, PWAをインストール, PWAアプリをインストール, PWAウェブアプリ, PWAモバイルアプリ, PWAブラウザアプリ, インストール可能なウェブアプリ, PWA installable web app, App StoreなしのPWA, Google PlayなしのPWA, PWAクロスプラットフォームアプリ, PWAオフラインアプリ, PWAプッシュ通知, iOSとAndroid用PWA, Progressive Web App インストール, Progressive Web App オフライン, Progressive Web App ブラウザ, Progressive Web App installable, Progressive Web App ウェブアプリケーション, Progressive Web App モバイルアプリ, ストアなしのProgressive Web App, インターネットなしで動作するアプリ, ブラウザアプリとしてのアプリ, ブラウザからアプリをインストール, web-appアプリ, web appをインストール, 電話にweb-appをインストール, ウェブアプリケーションをインストール, 高速PWAインストール, 即座のPWAインストール, PWAを素早くインストール, 簡単なPWAインストール, シンプルなPWAインストール, ステップバイステップPWAインストール, 段階的PWAインストール, PWAインストール手順, PWAを素早くインストールする方法, PWAインストールガイド, PWAインストールマニュアル, Bundlephobia, 追加前にパッケージサイズを確認, utilities-tools

View app on Web Store →