Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Sign up for free
Menu
Search
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Pricing
Search
Sign in
Sign up for free
個人開発で使ってるやつを紹介する回
Search
yohfee
October 02, 2024
Programming
990
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.8k
バーチャル背景の話
yohfee
0
200
認証の話
yohfee
0
300
Tensorflow.jsの話
yohfee
0
350
Other Decks in Programming
See All in Programming
MVNOの申込からeSIM開通までをiOSアプリでつなぐ- 本人確認・MNP・通信事業者基盤をまたぐ実装
satotakeshi
0
520
ソニーのクラウド共通基盤の変遷とAI時代の開発スタイルに合わせた進化 / The Journey of Sony’s Common Cloud Platform and Its Evolution for AI-Native Development
kenjiyoneyama
0
200
UPDATE をやめる — EF Core でマスタをバージョン管理する
panda728
PRO
0
1k
モバイル交通系ICへのチャージ実例から考える、クロスプラットフォーム開発におけるiOS実機テスト設計とCI運用
yusuga
1
570
仕様駆動開発による爆速プロダクト開発 / Bakusoku Spec Driven Development
kobakei
0
150
市販E-Readerを乗っ取れ 〜Embedded Swiftで電子ペーパーガジェットを制御する〜
trickart
0
230
re:Inventに行く前に知っておきたい現地参加のノウハウ
nokomoro3
0
290
Everything will be SERVERLESS — 信じて運用した10年の経験値 / Everything Will be Serverless — Lessons Learned from 10 Years of Operational Experience
seike460
PRO
1
650
モジュールの視点からSwiftを読み解く #iosdc
s_shimotori
0
290
Workers Cache を知る
syumai
0
320
Java 27新機能 / Java 27 new features
kishida
2
190
モデルのリファクタリングが難しいと思ったら、そもそも複雑だったのはビジネス仕様だった ? / is-the-business-domain-the-real-complexity
hatsu38
0
430
Featured
See All Featured
Building the Perfect Custom Keyboard
takai
2
890
Jamie Indigo - Trashchat’s Guide to Black Boxes: Technical SEO Tactics for LLMs
techseoconnect
PRO
0
690
Building a Modern Day E-commerce SEO Strategy
aleyda
45
9.2k
We Have a Design System, Now What?
morganepeng
55
8.3k
How to optimise 3,500 product descriptions for ecommerce in one day using ChatGPT
katarinadahlin
PRO
3
3.8k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
141
35k
What does AI have to do with Human Rights?
axbom
PRO
1
2.4k
brightonSEO & MeasureFest 2025 - Winning Strategies for Black Friday CRO & PPC - Christian Goodrich
cargoodrich
3
860
Build The Right Thing And Hit Your Dates
maggiecrowley
39
3.5k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
47
8.4k
Utilizing Notion as your number one productivity tool
mfonobong
4
610
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
12
1.3k
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