create-react-app + typescript + css modules - QiitaDeleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
複数のファイルにまたがるPromiseの使い方 - Qiita
複数ファイルにまたがるPromiseの使い方 まず、複数ファイルにまたがるPromiseの使い方を予習します。それがこの記事のメインです。最後に、Ionicでの例に適用します。 一つのファイル内でのPromiseチェーンについての例はよく見かけるけど、複数ファイルをまたがるケースはあまり見ないような気がしたのでここで書いてみます。 async、awaitについては触れません。 ではいきます。 状況 こんな状況があるとします。 ファイルAの処理Aを実行する↓ 処理AがファイルBの処理Bを呼ぶ↓ 処理BがファイルCの処理Cを呼ぶ↓ 処理Cが完了する↓ 処理Cの完了後に処理Bが完了する↓ 処理Bの完了後に処理Aが完了する。 ただし、処理cは、失敗したり、時間がかかる可能性があるものとします。 ※※注意！！※※ そのような、失敗する可能性があるPromiseは、実際に失敗した場合の処理をきちんと書
Cell Renderer Components（ag-Grid）の作り方 - Qiita
interface ICellRendererComp { // Optional - Params for rendering. The same params that are passed to the cellRenderer function. init?(params: ICellRendererParams): void; // Mandatory - Return the DOM element of the component, this is what the grid puts into the cell getGui(): HTMLElement; // Optional - Gets called once by grid after rendering is finished - if your renderer needs to do any cleanup,
[Firestore] Google認証で特定のドメインのユーザーだけアクセスを許可する - Qiita
Firebase AuthenticationでGoogleアカウントによるログインを実装するのは簡単ですが、デフォルトだと全てのGoogleアカウントでログインできるようになっています。 社内向けのアプリケーションなどでは、特定のドメインのユーザーのみアクセスを許可したいケースがあると思いますが、そのようなケースの実装方法が案外出回っていなかったので、まとめておきます。 検証環境 Angular6 @angular/fire: v5.0.2 firebase: v5.4.1 今回はAngularを例にしていますが、他のフレームワークでも大きな違いはないと思います。 AngularFire AngularでFirebaseを使うには、AngularFireという公式のライブラリを使うのが一番早いです。 AngularFireのセットアップとAuthenticationの基本的な実装方法は以
![[Firestore] Google認証で特定のドメインのユーザーだけアクセスを許可する - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/fcba83ee7502ec27f58043efbb09d89d667770ed/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fqiita-user-contents.imgix.net%252Fhttps%25253A%25252F%25252Fcdn.qiita.com%25252Fassets%25252Fpublic%25252Farticle-ogp-background-afbab5eb44e0b055cce1258705637a91.png%253Fixlib%253Drb-4.0.0%2526w%253D1200%2526blend64%253DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnFpaXRhLWltYWdlLXN0b3JlLnMzLmFtYXpvbmF3cy5jb20lMkYwJTJGNDc0MTQlMkZwcm9maWxlLWltYWdlcyUyRjE1MzcxNzE0MTg_aXhsaWI9cmItNC4wLjAmYXI9MSUzQTEmZml0PWNyb3AmbWFzaz1lbGxpcHNlJmZtPXBuZzMyJnM9ODk5OThlNzFlYmQzNWRjNmJhZDY5YzM1ZTA0N2M2NDc%2526blend-x%253D120%2526blend-y%253D467%2526blend-w%253D82%2526blend-h%253D82%2526blend-mode%253Dnormal%2526s%253D29cdde8116859dadff873833989cc34f%3Fixlib%3Drb-4.0.0%26w%3D1200%26fm%3Djpg%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk2MCZoPTMyNCZ0eHQ9JTVCRmlyZXN0b3JlJTVEJTIwR29vZ2xlJUU4JUFBJThEJUU4JUE4JUJDJUUzJTgxJUE3JUU3JTg5JUI5JUU1JUFFJTlBJUUzJTgxJUFFJUUzJTgzJTg5JUUzJTgzJUExJUUzJTgyJUE0JUUzJTgzJUIzJUUzJTgxJUFFJUUzJTgzJUE2JUUzJTgzJUJDJUUzJTgyJUI2JUUzJTgzJUJDJUUzJTgxJUEwJUUzJTgxJTkxJUUzJTgyJUEyJUUzJTgyJUFGJUUzJTgyJUJCJUUzJTgyJUI5JUUzJTgyJTkyJUU4JUE4JUIxJUU1JThGJUFGJUUzJTgxJTk5JUUzJTgyJThCJnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmdHh0LXBhZD0wJnM9YWNjMzIzOTg4NmI1OWJiMzcyNzNlYjZiMmEzMzE2ZDA%26mark-x%3D120%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTgzOCZoPTU4JnR4dD0lNDBhdm9zYWxtb24mdHh0LWNvbG9yPSUyMzFFMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT0zNiZ0eHQtcGFkPTAmcz04OGIxOTA1ZTU0ZjEzODIxNTkwMjAxMDc0YjBmNTgwNg%26blend-x%3D242%26blend-y%3D480%26blend-w%3D838%26blend-h%3D46%26blend-fit%3Dcrop%26blend-crop%3Dleft%252Cbottom%26blend-mode%3Dnormal%26s%3D65d0fa9225653a906845c75121b9de67)
getComputedStyle()がJestで期待通りに動作しない件について - Qiita
import React from 'react'; class App extends React.Component { getWidthFromDiv() { const computedStyle = window.getComputedStyle(this.refDiv); const widthInString = computedStyle.getPropertyValue('width'); const widthInInt = parseInt(widthInString); console.log("div.width:", widthInInt); console.log("window.getComputedStyle(div):", computedStyle); return widthInInt; } getRFromCircle() { const comp
Node.jsアプリケーションでCLIを実装する - Qiita
const readline = require('readline') const rl = readline.createInterface({ input: process.stdin, output: process.stdout }) // 今のフェーズを管理する const PHASE = { NORMAL: 0, WILL_QUIT: 1 // quitするか聞いてる時 } let phase = PHASE.NORMAL console.log('Please enter some text:') rl.prompt() rl.on('line', input => { switch (phase) { case PHASE.NORMAL: if (input === 'quit') { console.log('Really?') rl.prompt() phase =
ESLint v5.6.0 - Qiita
前 v5.5.0 | 次 v5.7.0 ESLint v5.6.0 has been released: https://t.co/BpsmAQrVxj — ESLint (@geteslint) September 15, 2018 ESLint 5.6.0 がリリースされました。 小さな機能追加とバグ修正が行われました。 質問やバグ報告等ありましたら、お気軽にこちらまでお寄せください。 🏢 日本語 Issue 管理リポジトリ 👫 日本語サポート チャット 🏢 本家リポジトリ 👫 本家サポート チャット 🚀 本体への機能追加 特になし。 💡 新しいルール 特になし。 🔧 オプションが追加されたルール #10697: func-names generators Generator 関数のみ設定を分けるためのオプションが追加されました。 Generator 関数は Arrow
TypeScriptでVuexを型安全に扱うライブラリを作りました - Qiita
はじめに こんにちは。 みなさんVue&Vuex&TypeScript やってますか？ Vueクラススタイルコンポーネント向けのライブラリのなかで vuex-classというライブラリがすごく気に入ったのですが型安全ではありません。 ↑ リポジトリを見るとIssueは立ってるようです そこで今回、車輪の再発明を承知でライブラリを作りました！ vuex-class的な使い心地で型安全なものを目指します コード まずは作ったものはこちら vuex-map-decorators 基本的にデコレータを実装しているので、 実装内容より先に使い方を説明します。 使い方 シンプルな使い方 import { State, Mutation } from 'vuex-map-decorators'; interface SampleState { count: number; } interface Hog
Lightsailでnodejs+Expressでサーバーを公開するまで - Qiita
var http = require('http'); var server = http.createServer(); server.on('request', function(req, res){ res.writeHead(200, {'Content-Type': 'text/plain'}); res.write('hello world'); res.end(); }); server.listen(3000, '127.0.0.1'); console.log("server listening ..."); Lynx等でターミナルから127.0.0.1:3000でhello worldが表示されるのを確認（心配性なので）その後ソースをserver.listen(3000, '0.0.0.0');に書き換え Lightsailの設定でポート3000を開いておく これで、ブ
realtimeGTFSのデータを取得しグーグルマップに表示する - Qiita
訂正 monaca localkitを使用していますが、使用しなくてもApacheがあればできました。 （色々な理由で、XAMPPが入っていたので検証しました。） XAMPP ＋ Chromeのデベロッパーモードがあればモバイル向け画面開発もできました。 localhostでの接続だと、オリジン間リソース共有 (CORS) の関係ではねられるためできていません。 誰か教えてください 前書き 忘れないための覚書（なので他環境での動作確認はわかりませんし、正攻法なのかもわかりません） リアルタイムGTFSをマッピングしたくてGoogleのチュートリアルを見ても、Node.jsの知識もなく、プログラミング初心者で当たり前っぽいことも理解できていなく、四苦八苦した話。 リアルタイムGTFSについては、https://developers.google.com/transit/gtfs-realti
小説執筆補助ツール「novel-builder」README - Qiita
※この記事は、私がnpmおよびGitHubに公開しているnode.js製の小説執筆補助ツール「novel-builder」のREADMEをそのまま転載したものです。 解説は「恋に落ちるコード.js」の絵子と樹里です。 (2018/11/18 v0.4.0の内容に修正) novel-builder.js 篠宮樹里「絵子よ、Web小説の執筆を補助するツールをNode.jsで作ってみたぞ」 瀬尾絵子「何でもJavaScriptでやりたいんだねー……」 Description このツールは、次のような方々を主なターゲットとして開発しています。 小説もNode.jsプロジェクトとして執筆（開発）したい！ 開発で使い慣れたエディタ（VSCode等）を執筆にも使いたい！ 原稿はMarkdown形式で書きたい！ node.jsやnpmに抵抗がない。むしろ好き！ 下記のような執筆補助機能を提供してします。
オレオレ言語を作っている - Qiita
動機 JSで素のWebGLをいじってゲームを作ろうとしていた。 GLSLで静的型付け言語の良さを再認識する。 JSからWebGLをいじってると、型変換のオーバーヘッドがちょっと気になってくる。 JSでのベクトルと行列の演算処理を書くのは面倒くさい。しかしGLSLのベクトルと行列の演算機能はよくできてて、JSもこんな感じでベクトル演算を書ければ楽なのになあと思う。 WebAssemblyができてメジャーブラウザで使えるようになる。これはまあLLVMのWeb版とも言える仕様。つまり言語が作れる！ 調べるともうすでにemscriptenがサポート、AssemblyScriptができていた！ これ使えばいいかなと思うが、emscriptenはサポートコードがでかい。さらにAssemblyScriptも試したが、ちょっと私のニーズには合わなさそう。 でまあGLSLチックなベクトル・行列演算機能を持つ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
楽天市場の商品レビューをスクレイピングして全件取得 - Qiita
【初心者でもOK】Node+Expressで簡単なフォームを実装！ - Qiita
Node.jsの非同期処理を複数回繰り返す - Qiita
【Mac】npmからexpressをDLしたが環境変数が通っていない事象を解決 - Qiita
ESLint v5.7.0 - Qiita
超初心者のAngular学習〜2日目〜 - Qiita
Array.ofのgenerator版 - Qiita
超初心者のAngular学習〜1日目〜 - Qiita
