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
980
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.3k
バーチャル背景の話
Avatar for yohfee yohfee
0
190
認証の話
Avatar for yohfee yohfee
0
290
Tensorflow.jsの話
Avatar for yohfee yohfee
0
340

Other Decks in Programming

See All in Programming
鹿野さんに聞く！『TypeScriptコードレシピ集』で磨く実践力
Avatar for tonkotsuboy_com tonkotsuboy_com
4
1.1k
SREは、MCPとSRE Agentをこう使え！
Avatar for kazumax55 kazumax55
0
150
20260623_Loop Engineeringで自分の分身の問い合わせBotを作る
Avatar for ryugen04 ryugen04
0
230
AI がコードを書く時代における新卒エンジニアの仕事風景 (2026) / New Graduate Engineers in the Era of AI Coding (2026)
Avatar for sushichan044 sushichan044
0
230
エンジニア向け会社紹介/Findy Company Profile
Avatar for Findy findyinc
6
360k
Apache Hive: Toward a Cloud Native Lakehouse
Avatar for okumin okumin
0
150
【やさしく解説 設計編 #1】「ドメイン駆動」と「実装駆動」ってなに？ 〜設計の考え方を、たとえ話で学ぼう〜
Avatar for HideyukiKitao panda728
PRO
1
120
【やさしく解説 設計編 #0】DDDのコード、読めるのに分からない人へ
Avatar for HideyukiKitao panda728
PRO
2
270
symfony/aiとlaravel/boost
Avatar for Hiromi Hishida 77web
0
140
Built Our Own Background Agent at LayerX #aidevex_findy
Avatar for LayerX layerx
PRO
7
2.9k
初めてのKubernetes 本番運用でハマった話
Avatar for Kobujee_53 oku053
0
130
継続モナドとリアクティブプログラミング
Avatar for ゆきくらげ yukikurage
3
620

Featured

See All Featured
Bash Introduction
Avatar for André Augusto Costa Santos 62gerente
615
220k
Agile Leadership in an Agile Organization
Avatar for Dr. Kim W Petersen kimpetersen
PRO
0
190
AI: The stuff that nobody shows you
Avatar for John Nunemaker jnunemaker
PRO
9
840
Prompt Engineering for Job Search
Avatar for Mfonobong Umondia mfonobong
0
380
End of SEO as We Know It (SMX Advanced Version)
Avatar for Michael King ipullrank
3
4.3k
The Cult of Friendly URLs
Avatar for Andy Hume andyhume
79
7k
Documentation Writing (for coders)
Avatar for Carmen Chung carmenintech
77
5.4k
Art, The Web, and Tiny UX
Avatar for Lynn Fisher lynnandtonic
304
22k
XXLCSS - How to scale CSS and keep your sanity
Avatar for Zaharenia Atzitzikaki sugarenia
249
1.3M
The State of eCommerce SEO: How to Win in Today's Products SERPs - #SEOweek
Avatar for Aleyda Solis aleyda
2
11k
Highjacked: Video Game Concept Design
Avatar for Ryan Kendrick rkendrick25
PRO
1
410
Why Mistakes Are the Best Teachers: Turning Failure into a Pathway for Growth
Avatar for Umar Saidu Auna auna
0
190

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