Libx Awesomeリスト

    このページの内容

    Awesome Ionic

    Ionicを扱う資料や関連プロジェクトをまとめたAwesomeリストです。

    目次

    現在のIonicバージョン

    npm version

    公式資料

    Capacitor

    IonicアプリはCapacitorをネイティブランタイムとして利用できます。

    • Website - プロジェクトのホームページ
    • Documentation - 公式ドキュメント
    • CLI - コマンドラインリファレンス
    • Plugins - 公式プラグインAPI
    • Blog - 公式ブログ記事
    • Forum - IonicフォーラムのCapacitorカテゴリ
    • Repository - コアランタイムソースコード
    • Awesome Capacitor - 厳選されたCapacitorプラグイン、ツール、ガイド

    Ionicの基礎

    テーマ設定

    コンポーネントチュートリアル

    認証

    単体テスト

    Ionic Native／Cordovaプラグイン

    Capgo Capacitorプラグイン

    • capacitor-accelerometer - Capacitorプラグインによるデバイス加速度計測値の読み取り
    • capacitor-admob - CapacitorプラグインによるiOSおよびAndroid向けAdMob SDKのブリッジ
    • capacitor-age-range - Capacitorプラグインによる年齢範囲検出。Google Play年齢シグナル（Android）＋Apple DeclaredAgeRange（iOS）
    • capacitor-alarm - Capacitorプラグインによるネイティブアラームの設定と開閉
    • capacitor-android-age-signals - キャパシタプラグインでPlay Age Signals APIを使用して、ユーザーの年齢に関連するシグナルを取得します。
    • capacitor-android-inline-install - キャパシタプラグインでAndroidのインラインインストール機能をトリガーします。
    • capacitor-android-kiosk - キャパシタプラグインで「キオスクモード」を持つアプリを作成します。このプラグインを使用したアプリは、Androidのランチャーとして設定できます。
    • capacitor-android-sms-retriever - Android SMS Retrieverおよび電話番号ヒントAPI向けのキャパシタプラグイン。
    • capacitor-android-usagestatsmanager - Androidアプリの使用状況統計をネイティブに取得するキャパシタプラグイン。
    • capacitor-app-attest - iOSでのApp AttestおよびAndroidでのPlay Integrityの認証に向けたキャパシタプラグイン。
    • capacitor-app-tracking-transparency - iOSのアプリトラッキング透明性向けのキャパシタプラグイン。
    • capacitor-appinsights - アプリインサイトSDKとの相互作用を可能にするキャパシタプラグイン。
    • capacitor-appsflyer - AppsFlyerのアトリビューション、分析、ディープリンクに向けたキャパシタプラグイン。
    • capacitor-asset-cache - 大きな画像や動画の透明なローカルキャッシュを実現するキャパシタプラグイン。
    • capacitor-audio-recorder - iOSおよびAndroidで音声を録音し、バックグラウンドで保持するキャパシタプラグイン。
    • capacitor-audiosession - 音声セッションの管理を行うキャパシタプラグイン。
    • capacitor-auto - CarPlayおよびAndroid Autoとの通信を行うキャパシタプラグイン。
    • capacitor-autofill-save-password - iOSのウェブビューアプリでパスワードをキーチェーンに保存するダイアログを表示するキャパシタプラグイン。
    • capacitor-background-geolocation - アプリがバックグラウンドにいるときでも正確な地理位置情報の更新を送信するキャパシタプラグイン。
    • capacitor-background-task - iOSおよびAndroidでの定期的なバックグラウンドフェッチタスクに向けたキャパシタプラグイン。
    • capacitor-barometer - デバイスの気圧センサーの読み取りを行うキャパシタプラグイン。
    • capacitor-bluetooth-low-energy - Bluetooth Low Energy向けのキャパシタプラグイン。
    • capacitor-brightness - iOSおよびAndroidでの画面明るさの制御を行うキャパシタプラグイン。
    • capacitor-calendar - iOSおよびAndroidでのカレンダーイベントの管理、iOSでのリマインダー対応を含むキャパシタプラグイン。
    • capacitor-camera-preview - キャパシタプラグインでJavaScriptおよびHTMLからカメラとの相互作用を可能にする
    • capacitor-compass - ナビゲーションコンパスにアクセスできるキャパシタプラグイン
    • capacitor-contacts - iOSおよびAndroidでのネイティブ連絡先との相互作用を可能にするキャパシタプラグイン
    • capacitor-contentsquare - Contentsquareモバイル分析SDKに接続するキャパシタプラグイン
    • capacitor-crisp - CrispネイティブSDKを使用するキャパシタプラグイン
    • capacitor-data-storage-sqlite - iOSおよびAndroid向けデータストレージ用のSQLiteキャパシタプラグイン
    • capacitor-date-picker - ネイティブの日付、時刻、日時、年月、範囲選択器に対応するキャパシタプラグイン
    • capacitor-device-info - CPU、メモリ、GPU、ストレージ、および搭載センサーのメトリクスを読み取るキャパシタプラグイン
    • capacitor-device-integrity - デバイスの整合性、Android Widevineの指紋、Play Integrity、iOS App Attest、DeviceCheckに対応するキャパシタプラグイン
    • capacitor-document-scanner - iOSおよびAndroidでのドキュメントスキャンを可能にするキャパシタプラグイン
    • capacitor-downloader - バックグラウンドまたはフォアグラウンドでファイルをダウンロードできるキャパシタプラグイン
    • capacitor-env - キャパシタ設定に環境変数を保存・読み出しできるキャパシタプラグイン。マルチテナントアプリに有効。
    • capacitor-facebook-analytics - Meta／Facebookアプリイベント分析用のキャパシタプラグイン
    • capacitor-fast-sql - ローカルSQLに接続できる高速プロトコルを用いたキャパシタプラグイン
    • capacitor-ffmpeg - デバイス上でFFmpegをローカルに実行できるキャパシタプラグイン
    • capacitor-file - ファイルシステム操作を行うキャパシタプラグイン。Cordovaのcordova-plugin-fileと互換性のあるAPIを持つ現代的な代替品。
    • capacitor-file-compressor - iOS、Android、WebプラットフォームでPNG、JPEG、WebP形式をサポートする効率的な画像圧縮を実現するキャパシタプラグイン
    • capacitor-file-picker - ファイル選択プラグイン - ファイル、画像、動画、ディレクトリを選択可能。
    • capacitor-file-sharer - Android、iOS、Web上でファイルの共有および保存を可能にするキャパシタプラグイン
    • capacitor-firebase - Firebaseプラグイン（Android、iOS、Web対応）：現在のFirebase SDKを使用
    • capacitor-flash - フラッシュライト／ランプの切り替え用のキャパシタプラグイン
    • capacitor-gtm - Googleタグマネージャー(GTM)を本番で使用できるキャパシタプラグイン
    • capacitor-health - Apple HealthKitおよびGoogle Fitからのデータを操作できるキャパシタプラグイン
    • capacitor-home-indicator - ホームボタンのインディケータを非表示・表示できるキャパシタプラグイン
    • capacitor-ibeacon - iBeaconとの相互作用を可能にするキャパシタプラグイン
    • capacitor-in-app-review - アプリストアの評価をユーザーに促すキャパシタプラグイン
    • capacitor-inappbrowser - アプリブラウザ内のurlChangeEventを扱うキャパシタプラグイン
    • capacitor-incoming-call-kit - Androidのフルスクリーン通知およびiOSのCallKitによるネイティブ通話UIを提供するキャパシタプラグイン
    • capacitor-install-referrer - Google PlayインストールリファーラーおよびApple AdServicesによるインストール履歴を管理するキャパシタプラグイン
    • capacitor-intent-launcher - CapacitorアプリからAndroidのIntentを実行し、システム設定画面を開く
    • capacitor-intercom - Intercom SDK用のキャパシタプラグインブリッジ
    • capacitor-intune - Microsoft Intune MAMの登録、アプリ保護ポリシー、アプリ設定、MSAL認証をサポートするキャパシタプラグイン
    • capacitor-is-root - Jailbreak/Rootの検出を可能にするキャパシタプラグイン
    • capacitor-ivs-player - AndroidおよびiOS向けのネイティブIVSプレイヤーを提供するキャパシタプラグイン
    • capacitor-jw-player - JWプレイヤーを使用して動画をネイティブに再生できるキャパシタプラグイン
    • capacitor-keep-awake - デバイスの画面が暗くなるか、睡眠状態に入るのを防ぐキャパシタプラグイン
    • capacitor-launch-navigator - AndroidおよびiOS向けのネイティブルートナビゲーションアプリを起動するキャパシタプラグイン
    • capacitor-light-sensor - デバイスの光センサ（Android限定）にアクセスできるキャパシタプラグイン
    • capacitor-live-activities - iOSのライブアクティビティをCapacitorから管理する
    • capacitor-live-reload - リモートVite開発サーバーからCapacitorアプリをリアルタイムで再読み込みするキャパシタプラグイン
    • capacitor-llm - Apple IntelligenceをサポートしたiOSおよびAndroidでLLMモデルをローカルに実行できるキャパシタプラグイン
    • capacitor-media-session - デバイスのメディアセッションコントロールを公開するキャパシタプラグイン
    • capacitor-mock-location-detector - シミュレートされたGPS位置を検知し、アプリのフィッシングを可能にする開発ツールを提供するキャパシタプラグイン
    • capacitor-mqtt - AndroidおよびiOSでのMQTT接続を可能にするキャパシタプラグイン
    • capacitor-mute - デバイスのミュートスイッチが有効／無効になっているかを検知するキャパシタプラグイン
    • capacitor-mux-player - iOSおよびAndroidでMux Player SDKを使用して動画を再生するキャパシタプラグイン
    • capacitor-native-audio - ネイティブなオーディオエンジンを提供するキャパシタプラグイン
    • capacitor-native-biometric - Face ID、Touch ID、Androidバイオメトリクスをサポートしたキャパシタのセキュアなバイオメトリック認証
    • capacitor-native-loader - キャパシタアプリにおけるネイティブアニメーションローダー、透過オーバーレイ、Lottieアセット、WebViewのサイズ変更
    • capacitor-native-market - ネイティブなPlay Store／App Storeを開くキャパシタプラグイン
    • capacitor-native-navigation - Liquid glassネイティブナビゲーションタブを提供するキャパシタプラグイン
    • capacitor-native-purchases - 最新のAndroidおよびiOSライブラリを用いたキャパシタにおけるIAP管理プラグイン
    • capacitor-nativegeocoder - ネイティブなフォワードおよびリバース地名変換を提供するキャパシタプラグイン
    • capacitor-navigation-bar - Android Lollipop以降のナビゲーションバーの色を設定するキャパシタプラグイン
    • capacitor-network-diagnostics - ネイティブなネットワーク診断を提供するキャパシタプラグイン
    • capacitor-nfc - NFCタグの読み書きを可能にするキャパシタプラグイン。他NFC対応デバイスとのデータ送受信も可能。
    • capacitor-notifications - ユーザー検索、バッジ、統計を含むネイティブiOSおよびAndroidのプッシュ通知を送信
    • capacitor-passkey - WebAuthnと互換性のあるシェルを備えたキャパシタパスキープラグイン（ネイティブアプリ対応）
    • capacitor-patch - cap syncおよびcap update時に検証済みCapgoパッチを適用
    • capacitor-pay - iOS（Apple Pay）およびAndroid（Google Pay）でのネイティブ決済をトリガーするキャパシタプラグイン
    • capacitor-pdf-generator - CapacitorプラグインでiOSおよびAndroidでHTML文字列またはURLからPDFファイルを生成します
    • capacitor-pedometer - 歩数計データ（歩数、距離、ペース、cadence、階数）を取得できるCapacitorプラグイン
    • capacitor-persistent-account - アプリのインストール間でアカウントデータを保持できるCapacitorプラグイン
    • capacitor-persistent-uuid - アプリの再インストールやアップデートを繰り返しても保持されるアプリUUIDを提供するCapacitorプラグイン
    • capacitor-persona - iOSおよびAndroidでPersona Inquiryフローを起動できるCapacitorプラグイン
    • capacitor-photo-library - 写真ギャラリーをウェブページとして表示する、または編集できないが認可不要なネイティブ画面を表示するCapacitorプラグイン
    • capacitor-plus - Capacitor+は、コミュニティによる修正と速いリリースを提供する、常に同期されるCapacitorのフォークです
    • capacitor-pretty-toast - Capacitorおよびウェブ向けのネイティブ第一のシンプルなトースト通知
    • capacitor-printer - ドキュメント、HTML、PDF、画像、ウェブビューの印刷を可能にするCapacitorプラグイン
    • capacitor-privacy-screen - AndroidのスクリーンショットやiOSアプリスイッチャーのプレビューでアプリコンテンツを隠すCapacitorプラグイン
    • capacitor-proximity - モバイルアプリでプロキシモニタリングを有効にするCapacitorプラグイン
    • capacitor-realtimekit - Cloudflare Realtime Kitを使用するCapacitorプラグイン
    • capacitor-recaptcha - reCAPTCHAおよびreCAPTCHA Enterpriseトークンを生成するCapacitorプラグイン
    • capacitor-ricoh360-camera-plugin - ricoh camera 360用のCapacitorプラグイン
    • capacitor-rudderstack - RudderStackの分析、識別、イベントトラッキングを実現するCapacitorプラグイン
    • capacitor-screen-orientation - 画面方向をサポートし、実際の物理デバイスの方向を検知できるCapacitorプラグイン
    • capacitor-screen-recorder - スマホの画面をネイティブで録画するCapacitorプラグイン
    • capacitor-shake - 物理デバイスがシェイクジェスチャーを実行したときに検知するCapacitorプラグイン
    • capacitor-share-target - アプリ内で共有ターゲットインテントを受け取るCapacitorプラグイン
    • capacitor-sheets - フレームワークに依存しないシート、ドレーアー、ダイアログ、オーバーレイプリミティブを提供するCapacitorプラグイン
    • capacitor-sim - SIMカードから情報を取得できるキャパシタプラグイン
    • capacitor-social-login - Google、Apple、Facebookなどでのログインを簡単かつ迅速に実装できるキャパシタプラグイン
    • capacitor-speech-recognition - 音声認識に使えるキャパシタプラグイン
    • capacitor-speech-synthesis - テキストから音声を合成するプラグインで、言語、声、トーン、速度、音量を完全に制御可能
    • capacitor-ssl-pinning - AndroidおよびiOS向けのキャパシタSSLピンニングプラグイン（CapacitorHttpとの統合）
    • capacitor-streamcall - キャパシタ向けのStreamCall SDKプラグイン
    • capacitor-stripe-identity - StripeのID認証に使えるキャパシタプラグイン
    • capacitor-stripe-pay - Stripeの支払いシート、Apple Pay、Google Payに使えるキャパシタプラグイン
    • capacitor-stripe-terminal - Stripe Terminalによる店頭支払いに使えるキャパシタプラグイン
    • capacitor-supabase - キャパシタ向けのネイティブSupabase認証、JWTアクセス、および基本的なデータベースヘルパー
    • capacitor-textinteraction - iOSアプリでのテキスト相互作用を切り替えるキャパシタプラグイン
    • capacitor-transitions - キャパシタアプリ向けのフレームワークに依存しないページ遷移。iOSスタイルのナビゲーションで意見を一切持ちません
    • capacitor-twilio-video - Twilio Videoのルームにネイティブの音声、カメラ、ルームライフサイクルイベントで参加
    • capacitor-twilio-voice - Twilio Voice SDKを使って電話の呼び出しを作成・応答できるキャパシタプラグイン
    • capacitor-updater - 即時更新を実現するキャパシタプラグイン：アップデート、修正、変更、新機能を数分以内に提供
    • capacitor-uploader - ネイティブ層でファイルをアップロードできるキャパシタプラグイン
    • capacitor-uwb - iOSおよびAndroid向けの超広帯域（UWB）距離測定に使えるキャパシタプラグイン
    • capacitor-verisoul - Verisoulによる詐欺防止セッションに使えるキャパシタプラグイン
    • capacitor-video-player - ネイティブプレイヤーで動画を再生できるキャパシタプラグイン
    • capacitor-video-thumbnails - ローカルまたはリモートの動画ファイルから動画のサムネイルを生成するキャパシタプラグイン
    • capacitor-volume-buttons - キャパシタプラグインでボリュームボタンの押下を検知する
    • capacitor-watch - Apple Watchとの通信を可能にする、両方向メッセージをサポートするキャパシタプラグイン
    • capacitor-webview-crash - WebViewのクラッシュを検知するキャパシタプラグイン
    • capacitor-webview-guardian - バックグラウンドでWebViewが終了された際に、フォアグラウンド時に再起動するよう検知するキャパシタプラグイン
    • capacitor-webview-version-checker - AndroidのWebViewエンジンの古さをチェックし、ネイティブアップデートプロンプトと実行時状態イベントを提供するキャパシタプラグイン
    • capacitor-wechat - WeChat SDKとの相互作用を可能にするキャパシタプラグイン
    • capacitor-widget-kit - Capgo WidgetKitプラグインにワークアウトLive Activityの例とMaestroのスモークテストを提供
    • capacitor-wifi - あなたのキャパシタアプリのWiFi接続を管理するキャパシタプラグイン
    • capacitor-youtube-player - YouTubeプレイヤーのコントロールをCapacitorアプリに埋め込むためのプレイヤープラグイン
    • capacitor-zebra-datawedge - Zebra AndroidデバイスでのZebra DataWedgeプロファイル管理、通知、クエリ、ソフトスキャンを可能にするキャパシタプラグイン
    • capacitor-zip - iOS、Android、Webでファイルの圧縮と展開を行うキャパシタプラグイン
    • cordova-updater - Cordova iOSおよびAndroid向けのOTAライブアップデート（アップダートプラグインと同じAPI）
    • electron-updater - Electronアプリ向けのOTAライブアップデート（アップダートプラグインと同じAPI）
    • tauri-updater - Tauriアプリ向けのOTAライブアップデート

    決済ゲートウェイ統合

    Backend as a Service

    i18nとl10n

    ツール

    • Ionic2-vscode
    • Vim-ionic2
    • Capacitor safe area simulator - ブラウザ内で安全領域をシミュレートするChrome拡張機能（Ionic、Knsta UIおよびTailwind Capacitorに対応）
    • Capstart - React、Supabase、shadcn/uiを使用したCapacitorアプリの作成や、既存のウェブフレームワークプロジェクトにCapacitorを追加するためのCLIおよびスタートアップツールキット
    • Capgo Skills - Ionic/Capacitorスキルをインタラクティブなチャレンジでテスト
    • Capgo Security Scanner - あなたのCapacitorアプリのセキュリティ脆弱性をスキャン
    • Capgo Semver Tester - Capacitorプラグインのセマンティックバージョン互換性をテスト
    • AASA Tester - iOS Universal Links用のApple App Site Associationファイルをテスト
    • CLI - ライブアップデートバンドルのアップロードと管理
    • Live Update Action - ライブアップデートをデプロイするGitHubアクション
    • Docker - ネイティブアプリのビルド用のイメージ
    • Native Builds - クラウド上でiOSおよびAndroidのバイナリをコンパイル・署名
    • Android Keystore Generator - ブラウザ上でアプリ署名用のAndroidキーストアを生成
    • iOS Certificate Generator - ブラウザ上でiOSの証明書署名リクエストとプライベートキーを生成
    • iOS UDID Finder - iPhoneまたはiPadのUDIDを検索；デバイス識別子はツールのバックエンドに送信
    • Vite plugin - ネイティブプラットフォームの設定をVite開発サーバーのURLと同期
    • n8n nodes - n8nワークフローからライブアップデートおよびネイティブビルドを自動化
    • Standard Version - アプリの自動バージョン管理
    • CI/CD pipeline setup - ビルド、テスト、ライブアップデートのデプロイを自動化
    • OTA updates in CI/CD - パイプラインからオーバーアイアップデートを配信

    動画チュートリアル

    Webアプリの変換

    既存のWebアプリを公開済みモバイルアプリへ変換するまでを扱うチュートリアルです。

    書籍

    ボイラープレート／デモアプリ

    コンポーネント

    ライブラリ

    • Capacitor Tailwind - Capacitor 用の Tailwind CSS プラグイン
    • Ionic Blocks - 無料およびプレミアムの Ionic コンポーネントのコレクション

    アニメーション

    UIライブラリ

    メニュー、タブ

    フォーム／入力

    入力 — 日付／カレンダー

    リスト／テーブル

    画像

    チャート／図

    動画／音声

    キーボード

    アイコン

    ダイアログ

    フレーム

    オープンソースプロジェクト

    Ionicで構築されたアプリ

    Ionicの利用が公開資料で確認できる本番アプリです。

    • AAA - アメリカ自動車協会のメンバーサービスアプリ
    • BBC Games - BBCの子供向けゲーム
    • Bestinvest - 投資プラットフォームをiOSおよびAndroid用にラップ
    • Burger King - バーグキングがモバイル向けにデザインシステムを導入した方法
    • DayClocks Agenda - Cordovaから移行したファミリーアジェンダアプリ
    • Komed Health - 病院向けの臨床コミュニケーションアプリ
    • MyBlock - H&R Blockの税務準備アプリ
    • Spreekuur.nl - Dutchのヘルスケアコンサルテーションアプリ（Topicus）
    • YesHelp - iOSおよびAndroid用の社会支援アプリ
    • Ionic case studies - Ionicチームが発表したさらに多くのケーススタディ

    コミュニティ

    • Discord - 公式Discordコミュニティ
    • Reddit - コミュニティのディスカッション
    • Stack Overflow - ionic-frameworkにタグが付けられた質問

    フリーランサー

    • Adrien - Capstartの作成者であり、Capgoでのパートタイム開発者
    • Jordan - 複数のモバイルアプリの作成者であり、Capgoでのパートタイム開発者
    • Capgo consulting - リアルタイム更新、ネイティブプラグイン、Ionic/Capacitorに関するコンサルティング

    コントリビューション

    コントリビューションを歓迎します。最初にコントリビューションガイドラインを確認してください。

    作者

    Capgo — Live updates for capacitor