Testing RxJS
Transcript 1. testing RxJS えるきち 2. 誰だおまえ • Dwangoの片隅で色々な言語さわってる • JSは今年になってさわり始めた • ID: erukiti だったり erukiti_ だったり 3. Caution! • 注意: CoffeeScript • 注意: 試行錯誤中 4. ユニットテストに必要なモノ • テスト内容に即した初期stream • In/Outがはっきりしてて副作用の無い関数 • 具体的にはstreamを受けてオペレータで処理 後のstreamを返すようなもの • 関数実行後のstreamの中身判定 5. 簡単な計算をしてみる compute = (stream) -> stream .map (x) -> x * 2 ! # 流れてくるデータを2倍するだけのもの 6. 初期ストリームは簡単 Rx.observable.of(1,
Timer APIs(Date.getTime, Date.now, performance.now, setTimeout, setInterval, requestAnimationFrame, setImmediate) with Canvas Animation - Qiita
Timer APIs(Date.getTime, Date.now, performance.now, setTimeout, setInterval, requestAnimationFrame, setImmediate) with Canvas AnimationanimationcanvasrequestAnimationFrameDate.nowperformance.now このエントリでは、「ブラウザ上で Canvas アニメーションを効率的に動かすコードを書こうとした場合に、どういった API を利用すれば良いか?」をテーマに、Timer API について説明します。 このエントリに登場する Time API は、Date.getTime, Date.now, performance.now, setTimeout, setInterval, requestAnimatio
3, 4 日で React を案件に導入(先っちょだけ)した話 - Qiita
はじめに まずこの話は 最近話題だった React を案件に とりあえず 使ってみたという話をダラダラと書いた記事です。 React について深く書くという記事ではないでの悪しからず。 状況と経緯 まず状況を整理します。 私の話 フロントエンジニアといして有りたい存在 javascript も少し書くが、そこまで自信を持てるコードではない。という感じ。 最近 BEM にハマっていた。 案件の状況 前々から続く案件。 そのターム毎に、やること自体は変わるが、根本は同じ。デザインレベルで全く違うものだよ。 今回は量としては実質 3 ページ程度のスマホ用サイト。 ajax で通信して 情報を元にシーンを展開していくもの。 フロントの環境は全て私が決めてよい環境(というか一人でつくる) 以前の構築には grunt, assenmble を用いたスタティックなサイトを用いた。 納期がまじで短い、日曜
Codecademyに、AngularJS入門コースが公開されたのでやってみた！
HTML/CSS/JavaScriptなど、基本的なWebプログラミングの基礎を学習できることで知られる「Codecademy」に、新しく「AngularJS入門コース」が公開されていたのでご紹介！ 一通り学習すれば、AngularJSを使って簡単なWebアプリを1人で作れるようになりますよ。 どんなコース内容なのか？Codecademyは、以前からJavaScriptやPHPの基礎、WebAPIを使った練習からRailsなどを使った「インタラクティブなWebアプリ」を作れるコースが増えていました。 そして、人気のAngularJSが追加されたことで、さらに幅広い学習へ挑戦できるようになったと言えるでしょう。 「START」ボタンをクリックすれば、すぐにでもブラウザ上から学習を進めていくことができます。 学習は、お馴染みの専用エディタを使い、1つずつ小さな課題をクリアしていくことで学べるよ
関数型プログラミング in javascript
jsCafe16(2013/11/10)で話したjavascriptでの関数型プログラミング入門の話です。
入門 React.js その１ | JavaScript Journal
http://facebook.github.io/react/ React.jsは現在注目を浴びているFacebook製のライブラリで、MVCアーキテクチャでいうViewにあたる機能を提供します。 公式サイトには、特徴として以下の3つが挙げられています。 JUST THE UI MVCのViewであり、既存のアーキテクチャと容易に結合することができます。 VIRTUAL DOM DOMを模した中間オブジェクトをあらかじめ生成し、更新差分のみを本物のDOMに反映することにより、ハイパフォーマンスを実現します。 DATA FLOW データフローを一方向に保ち、データと画面（DOM）の対応をを宣言的に記述することによって、可読性を向上させます。 今後、詳しい使い方について一つずつ説明をしていきます。 次回はJSXについて。 入門 React.js その２ JSXについて 入門 React.js
Reactとかgulpとかfirebaseとか色々いじってみた - satococoa's blog
色々一気にやりすぎてちょっとパンク気味ですが、以下のリポジトリにおいて最近興味があったものを色々試してみました。 iOSやAPIサーバの仕事ばかりやっている間に大きく遅れてしまったWebのフロントエンド技術にキャッチアップしたいというのが狙いです。 satococoa/react-firebase-chat · GitHub 今できているものは単純なチャットアプリみたいなものです。ページングとかは手を抜いています。 試してみたこと一覧 React Firebase Web Starter Kit Bourbon Reactは最近流行りのJSのライブラリですね。最近仕事でVue.jsを導入してみてとても良い感触を得ているのですが、それと比べてどうなんだろう？という比較もしたいと思い。 FirebaseはいわゆるMBaaSの一つで、だいたいParseと同等の機能があるようですね。Firebas
React初心者のためのreact-routerの使い方 - ハッカーを目指す白Tのブログ
2015年1月、React ConferenceにてReact.jsでネイティブアプリが作れるようになると発表された。この発表を受けて最近何かと話題のReact.jsだが、リリースされたのは2013年であり、2009年にリリースされたAngularJSや、2010年のBackbonejsなどの他のjavascriptフレームワークに比べると新しく、まだネットに日本語の情報があまりない。ということで、React.jsのデファクトルーティングライブラリであるreact-routerの使い方についてまとめてみた。 目次1.そもそもreact-routerとは 2. react-routerのインストール方法 3. react-routerの使用例 4. react-routerのコンポーネント一覧 5. Routerのrunメソッド 1. そもそもreact-routerとはreact-rout
webpack で始めるイマドキのフロントエンド開発 - Qiita
webpack とは webpack は WebApp に必要なリソースの依存関係を解決し、アセット（配布物）を生成するビルドツール（要するにコンパイラ）です。JavaScript だけでなく、CoffeeScript や TypeScript、CSS 系、画像ファイルなどを扱うことができます。 WebApp のビルドツールは Grunt や Gulp が有名です。これらは基本的に、ビルド手順をタスクという形で自ら定義する必要があり、フロントエンド開発に馴染みのない開発者にとっては敷居が高いものでした（少なくとも、自分はそうでした）。 webpack を使えば、Grunt も Gulp も必要ありません！覚えるべきことはほとんどありません。（必要なら）簡単な設定ファイルを書いて webpack コマンドを実行するだけです。 以下では基本的な使い方を見ていきます。 ※もちろん Grunt/G
Fetch-with-Streams-jp
このブラウザ バージョンのサポートは終了しました。サポートされているブラウザにアップグレードしてください。
sorting algorithms in javascript
Sorting Algorithms in Javascript This is just for quick reference does not really talk about CS theory for now. Bubble Sort: let compare = (n1, n2) => n1 - n2; let bubbleSort = (arr, cmp = compare) => { for (let i = 0; i < arr.length; i++) { for (let j = i; j > 0; j--) { if (cmp(arr[j], arr[j - 1]) < 0) { [arr[j], arr[j - 1]] = [arr[j - 1], arr[j]]; } } } return arr; }; Insertion Sort: let inserti
Private Presentation
Private content!This content has been marked as private by the uploader.
JS自動レビューツール"jswatchdog"を公開しました - Cybozu Inside Out | サイボウズエンジニアのブログ
こんにちは。kintone 開発チームの天野 (@ama_ch) です。すっかり春らしくなりましたね。 少し前に JS の自動レビューツール jswatchdog をオープンソースで公開しましたので、こちらで紹介させていただきます。 使い方 https://kintone.github.io/jswatchdog/ 上記の URL を開き、左側のエディタに JS コードを貼り付けるだけです。 右側に修正が必要な箇所が表示されるので、適宜修正します。 特徴 バリバリの開発者じゃなくても使いやすい一画面完結の Web インターフェース lint ツールでお馴染みの構文チェックの他、知らずに脆弱性を作り込むことを避けるため、XSS の可能性がある箇所にも警告を表示 内部的には、JS の静的構文チェックツールとして ESLint と JSHint を組み込んでいます。 さらに XSS の可能性があ
React.js を用いた HipChat の再構築 | Atlassian Japan 公式ブログ | アトラシアン株式会社
要約 : 私たちは、React.js と Flux、それに他のいくつかのライブラリを用いて HipChat の Web クライアントを根本的に再構築し、素晴らしい結果を得ました！ 是非試してみませんか？ HipChat がアトラシアンに加わったときのクライアントは、Web、Adobe Air (Windows、OS X、Linux)、iOS、そして Android アプリの 4 つでした。HipChat チームが最初に掲げた目標のひとつが、Air クライアントを OS X、Windows、Linux のネイティブデスクトップクライアントに置き換えることでした。私たちは (その当時は) 小さいチームだったためしばらくはこの仕事で手一杯でした。このように最高のアプリケーションを提供することに集中した影響で、Web クライアントに対しては私たちが行った様々な開発の成果を反映させることができません
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://practice.miyamacat.info/2014/0909-localStorageNotepad/index_vuejs.html
Hire Local Pros: Get Matched to Top-Rated Painters, Plumbers, Locksmiths, Cleaners and More - SpruceJoy
High Performance WebSocket
食べられないほうのカリー化入門 - Qiita
Redirecting…
SSSSLIDE
