モーションリファレンスのサイトを大改修して動き全般を見直して作り直しました。 motion-reference.takayustudi…

めっちゃ、共感しかない記事。個人開発している人、スタートアップ、もちろん、エンタープライズの人も、みんな、元記事を読んだ方が良い。 個人開発で一番面倒なの、実はコードを書くことじゃない。 DBを選ぶ。 Storageを選ぶ。 Hostingを選ぶ。 Queueを選ぶ。 認証情報を管理する。 ネットワークを守る。 料金を気にする。 そして、それぞれ別サービスなので全部つなぐ。 「個人開発はCloudflareにすべて賭けろ」 というこの資料、 35枚通して見るとかなり説得力がある。 主張は単純で、 プロダクト以外のことを考える時間を減らせ。 Cloudflareなら、 ・Workers：Compute ・R2：Object Storage ・D1：Database ・KV：Key-Value ・Queues：非同期処理 ・Cron：定期実行 ・Durable Objects：Stateful / Realtime ・Tunnel：Private接続 ・Zero Trust Access：認証・アクセス制御 ・AI Gateway：AI利用のGateway ・Sandbox：隔離実行環境 まで、かなりの範囲を同じPlatformへ寄せられる。 個人開発ではこれがかなり大きい。 例えばR2はEgress料金を取らず、 Workersには無料枠があり、 静的Asset配信もかなり扱いやすい。 D1、KV、Queuesまで含めて、 小規模なサービスならかなり低コストから始められる。 でも、この資料で個人的に一番刺さったのは Bindingの話。 普通なら、 DB URL API Key Access Key Secret を.envへ入れて、 各サービスとの接続をアプリ側で管理する。 Cloudflareでは、 R2やD1などをBindingとしてWorkerへ接続できる。 つまり、 「Credentialをアプリへ渡して接続する」から、 「PlatformがResourceをアプリへ渡す」 という発想になる。 個人開発でありがちな .env事故を減らせるし、 CSIRT目線でもかなり好きな設計。 さらにDurable Objectsまで使えば、 ・Chat ・共同編集 ・Multiplayer ・WebSocket ・Stateful Agent のような、 普通ならBackend設計が一段難しくなる領域まで Cloudflare上で完結させられる。 そして資料後半が面白い。 Cloudflareは今、 Browser Sandbox AI Gateway Agent Memory Email Wallet までAgent向けの部品を揃え始めている。 つまりCloudflareは、 Webサイトを高速化する会社 ↓ Serverless Platform ↓ Full-stack Platform ↓ Agent Runtime まで射程を広げている。 ここまで見ると、 「全部Cloudflareに賭けろ」は 単なるCloudflare推しでもない。 個人開発では、 最高性能の部品を一つずつ集めるより、 十分に良い部品を1つのPlatformへ寄せて、 作ることに集中できる方が強い。 という話。 もちろんVendor Lock-inは強くなる。 でも個人開発の初期フェーズで怖いのは、 Lock-inより先に、 面倒になって作るのをやめること。 そう考えると、 この資料のタイトルは割と本質を突いてる。 speakerdeck.com/ashunar0/koj…

draw.io is now in the Claude connector directory 🎉 Ask Claude for a diagram and it renders inline in the chat as an interactive draw.io diagram. One click opens it in the editor for further edits. No install needed. claude.ai/directory/pending-…

AIに書かせたコードのチェックで疲弊してる人、僕だけじゃないはず 書く速度だけ上がって、読む速度は人間のままだからこうなる 「CodeBoarding」は、コードベースを解析してシステム全体の構造図に起こしてくれるオープンソースの無料ツール ・全体像からサブコンポーネント単位までクリックで掘っていけるので、どこが何と繋がってるかを図で追える ・1箇所いじったらどこに影響が波及するのかを、目で見て確認できる ・図はMermaidやMarkdownでも出力できるから、READMEやPRの説明にそのまま貼れる ・プルリクレビュー用に、図とコードの差分を連携させて表示する機能がある ・Python、TypeScript、Java、Go、Rustなど8言語に対応してて、VSCode拡張とGitHub Actionもある この手のコード可視化ツール、多くがエンプラ向けの有料ツールだけども、CodeBoardingは無料で使えるから、個人開発者の人にもおすすめ

「レビューして」って頼んで、なんか無難な指摘だなーってずっと思ってた ログラスの松岡さんの「敵対的検証して」は、課題がある前提で反証させるから判定と根拠まで返ってくるの凄すぎる 一言でここまで変わるんか… zenn.dev/loglass/articles/6a…

最近結構Codexを使っていて、便利な機能を発見しました。 Claude Codeからワンクリックで、 ・ツール設定 ・指示 ・プラグイン / スキル ・プロジェクト ・過去30日分のチャットセッション までまとめて移行できます。 これを押すだけで、CodexをかなりClaude Codeに近い感覚で使えるようになります。 CodeXの良さはやっぱりモデルの速度ですかね。 しばらくはCodeX強化週間なので、CodeXのTips色々と発信していきます。

昔、「法律はGitで管理してほしい」とツイートしたことあったけど、やっぱり同じ事考えるもんなんだな gigazine.net/news/20260425-l…

🚨 Active supply chain attack on [email protected]. The latest version pulls in [email protected] -- a brand-new package that didn't exist before today. Socket's AI analysis flags it as a malicious obfuscated dropper: runtime deobfuscation, dynamic execSync loading, payload staging to temp/ProgramData directories, and post-execution artifact deletion. Consistent with supply chain malware. We're still investigating. If you use axios, pin your version and audit your lockfile.

React などの、アプリにコピペで使用できる、アニメーション付きのUIライブラリが Magic UI shadcn/ui をベースに、Framer Motion を統合しているので、アニメーション付きのリッチなUIを簡単に導入できる 2024 年で、React エコシステムの中で特に人気を博したツールの1つ！ magicui.design/