AI Agents Roadmap - roadmap.shLogin or Signup You must be logged in to perform this action.
Cloudflare Workers に SPA アプリケーションをデプロイする
SPA アプリケーションをデプロイするのにずっと、Cloudflare Pages を使っていましたが、Cloudflare 公式のドキュメントにも 「新しいプロジェクトにはCloudflare PagesよりもCloudflare Workersの使用を推奨しています。」という記述が追加されたので、Cloudflare Workers に移行することにしました。 移行ドキュメントがかなりわかりやすいのであまり困ることはないかもしれませんが、新たにプロジェクトを作成してデプロイする術を残しておきます。 よく利用されるフレームワークはフレームワークのガイドに書かれていたりしますのでそちらをご確認ください！ 手順 サンプル的なプロジェクトを作成してありますので、コードをご覧になりたいかたはこちらからどうぞ！ 1. SPA アプリケーションの作成 Vite + React の SPA アプリケー
You can serialize a promise in React
You can serialize a promise in ReactA neat pattern with React Server Components is to create a promise that starts on the server and later finishes on the client. 1 Here's what it looks like: import { Suspense } from "react"; import { ClientComponent } from "./client-component"; export default function Page() { const promise = new Promise((resolve) => { setTimeout(() => resolve("Hello from the ser
useEffectからfetchするときのベストプラクティス - Qiita
useEffectの中でfetch （取得系のリクエスト）しないでください。以上です。ご清聴ありがとうございました。いいねと高評価、チャンネル登録よろしくお願いします。 おまけ とはいえ、useEffectの中でデータ取得することを考えなければいけない場合もあります。例えば、React 16をまだ使っている場合とか。React 18以降ならSuspenseがあるので考えなくていいです。 ということで、筆者は最近React 16の世界でどうしてもuseEffectの中でfetchしなければならない場合を最近経験しました。その場合にもできる限りベストプラクティスに従いたいということで、考えたことを紹介します。 まだReact 16系に囚われている方は参考にしてください。また、新しいReactを使っている方はこの記事で紹介することをそのまま実践する必要はありませんが、useEffectのベストプ
UI の一部を非表示にする React の Activity コンポーネント
UI の一部を非表示にする React の Activity コンポーネント React の新しい実験的なコンポーネントとして `<Activity>` が追加されました。これは UI の表示非表示を切り替えるために使用されます。従来の条件付きレンダリングとは異なり、アンマウントされた場合にも状態を保持する点が特徴です。 音声による概要 この音声概要は AI によって生成されており、誤りを含む可能性があります。 React の新しい実験的なコンポーネントとして <Activity> が追加されました。これは UI の表示非表示を切り替えるために使用されます。 import { unstable_Activity as Activity } from "react"; function App({ isVisible }: { isVisible: boolean }) { return (
Claude Desktop (Windows版) から Slack MCP Serverを使って、チャンネルにポストした内容を取得していろいろなことをしてみる - Qiita
{ "mcpServers": { "slack": { "command": "docker", "args": [ "run", "-i", "--rm", "-e", "SLACK_BOT_TOKEN", "-e", "SLACK_TEAM_ID", "-e", "SLACK_CHANNEL_IDS", "mcp/slack" ], "env": { "SLACK_BOT_TOKEN": "xoxb-your-bot-token", "SLACK_TEAM_ID": "T01234567", "SLACK_CHANNEL_IDS": "C01234567, C76543210" } } } } 設定後、Claude Desktop を再起動します。メニューから「終了」を選択して閉じ、再度起動します。ウィンドウを閉じただけでは設定が反映されないため注意してください。Claude Des
React Labs: View Transitions, Activity, and more – React
In React Labs posts, we write about projects in active research and development. In this post, we’re sharing two new experimental features that are ready to try today, and updates on other areas we’re working on now. React Conf 2025 is scheduled for October 7–8 in Henderson, Nevada! We’re looking for speakers to help us create talks about the features covered in this post. If you’re interested in
After Cline - あるいは語りえぬ者について語ろうとする時代について
post-cline-world.md After Cline - あるいは語りえぬ者について語ろうとする時代について この資料は以下のイベントの登壇用の殴り書きです https://hack-at-delta.connpass.com/event/350588/ 今までの資料を引用して話すので、この資料はアウトラインです。 最初に: 自分の技術選定の基準 ハイプサイクルにおけるアーリーアダプター相当で手を動かす ハイプ・サイクル https://mba.globis.ac.jp/about_mba/glossary/detail-20659.html https://www.thoughtworks.com/radar を読む イノベーターっぽい人達をSNSで監視してる 一定の熱量を感じたら自分でも動かして評価する 破壊的イノベーションを逃すな 破壊的イノベーション - クリスチャン・ク
AI Agent × Cursor で要件整理から実装まで
Introduction Zennのみなさん、こんにちは！ TSUKURUBAで、Web フロントエンドエンジニアをしているkiiです 最近、プロジェクトの中でAI Agent（Cursor）を活用した開発に取り組み、試行錯誤を重ねてきました。 その過程で見えてきた、効果的な開発フローやノウハウを本記事でまとめて共有します。 いろんなAI Agent利用記事あるのですが、抽象的なものが多く、もっと具体例教えてほしいな〜と思ったので書いてみました！ 実際に使っているドキュメントや命令の例、運用のコツも紹介しますので、 みなさんの開発やAI活用の参考になれば幸いです。 この記事で得られること AI Agent（Cursor）を活用した開発フローの具体的な進め方 AI Agentが実装できるような、要求整理から実装までのDocument作成手順 AIとのやりとりを効率化するための実践的なTips
SadServers - Linux & DevOps Troubleshooting Interviews
Scenario: "Saint John": what is writing to this log file? Level: Easy Type: Fix Access: Public Description: A developer created a testing program that is continuously writing to a log file /var/log/bad.log and filling up disk. You can check for example with tail -f /var/log/bad.log. This program is no longer needed. Find it and terminate it. Test: The log file size doesn't change (within a time in
DenoでMCPサーバーを作って遊んだ - Mitsuyuki.Shiiba
数日前に↓を読んで、なるほどー！ってなったので、なんか作ってみるかと思い MCPサーバー自作入門 なんとなく、npxで実行するより、実行可能ファイルにしてみたいなと思って、Denoに初挑戦。↓こちらを参考にして作ってみた Deno で RooCode 用にローカルMCPサーバーをさっと作る ↓こうなった https://github.com/bufferings/mcp-servers/tree/main/hello 実行可能ファイルはこんな感じで作って ❯ deno compile --output dist/hello hello/index.ts Cursorでそのファイルを設定して { "mcpServers": { "hello": { "command": "~/mcp-servers/hello", "args": [], "env": {} } } } 有効化して 文字列の
お前がクズだからそういう終わったコミュニケーションになってんだよ。教..
お前がクズだからそういう終わったコミュニケーションになってんだよ。教えてやるよ。 まず「荷造りどうですか？」って、どうですか？ってなんだよ どうもこうもねえだろ。荷造りは荷造りだろ。 そうじゃなくてお前は「さっさと荷造りしてくれ」って言いたいんだろ 「さっさと荷造りしてほしい」のはお前の願望だ お前の願望を相手に要求したいならストレートにそう要求しろよ 「荷造りどうですか？」は自分の願望の透明化、無責任化だ 本来は自分が責任を取るべき「他人に対する要求」を自分で責任を引き受けずに 世間とか常識とか相手自身の中に「こうあるべき」を勝手に妄想して作り出して 自分の願望であることから逃げる卑怯者が多いよな。本当に虫唾が走るぜ。 私「会話を広げようとは思わないんですか？」 これも典型だよな。会話を広げて欲しいのは自分の要求なのに 相手の中に「会話を広げたいという欲求があるはずだ」と妄想して作り出し
【今週の話題】AIエディタ戦争
マイクロソフトがVSCodeフォークエディタ上での自社拡張をブロックマイクロソフトは、CursorやWindsurfなどのフォークエディタで自社開発のVSCode拡張機能（C++やC#など）の使用を制限しました。 Has the VSCode C/C++ Extension been blocked? · Issue #2976 · getcursor/cursorWhile coding just now I got this msg: The C/C++ extension may be used only with Microsoft Visual Studio, Visual Studio for Mac, Visual Studio Code, Azure DevOps, Team Foundation Server, and success…GitHubgetcursor著者は
ポッドキャストをAIで文字起こしして図解する手順｜ノウチ
どうも、ノウチです。 ポッドキャストをよく聞くんですが、その内容をしっかり理解したいなと思って、いつも文字起こししてテキストで読みつつ、最後に図解して要点を振り返る、というのをやっています。 その手順やプロンプトをメモしておきます！ ポッドキャストの音源（mp3）をダウンロードするまず音源を入手します。ポッドキャストはウェブ上にmp3が上がっているので、取り出すのはかんたんです。 ポッドキャストのRSSを調べるどのポッドキャストも配信情報をまとめたRSSフィードが用意されています。 RSSフィードとは、ウェブサイトの更新情報を簡単に取得できる仕組みです。「Really Simple Syndication」または「Rich Site Summary」の略で、ユーザーがウェブサイトを直接訪問しなくても、新しいコンテンツや更新情報を自動的に受け取ることができます。 Claudeの回答Spoti
リモートMCPがやってくる、そしてA2Aについて
先日 Streamable HTTP Transportに対応したMCP TypeScript SDK 1.10.0がリリースされました。これは、以前のSSE Transport（2024-11-05）を置き換えるものです。Python SDK（最新バージョン1.6.0）にはまだこの更新が含まれていないようです。 Release 1.10.0 · modelcontextprotocol/typescript-sdkStreamable HTTP release This is the first release supporting the new Streamable HTTP transport from protocol version 2025-03-26, which supersedes the SSE transport from protocol version 2024
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
What Does "use client" Do?
Cursor/Devin全社導入の理想と現実
一緒に働きたくなるプログラマの思想 #QiitaConference
AIコーディングの理想と現実
MCPを活用した検索システムの作り方/How to implement search systems with MCP #catalks
