Navigation API による「JS での画面遷移」と SPA の改善 | blog.jxck.io
Intro 従来の History API を改善する Navigation API の仕様策定と実装が進んでいる。 これは、 History API の使いにくかった部分を補うだけではなく、「JS で画面遷移をする」という現状のミッシングピースに取り組み、 SPA が抱える多くの問題だけでなく MPA すら改善する可能性がある。 この API の目的と仕様を解説しつつ、実装のメモを残す。 画面遷移と SPA の軌跡 Web は HTML の取得と描画を繰り返す、画面遷移(Navigation)を前提としたアーキテクチャ(のちに SPA からの逆算で MPA と呼ばれる)が基本であり、ブラウザなどの実装もそれに最適化されている。 一方「アプリケーション」の設計手法をそのまま Web に持ち込んだ SPA は、この Navigation によってもたらされる UX の低下を防ぐ部分がある一方
ルートとサブディレクトリに別々のrouter付きReactアプリを展開するnginxの設定 - Qiita
Reactでアプリケーションを実装していて、 hoge.com/* にはユーザー向けReactアプリ、 hoge.com/admin/* には管理者向けのような構成にしたいと思ったことはないですか？僕はあります。 これらのアプリをnginxをbaseとしたDocker imageとしてデプロイしようとした時、nginxの設定にとても苦しんだのでここに書き記しておきます。 nginx.conf server_tokens off; server { listen 80 default_server; server_name localhost; location /admin { root /usr/share/nginx/html/admin; index index.html; try_files $uri $uri/ /index.html /usr/share/nginx/html/
SPAと覚悟
Frontend Meetup vol.1 - SPAを語り尽くす会! でのLT資料です。 http://connpass.com/event/38112/
uu59のメモ | 人狼ゲームをSPA(Single Page Applicaiton)で作った
有給消化中で時間があったので今まで縁がなかった技術にどっぷり染まることにした。Ruby, JS（フロントエンド）,JS（サーバーサイド）、その他諸々をワンオペで作ったので個別に見てみると低品質かもしれない。ところどころデバッグコードや雑なコメントアウトやTODOが残ってそう。 コード： https://github.com/uu59/jinro-public （意味をなさないコミットや機微情報を含むコミットを乱発していて、それらを取り除いてきれいな歴史にするのが人間業では不可能な水準だったので全部なかったことにしてひとつの巨大なコミットにしたあと公開しています） 基本指針 なるべくコードベースやAPIなどがコンパクトなものを採用する。例えばRails、faye、webpackは候補から外れることになる。 いくらか使ったことのないものにも手を出すが無理はしない 2月中には見せれるレベルに達し
シングルページ アプリケーションの測定 | ウェブ向けアナリティクス（analytics.js） | Google for Developers
ユニバーサル アナリティクス（UA）は 2023 年 7 月 1 日にサポート終了となります。この日以降、UA でデータを処理することはできません。また、アナリティクス 360 プロパティも 2023 年 10 月 1 日にサービス提供が終了します。Google アナリティクス 4 に移行する このページでは、analytics.js を使用して、従来のようにページ全体を読み込まず、コンテンツを動的に読み込むサイトのページ アクティビティの測定を行う方法について説明します。 概要 シングルページ アプリケーション（SPA）は、最初にページを読み込むときに、サイト全体の移動に必要なリソースをすべて読み込んでおくウェブ アプリケーションまたはウェブサイトです。ユーザーがリンクをクリックしてページを操作すると、以降はコンテンツが動的に読み込まれます。このアプリケーションは通常、アドレスバーの U
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
https://github.com/googleanalytics/autotrack/blob/master/lib/plugins/url-change-tracker.js
