Upgrade to Pro — share decks privately, control downloads, hide ads and more …

個人開発で使ってるやつを紹介する回

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
Avatar for yohfee yohfee
October 02, 2024
Programming
970
1

 個人開発で使ってるやつを紹介する回

Sendai Frontend Meetup #13
https://sfeug.connpass.com/event/329167/

Avatar for yohfee

yohfee

October 02, 2024

More Decks by yohfee

See All by yohfee
オブザーバビリティ駆動開発って実際どうなの？
Avatar for yohfee yohfee
6
1.2k
バーチャル背景の話
Avatar for yohfee yohfee
0
180
認証の話
Avatar for yohfee yohfee
0
280
Tensorflow.jsの話
Avatar for yohfee yohfee
0
330

Other Decks in Programming

See All in Programming
TAKTでAI駆動開発の品質を設計する
Avatar for かとじゅん j5ik2o
7
1.5k
エージェンティックRAGにAWSで入門しよう！
Avatar for Har1101 har1101
9
1.8k
キャリア迷子上等 ─ "ない道"は自分で作ればいい
Avatar for 16bit_idol 16bitidol
3
2.3k
Observability in Practice：Grafana 與 Edge Device SRE 的那些事
Avatar for Blueswen blueswen
0
180
技術記事、 専門家としてのプログラマ、 言語化
Avatar for Koutarou Chikuba mizchi
13
6.6k
代数的データ型って何が嬉しいの？ #frontend_phpcon_do
Avatar for Takuma Kajikawa kajitack
8
3.8k
LaravelLive Japan の裏方のすべて — 第188回 PHP勉強会＠東京 (2026-06-24)
Avatar for Suguru Oki / スー suguruooki
2
130
セキュリティの専門家じゃなくてもできる。「セキュリティ意識」をアップデートして サプライチェーン攻撃への耐性を高めよう。
Avatar for tk3fftk tk3fftk
5
970
Hatena Engineer Seminar #37「言語モデルの活用に関する研究」
Avatar for SlashNephy slashnephy
0
210
Go1.27で導入されるジェネリクスメソッドでできること
Avatar for mackee mackee
0
190
Oxcを導入して開発体験が向上した話
Avatar for Yuji Yamaguchi yug1224
4
340
Mujeres en SEO Summit 2026 - Greatest Disaster Hits en Web Performance
Avatar for Estela Franco guaca
0
200

Featured

See All Featured
Mozcon NYC 2025: Stop Losing SEO Traffic
Avatar for Sam Torres samtorres
1
260
Making the Leap to Tech Lead
Avatar for Ryan Cromwell cromwellryan
135
9.9k
A Modern Web Designer's Workflow
Avatar for Chris Coyier chriscoyier
698
190k
Unlocking the hidden potential of vector embeddings in international SEO
Avatar for Frank van Dijk frankvandijk
0
850
The #1 spot is gone: here's how to win anyway
Avatar for Tamara Novitovic tamaranovitovic
3
1.1k
How STYLIGHT went responsive
Avatar for nonsquared nonsquared
100
6.2k
The Cult of Friendly URLs
Avatar for Andy Hume andyhume
79
6.9k
Ruling the World: When Life Gets Gamed
Avatar for Sebastian Deterding codingconduct
0
260
Prompt Engineering for Job Search
Avatar for Mfonobong Umondia mfonobong
0
350
GraphQLとの向き合い方2022年版
Avatar for Yosuke Kurami quramy
50
15k
How to Build an AI Search Optimization Roadmap - Criteria and Steps to Take #SEOIRL
Avatar for Aleyda Solis aleyda
1
2.1k
技術選定の審美眼（2025年版） / Understanding the Spiral of Technologies 2025 edition
Avatar for Takuto Wada twada
PRO
118
120k

Transcript

  1. 個人開発で使ってるやつを紹介する回 Sendai Frontend Meetup #13

  2. id:yohfee 株式会社はてな Mackerel 開発チーム アプリケーションエンジニア

  3. DEMO: OpenAI 使ってみましたってだけ

  4. フロントエンドとバックエンド 違う言語で書くのたいへん

  5. TypeScript でどっちも書けばいいじゃん

  6. だが断る

  7. 俺のフロ ントエン ドを見て くれ こいつを どう思 う？

  8. すごく… React??です??

  9. https://fable.io/

  10. Fable is a compiler that brings F# into the JavaScript

    ecosystem

  11. F# を JavaScript にトランスパイルする君

  12. F#

  13. ちなみにバ ックエンド はこんな感 じ

  14. F# でどっちも書けばいいじゃん

  15. F#er にしか通じない使えて嬉しいアレ パターンマッチ コンピュテーション式 測定単位 型プロバイダ etc...

  16. FAQ: 使い物になるのか 個人的には今のところはなってるし そこそこ使い込んでそうな海外企業もそれなりにいそう React などの主要なライブラリはバインディングがあって F# の構文で違和感なく書ける JavaScript との相互運用性もそんなに辛くないので

    イザという時も対応可能

  17. コードを見ながら観光案内 フロントエンドとバックエンドで型や関数を共有できる 共有した型は Fable Remoting を使うと RPC になるので OpenAPI や

    GraphQL よりもお手軽に フロントエンドとバックエンドの通信ができる Elmish という Elm を参考にした MVU パターンで イミュータブルで関数型的なアーキテクチャがハマる

  18. FAQ: バンドルサイズは お仕事じゃないので今のところは気にしてない さすがにBlazorよりは小さそう

  19. 余談: 実はJS以外にもトランスパイルできる JavaScript (Stable) TypeScript (Stable) Dart (Beta) Python (Beta)

    Rust (Alpha) PHP (Experimental)

  20. まとめ F# はいいぞおじさん「F# はいいぞ」

  21. 宣伝

  22. None