生まれ変わったFacebook製テストフレームワーク「Jest」とは何か？
長らく停滞していたFacebook製のJavaScriptテストフレーム「Jest」が息を吹き返しています。概要とサンプルを使ったテストの手順を紹介します。JavaScript PlaygroundのJack Franklinによる特別寄稿です。 この記事ではFacebookが開発したテストフレームワークJestを使い、ReactJSコンポーネントをテストする方法を説明します。Jestの独創的な機能、特にReactアプリ向けテストを簡単に実施する機能について説明するまえに、プレーンなJavaScript関数でのJestの使用法を紹介します。 Jestが注目に値するのは、Reactに対応しているだけでなく、JavaScriptアプリケーションのテストにも使用できるからです。ただし、いくつかの機能はユーザーインターフェイスのテストにとても役立つ形で提供されるので、Reactにぴったりです。 サ
電卓アプリで学ぶReact/Redux入門(実装編) - Qiita
はじめに React.jsとReduxを理解するために簡単な電卓アプリを作成しました。 今回はWelcome to Reactから始まり、実際にReact/Reduxで電卓アプリを作るまでの手順を説明したいと思います。 特にReduxのデータフローについては言葉や図だけではよくわからないと思うので、電卓アプリを実際に作成することで少しでも理解の助けになればいいなと思っております。 今回の記事では実装がメインとなっているため、React.jsやReduxの概念などについては省略しております。基礎的な部分を理解したい方は「Reduxの電卓アプリで学ぶReact/Redux入門(基礎知識編)」を読んでからこちらの記事を読むと理解がしやすいかと思います。 電卓アプリはcreate-react-appをベースに作成し、簡単のために加算の機能のみ作ります。 create-react-appについて ま
Redux ExampleのTodo Listをはじめからていねいに(1) - Qiita
Reduxの公式ExampleにあるTodo Listを少しづつ書いてみました。 最終的な動作イメージは以下のような感じです。 Github Pagesにもあげていますので、触ってみてください。 基本的なReduxの説明や環境構築などは他のドキュメントに譲るとして、 ここでは各機能ごとに動くものを作りながら、最終的にExampleの形になることを目指します。 Reactがだいたい分かってて（チュートリアルをやったくらい）で、 Reduxを触り始めたくらいの人を対象としています。 Reduxを触り始めて日が浅いので、間違いもあるかと思います。ぜひご指摘ください。 ExampleのTodo Listの機能は次の3つです。 TodoをTodo Listに追加する「Add Todo」 Todoの完了・未完了を切り替える「Toggle Todo」 表示するTodo Listを完了または未完了のTod
Node.js : exports と module.exports の違い（解説編） - ぼちぼち日記
JavaScript Advent Calendar 2011 (Node.js/WebSocketsコース) : ATNDも皆さんのご協力で25日間終わり、無事新しい年が迎えられそうです。参加された方、ご苦労様でした。もしアドカレに穴が空きそうだったら書いてみようと思ってたネタを作っていましたので、アドカレ終了記念の番外編で書いてみます。 ちょっと前のブログになりますが、Node.js Module – exports vs module.exportsな記事が掲載されていました。 Node.js のモジュールを作成する際に使用する exports 変数と module.exports 変数の違いについての記事です。私も以前から「 module や exports って変数はいったい何だろう？」とか、「require()関数って突然どこから現れてくるのだろうか？」など実際その仕組みはどう
IT技術系Q＆Aコミュニティ「Stack Overflow」の4000万件以上ある質問＆回答で最も多く引用された「プログラマー必読」な書籍トップ10リスト
By WOCinTech Chat プログラマー向けのQ＆Aサイト「Stack Overflow(スタック・オーバーフロー)」にある4000万件以上の質問・回答を分析して、質問の中で引用された回数の多い書籍、つまりは「プログラマーに最も信頼されている書籍」が、以下のサイトでランキング形式で公開されています。 Top mentioned books on stackoverflow.com http://www.dev-books.com/ ページ上部では以下のようにタグが選択できるようになっており、「JavaScript」「C」といったプログラミング言語や、プログラミング関連の単語が表示されています。これらをクリックすれば指定した単語に関する話題で多く引用された書籍が表示されます。また、タグの下には検索ボックスがあるので自分で検索ワードを入力することも可能。 というわけで、スタック・オーバ
【xkcd】pythonコードにたった一行で漫画のようなグラフを作る！ - プロクラシスト
xkcdとは 世界一で最も人気のあるウェブ漫画の一つです xkcd: Code Quality 3 ランダル・マンローが2005年9月に開設 皮肉や風刺が得意。理系ネタが結構多い。 現在は週3回更新されている キャラやフォントが特徴的 これとか皮肉が効いてていいですね！好きです A : 寝ないの？ B : 寝られないんだ、大事なことがある A : なによ？ B : 誰かがインターネットでボロを出してるんだ xkcd: Duty Calls 実はmatplotlibを使えば、グラフをxkcd風に仕立てられます。しかもたった一行で！今回はその紹介をします xkcdとは matplotlibで、xkcd requirement 使い方 MatplotlibのHPもxkcd風に サンプルを見てみる 3D 円グラフ 最後に matplotlibで、xkcd requirement matplotli
Bluebirdの高速化を可能にする、3つのJavaScriptパフォーマンスの基礎 | POSTD
最近Reaktorが掲載した『 Promises made by a Reaktor developer had an impact on the industry article 』で約束した、Bluebird promiseライブラリの製作者であるプログラマのPetka Antonovからの知見です。 Bluebirdは広く使用されているJavaScript用のpromiseライブラリで、同じような機能が実装されているにも関わらず、他のpromiseよりも100倍速いという理由から最初に知られるようになったのは2013年でした。Bluebirdが高速な理由はライブラリ全体にJavaScriptの最適化の基礎を一貫して適応しているからです。この記事ではBluebirdの最適化に使用する3つの重要な基礎について詳細に説明します。 1. 関数オブジェクトの割り当てを最小限に抑える オブジェク
ReduxのExampleを徹底図解 | 人生と仕事を楽しむブログ
2010年代に入ってから、フロントエンドのJavascriptライブラリの群雄割拠でキャッチアップが大変ですが、どれも概念と設計が工夫されていて使っていて楽しいです。 jQueryのDOM操作はなんでもできるけど、やっているうちにDOMをちょこちょこ変更したり、何かの値を無理やりDOMのdata属性にもたせたり、コールバックをあちこちに書いたりして訳が分からなくなってきたりしますからね。 Backbone.jsが出てきてMVCを実現させてみて世間をあっと言わせたかと思えば、Angular.jsがこれだけで大抵のことはなんでもできるフルスタックなフレームワークとして登場してさらに便利になったり。 他にもKnockout.jsとかvue.jsとかいろいろありました。 Reactが登場してから、流れがReactに傾いている（使用する案件が増えている）気がします。 ReactはUIのためのフレーム
そのJavaScriptの関数は本当に純粋関数？ | POSTD
(2016/12/11、いただいたフィードバックをもとに翻訳を修正いたしました。) JavaScriptにおいて”純粋関数”とはどういう意味でしょうか？ 一般的なプログラムの用語では、純粋性というのは”参照透過性”として知られています。カッコよく言うと、「 式や関数の呼び出しをその結果と置き換えたとしても、プログラムの振る舞いが決して変わらない 」こと、また別の言い方をするなら、「 同じ入力値を渡すたび、決まって同じ出力値が得られる 」ということです。 これなら直感的に理解できそうに聞こえますし、 x => x * 10 などの関数は純粋に見えます。これに数字の 3 を引数として渡したら必ず、出力値として 30 が得られますからね。では、ある関数が純粋で別の関数が純粋でないと、どうしたら分かるのでしょう？ コードを読むだけで十分でしょうか？ 一般的にどう思われているかを見てみましょう。昨日
Railsアプリケーションを、Heroku上で1分間125,000リクエストに対応できるようにスケーリングする | POSTD
Railsアプリケーションを、Heroku上で1分間125,000リクエストに対応できるようにスケーリングする 要約： Herokuでは、Railsのスケーリングが非常に簡単できますが、考慮すべき重要なポイントがあります。DynoとPostgresのさまざまな設定がHerokuでのパフォーマンスにどのように影響を与えるかについて調べました。 スケーリングのテストをする理由 ZeeMee のサーバは、今秋、来たる大学入学のシーズンにリクエストが殺到する見込みです。学生はZeeMeeを使って入学願書に動画や写真を付加することができるので、当社のWebサービスが受ける負荷は非常に深刻なものになっています。ピーク時（大学入学の出願期限）には、リクエストのロードが平均の150倍にもなります。 今年の秋を迎えるにあたり、APIのリクエストの爆発的増加にしっかり備えておこうと考え、Herokuでパフォー
Reduxのパターンとアンチパターン | POSTD
Redux は、 Flux のようなアーキテクチャを使用してアプリケーションの状態を管理できる非常にシンプルなライブラリです。私たち Affirm では今、 Reduxのタイムトラベル機能 に注目しています。Affirmの主要事業は、透明性の高い消費者ローンを提供することなので、ローン申し込み時の全過程をユーザ視点で再現できると非常に有用なのです。 Reduxはフレームワークというよりも、パターンの適用に役立つ関数セットです。よって、適切なパターンを慎重に適用しないと、Reduxを使ったことを後悔する結果になりかねません。この記事では、Affirmで確立したReduxのベストプラクティスや、ミスを犯しやすいポイントについて説明します。 ImmutableJS ImmutableJS は、不変の永続データ構造を扱うためのライブラリです。私たちがこのライブラリを好んで使う理由は2つあります。
React + Redux に取り組んだ際のハマりポイント振り返り - 来年読む。
javascript 初学者が React + Redux に取り組んだ際のハマりポイント、時間がかかったポイントを時系列で書いていきます。 振り返りのまとめ React も Redux もドキュメント充実してるのでちゃんと読むべき フロントエンド開発環境は空気読むのが難しい 動機 javascript ぜんぜん書いてないので、よさそうな ES2015 とやらが出たこの機会に触っておきたかった Single Page Application を作る機会があった 一人でさっと作る類のものなので、せっかくなので近年話題のものを調べてみたい 振り返り ※ 最終的にできあがったサンプルはこちらに置いています。 ハマり Points React について そもそも正確には何をするライブラリで、どの範囲を指している言葉なのか？ これはハマりというか事前の理解が違っていました。ぼんやりと複雑なものを想像
ホームページにダイナミックな動きを！JavaScriptフレームワーク「mo.js」の特徴と使い方
JavaScriptはブラウザに組み込むだけで、複雑かつダイナミックな動きや機能を実装することができる非常に便利で汎用性のある言語です。 ただデメリットとしては、JavaScript単体でそのような表現をするには、複雑なコーディングを行う必要となることです。 その現実を目の前に諦めてしまう方も少なくないはずです。 しかし、そうした方にぜひお伝えしたい情報があります。 実は、JavaScriptの便利な機能をシンプルなコードで呼び出すことのできるライブラリを使うことで、先に述べたようなデメリットは一掃できます。非常に簡潔にダイナミックな動きを実装することが可能になります。 そこで今回は、JavaScriptライブラリの中でも、まるでFlashを使っているかのようになめらかな動きを実装することができる*「mo.js」*をご紹介します。 「mo.js」とは？ mo.jsは「Motion for
私たちはなぜReactではなくVue.jsを選んだのか | POSTD
Qwintryチームは最近、既存のすべてのプロジェクトのフロントエンドをVue.jsに移行しはじめました。新しいプロジェクトでもVue.jsを使います。 レガシーなDrupalのシステム（qwintry.com） ゼロから新しく書きなおすqwintry.comのブランチ Yii2で動くb2bシステム（logistics.qwintry.com） その他、比較的小さめのプロジェクト（ほとんどは、PHPとNode.jsでバックエンドを構築しているもの） プロジェクトの規模についていうと、 Qwintry は世界中で約50万人の顧客が使っています。アメリカとドイツに倉庫を持っていて、アメリカ国内 最大の郵送先 のひとつで、東欧や中東への出荷に注力しています。Qwintryは、アメリカのオンラインストアでグッズを購入する人たちのためのツールです。私たちの倉庫に届いた荷物をコントロールパネルで管理で
人工知能による自動化が進むゴールドマン・サックス、人間のトレーダーは600人から2人へ - GIGAZINE
By Owni /-) シリコンバレーから株取引を完全自動化する初の「人工知能ヘッジファンド」が登場していますが、世界最大級の投資銀行であるゴールドマン・サックスも大量のコンピューターエンジニアを雇用しており、人間のトレーダーに替わって株取引の自動化を進めています。 As Goldman Embraces Automation, Even the Masters of the Universe Are Threatened https://www.technologyreview.com/s/603431/as-goldman-embraces-automation-even-the-masters-of-the-universe-are-threatened/ 2000年のゴールドマン・サックスのニューヨーク本社では600人ものトレーダーが大口顧客の注文に応じて株式を売買していたそうです
裁判官「あなたがシュレッダー係を命じられたらどう思う？」アリさん副社長絶句 - 弁護士ドットコムニュース
「アリさんマーク」で知られる引越社グループ会社「引越社関東」の男性社員が、営業職から「シュレッダー係」などに異動させられたのは不当だとして、地位確認などを求めている訴訟の口頭弁論が2月9日、東京地裁であった。 この日は、同社の井ノ口晃平副社長の証人尋問が行われた。井ノ口副社長は、男性をシュレッダー係に配転したのは、「秩序を守るため」「制裁ではない」と繰り返し述べたが、裁判官は「懲罰的に見えるんですが」と発言。裁判官から「あなたが（シュレッダー係に）行けと言われたらどう思いますか」と問われると絶句した。 男性社員は、支店の月別売り上げで1位になるなど、営業職として活躍。しかし、2015年1月、営業車の運転中に事故を起こしてしまった。その後も継続して仕事を続けていたが、3月に社外の労働組合に加入すると、会社の態度が硬化したと主張している。 男性はその後、営業職から、客への見積もり電話などをかけ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
NodeSchool