Javascript

1/4ページ

[Javascript] 経過時間や経過日数を計測する方法(getTime)

Javascriptで経過時間を計測する Javascriptの処理のパフォーマンスを計測したり、あるいはタイマーみたいな機能を実装する際に、ある時点からの経過時間や経過日数を計測したいということがあると思います。 今回はその方法をまとめます。 Date オブジェクトと getTime 関数 Javascriptで日付を扱うには Date オブジェクトを利用します。Date オブジェクトは get […]

[Javascript] オブジェクトから指定したプロパティを削除する方法(delete演算子)

オブジェクトからプロパティを削除したい Javascriptでオブジェクトから特定のプロパティを削除する方法についてまとめます。 具体的には hasOwnProperty 関数で false を返すように、プロパティを削除します。 例えば 次のようなオブジェクトを定義したとき、a, b, c の各プロパティがあるので hasOwnProperty 関数が true を返します。d は定義していない […]

React, JSX で条件分岐(If)やループ(For)を使う方法

ReactコンポーネントのJSXで条件分岐やループを使いたい ReactコンポーネントをJSXで書いて切るときに、条件分岐やループを使いたくなります。VueやAngularなどでは属性を使ってうまく書くことができますが、JSXでは直接IF文やFor文を使うことができません。 ここでは特定の条件でのみ要素を表示したり、複数の要素をまとめて表示するための方法をまとめます。 条件分岐 JSX内インライン […]

React で publicフォルダ内の静的ファイル(画像)を参照する方法

Reactで画像を表示させる方法 create-react-app で環境を作ったReactアプリの場合、Reactで画像をコンポーネントに表示するには、画像ファイルを import することで Javascript から参照することができます。 例えば、以下の例はロゴ画像を表示するヘッダーです。内部で動いているWebpackがモジュールとして組み込んでくれるため、このようにJavascriptか […]

[JS] 分割代入(Destructuring assignment)構文について

分割代入(Destructuring assignment)構文とは 分割代入 – JavaScript | MDN 分割代入 (Destructuring assignment) 構文は、配列から値を取り出して、あるいはオブジェクトからプロパティを取り出して別個の変数に代入することを可能にする JavaScript の式です。 例えば、オブジェクトのプロパティを取り出す時に、いちいち […]

[Javascript] オブジェクトが指定されたプロパティを保持しているかどうかの判定

オブジェクトのプロパティ判定 Javascriptにおいて、オブジェクトが指定されたプロパティを保持しているかどうかを判定したいことがあります。 判定するための方法として、in 演算子と hasOwnProperty 関数があるので、それぞれの使い方と違いをまとめます。 in 演算子 in – JavaScript リダイレクト 1 | MDN 概要と構文 in 演算子は、指定されたプ […]

[puppeteer] ヘッドレスブラウザの操作でスクレイピング、クローリング

puppeteer とは GitHub – GoogleChrome/puppeteer: Headless Chrome Node API puppeteer とは、GUIを操作することなく、プログラムからAPIでブラウザ(Chrome)を制御できる Node.js で作られた ライブラリ です。ヘッドレス(GUIなし)でも制御できるので高速です。 Node.jsのライブラリとして提 […]

Firebase Hosting 静的ファイルを公開する方法

Firebase で 静的ファイルを公開する Hosting を使ってみる | Firebase Firebase の提供するサービスの1つに、静的ファイル(HTML、CSS、JavaScript など)をホスティングできる Hosting というものがあります。無料プランでもコンテンツを HTTPS で配信可能です。 Fibrase Hosting Hosting を使ってみる | Fireba […]

firebase ユーザー認証で独自のUIを使う方法.md

firebase でユーザー認証を行う firebase入門 ユーザー認証を行う方法まとめ │ Web備忘録 Firebaseを使うと、簡単にユーザー認証が行えます。独自の認証処理やユーザーデータを管理しなくて良いので大変便利です。 Firebaseを使ったユーザー認証方法は上記記事でまとめました。そこでは FirebaseUI というあらかじめFirebase側で用意されているUIツールを用いて […]

firebase入門 ユーザー認証を行う方法まとめ

firebase でユーザー認証 Firebase Googleが提供するサービスに firebase というものがあります。サーバーサイドのいろいろな処理を提供してくれるサービスですが、今回はユーザー認証処理についての実装方法をまとめます。 あるWebアプリにユーザー認証を実装するとなると、ユーザー情報の管理、サーバーやDBの構築等様々な準備が必要ですが、firebaseを使えばこれら使わずサー […]

1 4