困ったー[サブブログ&ツール]


【ウェブ】PWAとは?おすすめは?

【ウェブ】PWAとは?おすすめは?


投稿日:2019/09/23 19:27
更新日:2019/09/23 19:27
文字の目安:3143

注目記事

PWAとは、Progressive Web Apps のことでウェブサイトをアプリのように取り扱いしやすくしたものです。
ウェブページは、専用ソフト(クローム)上で閲覧できますが、操作性はアプリに比べるとやや劣ります。
PWA対応になると、ウェブページの利便性がアップします。




1 PWAとは?

PWAは「プログレッシブ・ウェブ・アップス」のことです。
 
PWAに対応した作り方を行ったウェブサイトやウェブページは、PWAのメリットが使えます。
 
アプリに比べてウェブページは「通知が使えない」「オフラインで読み込まれない」「ホーム画面にアイコンを出せない・出しにくい」などのデメリットがあります。
 
しかしPWAにサイトが対応していれば、これらの機能がつかえるようになります。
 

通知機能

通知が利用可能になります。
 

操作性の向上

上部のメニューバーの非表示、スプラッシュ画面の表示、ホーム画面へのアイコン追加など。
 

オフライン対応

ローカルにキャッシングされ、オフラインでも表示可能。
 
 
 

2 PWAの問題点

グーグルが主導しているだけにクロームは対応。
ただし他のブラウザで見る場合にはすべての機能が正しく動作しない場合があります。
 
ファイアフォックスでは一部機能は利用不可。
サファリでは一部利用可。
 
 

3 おすすめは?

インスタグラム

定番の写真SNS。
https://www.instagram.com/
 

グーグルマップ

定番の地図アプリ。
https://www.google.com/maps/
 

クロームキャンバス

ペイントアプリ。
https://canvas.apps.chrome/
f:id:apicode:20190414213253p:plain
 

ツイッター

炎上でもおなじみ人気のSNS。
https://mobile.twitter.com/
 

STOCKY

シンプルな株チャートビューワ。
https://stocky.app/ 
f:id:apicode:20190414213458p:plain
 
 

4 おすすめゲームは?

SUDOKU

定番のパズルゲームです。
https://sudoku.jull.dev/
f:id:apicode:20190414212534p:plain
 

ルービックキューブ

https://bsehovac.github.io/the-cube/
f:id:apicode:20190414094155p:plain
 

HEX

テトリス系のパズルゲーム。
中央の六角形部分を矢印キーで時計回り、反時計回りに回転。
同じ色を並べると消すことができます。
うちではクロームでは表示がバグってて?、オペラでは動作しました。
https://hextris.love2dev.com/
f:id:apicode:20190414212931p:plain
 

ウェブサイト


スポンサーリンク



注目記事