技術 - PWAの記事一覧
bento-starter - PWAを学ぶ、実装するのに参考にしたいスターターキット
PWA（Progressive Web Apps）というキーワードに注目が集まっていますが、実際のところ何からはじめれば良いのか分からない人は多いのではないでしょうか。PWAは固有の技術を指し示すものではないので、特に分かりづらいでしょう。そこで参考にしたいのがbento-starterです。PWAとは何か、を学ぶのに...
PWABuilder - PWAを開発する際のお供に
PWA（Progressive Web Apps）に注目が集まっています。ネイティブアプリにしかできないことはたくさんありますが、Webアプリケーションでも十分という領域はどんどん増えています。そんな中、iOSも対応範囲を増やしており、実用レベルになってきています。PWAを作っている方はPWABuilderを使ってどれ...
PWA Starter Kit - PWAを学ぶためのテンプレート
PWA（Progressive Web Apps）というキーワードがトレンドになっています。しかしPWAは特定の技術を指すのではなく、Webでの体験をよりネイティブ並に向上させるという概念でしかありません。そのため何から取り組んだら良いかが分かりづらいです。そこで勉強のベースに使ってみたいのがPWA Starter K...
PWA Update Available - Service Workerの更新通知
PWAを適用することで、WebアプリケーションでネイティブアプリのようなUI/UXを実現できます。その一つとしてService Workerが挙げられます。Service Workerはクライアントサイドにキャッシュされ、アクセス時に差分があると更新される仕組みです。しかし、更新はされるのですが、その場では適用されませ...
Squoosh - 高性能な画像圧縮Webアプリケーション
デジカメやスマートフォンのカメラが性能向上するのに合わせて画像のサイズがどんどん大きくなっています。その結果、バックアップや写真の表示でネットワーク帯域を消費することになってしまいます。これは今後どんどん問題が大きくなっていくでしょう。Appleでは新しい画像フォーマットHEICを作りました。対してGoogleはSqu...
Qiita-Trend-PWA - QiitaトレンドをPWA化
PWA（Progressive Web App）というキーワードに注目が集まっています。Webアプリケーションのパフォーマンスを向上させたり、スマートフォンアプリで実装されているような機能を実現するための仕組みです。今回はそんなPWAの例としてQiita-Trend-PWAを紹介します。名前の通り、Qiitaのトレンド...
Book Management PWA Onsen UI Vue
新しい技術を習得したいと思ったら、実際に手を動かして何かを作ってみるのがオススメです。手を動かした経験は誰にも奪われず、自分の知識になります。また、手を動かすことで問題点やハマりどころも理解でき、実際に利用する際に応用できます。今回はPWA（Progressive Web App）を体感するためのアプリケーション、Bo...
PWACompat - PWAに対応しない古いブラウザでもWeb App Manifestに対応させる
PWAの一要素としてWeb App Manifestがあります。JSONファイルを用意しておくことで、Webアプリをローカルアプリケーションかのように保存できます。この時、アイコンやスプラッシュスクリーンも大事な要素です。古いブラウザでは対応していないPWAについて、PWACompatが対応させてくれます。## PWA...
next-editor - WebブラウザベースのGitエディタ
開発者にとって、Gitの存在は欠かせなくなっています。開発に限らず、操作の履歴をとっておきたいと思うことはよくあります。そうした時にGitを使うことで手軽にバックアップを取ったり、GitHubと連携させることもできるようになります。今回紹介するnext-editorはWebブラウザ上で動作するGitブラウザ/エディタで...
Annict Mimi - PWAなAnnictコメントビューワー
PWA（Progressive Web App）というキーワードが流行です。特定の技術を指すわけではなく、スマートフォンとWebのあり方のベストプラクティスという位置づけです。そのため若干分かりづらく、理解するためには自分で実際に手を動かすのが良いようです。今回はそんなPWAをAnnicと連携させたAnnict Mim...
はてなブックマーク検索PWA - オフラインでも使えるはてなブックマーク検索
PWA（Progressive Web App）というキーワードに注目が集まっています。Webアプリケーションがオフラインで実行できるようになり、アプリのようにスマートフォンにインストールできるようになる仕組みです。そんなPWAを体感できるWebアプリケーションがはてなブックマーク検索PWAです。はてなブックマークの検...