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
72
認証の話
yohfee
0
210
Tensorflow.jsの話
yohfee
0
280
Other Decks in Programming
See All in Programming
Amazon Qを使ってIaCを触ろう!
maruto
0
370
【Kaigi on Rails 2024】YOUTRUST スポンサーLT
krpk1900
1
300
カスタムしながら理解するGraphQL Connection
yanagii
1
1.5k
Streams APIとTCPフロー制御 / Web Streams API and TCP flow control
tasshi
2
340
AWS IaCの注目アップデート 2024年10月版
konokenj
3
3.2k
「今のプロジェクトいろいろ大変なんですよ、app/services とかもあって……」/After Kaigi on Rails 2024 LT Night
junk0612
4
1.9k
AWS Lambdaから始まった Serverlessの「熱」とキャリアパス / It started with AWS Lambda Serverless “fever” and career path
seike460
PRO
0
110
Jakarta Concurrencyによる並行処理プログラミングの始め方 (JJUG CCC 2024 Fall)
tnagao7
1
270
約9000個の自動テストの 時間を50分->10分に短縮 Flakyテストを1%以下に抑えた話
hatsu38
24
12k
Importmapを使ったJavaScriptの 読み込みとブラウザアドオンの影響
swamp09
4
1.3k
リリース8年目のサービスの1800個のERBファイルをViewComponentに移行した方法とその結果
katty0324
5
4.2k
Content Security Policy入門 セキュリティ設定と 違反レポートのはじめ方 / Introduction to Content Security Policy Getting Started with Security Configuration and Violation Reporting
uskey512
1
480
Featured
See All Featured
How to train your dragon (web standard)
notwaldorf
88
5.7k
Embracing the Ebb and Flow
colly
84
4.5k
The MySQL Ecosystem @ GitHub 2015
samlambert
250
12k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
10
700
Designing for humans not robots
tammielis
249
25k
The Art of Programming - Codeland 2020
erikaheidi
52
13k
Thoughts on Productivity
jonyablonski
67
4.3k
10 Git Anti Patterns You Should be Aware of
lemiorhan
654
59k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
92
16k
jQuery: Nuts, Bolts and Bling
dougneiner
61
7.5k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
42
2.2k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
169
50k
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