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
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
実装をデザインガイドラインに追従させるための取り組み / 260731-dip-mosh-design-system
Avatar for dachi dachi023
0
2.7k
型も通る、synthも通る、それでも危ない 〜AIのCDKの権限とコストを機械で検証する〜 / It Passes Type Checks, It Passes Synth Checks, but It’s Still Risky — Automatically Verifying Permissions and Costs in AI’s CDK —
Avatar for shiro seike seike460
PRO
1
560
2年かけて Deno に DOMMatrix を実装した話 / How I implemented DOMMatrix in Deno over two years
Avatar for petamoriken / 森建 petamoriken
0
210
in-process GraphQL のすすめ #ginzajs
Avatar for izumin5210 izumin5210
4
1.3k
AI Engineeringは、AIプロダクトだけのものか？ 〜AIがソフトウェアを作る時代の新しい当たり前〜 / No AI in your product. AI Engineering in your development.
Avatar for r-kagaya rkaga
4
460
Flow は今どうなっているか
Avatar for mizdra mizdra
PRO
0
600
生成AIで帳票OCRが「簡単に」作れる時代になった？
Avatar for Shohei Kondo kon_shou
0
1.1k
the container ship “Apple Silicon”@WWDC26 Recap -Japan-\(region).swift
Avatar for gangan shingangan
0
130
【やさしく解説 設計編・中級 #6】良いアーキテクチャとは ～ 一本の登り道の、行き先 ～
Avatar for HideyukiKitao panda728
PRO
0
220
仕様駆動開発へのトライを機に チームに適合する手法を模索し続けている話
Avatar for freee freee
PRO
0
560
関東Kaggler会_NVIDIA_Nemotron_コンペ_振り返り
Avatar for rick rick_ds
0
640
仕様書を書く前にハーネスを作る - Agent Native開発は「探索を速く、判定を固く」
Avatar for Gota gotalab555
4
1.7k

Featured

See All Featured
The untapped power of vector embeddings
Avatar for Frank van Dijk frankvandijk
2
1.8k
30 Presentation Tips
Avatar for Ian Lurie portentint
PRO
1
370
Applied NLP in the Age of Generative AI
Avatar for Ines Montani inesmontani
PRO
4
2.4k
HU Berlin: Industrial-Strength Natural Language Processing with spaCy and Prodigy
Avatar for Ines Montani inesmontani
PRO
0
650
Impact Scores and Hybrid Strategies: The future of link building
Avatar for Tamara Novitovic tamaranovitovic
0
400
New Earth Scene 8
Avatar for Sydney Stone popppiees
3
2.5k
Joys of Absence: A Defence of Solitary Play
Avatar for Sebastian Deterding codingconduct
1
440
The Mindset for Success: Future Career Progression
Avatar for Greg Gifford greggifford
PRO
0
450
Un-Boring Meetings
Avatar for Sebastian Deterding codingconduct
0
390
Bash Introduction
Avatar for André Augusto Costa Santos 62gerente
615
220k
jQuery: Nuts, Bolts and Bling
Avatar for Doug Neiner dougneiner
66
8.5k
Reality Check: Gamification 10 Years Later
Avatar for Sebastian Deterding codingconduct
0
2.3k

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