devpick について
devpickは、ブラウザーで使える開発者向けツール集で、AIエージェント向けのローカルツールを43種類含みます。アカウントやバックエンドを使わずクライアント側で処理したい開発者向けの、オープンソースの静的サイトです。
主な機能
- 01ブラウザー用開発者ツールを118種類提供
- 02AIエージェント向けツールを43種類提供
- 03入力をすべてクライアント側で処理
- 04セルフホスト可能な静的サイトとして構築
活用シーン
- 01ブラウザーでJSONを整形または検証
- 02.gitignoreを生成または監査
- 03入力をバックエンドへ送らずに開発ツールを利用
設定
ローカルサーバーの設定はどのクライアントでも共通です。コピーしてクライアントの MCP 設定ファイルに貼り付けてください。
ツール
43掲載時のツール一覧 · 3 週間前に更新
| パラメーター | 型 | 必須 | 説明 |
|---|---|---|---|
| files | array | はい | 結合する PDF ファイルの絶対パスの配列 |
| output | string | はい | 結合後の PDF 出力先の絶対パス |
詳細
devpick.sh
使いやすい開発者向けツール。
無料の開発者向けツールを118種類提供しています。すべてブラウザー内で100%動作し、アカウント登録もトラッキングも不要です。入力内容がデバイスの外に送信されることはありません。MITライセンスのオープンソースです。
ツール
| ツール | ルート | カテゴリ |
|---|---|---|
| JSON フォーマッター | /json-formatter | 書式設定と検証 |
| Base64 | /base64 | エンコードとデコード |
| URL エンコーダー | /url-encoder | エンコードとデコード |
| JWT デコーダー | /jwt-decoder | エンコードとデコード |
| タイムスタンプ | /unix-timestamp-converter | 変換 |
| ハッシュジェネレーター | /hash-generator | 生成 |
| UUID ジェネレーター | /uuid-generator | 生成 |
| .gitignore ジェネレーターと監査ツール | /gitignore-generator | 生成と監査 |
開発
npm run dev # start dev server
npm run build # production build (static export to /out)
デプロイ(Cloudflare Pages)
npm run build
# Upload /out folder to Cloudflare Pages
ビルド出力:./out(静的 HTML/CSS/JS)
技術スタック
- Next.js 16(App Router、静的エクスポート)
- Tailwind CSS v4
- lucide-react(アイコン)
- next/font(Inter + JetBrains Mono)
- next-sitemap
プライバシー
ツールへの入力はクライアント側で処理され、DevPick に送信されることはありません。プライバシーに配慮した集計分析により、入力内容、ファイル名、生成された出力を収集することなく、ページやツールの利用状況を測定します。
コントリビューション
各ツールは app/<tool-name>/page.tsx の下にある独立したルートです。既存のものをコピーして、出発点として利用してください。新しいツール、UX の改善、バグ修正などの PR を歓迎します。
npm run dev # start dev server
npm run lint # eslint
npm run build # production build (static export to /out)
セルフホスト
バックエンドはありません。ビルドすると、静的ファイルだけで構成された out/ ディレクトリが生成されます。任意の方法で配信できます。
docker compose up -d # builds and serves on :8080
# or
npx serve out # zero-config static server
# or
docker run -d -p 8080:80 -v ./out:/usr/share/nginx/html nginx:alpine
データベース、環境変数、API キーは不要です。すべてのツールがクライアント側だけで100%動作します。
記事
- 118個の開発者向けツールを単一の静的エクスポートとして公開:セットアップ方法 — リポジトリの規約、ビルド時の SEO 監査、プライバシーに配慮した分析の仕組みについて説明しています。
ライセンス
MIT — 詳細は LICENSE をご覧ください。フォーク、セルフホスト、商用利用が可能です。これを使って何かすてきなものを作ったら、リンクを掲載していただけるとうれしいですが、必須ではありません。
コメント
AI アプリケーションが外部のツールやデータソースに統一的な方法で接続するためのオープンなプロトコルです。クライアントはモデルとの対話を担い、MCP サーバーはツール・リソース・プロンプトテンプレートを提供します。標準メッセージでやり取りするため、1 つのサーバーを複数のクライアントで再利用できます。