note.com の画像アップロードをブラウザ操作だけで完全自動化する (input[type=file] の壁を越える)
Hiroba による自動要約
AI エージェントによるブログ自動運用を実現するため、セキュリティ上直接値設定が不可能な input[type=file] 要素に対し、Canvas で生成した画像を DataTransfer 経由で差し込む手法を解説。HTMLInputElement.prototype.click の一時的な差し替えでネイティブダイアログを回避し、changeイベント発火で後続処理を自動進行させる。
読んで良かったら、シェアしてみてください。
同じタグの記事が他に 4237 件あります。
関連する記事
同じタグの記事
Claude Code 毎日運用で分かった時短術7選【2026年9月版】
QiitaClaude Code を開発フローに組み込む際の実践的な設定・コマンド・運用ルールを紹介。CLAUDE.md でプロジェクトルールを固定化、カスタムスラッシュコマンドで定型作業を圧縮、サブエージェントで調査と実装を分離、Hook で危険操作を防止、Plan Mode で大型タスクを事前設計するなど、AIとの役割分担を仕組み化する手法を具体例とコード付きで解説。
Claude Code を「自走」させる 4 つの道具 — /goal・/loop・Cron・Workflow の使い分け
QiitaClaude Code v2.1.55～v2.1.251 で追加された /goal（完了条件で自走）、/loop（時間間隔で繰り返し）、Cron（細かいスケジューリング）、Workflow（複数エージェントのオーケストレーション）の 4 つの道具について、用途別の使い分けと各バージョンでの改善を整理した実装ガイド。トークン暴走を防ぐため /usage で監視が必須。
Next.js 16 + Supabase + Claude API で AI学習 SaaS を 2 日で作った話
ZennCodeSensei（ユーザーのコードを教材にする AI 学習プラットフォーム）を 2 日間で構築した個人開発事例。Next.js 16、Supabase、Claude API を組み合わせ、15 コース・188 レッスン・95 冊の技術書知識を内蔵し、GitHub リポジトリや手動ペースト したコードを題材に Claude が技術概念を解説。実装スケジュール、技術選定基準、プロンプト階層化によるコスト削減、著作権対応の設計判断を詳細に共有。
個人事業主が毎朝 Claude Code で無人決裁ボード生成、27日間で API 課金 0 円の実測値
QiitaClaude Code を月額プランで cron 自動実行し、27日間毎朝決裁材料（KPI 前日比・計画ズレ・決定項目）をマークダウンで生成した実例。成功率 93%、レート制限なし、従量課金 0 円。失敗原因は PC 電源切断が主で、@reboot でリカバリした。