TechFeedを1ソースで全デバイス対応＆Progressive Web Apps化した話

テクノロジーカテゴリーの変更を依頼記事元:

9 usersがブックマークコメント

記事へのコメント2件

注目コメント
新着コメント

braitom TechFeedのアプリをWebアプリとモバイルアプリをすべてひとつのソースコードで実現してPWA対応した話。Angular2とIonic2は素晴らしいが、やはりクロスプラットフォーム開発はつらいし、開発環境をメンテし続けるのが大変

2016/11/15 リンク

adwd118 “Angular2すごい”

2016/11/09 リンク

注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

リンクを埋め込む

以下のコードをコピーしてサイトに埋め込むことができます

<iframe marginwidth="0" marginheight="0" src="https://b.hatena.ne.jp/entry.parts?url=https%3A%2F%2Fmedium.com%2F%40techfeed%2Ftechfeed%25E3%2582%25921%25E3%2582%25BD%25E3%2583%25BC%25E3%2582%25B9%25E3%2581%25A7%25E5%2585%25A8%25E3%2583%2587%25E3%2583%2590%25E3%2582%25A4%25E3%2582%25B9%25E5%25AF%25BE%25E5%25BF%259C-progressive-web-apps%25E5%258C%2596%25E3%2581%2597%25E3%2581%259F%25E8%25A9%25B1-d1eb20da93d9" scrolling="no" frameborder="0" height="230" width="500"><div class="hatena-bookmark-detail-info"><a href="https://medium.com/@techfeed/techfeed%E3%82%921%E3%82%BD%E3%83%BC%E3%82%B9%E3%81%A7%E5%85%A8%E3%83%87%E3%83%90%E3%82%A4%E3%82%B9%E5%AF%BE%E5%BF%9C-progressive-web-apps%E5%8C%96%E3%81%97%E3%81%9F%E8%A9%B1-d1eb20da93d9">TechFeedを1ソースで全デバイス対応＆Progressive Web Apps化した話</a><a href="https://b.hatena.ne.jp/entry/s/medium.com/@techfeed/techfeed%E3%82%921%E3%82%BD%E3%83%BC%E3%82%B9%E3%81%A7%E5%85%A8%E3%83%87%E3%83%90%E3%82%A4%E3%82%B9%E5%AF%BE%E5%BF%9C-progressive-web-apps%E5%8C%96%E3%81%97%E3%81%9F%E8%A9%B1-d1eb20da93d9">はてなブックマーク - TechFeedを1ソースで全デバイス対応＆Progressive Web Apps化した話</a></div></iframe>

プレビュー

規約違反を報告

いまの話題をアプリでチェック！

バナー広告なし
ミュート機能あり
ダークモード搭載

アプリをダウンロード

TechFeedを1ソースで全デバイス対応＆Progressive Web Apps化した話

大変ご無沙汰しております。TechFeedの白石です。前回の記事でお伝えしたとおり、先日2016/11/7、TechF... 大変ご無沙汰しております。TechFeedの白石です。前回の記事でお伝えしたとおり、先日2016/11/7、TechFeed初回リリース（7月26日）以来初めてのメジャーバージョンアップを果たしました。コードベースを大幅に書き換え、Webアプリとモバイルアプリを全て一つのソースコードで実現するようにしました（実際には、一部以前のコードも残っていますが）。ついでにService Workerによるプッシュ通知やオフラインキャッシュ（現在無効化していますが近々有効化）、Web App Manifestの配置なども行い、Progressive Web Apps化も果たしました。 1ソースであらゆるデバイスとブラウザに対応Progressive Web Appsの定義もあいまいな気がしていますが、ぼくらとしては、対応ブラウザ（Android Chromeなど）でWebサイトにアクセスした際に「