Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
個人開発で使ってるやつを紹介する回
Search
yohfee
October 02, 2024
Programming
1
600
個人開発で使ってるやつを紹介する回
Sendai Frontend Meetup #13
https://sfeug.connpass.com/event/329167/
yohfee
October 02, 2024
Tweet
Share
More Decks by yohfee
See All by yohfee
バーチャル背景の話
yohfee
0
63
認証の話
yohfee
0
200
Tensorflow.jsの話
yohfee
0
270
Other Decks in Programming
See All in Programming
C#および.NETに対する誤解をひも解く
ymd65536
0
180
CSC509 Lecture 03
javiergs
PRO
0
120
Pythonによるイベントソーシングへの挑戦と現状に対する考察 / Challenging Event Sourcing with Python and Reflections on the Current State
nrslib
3
800
◯◯エンジニアになった理由
gessy0129
PRO
0
570
AWS Lambda Web Adapterを活用する新しいサーバーレスの実装パターン
tmokmss
6
5.3k
Flutterアプリを生成AIで生成する勘所
rizumita
0
240
Beyond the RuboCop Defaults
koic
2
470
ACES Meet におけるリリース作業改善の取り組み
fukucheee
0
110
pytest プラグインを開発して DRY に自動テストを書こう
inuatsu
2
230
dbt-ga4パッケージを実業務に導入してみた話
t_tokumaru_feedcorp
0
100
Rails 8 Frontend: 10 commandments & 7 deadly sins in 2025
yshmarov
1
570
標準ライブラリの動向とイテレータのパフォーマンス
makki_d
3
180
Featured
See All Featured
Java REST API Framework Comparison - PWX 2021
mraible
PRO
27
7.5k
Why Our Code Smells
bkeepers
PRO
334
57k
The Invisible Side of Design
smashingmag
296
50k
Embracing the Ebb and Flow
colly
83
4.4k
Build The Right Thing And Hit Your Dates
maggiecrowley
30
2.3k
The Cult of Friendly URLs
andyhume
76
6k
Designing for humans not robots
tammielis
248
25k
Mobile First: as difficult as doing things right
swwweet
221
8.8k
What’s in a name? Adding method to the madness
productmarketing
PRO
22
3.1k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
2
210
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
503
140k
Visualization
eitanlees
143
15k
Transcript
個人開発で使ってるやつを紹介する回 Sendai Frontend Meetup #13
id:yohfee 株式会社はてな Mackerel 開発チーム アプリケーションエンジニア
DEMO: OpenAI 使ってみましたってだけ
フロントエンドとバックエンド 違う言語で書くのたいへん
TypeScript でどっちも書けばいいじゃん
だが断る
俺のフロ ントエン ドを見て くれ こいつを どう思 う?
すごく… React??です??
https://fable.io/
Fable is a compiler that brings F# into the JavaScript
ecosystem
F# を JavaScript にトランスパイルする君
F#
ちなみにバ ックエンド はこんな感 じ
F# でどっちも書けばいいじゃん
F#er にしか通じない使えて嬉しいアレ パターンマッチ コンピュテーション式 測定単位 型プロバイダ etc...
FAQ: 使い物になるのか 個人的には今のところはなってるし そこそこ使い込んでそうな海外企業もそれなりにいそう React などの主要なライブラリはバインディングがあって F# の構文で違和感なく書ける JavaScript との相互運用性もそんなに辛くないので
イザという時も対応可能
コードを見ながら観光案内 フロントエンドとバックエンドで型や関数を共有できる 共有した型は Fable Remoting を使うと RPC になるので OpenAPI や
GraphQL よりもお手軽に フロントエンドとバックエンドの通信ができる Elmish という Elm を参考にした MVU パターンで イミュータブルで関数型的なアーキテクチャがハマる
FAQ: バンドルサイズは お仕事じゃないので今のところは気にしてない さすがにBlazorよりは小さそう
余談: 実はJS以外にもトランスパイルできる JavaScript (Stable) TypeScript (Stable) Dart (Beta) Python (Beta)
Rust (Alpha) PHP (Experimental)
まとめ F# はいいぞおじさん「F# はいいぞ」
宣伝
None