Firebase Authentication + SPA(React/TypeScript) でユーザ登録／ログイン／ログアウト (2:要点の説明) - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? ※2018/10/29 Firebase Authentication + SPA(React/TypeScript) でサンプル作り直してみたとしてサンプルを作り直して記事を書きました。 前回、説明まで書くと長くなりそうなので 2 回に分けた 2 回目です。 お詫び： 当初は要点処理の説明を書こうと思っていたのですが、いろいろいじってるうちに作り直したくなってきました。 ※記事ごとごっそり書き直そうとも思ったのですが、備忘録も兼ねて現段階の内容を書くことにしました。ご了承下さい。 処理の要点 Firebase SDK Authenti
Atomic Designでのテストを考える【初級】 - Qiita
概要 初Atomic Designを導入して開発をしてて、どこにどうやってテスト書けばいいんだっけ？ という旨の備忘録です。 仕様言語とかツールとか TypeScript React+Redux redux-saga Jest AtomicDesign ※Atomic Designの説明はしません（Atomic Designの説明はこちらが分かりやすいです） ※超初歩&限定的な内容な気がするので、書いてないメソッドやパターンについては適宜調べていただけると嬉しいです 概要 Jestを使います。 やること インタラクションテスト ロジックテスト テスト対象 AtomicDesignにより分類された各コンポーネント 本記事での例題はatomsのButton インタラクションテストする Reducer ロジックテストする 対象外 middleware 別途書く予定です Jestって？ 公式HP
Angular+Firebase ユーザー設計とデータの保護 - Qiita
この記事はAngular+Firebaseでチャットアプリを作るのエントリーです。 前記事：Angularのルーティング設定（応用編） 次記事：Angularのngrxを使って状態管理を行う（理論編） この記事で行うこと 前回の記事ではAngularのガードを導入しました。 本稿ではAngular+Firebaseを使った場合のユーザー設計、およびデータの保護について扱っていきます。 ユーザーのデータ設計 認証時のロジックをangularで実装 Firestoreのルールを設定する Firestoreのデータ保護ルール アプリケーションの設計をする際、DBにアクセスを行う入力値のバリデーション設計は、一定のセキュリティを担保する上で必須の工程です。ソースをすべて読むことができるクライアントサイドではこの処理を行うことができないため、サーバーサイドでどのように設計するかが肝になります。 Fi
【Node.js】Yeomanのカスタムジェネレータを使って綺麗にログ出力 - Qiita
はじめに Yeomanのジェネレータとして、Goqoo on kintoneというScaffoldツールを作っております。 yeoman-generator内でthis.fs.copyTpl()とかでファイルをコピーすると、 Railsのジェネレータと同様、こんなカラフルなログを出してくれるのがとても良いですよね。 こんなログを、自分の好きなタイミングで自由自在に出したいという話。 用途 this.spawnCommandSync()で子プロセスを走らせた時に、Railsのrun git init run bundle installみたいなログを出したかったんです。（Yeomanの標準機能で欲しいところですけどね） あとは、エラーメッセージもカラフルに出したいとか、色々あります。 やり方 基本：this.log配下の関数を使い分ける ジェネレータ内でログ出力するときはthis.log()
Babel7でwebpack.config.babel.jsを使う - Qiita
Babel7でwebpack.config.babel.jsを動かす 普通にやろうとすると、SyntaxError: Unexpected token importで怒られる。 @babel/registerを入れると解決します。 参考：https://github.com/webpack/webpack/issues/5960 私の設定を載せます。 concurrentlyとeslintは必須ではないです。 { "name": "hello babel7", "version": "1.0.0", "description": "", "private": true, "scripts": { "webpack": "webpack -w", "lint": "eslint src/*.*", "build": "webpack", "start": "concurrently \"np
GAE on node.js v8の、関数の外のグローバル変数について - Qiita
これの続き GCPのCloud Functionsでは、関数の外にあるグローバル変数は、立ち上がっているプロセス内で使い回しのできる存在でした。 グローバル変数を使用して将来の呼び出しでオブジェクトを再利用する Cloud Function の状態は、将来の呼び出しのために必ずしも保持されるわけではありません。しかし、Cloud Functions が以前の呼び出しの実行環境をリサイクルすることはよくあります。変数をグローバル スコープで宣言すると、その値は再計算せずに後続の呼び出しで再利用できるようになります。 この方法では、関数の呼び出しごとに再作成するためコストが高くなりがちなオブジェクトをキャッシュに保存できます。このようなオブジェクトを関数の本文からグローバル スコープに移動して、パフォーマンスを大幅に向上することができます。次の例では、heavy オブジェクトを関数のインスタン
Azure Functions + node.js で Multipart/Post ファイルアップロード - Qiita
流行りの「日本のITエンジニアが書いた」「やってみた」「個人メモ」な投稿です。 こういうファイルアップロード用のフォームで、ファイルのアップロードを受け付ける機能を、Azure Functions + node.js で作ります。 このような機能の場合、multipart に対応しないといけないのがポイントです。 今回は multipart 対応に、multer という npm パッケージを使います。 とりあえず Azure ポータルで、Functions App を node.js で作り、次のように package.json ファイルを配置します。 package.json { "name": "uploader", "version": "0.0.0", "private": true, "scripts": { "start": "node ./bin/www" }, "depen
CodeceptJSでオートコンプリートする - Qiita
概要 CodeceptJSというテストフレームワークがあります。Puppeteerや WebdriverIOなどのAPIをラップしたI.amOnPage()やI.click()などのメソッドを使ってテストを書きますが、I.まで打ったら利用可能なメソッド一覧が出て欲しいですよね？Auto Completeしたいですよね？できます。 公式ドキュメント 公式のCommandsに書いてあるのですが、あまりにもさらっと書かれていて見逃していました。CHANGELOGを眺めていて初めて気づきました。0.3.5の部分です。公式って大事。 やり方 1．プロジェクトの中で以下のコマンドを打ちます 2．おもむろにVSCodeを開きます 3．テストファイルの一行目に/// <reference path="./steps.d.ts" />と書きます 4．オートコンプリートライフを楽しみます 簡単！！！！！！！
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Vueの疑問(随時更新) - Qiita
Laravel 開発環境構築 備忘録2 laravel mixの設定 - Qiita
babel-loader8で最新のreactの環境を構築する - Qiita
nodejsで開発/本番の設定を切り替える - Qiita
【Express.js】非同期処理の個人的ベストプラクティス (async/await) - Qiita
判定ロジックを見やすくするための工夫 - Qiita
【備忘録】『速習TYPESCRIPT』の参考になった部分まとめ - Qiita
simulateで発火された関数をspyで検知できない問題 - Qiita
Typescriptまとめ 関数の型定義 - Qiita
Sinonのfakeをリセットする時の挙動について - Qiita
同じオブジェクトをテストによってスパイ、あるいはスタブで監視させる方法 - Qiita
Angular Materialのsidenavをコンポーネントとして実装する - Qiita
