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

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

Avatar for yohfee yohfee
October 02, 2024
Programming
990
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.7k
バーチャル背景の話
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
ソフトウェア設計に溶けるインフラ ― AWS CDK のインフラ認識論
Avatar for Kenji Kono konokenj
3
800
「人を評価する AI」の 設計と実装 
Avatar for 奈良亮耶 ryoyanara
0
210
How I Won Prize Money at a Hackathon Using Codex and Symphony Alpha
Avatar for yasei no otoko yasei_no_otoko
0
100
全PRの83%がAIレビューだけでマージできるようになった開発組織はその後どうなったか
Avatar for a-thug athug
1
1.8k
楽しそうなつよつよエンジニアと目が死んでる僕/A brilliant engineer having a blast, and dead-eyed me.
Avatar for Ryusei Ohkura 3l4l5
2
190
使いながら育てる Claude Code — 開発フローの1コマンド化 × 繰り返し指摘の自動仕組み化
Avatar for endo shiki shiki_kakaku
0
1.8k
VibeCodingからAgenticWorkflowへ
Avatar for starfish719 starfish719
0
590
今さら聞けない .NET CLI
Avatar for tkym htkym
0
200
実装をデザインガイドラインに追従させるための取り組み / 260731-dip-mosh-design-system
Avatar for dachi dachi023
0
2.5k
jsmini JavaScript Engine を作ってみた話
Avatar for Yosuke Furukawa yosuke_furukawa
PRO
0
330
仕様駆動開発へのトライを機に チームに適合する手法を模索し続けている話
Avatar for freee freee
PRO
0
560
yield再入門 #phpcon
Avatar for hideki kinjyo o0h
PRO
0
1.1k

Featured

See All Featured
Fantastic passwords and where to find them - at NoRuKo
Avatar for Phil Nash philnash
52
3.8k
The Mindset for Success: Future Career Progression
Avatar for Greg Gifford greggifford
PRO
0
450
Future Trends and Review - Lecture 12 - Web Technologies (1019888BNR)
Avatar for Beat Signer signer
PRO
0
3.7k
Leveraging Curiosity to Care for An Aging Population
Avatar for Cassini Nazir cassininazir
1
470
Evolving SEO for Evolving Search Engines
Avatar for Ryan Jones ryanjones
0
250
A designer walks into a library…
Avatar for Paul Jervis Heath pauljervisheath
211
24k
ピンチをチャンスに：未来をつくるプロダクトロードマップ #pmconf2020
Avatar for Aki / @LoveIdahoBurger aki_iinuma
128
56k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
Avatar for Tammy Everts tammyeverts
56
3.4k
Rebuilding a faster, lazier Slack
Avatar for samanthasiow samanthasiow
85
9.6k
Ethics towards AI in product and experience design
Avatar for Skipper Chong Warson skipperchong
2
340
State of Search Keynote: SEO is Dead Long Live SEO
Avatar for Ryan Jones ryanjones
0
240
Efficient Content Optimization with Google Search Console & Apps Script
Avatar for Katarina Dahlin katarinadahlin
PRO
1
800

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