記事を検索
動画をHTMLで書く｜Premiere Pro・Remotion・HyperFramesを全部試した結論
AIで動画を作る3方式を同一目的で比較し、HyperFramesを採用しました。約60秒の動画を縦横2本、HTMLを1行も書かずClaude Codeへの日本語指示だけで制作しています。8場面をAIが並列生成する挙動、未登場要素でレイアウトがずれる罠、字幕が自動同期しない前提までまとめています。
@ai-katsu-editorial·2026/7/8Claude CodeRemotion資料作成・デザイン👁 12 · 👍 0GASはスクリプトIDを渡すだけ｜コードを書かずに自動化を組んだ手順
スクリプトIDをClaude Codeに渡すだけで、GASの取得・実装・反映まで自動で進みます。プログラミング未経験の担当者がコードを1行も書かずに、フォーム回答のDiscord通知や月次KPI集計を構築しました。最初から全部作ろうとして失敗した経緯も記載しています。
@ai-katsu-editorial·2026/7/5Claude CodeGoogle Apps Script業務自動化・ワークフロー👁 13 · 👍 0スプレッドシートをAIに直接つなぐ｜サービスアカウントでコピペ往復をなくす手順
サービスアカウントにシートを共有するだけで、Claude Codeがスプレッドシートを直接読み書きできます。設定は15〜20分・初回のみ。Google Cloudでの手順6ステップ、権限エラーの切り分け、ファイル移動で作業履歴を失った事故まで記録しました。
@ai-katsu-editorial·2026/7/4Claude CodeGoogle Workspace業務自動化・ワークフロー👁 11 · 👍 0同一LPを2基盤で実測比較｜総合スコアだけ見ると逆の結論になる
同じLPをVercelとCloudflare Pagesで公開し、PageSpeed Insightsで実測しました。FCP・Speed Index・TBTは全条件でCloudflareが速い一方、モバイル総合スコアだけ逆転。原因はLCPの単発値で、内訳を見ないと判断を誤ります。速度差の源泉とよくある誤解の訂正もまとめています。
@ai-katsu-editorial·2026/6/8Vercel開発・エンジニアリング👁 3 · 👍 0常駐型AIエージェント基盤という選択肢｜コーディングエージェントとはレイヤーが違う
サーバーに常駐し、20以上のチャットチャネルから指示を受け、定期実行もこなすOSSエージェント基盤を調査しました。価値は「運用の配管」が標準で揃っていること。監視・収集・定例配信のような高頻度タスクほど、ローカルモデル併用でコスト差が出ます。使い分けの判断軸をまとめています。
@ai-katsu-editorial·2026/6/5Claude CodeMCPAIエージェント👁 3 · 👍 0取得の段階で整形する｜Cloudflare Browser Renderingのエンドポイント使い分け
Browser Renderingの5つのエンドポイントを軽い順に実行し、何が取得できるかを比較しました。/markdownはDOM全取得よりトークン消費が圧倒的に少なく、/jsonなら取得と構造化を1リクエストで完結できます。SPAで結果が空になる落とし穴と対処もまとめています。
@ai-katsu-editorial·2026/6/3Cloudflareリサーチ・データ収集👁 2 · 👍 0$20プランで$132請求された原因｜Vercelのコスト超過はビルド回数だった
Proプラン$20/月に対し実請求$132.62、超過約$112。内訳を分解すると、Build CPU Minutesが全体の約90%を占めていました。原因は常時起動コストではなく開発の進め方。Ignored Build Stepによる止血、ビルドマシン種別の確認、上限設定の注意点までまとめています。
@ai-katsu-editorial·2026/6/2Vercel開発・エンジニアリング👁 2 · 👍 0WordPressの/blogだけVercelで配信する方法｜Cloudflare Worker設定手順
既存のWordPressサイトはそのままに、/blog のようなサブパスだけをVercelの静的サイトで配信する方法を解説します。Cloudflare Workerを使えば、WordPress側もVercel側も設定を変更せずにパス単位の振り分けが可能です。ネームサーバーの移管からWorkerのルーティングコード、DNSの落とし穴やCSS崩れの対処まで、実際に構築した手順をそのまま公開します。
@ai-katsu-editorial·2026/6/1Cloudflare開発・エンジニアリング👁 2 · 👍 0承認フローが仕様に組み込まれたComputer Use｜ブラウザ特化という設計判断
GoogleのComputer Useを3社比較の一環で調査しました。対象をブラウザとAndroidに絞る代わりに入力料金は3社中最安。safety_decisionによる承認フローが仕様に組み込まれ、確認の自動バイパスはToSで明示的に禁止されています。安全運用の3点セットもまとめています。
@ai-katsu-editorial·2026/5/27GeminiComputer Useリサーチ・データ収集👁 1 · 👍 0「デスクトップ操作」の実態はLinux操作｜Computer Useが日本企業で完結しない理由
Computer Useの3社横断調査です。各社が言う「デスクトップ対応」は実質Linuxデスクトップを指し、日本企業に多いWindowsネイティブの業務アプリを操作するには別レイヤーが必要になります。Playwrightとの使い分け、1サイト$0.05〜0.40というコスト感、導入の段階的アプローチをまとめています。
@ai-katsu-editorial·2026/5/27ClaudeComputer Useリサーチ・データ収集👁 5 · 👍 0「見出しを3つ読み上げて」で失敗する｜Computer Useは指示設計で結果が変わる
OpenAIのComputer Useを実機で動かしました。スクリーンショット取得からクリック・タイピングまで基本動作は安定した一方、素朴なニュース取得タスクは16ステップで打ち切り。原因は指示の曖昧さでした。3系統の提供形態、VNCによるデバッグ、廃止予定モデルへの注意もまとめています。
@ai-katsu-editorial·2026/5/27OpenAI APIComputer Useリサーチ・データ収集👁 4 · 👍 0AIが危険なコードを書く前に止める｜PreToolUseフックの実力と2つの落とし穴
AI駆動開発では事後レビューが間に合わない、という課題に対し、コードが書かれる直前にパターン警告を出すフックを検証しました。8ケース全て想定どおり動作した一方、「同種の違反は2回目以降が素通りする」「指定ログファイルが警告ログではない」という2つの落とし穴を発見し、フックを改造して対処しています。
@ai-katsu-editorial·2026/5/27Claude CodeGitHub開発・エンジニアリング👁 4 · 👍 0SNS運用はどこまでAIに任せられるか｜工程別の実用度と2026年5月時点の線引き
SNSリサーチ業務を工程に分解し、どこまで自動化できるかを整理しました。動画解析は60秒$0.009でコストがボトルネックでなくなった一方、予約投稿は依然API未対応でドラフト止めが標準。AIは「何が起きているか」は分析できても「なぜ伸びたか」は出せない、という線引きをまとめています。
@ai-katsu-editorial·2026/5/14GeminiTikTokリサーチ・データ収集👁 4 · 👍 0補助金情報の収集を自動化する｜手動30分を5分にしたブラウザ操作ワークフロー
公的な支援情報サイトから条件に合う補助金を自動取得し、色分けExcelに出力する仕組みを構築しました。「掲載日基準」と「募集期間基準」で結果が別物になる点、検索フォームのパラメータを解読してURLを直接組み立てる手法、日本語の日付表記の扱いまでまとめています。
@ai-katsu-editorial·2026/5/10Claude CodeBrowser Useリサーチ・データ収集👁 3 · 👍 0文字起こしで勝手に要約させない｜Geminiのプロンプト設計と運用Tips
AIに文字起こしを頼むと、指示していないのに要約され書き言葉に整えられます。「要約・構成案を作らない」「話し言葉維持」「フィラーは除去するが内容は改変しない」という線引きを指示で固定する方法と、MP4の読込エラー回避、プロジェクト機能を使った運用までまとめています。
@ai-katsu-editorial·2026/5/9Gemini音声・翻訳・文字起こし👁 6 · 👍 0音声のリアルタイム翻訳を実装する｜gpt-realtime-translateの落とし穴と本番構成
speech-to-speech翻訳専用モデルでWebSocket実装を行い、翻訳音声・字幕・会話ログの保存まで確認しました。通常のRealtime APIとはイベント名もライフサイクルも異なり、Betaヘッダーがエラーの原因になります。$0.034/分のコスト感と、WebRTC + client secret方式への移行方針までまとめています。
@ai-katsu-editorial·2026/5/8OpenAI API音声・翻訳・文字起こし👁 3 · 👍 0スライド構成の「型」をAIに持たせる｜パターン辞書スキルと生成スキルの分業
生成ツールは形式を出せてもテーマ別の鉄則を持っていない、という課題に対し、スライド構成のパターン辞書を自作スキルにして生成は既存スキルへ委譲する設計を試しました。依頼ワード逆引きによる辞書の引き方、スキル発動率を上げるコツ、外部情報源を参照する際の著作権上の線引きまでまとめています。
@ai-katsu-editorial·2026/5/6Claude Code資料作成・デザイン👁 5 · 👍 0AIくさいスライドを卒業する｜画像生成にデザインカンプを作らせる分業設計
PPTX生成エンジン単体ではAIらしいシンプルなデザインに寄る、という課題に対し、画像生成モデルに「視覚的な正解例」を先に作らせる分業を検討しました。最大の関門は画像から編集可能なPPTXへ戻す工程で、4ルートを固定した評価軸で比較する設計にしています。
@ai-katsu-editorial·2026/5/6OpenAI APIFigma資料作成・デザイン👁 5 · 👍 0AGENTS.mdは何をどう書かれているか｜OSS 25リポジトリ横断調査
主要OSS 25リポジトリのAI向け設定ファイルを横断調査しました。採用率はノーコード系6/10、大手系14/15。CLAUDE.mdが「AGENTS.mdへの薄いリダイレクト」に収束する動きや、失敗ログを動的に蓄積する思想、AI生成PRのレッドフラグリストという逆方向の記述までをまとめています。
@ai-katsu-editorial·2026/5/4Claude CodeGitHub開発・エンジニアリング👁 5 · 👍 0リポジトリ内に独自プラグイン市場を作る｜14スキルとエージェント分業の設計
調査で最も先進的だったAI設定の実装を分解しました。独自のプラグインマーケットプレイス、最小許可リストによる権限設計、「実装しない調査専用エージェント」の公式定義、そして新スキルを作るメタスキル。設定が成長し続ける構造をまとめています。
@ai-katsu-editorial·2026/5/4Claude Coden8n開発・エンジニアリング👁 4 · 👍 0