Help us understand the problem. What is going on with this article?

Flowとは ~はじめてのfacebook/flow~

More than 5 years have passed since last update.

@mizchiさんの facebook/flowファーストインプレッション

大雑把にはfacebook製のTypeScriptだと思っていれば良いです。

があまりしっくりこなかったので、 公式About を読んでみた。(誤訳あったらすみません。)

Flowとは(ざっくり)

  • JSのための static type checker
  • JSファイルの冒頭に /* @flow */ を挿入することで型チェック(あるいは、同時にコンバート)が働くようになる。
  • 逆に言うと、 /* @flow */ が無いファイルは無視される。
  • 初回はコードベース内の全ファイルに対して解析を行い、その後は バックグラウンドで それらのファイル(と依存関係にあるもの)の変更を監視して型チェックする。
  • チェックの結果はサーバに蓄積されており、クエリが発行された際に即座に利用できる。
  • 故に開発者はコンパイルの遅延を感じなくて済む。

公式の結び

  • 「まだめっちゃWIPだからみんな力を貸してね!簡単かつ安全にJSの変換と最適化ができる環境を提供したいなって思ってるから。」

(余談)Flowにファイル変更を監視させるには

  • flow start でバックグラウンドでサーバ起動
  • flow でサーバに蓄積されている型チェックの結果を取得
  • flow stop でサーバを停止

所感

  • 個人的にはAltJSという位置づけより、やはり「static type checker」として使ってみたいなと思うのであった。
varmil
Typescriptを日本全土へ布教する伝道師。そう Francisco de Jasso y Azpilicueta とはわたしです。
Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away