【じゃん検索】JANコード検索サービスをスマホアプリにしてみた(PWA化)

プログラミング全般

JANコード検索サービス「じゃん検索」のスマホアプリ版を公開してみました。キーワード検索によるJANコード検索機能と内蔵カメラによるバーコード読み取り/JANコード判定機能を提供するモバイルアプリとなっています。

といっても、アプリストアなどからインストールするネイティブアプリではなく、PWAという技術でWebサービスをスマホアプリのように扱える機能を使ったものです。

JANコード検索スマホアプリのインストール

このスマホアプリ版(PWA版)JANコード検索アプリは、AndroidとiPhone(iOS)の両方で動作しますが、環境により表示が異なる場合やうまく動作しない可能性があることをご了承ください。

以下はAndroid版Chrome環境でのインストール手順の例です。

じゃん検索」のサイトにアクセスすると、画面下に「ホーム画面にアプリを追加」の通知が表示されます。この通知をタップします。

通知を消してしまった場合は、右上のメニューをタップし「アプリをインストール」を選択します。

アプリをインストール」確認画面が表示されます。「インストール」をタップします。

アプリがインストールされます。ホーム画面にアイコンが表示されます。

WordPress環境でCocoonテーマを使った簡単実装

この「じゃん検索」ですが、WordPress環境で構築しています。

もともとWordPressプラグインの開発を行っている中でテスト的にWebサービスとしてリリースしたもののため、このアプリ版のサービスについても予告なく変更、停止の可能性がある点をご了承ください。

また、PWA化についてはWordPressのCocoonテーマを使って実現しています。こちらのCocoonテーマはこのブログサイトでも使われているテーマですが、作りがシンプルにもかかわらずカスタマイズに便利な機能が多数実装されているため、今回のようなWebサービスへの利用にもお手軽に行えます。

PWA化はCocoonテーマの設定からボタンひとつで行えてしまいます。本来はメディアサイトでの利用などを想定したものだと思いますが、基本の実装が余りにも簡単にできてしまうので利用させていただいちゃいました。

今後もう少しアプリっぽい機能なども追加していこうかと思います。

もしお使いの環境で正しく表示されない場合や、今後の機能のリクエストやご意見などがあればぜひお知らせください。(こちらからの回答や改善を保証するものではありません。。ご了承ください。)

コメント

タイトルとURLをコピーしました