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

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

Avatar for yohfee yohfee
October 02, 2024
Programming
1
920

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

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

Avatar for yohfee

yohfee

October 02, 2024
Tweet

More Decks by yohfee

See All by yohfee
オブザーバビリティ駆動開発って実際どうなの？
Avatar for yohfee yohfee
1
100
バーチャル背景の話
Avatar for yohfee yohfee
0
150
認証の話
Avatar for yohfee yohfee
0
260
Tensorflow.jsの話
Avatar for yohfee yohfee
0
320

Other Decks in Programming

See All in Programming
PostgreSQL を使った快適な go test 環境を求めて
Avatar for Kotaro Otaka otakakot
0
140
生成AIを活用したソフトウェア開発ライフサイクル変革の現在値
Avatar for Hiroyuki Mori hiroyukimori
PRO
0
130
Claude Codeと2つの巻き戻し戦略 / Two Rewind Strategies with Claude Code
Avatar for 果物リン fruitriin
0
190
日本だけで解禁されているアプリ起動の方法
Avatar for Ryu-nakayama ryunakayama
0
350
izumin5210のプロポーザルのネタ探し #tskaigi_msup
Avatar for izumin5210 izumin5210
1
410
AI巻き込み型コードレビューのススメ
Avatar for Nealle nealle
2
2.2k
AI時代でも変わらない技術コミュニティの力～10年続く“ゆるい”つながりが生み出す価値
Avatar for Takehata Naoto n_takehata
2
320
AI主導でFastAPIのWebサービスを作るときに 人間が構造化すべき境界線
Avatar for Jun okazaki okajun35
0
210
Metaprogramming isn't real, it can't hurt you
Avatar for Masafumi Okura okuramasafumi
0
120
個人開発は儲からない - それでも開発開始1ヶ月で300万円売り上げた方法
Avatar for Taishi Yamasaki taishiyade
0
110
Python’s True Superpower
Avatar for Hynek Schlawack hynek
0
180
AIに仕事を丸投げしたら、本当に楽になれるのか
Avatar for ディップ株式会社 dip_tech
PRO
0
150

Featured

See All Featured
Easily Structure & Communicate Ideas using Wireframe
Avatar for Afnizar Nur Ghifari afnizarnur
194
17k
Collaborative Software Design: How to facilitate domain modelling decisions
Avatar for Kenny Baas-Schwegler baasie
0
150
Odyssey Design
Avatar for Ryan Kendrick rkendrick25
PRO
2
520
Documentation Writing (for coders)
Avatar for Carmen Chung carmenintech
77
5.3k
Navigating the Design Leadership Dip - Product Design Week Design Leaders+ Conference 2024
Avatar for Andy Polaine apolaine
0
210
BBQ
Avatar for Matthew Crist matthewcrist
89
10k
Gemini Prompt Engineering: Practical Techniques for Tangible AI Outcomes
Avatar for Mfonobong Umondia mfonobong
2
290
Jess Joyce - The Pitfalls of Following Frameworks
Avatar for Tech SEO Connect techseoconnect
PRO
1
78
Fantastic passwords and where to find them - at NoRuKo
Avatar for Phil Nash philnash
52
3.6k
Rails Girls Zürich Keynote
Avatar for Gregor Martynus gr2m
96
14k
Leo the Paperboy
Avatar for Maya Tellez mayatellez
4
1.5k
The Pragmatic Product Professional
Avatar for Laura Van Doore lauravandoore
37
7.2k

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