Firebase + Nuxt で認証付きページを作るときに参考にしたいところ
2020-03-23
目次
- Webアプリケーションのセッション管理にJWT導入を検討する際の考え方
- Service Worker によるセッション管理
- ユーザー セッションの管理
- Nuxt.jsとFirebaseでSPA×SSR×PWA×サーバーレスを実現する
- CookieとセッションとJWT
- SSRとCookie Forwardingの闇
Firebase + Nuxt で認証付きページを作るときに参考にしたいところ。メモ。
Webアプリケーションのセッション管理にJWT導入を検討する際の考え方
https://ritou.hatenablog.com/entry/2019/12/01/060000
Service Worker によるセッション管理
https://firebase.google.com/docs/auth/web/service-worker-sessions?hl=ja
ユーザー セッションの管理
https://firebase.google.com/docs/auth/admin/manage-sessions
Nuxt.jsとFirebaseでSPA×SSR×PWA×サーバーレスを実現する
https://inside.dmm.com/entry/2018/04/10/nuxt-firebase
CookieとセッションとJWT
SSRとCookie Forwardingの闇
Web作ってますが、インタラクティブなプログラミングも好きです。
JavaScript / Vue / node.js / PHP / AWS / OpenCV
JavaScript / Vue / node.js / PHP / AWS / OpenCV
関連記事
SQL整形ツールを作成した
特徴 使い方 FW/ライブラリ等 nuxt sql-formatter-plus Monaco Editor おまけ ソース SQL整形ツールを作成しました。 URLはこちらです。 SQL…
10進数から2進数 2進数から10進数への変換 JavaScript
10進数から2進数 2進数から10進数 テスト 10進数から2進数、2進数から10進数への変換を行うJavaScriptのコードの紹介。
JSの場合、10進数から2進数への変換はメソッド。2進数から1…
JavaScriptでワーシャルフロイド法を実装
AtCoder ABC012 D問題 D - バスと避けられない運命 解説 実装 AtCoder ABC012 の D問題でワーシャルフロイド法が利用できる問題が出てきたので、
JavaScriptで実装しました。 AtCoder ABC012 D問題 D…
JavaScriptによる2分探索(バイナリサーチ) のサンプルコード
2分探索について ソース 参考 JavaScriptで2分探索(バイナリサーチ)を実装してみました。…
Vue.jsで作成された、ちょっと面白くて役立ちそうなサービス
UIコンポーネント VueSocial CKEditor 5 Vue.Draggable Vuetable 2 vuejs-datepicker Kalendar Vue Apexcharts Vue.js Google Charts vue-cart WebIDE…
JavaScriptで幅優先探索 (bfs) を実装する
bfsソースコード 前提 bfs関数 テストコード JavaScriptで幅優先探索 (bfs) を実装し簡単な最短経路の探索問題を解いてみました。 AtCoderの問題を参考にしています bfsソースコード 前提 bfs 関数の定義について 引数 table…
JavaScriptでbig-integerでできること
定数 メソッド abs add, plus and bitLength compare compareTo compareAmb divide, over divmod equals, eq greater, gt greaterOrEquals, geq…
shields.io用アイコンジェネレータを作ってみた
デモ 情報 参考 ソース shields.io用アイコンジェネレータを作ってみました。 デモ 情報 Vue + codesandboxで作ってみました。
詳しい作り方はここを参考にしてください。 参考 https://tech-blog.s-yoshiki…
0埋め・ゼロ埋め処理 のコードJavaScript
サンプル コード 呼び出す 説明 参考 追記 JavaScriptで 0埋め / ゼロ埋め / zero埋め 処理を行うサンプルコード サンプル コード 呼び出す 説明 記事タイトルが…
最新の投稿
SQL整形ツールを作成した
特徴 使い方 FW/ライブラリ等 nuxt sql-formatter-plus Monaco Editor おまけ ソース SQL整形ツールを作成しました。 URLはこちらです。 SQL…
ファイルの1行目を表示 Linuxコマンド head
head コマンド例 headコマンドでファイルの 1行目もしくは指定した行数だけ表示する方法。 head 利用できるオプション コマンド例 の 1行目だけを表示 の 5行目までを表示 カレントディレクトリ以下の全てのtxtファイルの1行目を表示
Amazon S3 と ローカルファイルのチェックサムの比較
s3apiでEtagを取得 検証 マルチアップロード時の注意点 Amazon S3 の Etagを使ってファイルの整合性チェックをする。 s3apiでEtagを取得 S3 APIを利用するとEtagを取得します。この値はmd5のハッシュ値になります。 検証 MD…
github.io / gitlab.ioで公開されている質の高い技術ドキュメント
AWSによるクラウド入門 Pythonプログラミング入門 普通の人が資産運用で99点をとる方法とその考え方 2018年の段階で私が知らないこと github.io / gitlab.io で無料で公開されている興味深いドキュメントのmemo AWS…
10進数から2進数 2進数から10進数への変換 JavaScript
10進数から2進数 2進数から10進数 テスト 10進数から2進数、2進数から10進数への変換を行うJavaScriptのコードの紹介。
JSの場合、10進数から2進数への変換はメソッド。2進数から1…
JavaScriptでワーシャルフロイド法を実装
AtCoder ABC012 D問題 D - バスと避けられない運命 解説 実装 AtCoder ABC012 の D問題でワーシャルフロイド法が利用できる問題が出てきたので、
JavaScriptで実装しました。 AtCoder ABC012 D問題 D…
GitHub Actions で Gatsby をビルドし Amazon S3 にデプロイする
GitHub Actions について あらかじめ準備しておくもの AWS IAM ユーザを環境変数にセットする workflowの記述 ビルド バッジを利用する 終わりに 参考にしたところ Gatsbyで作った静的サイトを、GitHub Actions…
cloudinaryによる画像ファイルの管理 はじめてみる
目的 cloudinary について 他のサービスとの比較 料金プラン アカウントの登録 利用してみる ダッシュボード 画像の編集 APIベースでのアクセス 感想 参考 画像の管理や配信、さらには加工といった事ができるsaas型のcloud…
JavaScriptによる2分探索(バイナリサーチ) のサンプルコード
2分探索について ソース 参考 JavaScriptで2分探索(バイナリサーチ)を実装してみました。…
Tags
javascript 71
画像処理 30
linux 29
html5 29
アルゴリズム 27
amazon-aws 24
競技プログラミング 18
python 18
canvas 18
雑談 16
opencv 16
wordpress 15
mac 14
php 13
mysql 12
atcoder 12
データベース 12
機械学習 12
開発環境 11
ubuntu 10
画像処理100本ノック 10
vue.js 9
docker 9
node.js 8
小ネタ 8
可視化 8
css3 8
git 7
s3 7
apache 7
amazon-lightsail 7
github 6
ブログ 6
docker-compose 6
cms 6
ec2 5
iam 5
oracle 4
centos 4
gitlab 4
awsソリューションアーキテクト 4
ssh 4
nuxt.js 3
gatsby 3
ソフトウェア 3
curl 3
資格試験 3
ツール 3
monaco editor 3
wasm 3