タグ

FlowとFacebook Flowに関するkyo_agoのブックマーク (3)

  • facebook flowでHTML5 Canvasデモを作ってみた - ICS MEDIA

    2014年11月にFacebookから発表された「flow」(以下「facebook flow」と記述します)ですが、皆さんは試されましたでしょうか? facebook flowはJavaScriptの静的型付けチェックツールです。記事では、facebook flowの採用によってWebコンテンツ制作にどのようなメリットがあるのか調べるために、インタラクションデモを作って検証しました。 ▲facebook flowの公式サイト flowで作成したコンテンツ HTML5 Canvasタグを使ったグラフィック表現で、約500行程度のJavaScript (flow code)で作成しました。タップやマウスしながら動かすと大量のパーティクルが拡散するような表現になっていますので、次をクリックしてブラウザで再生してみてください。 別ウインドウでデモを開く ▲ HTML5 Canvasで作成してい

    facebook flowでHTML5 Canvasデモを作ってみた - ICS MEDIA
  • Facebook Flowの初見の感想 - Qiita

    mizchi君の記事を見て、だいぶ感想が違ったので書くことにした。 なお、僕はTypeScript信者であることを踏まえてこの記事を読んでほしい。 あと、最初はまじめに記事にしようと思ったけどダルくなってきたのでメモをそのまま投げる。 TypeScriptより良い型推論 Flowパイセンの一番偉いところはTypeScriptより型推論が強いところだと思った。# /* @flow */ function foo(x) { return x * 10; } foo('Hello, world!'); 関数foo内部のxは、* 演算子を利用しているのでnumberであると推論している。 これが実際の利用箇所でstringを引数にしているので怒ってくれるわけだ。偉いな! Flow is a static type checkerと謳っているとおり、完全にpure JavaScriptで書かれている

    Facebook Flowの初見の感想 - Qiita
  • 3分で分かるFacebook Flow - teppeis blog

    というか3分ぐらいの情報しかまだ出てきてないんだけど。 先月の@Scale 2014で発表されたFacebookのFlowについて、おそらく唯一のオフィシャルな情報であるこの発表動画を見て分かったことを紹介(ざっと見ただけなので間違ってたらごめんなさい)。 JavaScript Testing and Static Type Systems at Scale - @Scale 2014 - Web 静的な型チェックができるトランスパイラ シンタックスはTypeScript互換 なのでnew languageとかaltjsとか言ってない Code Intelligent Server: コンパイラはサーバー型 モジュール毎にインクリメンタルに型解析をアップデートする 高度に並列化していて高速 クライアントツールは、コンパイラサーバーに型情報のクエリを投げる ES6の各種シンタックスをサポート

    3分で分かるFacebook Flow - teppeis blog
  • 1