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
970
1
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
個人開発で使ってるやつを紹介する回
Sendai Frontend Meetup #13
https://sfeug.connpass.com/event/329167/
yohfee
October 02, 2024
More Decks by yohfee
See All by yohfee
オブザーバビリティ駆動開発って実際どうなの?
yohfee
6
1.2k
バーチャル背景の話
yohfee
0
180
認証の話
yohfee
0
280
Tensorflow.jsの話
yohfee
0
330
Other Decks in Programming
See All in Programming
TypeScript+Orvalで実現する型安全かつ堅牢でスケーラブルなマルチチャネル通知基盤 / TSKaigi Night talks ~after conference~
d0riven
0
360
そのテスト、説明できますか?~LWテスト戦略FW~のご紹介
nakahara
0
170
鹿野さんに聞く!『TypeScriptコードレシピ集』で磨く実践力
tonkotsuboy_com
4
860
dRuby over BLE
makicamel
2
390
PHPで使える日時の表現と、その知り方 #frontend_phpcon_do
o0h
PRO
0
270
過去最大のMCPアップデート! 2026-07-28 RC版の謎に迫る
licux
6
410
Inside Stream API
skrb
1
800
なぜ型を書くのか? TSKaigi2026で改めて考える #tskaigi_smarthr
kajitack
0
170
決定論的オーケストレーションの設計と実装 / Design and Implementation of Deterministic Orchestration
nrslib
4
1.5k
Semantic Version 単位で戦略を柔軟に変えて、パッケージアップデートを自動化する
daitasu
1
310
Snowflake Summitでの新機能 CoCo / CoWork / snowflake-summit-2026-overall-what-new-coco
tatsuhiro
1
190
生成AI時代にこそ効くGo | Why Go Works in the Age of Generative AI
mom0tomo
8
3.3k
Featured
See All Featured
The Mindset for Success: Future Career Progression
greggifford
PRO
0
370
エンジニアに許された特別な時間の終わり
watany
107
250k
DevOps and Value Stream Thinking: Enabling flow, efficiency and business value
helenjbeal
1
250
Taking LLMs out of the black box: A practical guide to human-in-the-loop distillation
inesmontani
PRO
3
2.3k
Rebuilding a faster, lazier Slack
samanthasiow
85
9.5k
A designer walks into a library…
pauljervisheath
211
24k
AI in Enterprises - Java and Open Source to the Rescue
ivargrimstad
0
1.3k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
37
6.5k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
141
35k
Heart Work Chapter 1 - Part 1
lfama
PRO
8
36k
技術選定の審美眼(2025年版) / Understanding the Spiral of Technologies 2025 edition
twada
PRO
118
120k
[SF Ruby Conf 2025] Rails X
palkan
2
1.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