Firebase AuthenticationでReactアプリにTwitter/Facebook/Google認証をつける - Qiita
Firebase Authenticationを使うとTwitter, Facebook, Googleでのログインを極めて簡単に実装できます。 例としてReactのSPAに対して、Twitterによる認証認可を組み込んでみます。 Twitterでアプリ作成 Apps for Twitterでアプリ作成 https://apps.twitter.com で新規アプリを作成します。 Consumer KeyとConsumer Secretの確認 Consumer Key(API Key)とConsumer Secret(API Secret)を取得します。 E-mail Firebase AuthenticationでTwitterのE-mailアドレスを取得する場合は次の設定をします。 Settingで Privacy Policy URL と Request email addresse
React と PWA で講義の時間確認するだけのやつを作った - Qiita
以前作ったものを PWA 対応と、ついでに見た目を変えました。 アプリは「4限何時からだっけ？」を解決する、完全に身内向けのものです。 ですが主に PWA のイントロについて書きたいと思います。 使っているもの React.js Flow styled-components GitHub pages リポジトリ: https://github.com/elzup/dentime PWA 対応 Google Chrome Developer tools の Audits のナビゲーションに従ったのみです。 manifest.json で icon やテーマカラー、バックグラウンドカラーの設定をしました。自動で作られるスプラッシュ画面やナビゲーションバーの色に関係してきます。 設定内容は Devtool の Applications タブで確認できます。 あとは「noscripts タグ入れて
[フロントエンド] ビルドツールのWebpackに入門する - YoheiM .NET
こんにちは、@yoheiMuneです。 最近はWebpackというフロントエンドのビルドツールを使う機会が増えてきて、やっとしっくり来る感じで理解できました。今回はWebpackについて、どのプロジェクトでも使う基本的なことを纏めてみたいと思います。 目次 Webpackとは Webpackとはフロントエンドにおけるビルドツールの1つです。フロントエンドのビルドツールでは他にGulpとGruntがありますが、それらの仲間といった感じです。Webpackは主にJavaScript用のビルドツールです。CSSもJSに埋め込む事もできますが、仕事ではCSSはgulpなどで別にコンパイルすることが多いです（高速化の観点からCSSとJSは別にした方が良いことが多い）。 Webpackの要点をまとめてみると、 主にJavaScriptをビルドするために使う entryでコンパイル元を指定して、outp
![[フロントエンド] ビルドツールのWebpackに入門する - YoheiM .NET](https://cdn-ak-scissors.b.st-hatena.com/image/square/6ece80b7aae2d035628eb01cf993c6452f546d11/height=288;version=1;width=512/https%3A%2F%2Fwww.yoheim.net%2Fimage%2F466.jpg)
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
webpack と Babel – React入門
Webpack4 + React スタートアップ（create-react-app を使いたくない） - Qiita
