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
750
個人開発で使ってるやつを紹介する回
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
74
認証の話
yohfee
0
210
Tensorflow.jsの話
yohfee
0
280
Other Decks in Programming
See All in Programming
Compose 1.7のTextFieldはPOBox Plusで日本語変換できない
tomoya0x00
0
190
C++でシェーダを書く
fadis
6
4.1k
Duckdb-Wasmでローカルダッシュボードを作ってみた
nkforwork
0
130
ヤプリ新卒SREの オンボーディング
masaki12
0
130
광고 소재 심사 과정에 AI를 도입하여 광고 서비스 생산성 향상시키기
kakao
PRO
0
170
OSSで起業してもうすぐ10年 / Open Source Conference 2024 Shimane
furukawayasuto
0
110
Make Impossible States Impossibleを 意識してReactのPropsを設計しよう
ikumatadokoro
0
230
Contemporary Test Cases
maaretp
0
140
macOS でできる リアルタイム動画像処理
biacco42
9
2.4k
cmp.Or に感動した
otakakot
3
200
Figma Dev Modeで変わる!Flutterの開発体験
watanave
0
140
初めてDefinitelyTypedにPRを出した話
syumai
0
420
Featured
See All Featured
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
44
2.2k
Speed Design
sergeychernyshev
25
620
Stop Working from a Prison Cell
hatefulcrawdad
267
20k
Scaling GitHub
holman
458
140k
Facilitating Awesome Meetings
lara
50
6.1k
Writing Fast Ruby
sferik
627
61k
The Cost Of JavaScript in 2023
addyosmani
45
6.8k
How GitHub (no longer) Works
holman
310
140k
A Modern Web Designer's Workflow
chriscoyier
693
190k
The MySQL Ecosystem @ GitHub 2015
samlambert
250
12k
Build The Right Thing And Hit Your Dates
maggiecrowley
33
2.4k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
28
9.1k
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