日経電子版とPWAのこれから / PWANight vol.2
PWANight vol.2でお話させていただきました。 https://pwanight.connpass.com/event/121473/?fbclid=IwAR1Icrg4cX-qMXJvY9b4tgY30GCX_0zt6D_R7jz3YqB6jrxRM8y3kcc9FP4 スライド内リンク - 日本経済新聞社は複数ページのPWAで新しいレベルの品質とパフォーマンスを実現 https://developers.google.com/web/showcase/2018/nikkei?hl=ja - Why Progressive Web Applications Are Not Single Page Applications https://love2dev.com/blog/pwa-spa - Sites vs. Apps defined: the Documents‐to‐Ap
PWAの将来性についての考察 - astamuse Lab
デザイン部でフロントエンドエンジニアをしているkitoです。 先日、iOS 11.3のリリースでiPhoneでもPWAの一部の機能が利用できるようになりました。（プッシュ通知等は利用できない）今回は、Web界隈で急速に注目を上げ始めているPWA（Progressive Web Apps）の将来性を考察したいと思います。 いわゆるフロントエンド界隈では、新しいツールや技術が短いスパーンで登場しては消えていくということを繰り返しています。新陳代謝が激しい故に、革新的な技術がいち早く取り入れられる若々しいエコシステムは利点ではありますが、反面、苦労して学習した技術やツールが、立ちどころに古びて投資が無駄になってしまうケースも間々あります。これは現代のフロントエンドエンジニアには避けられない運命でしょう。とはいえ、それをむしろ楽しみ新しい技術の到来やそれをリードする若きエンジニアたちの登場を喜ぶべ
中〜大規模なSPAを開発する時に抑えておきたい10のポイント - KAYAC engineers' blog
こんにちは。カヤックのSPAおじさんこと島津です。 今年はReactとVueを使ったSPA開発プロジェクトをいくつか担当してきたので、そこで得た知見の総まとめをしたいと思います。 ※ ここでのSPAとはすべてのViewをJavaScriptで書くWebアプリのことを指します。サーバーサイドMVCを主軸にViewの一部をReactやVueで書くこともありますが、今回はそのケースではありません。 1. フレームワーク 数年前とは事情が変わり、 フレームワークを使わないという選択肢は昨今だともう無いでしょう。丸腰のJSでDOMを弄っていた時代に比べると、かなり安定したフロントエンドの開発ができるようになりました。 人気フレームワークの台頭になっている React + Redux Vue + Vuex をこの1年使ってきましたが、書き方は違えどFluxアーキテクチャ・仮想DOM・コンポーネント志向
SPAリリースの失敗から学んだこと - Qiita
この記事はDMM.com #2 Advent Calendar 2017の14日目です。 はじめまして、普段はDMMサービスのシステム開発、保守を行なっている@norihです。 SPAの記事を書いておりますが業務的にはバックエンド側に触れることが多いエンジニアです。 今回は書くことは僕が2017年の初旬にリリースしたSPA（シングルページアプリケーション）の失敗談と、そこから学んだことについてです。 基本的なことかもしれませんがよろしくお願いします ほかのカレンダーURLはコチラです。 DMM.com #1 Advent Calendar 2017 DMM.com #2 Advent Calendar 2017 リリースしたSPAの概要 最初に今回リリースしたSPAについて少しだけ紹介させていただきます。 詳しいことは省略させていただきますが概要としては次のようなものです。 React +
新規プロジェクトへの Vue.js x SPA x SSR の導入
2017.08.28 ペパボテックカンファレンス#9 ～ Vue.js 特集 ～ https://pepabo.connpass.com/event/63559/
サーバーサイドレンダリングしないReact SPAのSEO - 橋本商会
普通にwebpackと@babel/preset-envで"last 2 versions", "Safari 10"をターゲットにしてビルドしているだけ
You Need to know SSR - Speaker Deck
ng-japan で発表した Server Side Rendering の資料です。
SPA + サーバーサイドレンダリング、そのダルさに関する私見
いわゆる SPA + サーバーサイドレンダリングがダルい 唐突ですがおさらいです。 なぜサーバーサイドレンダリング（SSR）が嬉しいかと言えば 初期表示の Critical Rendering Path を短縮できる SEO における保守信仰にやさしい（） 古いブラウザ・低性能マシンにやさしい yahoo/fluxible による SPA + Server Rendering の概観 ::ハブろぐ であり、特に SPA + SSR の文脈においては Universal Architecture による SPA + SSR は、技術的には過渡期の歪なキメラっぽさが拭いきれませんが、昨今の Web フロントエンドにしては珍しくビジネス的な説得力があります。 SSR なのでSNSや検索からの流入による初期表示が速い SPA なので回遊時のページ遷移も速い SSR なので古いブラウザでも CSS
Laravel 5.4 と Vue.js 2.2 と JWTAuth で、ログインできる SPA なTODOアプリを作ってみた - Qiita
Laravel 5.4 と Vue.js 2.2 と JWTAuth で、ログインできる SPA なTODOアプリを作ってみたPHPJavaScriptLaravelJWTVue.js Laravel 5.4 と Vue.js 2.2 と JWTAuth で、ログインできる SPA なTODOアプリを作ってみました。 ソースコードはこれです。 Herokuで動かしているのですが、最初の読み込みさえ終わってしまえば、さくさく動きます。 スクリーンショット 仕組み Laravel は、最初にビューを返した後、そこからはJSONのみやり取りして、そこからの描画は Vue.js が全部やってます。 Axios でリクエスト飛ばしています。 koel をかなり参考にしました。 認証にはOAuthではなくJWTAuth。Laravelの場合、導入は非常に簡単です。 状態管理には State パターンを
Vue.js で Serverless の SSR SPA を構築する - Qiita
お正月なので何か挑戦したいと思い Vue.js と サーバレスアーキテクチャを使った SSR 構成に挑戦してみました。 構想 Vue.js の SPA(SSR対応版)を サーバレスアーキテクチャで組み上げます。 基本となるSPAサイト(主にJSやCSS)はS3経由で、SSR 的なサーバサイドの描画が必要な箇所は、Serverless Frameworkを使用して Lambda + ApiGateway で構築します。 SSR的なHTML配信と静的なAssets配信は同じオリジンで行いたいので最終的には CloudFrontで両者をマージします。 普通にVue.jsでSPAを作る まずは兎にも角にも普通に Vue.js でSPAを作って行きます。 Vue.js の開発は Vue CLI を使えば高速に始められます。 SPAのルーティングは VueRouterで簡単に実装できますが、 Rout
普段Vue.jsでフロントエンド開発するときの構成と運用時のポイント - Qiita
Vue.jsでSPAを開発する際、そのプロジェクト構成に迷うかたは多いようです。 今回はそんなかたのために、私が普段Vue.jsで開発するときの構成と、その構成化で開発するときのポイントを共有したいと思います。 追記 2019/12/05 追記 時代が大きく変わって求められる構成なども変化しました。 現在ではこの記事は参考にしないことをおすすめします 2018/01/30 追記 まずは Nuxt.js の利用の検討を Vue.js製のフロントエンド開発フレームワークである Nuxt.js がついに v1.0 のリリースを迎えました。SPA開発とSSR + SPAの開発両方を全面的にサポートしており、PWA対応などもプラグイン一つでできる上、ルーティングの自動生成やVuexストアのオートロードも可能と非常に強力なフレームワークとなっております。本格的なSPA開発を開始するときは、まずは Nu
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Webサービスの初期開発とマイクロサービス・BFF