技術記事
現場で使った技術を、記事として残す。
Quantum Boxのエンジニアが、Cloudflare Workers、AIエージェント、TACHYONとLibraryの開発・運用で得た知見を書いています。記事はLibraryで執筆し、公開APIを通じてこのページに掲載しています。
一覧
これまでの記事。
新しい順に並べています。
Claudeのブラウザ操作とは｜AIが画面を見てクリックする仕組みと、当社が任せた作業・止まった場面
Claudeのブラウザ操作は、AIが画面を見て、クリックや入力を代わりに行う仕組みです。連携の口が無い管理画面にも届きます。当社の約3週間の記録から、任せた作業の内訳と、止まった場面、決めているルールを紹介します。
スマホでサイトが崩れる原因｜AIに全ページを検査させて分かった、見落としやすい3つの場面
スマホでサイトが崩れる原因は、作る側が1台の見え方でしか確かめていないことです。当社がAIに全ページを検査させた記録では、ふつうの見方で見つかる崩れは約3割でした。見落としやすい3つの場面と頼み方を紹介します。
Claude Codeのコンテキストとは｜長い会話でAIが前の指示を忘れる理由と、当社の備え
Claude Codeのコンテキストは、AIが会話の中身を書きとめておく「ホワイトボード」です。いっぱいになると要約に置きかわり、はじめの細かい指示が消えることがあります。仕組みと、当社の約3週間の記録、3つの備えを紹介します。
Claude Codeの使用量の上限とは｜すぐ減る理由は「読み直し」。当社の記録と3つの備え
Claude Codeの使用量がすぐ上限に届くのは、AIが動くたびに会話を最初から読み直すからです。5時間と週の2つの枠の仕組みと、当社の約3週間の記録、減りをおさえる3つの備えを紹介します。
Claudeのモデル比較｜Haiku・Sonnet・Opus・Fableを200ドル分、Claude自身が試してみた
Claudeの4つのモデルに、事務・計算・文章の同じ仕事をさせて比べました。事務はいちばん軽いモデルで足り、計算は賢さより「考えてから答えたか」で決まり、文章は仕事ごとに強いモデルがちがいました。当社の実験の結果と注意をまとめます。
Claude APIの無料クレジットの使い道｜期限つきの200ドルを何に使うか、Claude自身が考えてみた
Claude APIの無料クレジットは、期限と使える先が決まった商品券です。当社に届いた200ドル分を例に、条件の読み方、あとに残る使い道の選び方、試作・比べる実験・まとめて片づける仕事への配分、使う前に決めた注意をまとめます。
AIへの指示の書き方｜伝わる依頼文の4つの型と、当社の依頼文を数えた実例
AIへの指示は、入社したばかりの新人に頼むつもりで書くと伝わります。目的・完成の形・材料・守ることの4つの型と例文、当社がAIに出した依頼文の長さと中身を数えた結果、使ってわかった注意を、5分で読める長さにまとめます。
AIのミスを防ぐには｜AIがまちがえた実例と、くり返させない仕組み
AIのミス対策は、まちがいを書き残して次の仕事の前に読ませる「ヒヤリハット帳」づくりです。当社のAIが実際にまちがえた3つの例と、引き継ぎメモを数えて見えた対策の形、使ってわかった注意を、5分で読める長さにまとめます。
Claude Codeのコネクタ（MCP）とは｜AIにSlackやGmailを使わせる仕組みと実例
Claude Codeのコネクタは、AIにSlack・Gmail・Linearなど会社の道具を使わせる「合鍵」の仕組みです。つなぎ方、当社の約2週間の記録で見えた使われ方、鍵を渡すときの3つの注意を、5分で読める長さにまとめます。
Claudeの歴史をClaudeがまとめてみた｜2021〜2026年の年表と動画
AIのClaudeが、自分の歴史を調べて、年表と動画にまとめました。Anthropicの設立からClaude Opus 5.5まで、日付は公式の発表で確かめています。調べて分かった「AIは自分の最近を知らない」という話も紹介します。
Claude Codeのルーティン（定期実行）とは｜AIに決まった時刻の仕事を任せる仕組みと実例
Claude Codeのルーティンやスケジュールタスクは、決まった時刻にAIが自分で動き出す「予約」の仕組みです。動く場所の違い、当社で動かしている3つの型、許可待ちで約2時間止まった失敗、指示文の書き方をまとめます。
凱旋門賞2026 結果とAI予想の答え合わせ｜本命ダリズ的中、買い目と日本馬の分析・総括
凱旋門賞2026の結果と払戻金、AI予想の答え合わせです。1着は本命◎ダリズで的中。2着ベイシティローラー、3着ダイヤモンドネックレス。メイショウタバルは14着、アドマイヤテラは11着でした。対抗と買い目が外れた理由、AI・海外の前売り・J…
Claude Codeのサブエージェントとは｜AIが助手に仕事を分ける仕組みと実例
Claude Codeのサブエージェントは、AIが仕事の一部を任せる「助手のAI」です。助手は別の机で作業し、報告だけを返します。当社の約2週間の記録をもとに、仕組みと使い道、頼み方のコツ、注意点をまとめます。
凱旋門賞2026 AI予想｜本命・穴馬・買い目とメイショウタバルの勝率を100万回計算
凱旋門賞2026（10月4日23時05分発走・パリロンシャン）のAI予想。本命◎ダリズ、対抗○カルパナ、穴☆ミニーホーク。当日の馬場（稍重）とJRAのオッズも追記しました。出走16頭の勝率・枠順、買い目、過去10年のデータ、日本馬メイショウ…
Claude Codeのフック（hooks）とは｜AIのやり忘れを防ぐ仕組みと実例
Claude Codeのフック（hooks）は、決まった場面で必ず動く確認の仕掛けです。指示を受けたときや返答を終えるときに、決めた確認を毎回はさめます。当社で動かしている作業記録のフックを例に、仕組みと効き目、注意点をまとめます。
がんばれ日本！アジア大会 男子バレー準決勝 日本対中国の勝率をAIが予測
がんばれ日本！アジア大会2026（愛知・名古屋）男子バレーボール準決勝、日本対中国の勝率をAIが予測しました。今大会の全試合の得点から20万回の仮の試合をした結果、日本の勝率は約94%。応援がもっと楽しくなる見どころと、計算のやり方を紹介し…
Claude Codeのメモリとは｜AIに引き継ぎメモを持たせる仕組みと実例
Claude Codeのメモリは、AIが会話をまたいで覚えておくための引き継ぎメモです。人が書くCLAUDE.mdと、AIが自分で書く自動メモリの違いを、当社で実際にたまったメモの中身と内訳で説明し、古くなる・膨らむといった注意点をまとめま…
Claude Codeのスキルとは｜AIに社内の手引きを持たせる使い方と実例
Claude Codeのスキル（Agent Skills）は、AIに渡す業務の手引きです。仕組みを実際の手引きの画面で説明し、当社が社内で使っている手引きの例、手引きのあり・なしで同じ依頼を比べた結果、作るときの注意をまとめます。
Claude CodeでRemotionを動かす｜AIに動画づくりを任せた実例と注意点
Claude CodeでRemotion（リモーション）を動かし、動画づくりをAIに任せた当社の実例を、画面つきで紹介します。16秒のリールが依頼から約40分でできた記録をもとに、頼み方、言葉での直し方、つまずいた点、音楽や地図の扱いまでま…
AI内製化と外注の選び方｜既製サービスで足りるか見分ける方法
AI内製化と外注、どちらを選ぶべきか。AIの受託開発をしている当社が、既製のサービス（SaaS）で足りるかを先に確かめる見分け方を、図で解説します。当社が自社の仕事で実際に選んだ5つの例も紹介します。
AIエージェントの活用事例｜中小企業が6日間で任せた業務の記録
AIエージェントの活用事例を、中小企業の当社が6日間でAI（Claude Code）に任せた業務の記録で紹介。4割はアプリやサイト以外の仕事で、約半分は人の確認待ちでした。できること、人が決めること、任せ方のコツと失敗例もまとめます。
スプリンターズステークス2026結果｜ChatGPTとClaudeのAI予想の答え合わせと敗因
9月27日のスプリンターズステークスは、9番人気ピューロマジックが逃げ切り。AI予想の本命パンジャタワーは15着でした。ClaudeとChatGPTの答え合わせ、稍重の馬場を見落とした敗因、全16頭の100点満点の採点をまとめます。
AIが書いた文章は見分けられる？判定ツールを自作して試した結果
AIが書いた文章は見分けられるのか。当社で日本語の判定ツールを作り、正解率と限界を測りました。自社のAI記事10本を判定にかけた結果もあわせて紹介し、判定ツールを使うときの注意点をまとめます。
スプリンターズステークス2026 AI予想｜ChatGPTとClaudeの本命・穴馬・買い目を比較
2026年9月27日（日）中山11Rのスプリンターズステークス（GⅠ）をAIで予想。本命は◎パンジャタワー。ClaudeがJRAのデータで20万回シミュレーションした印・穴馬・買い目と16頭の勝率を、ChatGPTの予想と比べます。
AIが書いた記事はGoogleに評価される？公式の考え方と当社の確認手順
AIで書いた記事は、Googleの検索で不利になるのか。Googleが公開している考え方をやさしく整理し、当社がAIに記事を書かせるときに通している確認の手順を、実際の記事を例に紹介します。
Claude Codeは非エンジニアでも使える？記事1本をAIに任せた実例
エンジニアでなくても、Claude Codeに仕事を任せられるのか。技術記事1本の調査から公開までをAIに任せた当社の実例をもとに、人が判断したこと、つまずいた点、任せる前に決めておくことを、専門用語を使わずに紹介します。
Claude Codeのクラウドセッションとは。使い方と無料クレジットの条件
Claude Codeのクラウドセッション（旧web版）の始め方、料金、Remote Controlとの違いを正式版に合わせて解説。Pro100ドル・Max250ドルのクレジットの付与条件と受け取り期限（日本時間）もまとめます。
AI-OCRの精度を上げる画像補正（前処理）とは。症状別の処理と、効果の測り方
スマートフォン撮影の帳票やFAXのように、OCRが読めない原因の多くは画像側にあります。傾き・影・ノイズ・低コントラストの4分類と、それぞれに使う補正処理、効果を測る評価の設計を説明します。
AIエージェント開発の費用相場と、当社が料金を公開する理由
公開されているAIエージェント開発の相場は、PoCで数十万円から500万円、本番開発で100万円台から1億円超まで幅があります。幅が生まれる理由、見積もりの読み方、当社が料金の下限を公開している理由を説明します。
MCP（Model Context Protocol）とは何か。AIエージェントの受託開発で使う理由
MCPは、AIエージェントと外部のツール・データをつなぐためのオープンな共通規格です。仕組み、標準化の経緯、受託開発で採用する理由と採用しない場合の判断を、発注側の視点で整理します。
Next.js 16互換のvinextで、コーポレートサイトをCloudflare Workersで動かす構成
Quantum Boxのコーポレートサイトは、Next.js App Router互換のvinextをCloudflare Workers上で動かしています。構成ファイル、ビルドと配信、効かないAPIへの対処をまとめます。
Libraryの公開APIで、お知らせと法務文書をサイトに配信する仕組み
コーポレートサイトのお知らせ、プライバシーポリシー、そしてこの技術記事は、文書基盤Libraryの公開APIから取得して表示しています。2つのエンドポイントと、到達できないときの扱いを説明します。
Libraryの原稿を安全に表示するために、Markdown変換を自前で書いた話
外部サービスから取得したMarkdownをそのままHTMLにせず、対応する記法を限定した小さな変換器をReactで書きました。生HTMLの扱い、リンクの安全性、見出しレベルの規則を説明します。
タグ
テーマから探す。
執筆と公開
記事はLibraryで書き、公開APIでこのサイトに届ける。
当社が開発・運用する文書基盤Libraryのquantumbox/techリポジトリに原稿を置き、公開すると数分でこの一覧に載ります。サイト側にファイルを追加したり、デプロイし直したりする必要はありません。お知らせと法務文書も同じ仕組みで配信しています。 Libraryについて
相談