個人開発で使ってるやつを紹介する回

Transcript

1. 個人開発で使ってるやつを紹介する回 Sendai Frontend Meetup #13

2. id:yohfee 株式会社はてな Mackerel 開発チーム アプリケーションエンジニア

3. DEMO: OpenAI 使ってみましたってだけ

4. フロントエンドとバックエンド 違う言語で書くのたいへん

5. TypeScript でどっちも書けばいいじゃん

6. だが断る

7. 俺のフロ ントエン ドを見て くれ こいつを どう思 う？

8. すごく… React??です??

9. https://fable.io/

10. Fable is a compiler that brings F# into the JavaScript

    ecosystem

11. F# を JavaScript にトランスパイルする君

12. F#

13. ちなみにバ ックエンド はこんな感 じ

14. F# でどっちも書けばいいじゃん

15. F#er にしか通じない使えて嬉しいアレ パターンマッチ コンピュテーション式 測定単位 型プロバイダ etc...

16. FAQ: 使い物になるのか 個人的には今のところはなってるし そこそこ使い込んでそうな海外企業もそれなりにいそう React などの主要なライブラリはバインディングがあって F# の構文で違和感なく書ける JavaScript との相互運用性もそんなに辛くないので

    イザという時も対応可能

17. コードを見ながら観光案内 フロントエンドとバックエンドで型や関数を共有できる 共有した型は Fable Remoting を使うと RPC になるので OpenAPI や

    GraphQL よりもお手軽に フロントエンドとバックエンドの通信ができる Elmish という Elm を参考にした MVU パターンで イミュータブルで関数型的なアーキテクチャがハマる

18. FAQ: バンドルサイズは お仕事じゃないので今のところは気にしてない さすがにBlazorよりは小さそう

19. 余談: 実はJS以外にもトランスパイルできる JavaScript (Stable) TypeScript (Stable) Dart (Beta) Python (Beta)

    Rust (Alpha) PHP (Experimental)

20. まとめ F# はいいぞおじさん「F# はいいぞ」

21. 宣伝

22. None