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

Sendai Frontend Meetup #13
https://sfeug.connpass.com/event/329167/

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. 宣伝