Pro Wrestling Australia オーストラリアのプロレス団体。
Pro Wrestling Alliance アメリカのテキサスを拠点とするプロレス団体。
さて、PWAアプリをTMSWebcoreで一年以上前から作成していました。 PWAって何かというとWebアプリが単独のデスクトップアプリのように アイコンが登録されてショートカットから起動できるようになるWebアプリの 作り方です。 アプリ自体は順調に制作できたのですが、世界中の人から閲覧できる状態でした。 （おいおい） いや認証を入れたかったのですが、おかしな動きをするので、やめてました。 認証はみんな大好きBASIC認証です。（涙） 認証設定は簡単なのですが、認証後のJavaScriptの動きがよくなかったのです。 そこで１枚空白ページを入れて、ボタンでメインページにいくようにしたら、 問…
Distortion.fmをPWA (Progressive Web Apps) 化しました。 Distortion.fm ホーム画面へインストールすることで独立したアプリのように利用できます。最新エピソード配信のお知らせをスマホの通知で受信することもできます。イメージはこんな感じ。 Web Push! ここまでがユーザー向けのお話。ここからは実装についてのお話。リポジトリも添えておきます。 github.com 今さら？ ゴール Add to Home Screen Web Push Service Workerの登録 Notification API Push API プッシュ通知を送る …
気まぐれ対応です. プッシュ通知などには対応していません. スポンサーリンク // PWAについておさらい 作り方 〆 PWAについておさらい blog.thetheorier.com 先日紹介したように、かなり昔ですがWebサイトでもiOSアプリやAndroidアプリのように振る舞うPWA(Progressive Web Apps)というものがあります. アプリのように振る舞うのでブラウザのURL表示や共有ボタンなどブラウザ側のUIが取り除がれて画面全体をこちら側で扱うことができ、またWebPushやNotificationPushなども行える、まさにアプリに限りなく近づいたWebサービスを…
ランキング参加中iPhone ランキング参加中Apple iOS16.0から対応はしていたPWAですが、一部の機能は後手となっていました. iOS16.4からプッシュ通知に対応しました. スポンサーリンク // PWAとは 設定1：Push APIの設定 設定2：PWA対応サイトをホーム画面に追加する 比較 プッシュ通知やアイコンバッジは？ 〆 PWAとは Webの世界ではシンプルに記事を提供するWebサイトと、コメントやデータの加工、動画視聴、商品購入などの機能を兼ね備えたWebアプリにおおまかに大別されてきました. スマホが登場しスマホ向けアプリが生まれ、これまでのWebサイトやWebアプ…
こんにちは！今回は、ノーコード開発ツール「Softr」について、構築したアプリをPWAとして端末にインストールできるようにする「Softr mobile」の利用方法をご紹介します。 Softrは、本ブログでもご紹介したことがある直感的にWebアプリを構築できるノーコード開発ツールです。レゴのようにWebサイトを組み立てられるデザインスタジオや、SEOや会員限定ページなどの面倒な設定が簡単にできる点が特徴のノーコード開発ツールでしたね。そんなSoftrについて、今回は「Softr mobile」という、ユーザーがアプリをPWAとしてインストールできるようにする機能の利用方法をご紹介していきます。…
いつもの挨拶 どうもこんにちは。いつものゆりです。 深夜アニメは最近 dアニメストア ニコニコ支店で見ています。 site.nicovideo.jp が、ゆりさんは東京に住んでいるわけで、深夜アニメは見ようと思えば TOKYO MX でも、BS11 でも見られます。（デスクトップ環境では後者が録画できないのですが…） 大体の放送局は網羅できるわけですし、dアニメストアは110円値上がりするそうであんまり意味ないんじゃないかなあ、といった具合です。 で。 今期放送されているアニメに、こんな作品があります。 onimai.jp 『お兄ちゃんはおしまい！』こと『おにまい』です。 僕はみはりちゃんが好…
概要 参考情報 概要 以下、自分用のメモです。 WWDC22にて、やっと Safari で、macOS, iOS, iPadOS にもプッシュ通知(Web Push通知)がサポートされるとのこと。 macOSは年内、iOS, iPadOSは来年っぽいですね。 これ、待っていた方多いのではないでしょうか。PWAの採用が進むかもしれませんね。今後。 まだ、全部見ていないのですが、忘れないうちに情報をメモメモ。。。 speakerdeck.com backapp.co.jp www.suzukikenichi.com applefan.net 参考情報 web.dev 過去の記事については、以下のペ…
アソビュー Advent Calendar 2021の7日目です🎄 アソビューでフロントエンドエンジニアをしている野口です。 next-pwaを使ってNext.jsで作成した静的ファイルのオフライン対応と、リソースのアップデートのタイミングについて調べてみました。 next-pwa その名の通り、Next.jsで簡単にPWA対応が行えるライブラリです。他にもnext-offlineといったライブラリがあるようなのですが、Next.jsの公式のサンプルにも載っているのと、直近のアップデートもありメンテナンスされてそうなのでこちらを選んでみました。 ちなみに、作成したPWAのサイトをシェアするdi…
Android Chrome support.google.com iOS(日本語の公式ドキュメントは発見できず) Safari bamka.info Chrome サポート外 プログレッシブ ウェブアプリを利用する - iPhone と iPad - Google Chrome ヘルプ Windows Chrome support.google.com Edge docs.microsoft.com Try PWA (技術の泉シリーズ（NextPublishing）)作者:渋田 達也インプレスR&DAmazonプログレッシブウェブアプリ PWA開発入門 (NextPublishing)作者:…
カメラを使って写真を撮る Media Capture and Streams APIのMediaDevices.getUserMedia メソッドを使用すれば実現可能 (実装コードは誌面に記載あるが割愛) QRコードを読み込む Shape Detection APIという、ブラウザで顔・バーコード・テキストの検出が可能となるAPI 2021年10月時点では、Google Chromeと一部のブラウザしかまだ対応していない 使用するには、GoogleChromeのアドレスバーで「chrome://flags」と入力して表示される設定画面で、「Experimental Web Platform f…
paiza.hatenablog.com
qiita.com
eh-career.com
blog.agektmr.com
eh-career.com
www.publickey1.jp
inside.dmm.com
speakerdeck.com
speakerdeck.com
