新しい技術を習得したいと思ったら、実際に手を動かして何かを作ってみるのがオススメです。手を動かした経験は誰にも奪われず、自分の知識になります。また、手を動かすことで問題点やハマりどころも理解でき、実際に利用する際に応用できます。 今回はPWA(Progressive Web App)を体感するためのアプリケーション、Book Management PWA Onsen UI Vueを紹介します。その名の通り、技術的にはOnsen UIとVueを用いています。

Book Management PWA Onsen UI Vueの使い方

書籍一覧です。

右上にメニューがあります。

レンタル中の書籍一覧です。

期限切れの書籍です。

レンタルする際の画面です。

こちらは逆にレンタルした書籍の返却画面。

Book Management PWA Onsen UI VueはOnsen UIを使っていますので、スマートフォンのGoogle ChromeやSafariに最適化されています。Edgeなどでは動かないので注意して下さい。反面、タブバーや画面遷移のアニメーションなどはネイティブ並のUI/UXで、PWAとしての可能性を大いに感じさせるソフトウェアとなっています。

Book Management PWA Onsen UI VueはVue/JavaScript製のソフトウェア(ソースコードは公開されていますがライセンスは明記されていません)です。

yasutomog/book-management-pwa-onsenui-vue