zaru

ムーザルちゃんねるで技術動画配信してます。
技術顧問・リファクタリング・開発プロセス改善・立ち上げなど、お仕事お待ちしております。依頼はDMかサイトからご連絡ください。

[zaru @zaru]

おまたせしました、プログラミング絶望ラジオ！寝ながら夢の中で聞いてください！

[ムーザルちゃんねる @moozaru_ch]

深夜のプログラミング絶望ラジオ

コードレビューする？しない？, 人間はどこまで介入する？, Railsのよさ, フィードバックの心持ち, 見積もりの真髄, 自己流grill-meの末路

YouTube
https://t.co/7xX5l21GuV

Spotify
https://t.co/FBs54Qn68v

PodCast
https://t.co/uuN77wIuT4

[zaru @zaru]

@W08OpiXfJ5zvwaH @ark_ui_ React以外にもSolid/Vue/Svelte対応してるんですね！ 見てみます

[zaru @zaru]

React Ariaのような高品質なコンポーネントライブラリはReact以外のフロントライブラリにありますか？ 知りたい。

[zaru @zaru]

Lexicalいいですよね。僕はTiptapとLexical両方とも仕事で使ってますが、Lexicalの方が好きかな。Tiptapはフレンドリーでポップ。Lexicalはいっけん朴訥というか素っ気ない雰囲気だけど分かりやすい。

[たにぐち まこと／ちゃんとWeb withAI @seltzer]

Cursor君に、Notion風のエディタをページ内に埋め込んでもらえた。

採用したのは、Meta社のライブラリ Lexical。これ系だと、Tiptapが定番だが、Reactとの相性が良いかなと思ったらドンピシャ。

めちゃめちゃ便利な編集画面ができてしまった。
画像のアップ機能も追加してもらおう。
https://t.co/teUyFBeWAQ

[zaru @zaru]

本当にこれ困ってたから嬉しい。workflowって普通に使う言葉だから（ドメイン用語にも出てきがち）。さすがにultracodeっていう用語はないはず

[ClaudeDevs @ClaudeDevs]

We've changed the trigger word from "workflow" to "ultracode".

You can still say "use a workflow for this", but when you're clearly referring to something else, Claude won't kick off a dynamic workflow. For an explicit trigger, use "ultracode". We appreciate the feedback!

[zaru @zaru]

すべてグローバル変数にしたら、どこからでも必要な時に簡単に変更できるし、シングルトンっていう凄いやつを使えばもっと便利なんだぞ

[backyarD_D @backyarD_D]

これで「SEはプログラミング技術など不要」論者が昇格していろいろ口出すPMになった際、
「C#の変数は実質全部ポインタだから、メソッドは全部変数を参照渡しにすること！そうすれば呼び先でも呼び元の変数を操作できて効率がいい。あと、使う変数は全部冒頭でグローバルにアクセス可能にすること！」
というコーディング規約を打ち出してた。

100歩譲ってプログラミング出来なくてもいい。
ただ、口を、出すな。素人が。

[zaru @zaru]

SSRが本当に必要なのか自分を問いただす必要があるな

[zaru @zaru]

@seltzer そうですね、達人レベルになっていればこんな懸念はないと思うんですが、そうじゃないのが現実…。

[zaru @zaru]

平均的な開発チームにおいてはGPTやOpusではなくComposer縛りにするほうが成果を出しやすい体制になれるんじゃないかと、ちょっと本気で思うようになってきた

理由
- 開発コストが下がると価値の低いアイデアも採用してしまう
- 関与する頻度が下がると思考を放棄し、動けばOKとなり空洞化する

[zaru @zaru]

詳細ページの「戻る」リンクの飛び先をリファラ参照して動的に変更するUI仕様、絶対にやめたほうが良い。GitHub Actionsはそうなってるけど混乱する。

[zaru @zaru]

あまりに面白すぎる。本来だったら期限や閾値やリードタイム的な意味のあるラベルになるべきだったものだ。

[ガッシー｜Repsona @GussieTech]

マジックナンバー駆逐派のこういうのみたことあるなあ。あとから 7 になってとても混乱した。

[zaru @zaru]

デポジット方式を採用するのが良さそう

[深津 貴之 / THE GUILD, note @fladdict]

トークン連鎖倒産…について議論したい。
SaaS経由で生成AIを利用してた場合、クライアントがレートリミット間違えて支払い不能な額使い込んだ場合、請求がSaaS側に行ってSaaSも破産することない？？

[zaru @zaru]

ついでにいうとAIトークンの費用もComposer縛りにすると、相当削減できると思う

[zaru @zaru]

平均的な開発チームにおいてはGPTやOpusではなくComposer縛りにするほうが成果を出しやすい体制になれるんじゃないかと、ちょっと本気で思うようになってきた

理由
- 開発コストが下がると価値の低いアイデアも採用してしまう
- 関与する頻度が下がると思考を放棄し、動けばOKとなり空洞化する

[zaru @zaru]

Cloudflare Service BindingsのHTTPモードとRPCモードのパフォーマンス差をベンチマークした。どちらも高速ではあるが、やはりRPCモードの方がオーバーヘッドがない分、速い。HonoでもService Bindingsで呼び出せるがコードはRPC風でも挙動はHTTPモード。

[zaru @zaru]

Cloudflare WorkersのService Bindings HTTPモードで、AstroからHonoをRPC風に呼び出すの動作確認できた。こんな感じでクライアント作れば、あとは関数呼び出しのノリで使える。便利。これを並行してブラウザからfetchするHTTP APIもHonoで担うようにすれば汎用性上がりそうだ。

[zaru @zaru]

--no-auto-updateオプションを付けたらいけた。謎だけど、とりあえず進めるか

[zaru @zaru]

pnpm create cloudflare@latestが無限ループになって終わらないんだけど、なにこれ

[zaru @zaru]

pnpm create cloudflare@latestが無限ループになって終わらないんだけど、なにこれ

[zaru @zaru]

なるほど、これ本当にそうだな

[mizchi @mizchi]

仮説段階で間違ってるとAIはより良い仮説を持ってるのにそれを使わずに狭い解空間を探してしまうので、指示しない方がマシみたいな状態になります

[zaru @zaru]

@yusukebe お、すごい面白そう！ありがとうございます！試してみます

[zaru @zaru]

Cloudflare WorkersのService Bindingsを使ってフロントWorkerからバックエンドWorkerをRPCで呼び出す構成をHono RPCでできるっぽい雰囲気を感じる。これであればフロントとバックエンドが完全に別の構成でありながら、まるで一緒のような体験とパフォーマンスを維持できるかも知れない。

[zaru @zaru]

ElysiaJSを単体で使うか、Next.jsなどメタフレームワークに組み込んで使うかだとパフォーマンスがぜんぜん違う。当然のことだが組み込んだフレームワークの性能がピークになる（ElysiaJSじゃなくてもそうなる）。もしパフォーマンスを目的とするならElysiaJSは単体で使うことを推奨。