firebase ユーザー認証で独自のUIを使う方法.md
firebase でユーザー認証を行う firebase入門 ユーザー認証を行う方法まとめ │ Web備忘録 Firebaseを使うと、簡単にユーザー認証が行えます。独自の認証処理やユーザーデータを管理しなくて良いので大変便利です。 Firebaseを使ったユーザー認証方法は上記記事でまとめました。そこでは FirebaseUI というあらかじめFirebase側で用意されているUIツールを用いて […]
Javascript
- 2018.05.02
- Firebase, FirebaseUI, サーバーレス,
firebase入門 ユーザー認証を行う方法まとめ
firebase でユーザー認証 Firebase Googleが提供するサービスに firebase というものがあります。サーバーサイドのいろいろな処理を提供してくれるサービスですが、今回はユーザー認証処理についての実装方法をまとめます。 あるWebアプリにユーザー認証を実装するとなると、ユーザー情報の管理、サーバーやDBの構築等様々な準備が必要ですが、firebaseを使えばこれら使わずサー […]
- 2018.04.18
- HTML, Javascript, 選択範囲,
Javascriptで選択範囲の文字列・DOMを取得、操作する方法
Javascript で選択中の文字列を取得する window.getSelection – Web API インターフェイス | MDN ブラウザ上のコンテンツを選択状態にし、選択された文字列部分を取得するには、window.getSelection 関数を使います。 window.getSelection 関数は選択範囲を Selection オブジェクトとしてを取得します。Sel […]
- 2018.04.16
- Javascript, Node.js, npm,
nodistでNode.js(Windows)のバージョン管理を行う
Node.js をバージョンアップしたい Node.js をバージョンアップしたかったのですが、アンインストールして入れなおすのも面倒なので、バージョン管理ツールを使って、複数のNode.jsバージョンを使い分けられるようにします。 環境は、WindowsOS を想定し、Node.js のバージョン管理には nodist というツールを使います。 nodist とは nodist とは、Windo […]
- 2018.04.11
- Javascript, 配列,
[Javascript] 配列から特定の要素を取り出す(splice, findIndex, pop, shift)
Javascript での配列操作 Javascriptで配列を操作する機会は多々あるかと思いますが、特定の要素を取り出す という操作の仕方をまとめます。任意の配列について、特定の要素を取り出すことで破壊的な変更を加えます。 先頭、末尾の要素を取り出す 特定の要素が先頭や末尾の要素であれば簡単です。 先頭の要素を取り出すには、shift 関数を使います。この関数は配列の先頭要素を取り除き、それを返 […]
- 2018.04.04
- flatten, Javascript, 配列,
[Javascript] 多次元配列を展開(flatten)して1次元配列に変換する方法
[Javascript] 多次元配列を展開(flatten)して1次元配列に変換する方法 Javascript で flatten Javascriptにおいて、多次元配列を1次元配列に展開する、いわゆる flatten という処理をしたいのでその方法を調べました。 // これを const array2d = [ [1, 2, 3], [4, 5, 6], [7, 8, 9] ]; // こう変 […]
- 2018.04.02
- Indexed DB, Javascript, lovefiled,
lovefield で IndexedDB を SQL風に操作する方法
lovefield google/lovefield: Lovefield is a relational database for web apps. Written in JavaScript, works cross-browser. Provides SQL-like APIs that are fast, safe, and easy to use. lovefield は、Webブラウ […]
[Javascript] async, await を使った非同期処理入門まとめ
async, await とは Javascript における async, await とは、Promise を使った非同期処理を暗黙的に扱うことで、同期的なコードのような書き方で非同期処理を記述することができるようにするための構文です。 Javascript における非同期処理は Promise を使うことで、コールバック地獄を回避できるようになりましたが、代わりに Promise オブジェク […]
- 2018.03.21
- Javascript, Promise, 非同期,
[Javascript] Promiseを使った非同期処理入門まとめ
Promise とは Promiseを使う – JavaScript | MDN Promise – JavaScript | MDN Promise とは、Javascriptでの非同期処理の完了を待ってその処理結果を取得するためのオブジェクトです。いわゆるコールバック地獄に陥らずスマートに非同期処理を掛けるのがメリットとしてあります。 Promise による非同期処理 […]
[React] Ducks というデザインパターン [Redux]
Ducks というデザインパターン Reduxのファイル構成は『Ducks』がオススメ – Qiita The Ducks File Structure for Redux – S.C. Barrus – Medium erikras/ducks-modular-redux: A proposal for bundling reducers, action types and acti […]