なぜ dev.to がこんなにも速く、こんなにも自分にとって感動的なのか

2017/11/16 918 users dev.to エヴァンジェリスト React 自分 SPA

最初にいっておく。これは負け惜しみだ。 SPAとPWAの現状 自分は日本でReactの勝手エヴァンジェリストみたいなことをやっていて、SPAの重めのコンテンツをよく作ってるからか、「お前らフロントエンドを物事をややこしくして、重いページを量産してウェブを劣化させてるじゃないか！」みたいな批判を、名指しでよく受ける。なんで僕にいうかわからないけど、React = SPA みたいなイメージでスケープゴ... 続きを読む

PWAで表示速度が2倍に！ スピード改善を妥協しない日経電子版に学ぶ、PWAのメリット＆デメリット - エンジニアHub｜若手Webエンジニアのキャリアを考える！

2018/06/05 816 users Progress ネイティブアプリ エンジニアHub アプリ

2018 - 06 - 05 PWAで表示速度が2倍に！ スピード改善を妥協しない日経電子版に学ぶ、PWAのメリット＆デメリット ネイティブアプリに近い体験を簡単に提供できるとして注目を集めている「PWA」。実際に導入し、表示速度が2倍になったという日経新聞電子版の開発者に「PWA」のメリットとデメリットを伺いました。 PWA インタビュー アプリ 日経電子版 Tweet PWA（Progress... 続きを読む

結局 PWA は来るの？来ないの？: Tender Surrender

2018/03/26 759 users Tender Surrender Instagram クー

昨日 Twitter でこんな記事を発見しました。 PWAが来るって言っているエンジニアは今すぐ辞めろ 「instagramのPWAが最高〜！ネイティブと見分けつかない！！とかほざいているグー○ルのエバンジェリストだかエンジニアが騒いでいたので触ってみたのだが、オワコンであった。」 もしかしてこれのことかな？ Instagram PWA is sooooooo impressive. I prob... 続きを読む

SPAにおける状態管理: 関数型のアプローチも取り入れるフロントエンド系アーキテクチャの変遷 - エンジニアHub｜若手Webエンジニアのキャリアを考える！

2019/05/23 528 users SPA エンジニアHub 変遷 Electron アプローチ

こんにちは、小林（@koba04）です。 本記事では、シングルページアプリケーション（以下、SPA）における状態管理について解説します。 GmailやTwitterは、SPAとして構築されている代表的なWebアプリケーションであり、スムーズなページ遷移をSPAによって実現しています。またElectronやPWA（Progressive Web Apps）の登... 続きを読む

AppleもiOS/macOSをProgressive Web Apps（PWA）対応へ。次のSafari 11.1でService Workerなど実装 － Publickey

2018/02/13 493 users Publickey iOS Apps MacOS 実装

AppleもiOS/macOSをProgressive Web Apps（PWA）対応へ。次のSafari 11.1でService Workerなど実装 Appleが、iOSとmacOSの次バージョンにバンドルされるSafari 11.1で、Progressive Web Apps（PWA）の重要な構成要素であるService Workerをサポートすることが分かりました。次のiOSとmacOS... 続きを読む

加速するフロントエンドとPWA // Speaker Deck

2018/02/16 479 users Speaker Deck フロントエンド

All slide content and descriptions are owned by their creators. 続きを読む

PWAの作り方をサクッと学ぶ - 「ホーム画面に追加」「キャッシュ操作」「プッシュ通知」の実装 - エンジニアHub｜若手Webエンジニアのキャリアを考える！

2019/10/24 425 users エンジニアHub PWA Night クライアント 実装 普段

はじめまして、菅家（@kan_dai）といいます。普段は株式会社TAMという会社でフロントエンドをメインに、クライアントのWebサイト制作やWebサービスの開発をしています。PWA（Progressive Web Apps）をテーマにしたコミュニティ「PWA Night」の運営もしています。 さて、2018年ごろからPWAという言葉を聞く機会が多くなっ... 続きを読む

PWAでここまでできる - Speaker Deck

2019/02/07 389 users Speaker Deck

スライド内の関連リンク * DiverseのPodcast https://podcast.diverse-inc.com/ * 採用ページ https://diverse-inc.co.jp/recruit/positions * 今回のサンプルGithub https://github.com/SAMUKEI/droidkaigi2019-sample-pwa * 今回のサンプル動画 https://youtu.be/ehW6397JceI * はじめてのプログレッシブ ウェブアプリ... 続きを読む

PWAでここまでできる - Speaker Deck

2019/02/07 389 users Speaker Deck

スライド内の関連リンク * DiverseのPodcast https://podcast.diverse-inc.com/ * 採用ページ https://diverse-inc.co.jp/recruit/positions * 今回のサンプルGithub https://github.com/SAMUKEI/droidkaigi2019-sample-pwa * 今回のサンプル動画 https://youtu.be/ehW6397JceI * はじめてのプログレッシブ ウェブアプリ... 続きを読む

Angular と Firebase で月間 3.5億PV になった PWA の収益性改善とコストカット - Qiita

2020/12/07 340 users Qiita angular Firebase 月間 収益

と、振り返ってみると毎年綺麗に 300% 成長でこれていますね。 （流石に来年はきついと思います＾＾； 今回は、そんな サービスを拡大する上で欠かせない収益の話 と 成長したからこそ表面化したコストの話 をまとめていきたいと思います。 収益の話 参照：https://jp.freepik.com PWA は稼げない 昨年の Advent Calenda... 続きを読む

マイクロソフト、Progressive Web Apps（PWA）をWindows 10のデスクトップで実行可能に。Windows 10はWindows、Linux、PWA対応のプラットフォームへ － Publickey

2018/02/08 331 users Publickey Apps ネイティブアプリケーション

マイクロソフト、Progressive Web Apps（PWA）をWindows 10のデスクトップで実行可能に。Windows 10はWindows、Linux、PWA対応のプラットフォームへ マイクロソフトはWeb技術を用いてネイティブアプリケーションのように動作するProgressive Web Apps（PWA）を、WebブラウザのEdgeにとどまらず、Windows10のデスクトップ環... 続きを読む

PWAの将来性についての考察 - astamuse Lab

2018/04/11 328 users iPhone astamuse Lab 考察 web界隈 注目

2018 - 04 - 11 PWAの将来性についての考察 フロントエンドエンジニア PWA デザイン部でフロントエンドエンジニアをしているkitoです。 先日、iOS 11.3のリリースでiPhoneでもPWAの一部の機能が利用できるようになりました。（プッシュ通知等は利用できない）今回は、Web界隈で急速に注目を上げ始めているPWA（Progressive Web Apps）の将来性を考察した... 続きを読む

Vue.js(Nuxt.js)でアニメーションやってみたら最高だった話。 - Qiita

2018/05/01 305 users Qiita 略歴 新田聡一郎 Nuxt.js アニメーション

Nuxt.jsで自己紹介サイトを作りました。 https://nitta.studio/ 見ていただくと分かる通りアニメーションをしまくったのですが、、 https://t.co/CXj31medDj Nuxt.jsで自己紹介サイト作りました。NetlifyホスティングでPWA対応してます。 いろいろ自分のイカれた略歴など晒しました。宜しくお願いします。 — 新田聡一郎 (@soichiro_ni... 続きを読む

Vue.js(Nuxt.js)でアニメーションやってみたら最高だった話。 - Qiita

2018/05/01 305 users Qiita 略歴 新田聡一郎 Nuxt.js アニメーション

Nuxt.jsで自己紹介サイトを作りました。 https://nitta.studio/ 見ていただくと分かる通りアニメーションをしまくったのですが、、 https://t.co/CXj31medDj Nuxt.jsで自己紹介サイト作りました。NetlifyホスティングでPWA対応してます。 いろいろ自分のイカれた略歴など晒しました。宜しくお願いします。 — 新田聡一郎 (@soichiro_ni... 続きを読む

PWAが来るって言っているエンジニアは今すぐ辞めろ

2018/03/21 302 users Instagram エバンジェリスト クー ネイティブ 実物

PWAとかいうhtml5のリブランドが技術者界隈で騒いでるが、こんなの受け入れられないだろ。 PWAの実物見た？触った？？ instagramのPWAが最高〜！ネイティブと見分けつかない！！とかほざいているグー○ルのエバンジェリストだかエンジニアが騒いでいたので触ってみたのだが、 オワコンであった。 ネイティブと見分けつかないんだったら本当にエンジニア辞めたほうがいいよ。 まず、タイムライン上で複... 続きを読む

WebサイトをPWA（プログレッシブウェブアプリ）にする手順とその必要性 | コリス

2019/10/23 281 users コリス プログレッシブウェブアプリ コンバージョン 利点 手順

ここ数年、PWA（プログレッシブウェブアプリ）が非常に注目されています。通常のWebページとスマホアプリそれぞれの利点を兼ね備えており、導入したサイトではコンバージョンやユーザーエクスペリエンスの改善が大きく見込めます。 WebサイトをPWAにする手順とその必要性を紹介します。 Turn Your Website into a PWA by... 続きを読む

PWAの実装をしてみた - 技術探し

2017/07/28 269 users 実装 フロー キャッシュ戦略 JavaScript 技術

2017 - 07 - 28 PWAの実装をしてみた JavaScript 少し説明 目的 技術スタック Service Worker PWAのview App Shell Content キャッシュ戦略 読み込みフロー デザイン Web App Manifest FirefoxとChromeしかService Workerないけどどうするの？ ネットワーク Twitter Liteの記事 実装 ... 続きを読む

AMP/PWA をどこで/いつ使うか - Qiita

2017/07/07 260 users Qiita ネイティブアプリ PWAMP AMP SPA

某所で使った資料の公開版 用語整理 PWA: ネイティブアプリのようなUXを提供するための機能群 SPA: JSで遷移するシングルページアプリケーション AMP: 後述 PWAMP: AMPで流入させてPWAを起動する形式 MFI: モバイルファーストインデックス いまさら聞けないPWAとAMP アメブロ2017: Isomorphic Web Appの進化編 AMP とは イニシャルビューのため... 続きを読む

PWA 入門 〜iOS SafariでPWAを体験するまで〜 2018年3月版 - Qiita

2018/03/20 248 users Qiita アップス Apps Safari 入門

What's PWA ? Progressive Web Apps （プログレッシブ　ウェブ　アップス）の略。 PWAは、わざわざApple StoreやGoogle Play Storeから インストールする必要はありません 不安定なネットワークでも迅速に起動 し、関連性の高い プッシュ通知を送信 することができます。 ホーム画面にアイコンを表示 することができ、トップレベルの全画面表示で読み込... 続きを読む

PWA（Progressive Web Apps）がようやく流行り出したけど Push通知 がウザすぎる - albatrosary's blog

2018/06/25 239 users イラ PUSH通知 albatrosary's blog

PWA（Progressive Web Apps）をやり始めているところが多くなりそれ自体は喜ばしいところです。ただ、最近のWebサイトで「通知しますか？」と言って来ることが多くなり正直ウザすぎです。誰がこんなの考えたんだってくらいイラっとします。 イメージですが、だいたいネイティブってというのは「お前のことが気に入った！... 続きを読む

おまえはReact hooksを知っているか - Qiita

2019/09/16 213 users React Hooks React おまえ Vue Qiita

よく来たな。おれは毎日すごい量のコードを書いているが、誰にも読ませる気はない。しかし今回はReact hooks という真の男のためのAPIを発見したのでいてもたってもいられずQIITAに記事を書くことにした。 （この記事の文体は、逆噴射聡一郎先生のパロディです。） お前は毎日VUEだとかREACTだとかPWAだとかBBBFFだとか... 続きを読む

2人のGoogle社員が何でも答えてくれた――フレッドアップデート、PWA、重複コンテンツペナルティ、機械学習などなど #SMX West 2017 | 海外SEO情報ブログ

2017/03/28 210 users dann ama ゲイリー・イリェーシュ セッション 上級

[レベル: 初・中・上級] この記事では、 先週参加 した SMX West 2017 の AMA with Google Search セッションをレポートします。 AMA は”Ask Me Anything”（なんでも質問してみよう）の略で、Gary Illyes（ゲイリー・イリェーシュ）氏と Mariya Moeva（マリヤ・モエヴァ）氏の2人の Google 社員に、主催者代表の Dann... 続きを読む

Web App Checklist 〜高品質のWebアプリケーションをつくるために〜 / Web App Checklist 2019 at Inside Frontend - Speaker Deck

2019/05/18 208 users Speaker Deck Webアプリケーション CDN

Web App Checklist 〜高品質のWebアプリケーションをつくるために〜 / Web App Checklist 2019 at Inside Frontend #insideFE slide with @tokimariri. Web App Checklist?: ?Rendering patterns ?CDN ?Perf Budget ?a11y ?PWA ?WASM in Web Worker ?Monitoring tools ?DX (including LGTM!) and so on! ? 続きを読む

MacでProgressive Web Apps（PWA）を実現、Chrome 73安定版がリリース。主要プラットフォームすべてでPWAの実行環境が整う － Publickey

2019/03/13 203 users Publickey Exchanges Apps MacOS

MacでProgressive Web Apps（PWA）を実現、Chrome 73安定版がリリース。主要プラットフォームすべてでPWAの実行環境が整う GoogleはChrome 73安定版をリリースしました。Chrome 73ではmacOSでのWeb App Manifest対応などによるProgressive Web Apps（PWA）対応とダークモード対応、Signed HTTP Exchangesへの対応などの... 続きを読む

マイクロソフト、「Blazor WebAssembly」正式版を5月にリリース。BlazorでPWAやデスクトップアプリも開発へ － Publickey

2020/01/15 186 users Publickey Blazor デスクトップアプリ 正式版

マイクロソフト、「Blazor WebAssembly」正式版を5月にリリース。BlazorでPWAやデスクトップアプリも開発へ マイクロソフトは1月14日（日本時間1月15日未明）にオンラインインベント「.NET Conf Focus on Blazor」を開催、同社が開発中のWebアプリケーションフレームワーク「Blazor」の最新動向と今後について明らかにし... 続きを読む