Fusicフロントエンド座談会 from 雅 2023/09/08

TL;DR

• Bun + Nuxt
• Moduler Zod
• TypeScript 5.2
• Figma Note Widget
• Zod OpenAPI Hono
• TanStack Form
• Astro 3.0
• ASMR Programming
• Nintentdo Switch
• Stacks.js
• Node.js v20.6.0
• DHHがTypeScriptやめる記事
• Skeet CLI

議事録

Bun + Nuxt

• https://twitter.com/colinhacks/status/1694524349750165961
• NuxtのエンジンNitroのおかげ？
• Bun 1.0が今日（9/8）がリリース。ローンチイベント

Moduler Zod

• https://github.com/fabian-hiller/valibot
• Zodのモジューラー化されたライブラリ
• モジューラー化するメリットはバンドルサイズの削減
• バンドルサイズがZodより減るので嬉しい
• Firebase SDKもモジューラーAPIになった

TypeScript 5.2

• https://twitter.com/typescript/status/1694758962489610344?s=20
• usingが使えるようになった
• ファイル読み込みなどのクリーンアップ処理を良い感じに
• デコレータメタデータやcopyArrayなども新しく追加された
• copyArrayは嬉しい

Figma Note Widget

• https://www.figma.com/community/widget/1168789542647357646
• コメントウィジェット
• コメントにステータスできる
• 解決済みなどチェックもできる
• 英語版も要望されてる

Zod OpenAPI Hono

• https://github.com/honojs/middleware/tree/main/packages/zod-openapi
• コードファースト
• Honoのバリデーション処理を書くとOpen APIドキュメント生成 → Open API Client Generatorでフロントコード生成できる

TanStack Form

• https://tanstack.com/form/latest
• React Hook Formのようなライブラリ
• 他のForm系ライブラリとの比較ページがあるが、まだしっかりと整備されていないようで、今のところ良さがわからない

Astro 3.0

• https://astro.build/blog/astro-3/
• Tech Blogも上げないとな
• コンポーネント描画のパフォーマンスが上がったなど
• HMRは開発時は嬉しい
• View Transition APIも入った

ASMR Programming

• Programmingしている映像をYoutubeなどで配信するトレンドがある
• キーボードの打鍵音がASMR
• 内容も面白そうなものが多い

Nintentdo Switch

• https://x.com/mizure3213/status/1697279370086490123?s=46&t=-iFV0JJ9bvzs4iG6VfWEIQ
• 筐体の色とパッケージの色が被らないように頑張った

Stacks.js

• https://github.com/stacksjs/stacks
• LaravelのTypeScript版
• Webサービス作るための機能が全部入りしている
• AIの機能もある
• まだベータにもなったない模様
• これが本番利用できるようになるなら、フロントエンドとバックエンドTypeScriptで書けるのでLaravelから乗り換えても良いかも

Node.js v20.6.0

• https://nodejs.org/ja/blog/release/v20.6.0
• dotenvがいらなくなる
• そういえばNode v16がそろそろEOLになる

DHHがTypeScriptやめる記事

• https://world.hey.com/dhh/turbo-8-is-dropping-typescript-70165c01
• 世界中で話題になったし、いろんな人がこれに反応した
• やはりJSをRuby on Railsに寄せると型が邪魔になる！？

Skeet CLI

• https://ascii.jp/elem/000/004/154/4154906/
• https://skeet.dev/ja/
• https://prtimes.jp/main/html/rd/p/000000052.000105962.html
• 37分でAIチャットアプリが作れる
• React Native/Expoアプリに対応している
• 37分で作れることが世界新記録と紹介されているが、何を基準に世界新記録なのか気になる
• 37分ほど早くなくても良いけど、サクッとAIアプリが作れるなら良さそう
• AWSも対応してたら良かったけど、モバイルアプリとなるとやっぱりFirebase(GCP)が良いのだろうか
• 運営している会社がオランダでFoundersが日本人
• うちもExpo使ってるので、後で触ってみたい