コンテンツへスキップ
Web Frontend Blog
  • フロントエンド
  • Javascript
  • Typescript
  • CSS
  • お問い合わせ
メニュー

Javascript

  1. ホーム>
  2. Javascript
Firebase AuthenticationのTokenの使い方まとめ
フロントエンド

Firebase AuthenticationのTokenの使い方まとめ

Firebase Authenticationを業務で使ってみてわかったことをまとめます。 ほぼ自分用のメモ   Tokenについて 認証するとiD TokenとrefreshTokenの2…

0件のコメント
2020年12月24日
useCallbackはどこで使えばいいのか?使い所とは
フロントエンド

useCallbackはどこで使えばいいのか?使い所とは

hooksAPIの中で、useCallbackの使い所がいまいちわからなかったので検証してみました。   結果だけ知りたい人 自コンポーネントだけで使うコールバック関数の場合は使う必要なし。…

0件のコメント
2020年6月19日
styled-componentsでも使われてるstyled.divに続くバッククォートが何か知ってる?Tagged Template Literal
フロントエンド

styled-componentsでも使われてるstyled.divに続くバッククォートが何か知ってる?Tagged Template Literal

styled-componentsのドキュメントを読むと、こんな書き方がされています。 styled.div` // css... ` ちょっと見た目気持ち悪いですが、これはES6のTagged Te…

0件のコメント
2020年6月11日
javascriptのtimesっぽい[…Array(5)].map(_ => console.log(_))が動かない原因
フロントエンド

javascriptのtimesっぽい[…Array(5)].map(_ => console.log(_))が動かない原因

javascriptでrubyのtimesっぽいことをしたい時に、よく使われるテクニック。 動かない場合は、babel設定をチェックしてみてください。 スプレッド構文を使い時に利用するプラグイン、「@…

0件のコメント
2020年6月9日
Reactフォームのリアルタイム更新の実装テクニック
フロントエンド

Reactフォームのリアルタイム更新の実装テクニック

メモアプリなどのアプリでは、テキストエリアをリアルタイムで更新しておきたい時があります。 onChangeの度にupdateする方法もありますが、これでは無駄なupdate文が発行されてしまいます。 …

0件のコメント
2020年6月6日
firestoreとreduxのバインディングライブラリ「react-redux-firebase」の使い方
フロントエンド

firestoreとreduxのバインディングライブラリ「react-redux-firebase」の使い方

firestoreとreduxをバインディングするライブラリを見つけたので触ってみました。 ※公式ライブラリではありません。 https://github.com/prescottprue/react…

0件のコメント
2020年6月5日
javascript配列の追加処理の速度比較:push VS concat VS spread operator
フロントエンド

javascript配列の追加処理の速度比較:push VS concat VS spread operator

配列に新しい値を追加する時、push, concat, spread operatorの3種類の方法の速度を計測してみました。 例 // push for (let i; i < 1000; i…

0件のコメント
2020年6月4日
Nextjsを使ってメモアプリを作ってみる
作ってみた

Nextjsを使ってメモアプリを作ってみる

NextjsはReactのフレームワークです。 このシリーズでは、Nextjs使ってメモアプリを使って簡単なメモアプリを作ってみます。 ひとまず、基本的なCRUD処理を実装することにします。 クライア…

0件のコメント
2019年7月4日
【Webpack】CSSのglobal importとcss modulesを使い分ける方法
フロントエンド

【Webpack】CSSのglobal importとcss modulesを使い分ける方法

CSSはグローバルで読み込まれますが、CSS Modulesを使うと適用範囲をコンポーネント内に限定することができます。 しかし、ライブラリなどには下記のように、用意されたcssをグローバルに読み込む…

0件のコメント
2019年5月13日
typescript+React+ReactRouterでwithRouterの型宣言
フロントエンド

typescript+React+ReactRouterでwithRouterの型宣言

onClickでページ遷移したい時は、history.pushを利用します。 import * as H from 'history' interface OwnProps { history: H.…

0件のコメント
2019年5月8日
firestore複数コレクションの取得はPromise.allを使うと若干早い
フロントエンド

firestore複数コレクションの取得はPromise.allを使うと若干早い

firestoreの取得速度を図ってみたのですが、Promise.allを使った方が若干早かったです。 コレクションにはそれぞれ100件ずつドキュメントを突っ込んでいます。 1.それぞれ同期的に取得 …

0件のコメント
2019年2月7日
React+Reduxアプリのオレオレフォルダ構成
フロントエンド

React+Reduxアプリのオレオレフォルダ構成

React + Reduxで作るアプリケーションをいくつか作っていて、フォルダ構成に悩みました。   調べてみると、以下の方法にしてる人が多いみたいです。 A: コンポーネントやコンテナなど…

0件のコメント
2018年11月29日
  • 1
  • 2
  • 次のページへ移動

人気記事

  • FirestoreのTimestampクラスの使い方
  • typescript+Reactでrefを利用する方法「class componentとfunctional component」
  • 【ステガノグラフィー】画像に文字を隠す方法
  • typescript+React+ReactRouterでwithRouterの型宣言
  • NextjsとReduxの接続をしてstoreにデータを追加してみる

新着記事

  • Firebase AuthenticationのTokenの使い方まとめFirebase AuthenticationのTokenの使い方まとめ
  • useCallbackはどこで使えばいいのか?使い所とはuseCallbackはどこで使えばいいのか?使い所とは
  • typescriptでuseDispatchでRedux Thunkのthenが型エラーになる時の対応typescriptでuseDispatchでRedux Thunkのthenが型エラーになる時の対応
  • WordPressの記事・固定ページにHTMLを追加できるプラグイン「WP Add Content」を作ってみたWordPressの記事・固定ページにHTMLを追加できるプラグイン「WP Add Content」を作ってみた
  • background-size: coverをimgタグで行うにはCSSのobject-fitを使おうbackground-size: coverをimgタグで行うにはCSSのobject-fitを使おう

カテゴリー

  • バックエンド (4)
  • フロントエンド (20)
  • 仕事 (1)
  • 作ってみた (3)
  • 技術 (1)
  • 雑記 (2)

タグ

babel (1) CSS (2) Django (1) firebase (6) firestore (5) Gatsbyjs (1) GoogleAPI (1) Javascript (13) letsencrypt (1) Nextjs (1) nginx (1) nodejs (1) passport-local (1) Python (2) React (9) Redux (4) redux-thunk (1) styled-components (1) Typescript (8) webpack (1) テクニック (1)

アーカイブ

  • 2020年12月 (1)
  • 2020年6月 (9)
  • 2020年4月 (2)
  • 2019年7月 (4)
  • 2019年6月 (2)
  • 2019年5月 (2)
  • 2019年4月 (1)
  • 2019年3月 (2)
  • 2019年2月 (1)
  • 2019年1月 (1)
  • 2018年12月 (3)
  • 2018年11月 (3)
  • お問い合わせ
  • 利用規約
Copyright Web Frontend Blog
メニューを閉じる