Flowtype導入のための指針・実際の運用について - Qiita
このドキュメントの目的 自分は趣味でFlowをずっと使っていて、またプロダクションでも今まで3プロジェクトほどにFlowを導入した。その知見。 「Flow は便利そうだけど、怖い」「いれてみたら色々ハマったからクソ」「わからん、なにもかも…」という人に対し、自分がいままで出くわしたパターンや、聞かれた疑問について、メジャーな解法を提示する。 なぜFlowを導入するか Babel から段階的に導入することが出来る React の JSX にも推論を入れることができる 部分的に適用できる ASTがES準拠であり、ESLintなどがツールが使える(TSは独自AST) それ自身ランタイムに全く影響はないので落とすのも簡単 実際にはReactと一緒に使うのが、エコシステムもユースケースも揃っていて、一番効果を発揮するだろう。それか、小さい npm モジュールを自分で書くとき。 型のメリット/デメリッ
Flow & Redux で Reducer の実装パターンを考える - Qiita
背景 段階的に片付けしていく、というFlowのコンセプトで、最も需要が高いのは、純粋なJSで済む状態管理、 とくに Redux の Reducer の部分であると考えられる。 実際のコード とりあえずこうなるだろうというのを書いてみた。 /* @flow */ // constants const INCREMENT = 'increment' const ADD = 'add' export const Actions = { INCREMENT, ADD } // actions export type IncrementAction = { type: typeof Actions.INCREMENT } export type AddAction = { type: typeof Actions.ADD, payload: number } export type CounterA
Flow練習した - hitode909の日記
Flowはfacebookが作ってるJSに型を書けるやつ． 今日ちょっと練習してみたところ良かった．練習に手頃なところから型でも書いてみるかとやっていたところ，FormDataにFileをappendするところで，それはFileじゃなくて?Fileで，nullになる場合もあるのでおかしいよって教えてもらったりした．型をつけるだけで不具合が見つかって，こういう世界もあるのか，という感じだった．fileがなかったらreturnする処理を足しておいた． ちょっとずつ書いていけるのがよくて，このファイルは難しいことをしていて型が付くと恩恵を受けられそう，とか，このあたりはこれからがっつり開発するので先に型を付けておこう，といった進めかたができる． 最初はちょっと慣れない部分もあったけど，ちょっと練習したら普通に書けるようになった．シンタックスがちょっと増えるので，どこまでJSのシンタックスで，どこ
flowtype による型安全 javascript プログラミング(チュートリアル) - Qiita
概要 node.js で静的型チェックをするための実例を紹介します。 本記事の実装は以下の repository にあります。 https://github.com/algas/flow-example flowtype とは？ flowtype は JavaScript 用の静的型チェッカーです。 JavaScript に type annotation を記述することで型チェックできるようになります。 メリット 実行前に静的に型をチェックできる JavaScript での厄介なバグを生みやすい、暗黙的型変換やnull参照、undefined is not a functionがチェックできる 必要な箇所だけ型チェックを適用することもできる デメリット type annotation は通常の javascript の文法とは異なるので直接 javascript として実行する場合にはフ
Flow導入時に最初にやることまとめ - Qiita
備忘録的に。 flow-typed をグローバルインストール 参考：Flow | Checking third-party code flow-typed という CLI があり、package.json があるディレクトリでこのコマンドを使うと React などサードパーティのライブラリに対する型定義ファイルを探してダウンロードしてくれる。
flowの始め方 - Qiita
ということで、前回に引き続きReact Confで紹介されてたものを試すシリーズの第二回です。 flowの簡単な設定とeslint/babel/precommitフック/vimとの連携のみです。深い使い方は(今のところは?)書きません。flowは既に色々なところで紹介されてますが、気にせず行きます。 ちなみに今回もReactは出てきません。(追記で少しだけ触れてしまいました) flowとは JavaScript用のtypeチェッカー ファイル単位で適用できるため、既存のプロジェクトにも気軽に導入できる eslintやbabelとも連携できるので既存プロジェクトに導入しやすい 色んなエディタ/IDEでもサポートされている この辺を見る限りFacebookのデベロッパ的にはTypeScriptはあんまり推奨してないっぽい GitHubのstarヒストリーを見る限りはTypeScriptに分があ
SkyVisualEditor | Salesforceの画面を自由にカスタマイズ | 株式会社テラスカイ
SkyVisualEditorは、マウス操作だけでSalesforceの画面を開発できるサービスです。LightningExperienceにも対応。Visualforceをコーディングすることなく、SalesforceのUIを自由自在にカスタマイズできます。Excelのような入力画面やPDF帳票もすぐに作成。
Flow vs TypeScript
Type Systems for JavaScript Flow and TypeScript http://djcordhose.github.io/flow-vs-typescript/flow-typescript-2.html Oliver Zeigermann / @DJCordhose More extensive version including Elm: http://bit.ly/js-types Part I: Introduction Why using type systems? type systems make code easier to maintain type annotations can make code more readable can make code easier to analyse can allow for reliable re
Flow vs TypeScript
Type Systems for JavaScript Oliver Zeigermann / @DJCordhose http://djcordhose.github.io/flow-vs-typescript/2016_hhjs.html Most recent version including TypeScript 2.0 can be found here (might be work in progress): http://djcordhose.github.io/flow-vs-typescript/flow-typescript-2.html Part I: Introduction Why using type systems? IMHO type systems make code easier to maintain type annotations can mak
Flow を導入してみる - botchy hack note
最近話題になっている Facebook 製 JavaScript の静的型チェックツール Flow を導入して使います。 ついでに Facebook 製の JavaScript パッケージ管理のアプリケーション yarn を使って進めていきます。 今回実施したのは下記の環境で。 実施した環境 Mac OS X El Capitan 10.11.6 Homebrew 1.1.2 まずは Homebrew を使って Flow を導入して進めていきます。 Flow の導入 Flow の導入は下記のコマンドで OK です。 brew install flow これだけで Flow をインストールすることができます。 インストールされていれば、下記のコマンドで flow version こんな出力が表示されるはずです。 Flow, a static type checker for JavaScri
React + flow + Webpackの最小構成 - Qiita
はじめに flowを使ったことなかったんですが、React Nativeなどを扱うことになってきて、flowを学ばないとまずいと思い、Webでもちょっとやってみました。 それぞれのファイルの意味なども可能な限り説明していければと思います。 環境 React 15.4 Webpack 2.2-rc flow 0.37 NodeJS 6.X~ $ tree . . ├── index.html ├── package.json ├── src │ ├── Hello.jsx │ └── Index.jsx ├── .babelrc ├── .flowconfig ├── webpack.config.dev.js └── webpack.config.prod.js { "name": "react-redux-sample-js", "version": "0.1.0", "scripts"
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
DeNA Engineering - DeNAエンジニアのポータルサイト