ES5 + Facebook JSXで書かれたJavaScriptコードベースをTypeScriptに移行させる - CARTA TECH BLOG

皆さんこんにちは。adingoにてFluctという広告配信システムの管理画面を中心にクライアントサイドの開発を行っております、大関です。 今回は、表題の通り、実際にプロダクトとして動いている既存のコードベースを、ES5ベースからTypeScriptに段階的に移行させた話について書こうと思います。 移行前のコードベース及び直面した課題 今年の1月頃から、アプリケーションのクライアント側の一部を、以下の構成で実際に開発しています。 言語 ECMAScript 5 主要な依存ライブラリ UI開発にReactおよびFacebook JSX syntax 統合イベントシステムとしてのRxJS テストコードのアサーションにpower-assert ビルドチェーン モジュール連結にbrowserify 環境変数に基づくビルドフラグ用途でenvify コードの解析とLintにESLint 未使用変数や未定

[t-wada]

段階的で計画的な既存コードベースの移行事例として実に興味深い "テストコードのアサーションにpower-assert" ｳｪｰｲ!!

[masaru_b_cl]

どのような問題があり、どうして解決したいのか、解決する具体的な手順は何か、その理由は、解決できなかった問題とその対応策ならびに対応しない理由までかかれれていて素晴らしい

[ebo-c]

Gemfile.lockみたいなpackage.json.lockがあるとよいのかなーと思うことが

[kutakutatriangle]

むっちゃためになった。

[Ashizawa]

皆さんこんにちは。adingoにてFluctという広告配信システムの管理画面を中心にクライアントサイドの開発を行っております、大関です。

[matsu_chara]

マッチョだ… "適当に安定してそうなリビジョンを選んでpackage.jsonに書けば終わりですし、ソフトウェアの安定版などは誰かが安定したと思っているリビジョンでしかないので、何も躊躇するところはありません。"

[Dai_Kamijo]

“ES5 + Facebook JSXで書かれたJavaScriptコードベースをTypeScriptに移行させる - VOYAGE GROUP techlog” — Masao Maeda (@brtriver) June 25, 2015 from Twitter https://twitter.com/Dai_Kamijo June 25, 2015 at 12:41PM via IFTTT

[amagitakayosi]

かっこいい

[efcl]

TypeScriptでES6 targetなコードを吐き出し、BabelでES5へ変換するビルドチェーンの形成について。 既存のプロジェクトを段階的な移行のステップについて。

[teppeis]

Closure CompilerやFlowtypeとの比較、Lintの課題などもあって貴重な事例だ

[chocopie116]

最近jsばっかりやってるので、学びがある。全然関係ないけど今やってる案件は、RxJSに移行させたい。

[katzchang]

工数的な意味で1週間程度で移行してた。

[jewel12]

フーム