Jestテストの並行実行と逐次実行をちゃんと理解する - Qiita
TL; DR (要約) Jestの実行時オプション(CLIオプション)と、テストメソッド(it,test)の書き方で、並行処理と順番(逐次)処理をコントロールする方法について、以下の4パターンを図で説明します。 複数のテストファイルを並行処理し、ファイル内のテストは順番に実行する 複数のテストファイルを順番に処理し、ファイル内のテストも順番に実行する 複数のテストファイルを並行処理し、ファイル内のテストも並行実行する 複数のテストファイルを順番に処理し、ファイル内のテストは並行実行する はじめに Jestでは、パフォーマンスのために複数のテストファイルが並行に処理（テスト）されます。しかし、並行処理が思わぬエラーを生むこともあります。 たとえば、データベースへ接続するテストやpuppeteerを使ったE2Eテストなど副作用を生じさせるテストの場合、テストの書き方や実行タイミングによってはテ
GitHub Actions(v2;yaml)でプルリクエスト毎に確認用アプリ(Review Apps)を立ち上げる(PaaS: Zeit Now) - Qiita
GitHub Actions(v2;yaml)でプルリクエスト毎に確認用アプリ(Review Apps)を立ち上げる(PaaS: Zeit Now)GitHubzeitGitHubActions この記事で説明・提供していること GitHub Actionsの基礎知識：かんたんな用語整理(Actions, Workflow, Job, Step) Pull Requestのオープン(opened)と追加コミット・プッシュ(synchronize)時だけ実行されるWorkflowの書き方 CI(test)が成功したときだけDeployが実行されるWorkflow (Job)の書き方 実行するアクションの中でPull Request(PR)のNumber(#99)やRepository名を取得する方法 Zeit NowにPR毎のアプリ(Review Apps)をPR NumberをURLに含む
Reactでカウントダウン・タイマーを実現するコンポーネント作ってみた - Qiita
やりたいこと カウントダウンしたい時間をpropsへ与えられる タイマーの進むインターバルをpropsへ与えられる インターバル毎とカウントダウン終了時にコールバック関数を設定できる タイマーロジックとタイマー表示は切り離す ロジック部分を担うコンポーネントを作った 表示は任意の別のコンポーネントを使えるようにする 他に調べたコンポーネント dcousens/react-timers: 公式で非推奨になっているMixinを使ってるのでナシ uken/react-countdown-timer: 表示フォーマットを関数で設定するタイプ。実装は参考にした StevenIseki/react-timer: 表示は固定フォーマット。タイマーの実装サンプルのような感じ troch/react-timer-hoc: HOC(Higher Order Component)による実装。コールバックが無いけ
平成の次の元号予想やってみた - Qiita
TL;DR エンジニアが平成の次の元号を予想する方法 - Qiitaのアルゴリズムに出来るかぎり忠実に実装してみました。 結果、絞り込まれた元号候補(Gengo candidates)の数は 82,951 件でした。 実行結果 $ yarn yarn install v0.18.1 $ yarn start yarn start v0.18.1 $ run-s aggregate perform yarn run v0.18.1 $ run-s gengo:aggregate yarn run v0.18.1 $ node lib/02-GengoCandidates/aggregate.js ✨ Done in 0.30s. ✨ Done in 0.89s. yarn run v0.18.1 $ run-s clean mkdir yarn run v0.18.1 $ del dist/
Travis CIでYarn(pkg)を使う設定 (node.js) - Qiita
language: node_js node_js: - 4 - 5 - 6 - 7 - node dist: trusty sudo: false cache: yarn 必須なのはdist: trusty, sudo: false, cache: yarnで、それぞれ以下のような意味合いです。 dist: trusty, sudo: false: コンテナベースのUbuntu 14.04 (public beta) イメージを利用する設定です。 このイメージにはYarn(pkg)がプリインストールされているため、この設定によりユーザ自身によるインストール用設定が不要となります chache: yarn: パッケージのインストールを高速化するためのYarn(pkg)キャッシュを有効にする設定です なお、Yarn(pkg)の実行には、Node4以上を必要とするためテスト対象のNodeバージ
RailsでReduxコンテナをサーバサイドレンダリング (use Hypernova by airbnb) - Qiita
はじめに 前回の記事 RailsでReactをサーバサイドレンダリング（use Hypernova by airbnb） - Qiitaでは、ReactコンポーネントをRailsアプリで簡単にサーバサイドレンダリングに対応する方法を書きました。 最近ではReact単体ではなく、コンポーネント群の状態(State)を一元管理してデータの流れを一方向に整える開発技法Fluxを取り入れたRedux(react-redux)を用いたアプリケーションも増えてきました。 前回ご紹介したHypernovaでは、Reactコンポーネントのサーバサイドレンダリングには対応していたのですが、Reduxコンテナ1はうまくレンダリング出来ませんでした。 そこで、この記事ではReduxコンテナのサーバサイドレンダリングに対応したHypernovaのReact/Reduxバインディングであるnoriaki/hyper
RailsでReactをサーバサイドレンダリング（use Hypernova by airbnb） - Qiita
はじめに Railsにも対応しているJavaScriptのサーバサイドレンダリング用ライブラリairbnb/hypernovaが、airbnbからリリースされました。 この記事では、シンプルなRailsアプリを構築し、これまたシンプルなReactコンポーネントをサーバサイドレンダリングで表示するまでのチュートリアルを解説します。 ReactによるSPA（シングルページアプリケーション）も増え、Google等の検索エンジンでもある程度はページ内容を解釈してくれるらしいですが、サーバ側でHTMLをレンダリングして出力するサーバサイドレンダリングを利用すると、より正しくページ内容を解釈してもらえます。 Hypernovaとは A service for server-side rendering your JavaScript views Hypernovaは、JavaScriptコンポーネント
Kernel#ppのHash表示を新記法(>1.9)に変える - Qiita
問題意識 特にirbやpryでは、変数のオブジェクト内容を表示することが多いですが、表示が必ずハッシュロケット形式の古い記法になってしまっていて、新記法派の人はモヤモヤしていました。 出力をコピペするときも、ペースト先で新記法へ直す必要がありました（一括置換する方法もありましたね）。 解決方法 そこで、HashオブジェクトがKernel#ppで表示される時に呼ばれる、Hash#pretty_printメソッドを設定することで新記法表示となるようにします。 具体例 先に具体的な表示の違いを見てみましょう。 古い記法（ハッシュロケット形式）
Qiitaで使えるアイコン一覧（あるいはFont Awesome 4.6.1 チートシート） - Qiita
追記（2017/06/21） 公式からの発表もありました。理由は技術的負債を予防する観点で納得できるものですね。 代わりとしては、絵文字(emoji)を使うと良いのではないでしょうか。 Font Awesome がご利用いただけなくなる点について 前述の通り、今回の変更によってこれまで暗黙的に利用できていた Font Awesome のアイコン指定はご利用いただけなくなります。(繰り返しになりますが、Qiita:TeamやQiitaのOrganizationでは引き続きご利用いただけます） Font Awesome を含めて禁止にしたのは以下の理由です。 Qiita が Font Awesome を利用していることは公式な仕様ではなく、将来にわたって Font Awesome を使い続ける保証がない 将来的に何かしらの後方非互換な変更が Font Awesome に入ったとき、その変更に追
はてブと同時にQiitaストックするサービスを作りました - Qiita
その名も「はてブと同時にQiitaストック」です。 はてブと同時にQiitaストック - http://hb2qiita.com/ What's はてブと同時にQiitaストック 名前の通り、はてなブックマークにQiita記事をブックマークすると、自動的にその記事をストックするサービスです。 どんなツール（Web/ブラウザ拡張/アプリ/ブックマークレット/ブックマークボタン/ツイート/メール/その他3rd-partyツール）からブックマークする場合でも、ブックマークしたURLがQiitaの記事であれば自動的にストックします。 以下のような特徴があります。 Qiita記事をはてなブックマークへブクマすると自動でストック はてなブックマークから削除すると自動でストック解除 ブクマ経路（Webから、アプリからなど）を問わず対応 非公開ブクマをストックすることもできる（しないこともできる） 使い方
Emacsで.logファイル監視(tail -f) - Qiita
これはなに？ タイトルの通りです。Emacsで.logファイルを監視することができるようになる設定です。 .logファイル開いたとき、自動的にtail -f相当の以下のような動きをするようになります。 ファイル更新に追随して自動的にバッファを更新 バッファ更新時とファイルを開いた時、自動的にバッファの末尾へカーソルを移動 設定 ~/.emacs.e/init.elの末尾に追記するか、init-loaderを利用している場合は21-auto-revert-tail-log.elといったelispファイルを作成して下記を記載します。 ;; .logファイルでは自動で auto-revert-tail-mode にする (add-to-list 'auto-mode-alist '("\\.log\\'" . auto-revert-tail-mode)) ;; ファイル更新やバッファオープン時
Apache+WEBrickでとりあえずRailsアプリを動かすための設定 - Qiita
はじめに ローカル環境では、rails sでWEBrickサーバを立ち上げてlocalhost:3000にアクセスすれば良いのですが、VPSなどネットワーク先で開発している場合にはちょっと一手間かかります。 そこで、（おそらく最初から動いているであろう）ApacheとRails標準のアプリケーションサーバのWEBrickで、とりあえずRailsアプリが動くようにするための設定をまとめます。 環境情報 % inxi -SM System: Host: hakone.vps.sakura.ne.jp Kernel: 2.6.32-573.8.1.el6.x86_64 x86_64 (64 bit) Console: tty 5 Distro: CentOS release 6.7 (Final) Machine: System: Red Hat product: KVM v: RHEL 6.4
Google Spreadsheets 漢字に読み仮名（ひらがな・カタカナ）を付けるカスタム関数を作った - Qiita
これはなに？ いわゆるMicrosoft Excelで言うところのPHONETIC関数です。 漢字を含むテキスト・セルを指定することで、読み仮名を出力することができます。読み仮名はひらがなのふりがなでもカタカナのフリガナでも大丈夫です。 典型的な利用シーンとしては、住所録で氏名の読み仮名を自動で（それなりに）ふりたい、というシーンがあります。ちょうど年賀状シーズンの住所録でふりがなが必要になったりしていると思いますが、ローカルのExcelではなくGoogleスプレッドシートで管理している方も多いでしょう。ExcelにはPHONETIC関数があるのにGoogleスプレッドシートには同様の機能が無いのです。 機能 漢字を含むテキスト（セル）をひらがなへ変換 =HIRAGANA(input) 漢字を含むテキスト（セル）をカタカナへ変換 =KATAKANA(input) フラグで変換先（ひらがな/
[Rails]modelファイルを全部まとめてdestroy - Qiita
やりたいこと（困っていること） （あんまり無いけど）途中まで作ったRailsアプリのModelを全部削除して、最初から作り直したいことがあった。 そのときのモデル数は15個くらいあって、モデル名をひとつひとつ入力しては削除するのがめんどくさかった。rails destroyコマンドの引数に渡せるモデル名が1つだけだったのもツライ。 やったこと Dir.globでファイル一覧を取得して、それぞれにrails destroyコマンドを投げた。うまくいった。ハッピー！ [~/path/to/rails/app] % ruby -e 'Dir.glob("app/models/*.rb").each{|f| puts %x|rails destroy model #{File.basename(f, ".rb")}| }' invoke mongoid remove app/models/mode
![[Rails]modelファイルを全部まとめてdestroy - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/78c8a1b084d8ca2381282be86602a0b4f2877194/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-9f5428127621718a910c8b63951390ad.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTkxNiZoPTMzNiZ0eHQ9JTVCUmFpbHMlNURtb2RlbCVFMyU4MyU5NSVFMyU4MiVBMSVFMyU4MiVBNCVFMyU4MyVBQiVFMyU4MiU5MiVFNSU4NSVBOCVFOSU4MyVBOCVFMyU4MSVCRSVFMyU4MSVBOCVFMyU4MiU4MSVFMyU4MSVBNmRlc3Ryb3kmdHh0LWNvbG9yPSUyMzIxMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT01NiZ0eHQtY2xpcD1lbGxpcHNpcyZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZzPTgwZGVlYzEyODFiMTJmOThmNTdlZWIwZDNkNTEwODM5%26mark-x%3D142%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTYxNiZ0eHQ9JTQwbm9yaWFraSZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTM2JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9Nzg0ZmI2NmJiOWYxMWFiZmZhNGQ2YzdmNGVhNWQwZjM%26blend-x%3D142%26blend-y%3D491%26blend-mode%3Dnormal%26s%3Dbb9218ae43aa283e7d40ada6215b8bd7)
Arrayから条件に一致する最初の要素を削除するメソッド`Array#delete_first`を作ってみた - Qiita
背景 (Background) Array#deleteやArray#delete_ifでは、条件に一致した 全ての 要素が削除されてしまいます。初めて見つかった要素一つだけを削除したいときに適当なメソッドが無かったので定義してみました。 利用例 (Usage) array = [:a, :b, :a, :b] => [:a, :b, :a, :b] # Array#delete_first : search element by Array#index array.delete_first :a => [:b, :a, :b] array.delete_first :b => [:a, :a, :b] array.delete_first { |elm| elm == :a } => [:b, :a, :b] array.delete_first { |elm| elm == :b }
ruby/railsで数値を3桁区切りにする方法 - Qiita
結論 Numeric#to_s(:delimited)を使うと良いよ。 ActionView::Helpers::NumberHelperのnumber_with_delimiterメソッドと同じものです（内部で呼ばれてる）が、タイプ数が少ない方が良いですよね。怠惰万歳。 ちなみに、検索するとよく出てくるnumber_to_currencyは通貨表示のためのメソッド（頭に$とか¥とか付く）です。なお、こちらも同じくNumeric#to_s(:currency)で使えます。 Numeric#to_s(:delimited)の使い方 要ActiveSupport require 'active_support/core_ext/numeric/conversions' 12345678.to_s(:delimited) # => 12,345,678 12345678.05.to_s(:del
innerText(textContent)/innerHTMLを使わずJavaScriptでHTMLエスケープ - Qiita
元になった記事 innerHTMLは"をエスケープしてくれるとは限らない -- innerText(textContent)/innerHTMLを使ったHTMLエスケープは充分でないので今すぐやめろ、お前たちはもう終わりだ - TODESKING String#replaceは引数にfunctionを渡せる functionの第一引数はマッチした部分文字列そのものを保持するので、マッピングテーブルオブジェクトに渡して変換するこんな感じでどうだろう。なんかオシャレな気がするので。 function escapeHtml(content) { var TABLE_FOR_ESCAPE_HTML = { "&": "&", "\"": """, "<": "<", ">": ">" }; return content.replace(/[&"<>]/g, funct
CentOS+Rails4+Apache2.2でPumaを動かす設定 - Qiita
この記事は、自分の記事「CentOS+Rails4+Apache2.2でPumaを設定する | noriaki blog」の設定部分を備忘的に抜き出したものなので、詳細な手順は記事を参照のこと。 Puma設定 ディレクトリ作成 require 'active_support' require 'active_support/core_ext' rails_root = Dir.pwd unless ENV['RACK_ENV'] == 'production' environment ENV['RACK_ENV'] || 'development' daemonize true # デーモン化 workers 0 # 1以上を指定するとCluster化する threads 0,2 # スレッド数（最小, 最大） bind 'unix://' + File.join(rails_root,
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
重複しない任意長のランダム文字列を生成する方法 - Qiita
キリ番踏んだら報告してね - Qiita
