Claude Codeで20秒のサイト紹介動画を作った|HTMLから動画にするHyperFramesの手順 🎬
Kuboyageのトップに置いた「20秒でわかる Kuboyage」の動画は、Claude Codeに場面をHTMLで書かせました。HyperFramesで動画にした作例です。サイトの取り込み、絵コンテ、5場面の並列制作、BGMと効果音、スクショでの見直し、埋め込みまでの手順を順にまとめます。途中で直した4か所も載せています。
Kuboyageのトップに置いた「20秒でわかる Kuboyage」の動画は、Claude Codeに場面をHTMLで書かせました。HyperFramesで動画にした作例です。サイトの取り込み、絵コンテ、5場面の並列制作、BGMと効果音、スクショでの見直し、埋め込みまでの手順を順にまとめます。途中で直した4か所も載せています。
個人開発の3アプリで出した審査13回を、提出時刻と結果メールの時刻から実測しました。通過10回の中央値は約15時間。一方で新規アプリの初回は8日かかり、リジェクト3回の理由はログイン・トラッキング・利用規約リンクでした。TestFlightの配信までの時間も載せています。
TypeSafe AI が2026年9月15日に早期公開した Jev は、文章を生成せず型付きの判断と確率を返す「System One」モデルです。70ms台の応答と入力 $0.042/MTok という数字の根拠、「ハルシネーションしない」の正確な意味、日本語で使う際の注意点を一次情報から整理しました。
10月23日発売のiPhone Duoに既存iOSアプリを対応させる手順を、Apple公式情報から整理しました。Xcode 27.1 betaとSimulatorの条件、縦に並ぶツールバー、折り目を避けるAPI、確認すべき姿勢の一覧までまとめています。
写真が増えて探しにくい、通院やワクチンの記録をひとつにしたい。Petdearでできることと、家族でペットを見守るための使い方を紹介します。
Claude Code や Codex を回す「ADE」の Orca を9日間使い倒した記録です。285回の起動・56コミット・19本のPR・約2.5万行追加という実データが土台です。何が良かったか、cmux や herdr との違い、向く人を整理しました。
構成図をAIに描かせると、頼むたびにレイアウトも粒度も変わります。図の「構造」と「見た目の規約」を別ファイルに切り出し、D2 で生成して自分で確認させる手順を組んだところ、この揺れが止まりました。実際に踏んだ4つの落とし穴も含めて解説します。
毎朝 7:20 に「昨日の技術ニュースから 5 件だけ」を LINE へ届ける仕組みを作りました。16 の情報源から集めた 400 件を、3 階層の重複排除で 5 件まで絞り込みます。設計判断と、収集で力尽きて分析に到達しなかった失敗まで通して解説します。
TikTokの投稿パフォーマンスを自動収集・分析するツールを、n8n v2 + Apify + Google Sheetsで構築しました。n8n v2特有のハマりポイント、Community Nodeのサイレント障害の発見と修正、ダッシュボード付きテンプレートスプレッドシートの自動生成まで、設計から実運用に至る全過程を記録します。
Claude Codeはバックドア入りOSSを「既存実装」として100%踏襲する — この検証結果を受け、Claude Code Hooksで多層防御を構築しました。環境変数exfiltration検知、パッケージ監査リマインダー、osascriptインジェクション修正など、6つのセキュリティ対策を具体的なコードとともに解説します。Agent Teamsによる並列レビュープロセスも紹介。
AIコーディングの普及でコードレビュー負荷が増える中、人間が担うべきは「動作確認」と「ビジネスロジック判断」の2つだけです。Microsoftは月60万件のPRにAIレビュアーを適用し、レビュー時間を最大84%削減済み。ただしAI生成コードの45%に脆弱性があるため、多層防御は必須です。
2026年2月27日、トランプ政権はAI安全企業Anthropicを連邦政府から全面排除し、「サプライチェーンリスク」に指定しました。Anthropicが自律型兵器と大規模監視へのAI利用を拒否したことが理由です。その数時間後、OpenAIが国防総省と新たな契約を締結。「同じレッドラインを維持する」と主張していますが、契約の実質的な差異や、政府による民間AI企業への威圧の前例化について、業界全体に深刻な懸念が広がっています。本記事では、この一連の出来事を時系列で整理し、技術者として知っておくべきリスクと論点を丁寧に解説いたします。
Claude Codeの拡張ツールキットを公開しました! 21個のサブエージェント(MAGI意思決定、コードレビュー、テスト生成等)、4スキル、5コマンドを提供。/magiで3視点分析、/mrで並列レビューが含まれています
Kuboyage に実装されている AI News 自動配信システムの技術的な設計と仕様について、Dify ワークフローのデータフローやアーキテクチャ全体を図解を交えながら詳しく解説します。毎日 7 時に最新の AI ニュースを自動収集・配信する仕組みを包括的にご紹介いたします。 対象読者は、React/TypeScript でのフロントエンド開発経験があり、API 連携や自動化システムに興味がある方です。Dify の実践的な活用事例や、GitHub Actions を使った定期実行の実装パターンも学んでいただけます。
トランクベース開発などの、スピードを持った開発を強力に支援するFeature Flag(フィーチャーフラグ)の概念から実装まで、そして OSS である OpenFeature を活用した実践的な導入方法について解説します。Feature Flag を導入することで、コードを変更せずにシステムの振る舞いを制御し、安全で柔軟なリリース戦略を実現できます。
この記事では、「Failure is Your Domain」というアプローチを用いた、Go言語における実践的なエラーハンドリング設計について解説します。エラーを単なる例外処理ではなく、ドメインモデルの重要な一部として扱う方法を、豊富なコード例とともに学んでいきましょう!
個人開発のiOSアプリをApp Storeに申請する手順を、Apple Developer Programの登録から順に解説します。EAS Buildでのビルド、TestFlight配信、App Store Connectの入力項目、スクリーンショット作成、提出前のチェックリストまで扱います。
WezTermとNeovimの設定を、テーマやステータスバーから、undercurlを出すterminfoの設定やペイン移動の共通化まで紹介します!
CLADE CODEの個人的なルール(コーディング規約や応答方法など)や、カスタムコマンドについて紹介します!
Kuboyageのsitemap.xmlをGitHub Actionsを用いて定期的に更新するバッチ処理を作成したので、そちらをご紹介します!
GitHubのプロフィールREADMEをKuboyageの最新記事を取得して自動更新するシステムを構築しましたので、ご紹介します!
New Balance 993の特徴や欲しい理由についてまとめた趣味記事です。
Next.jsのPage RouterとApp Routerで様々な要素が変更になりましたが、その変更内容からユースケースとして適切な選択が出来るように紹介しています。
Kuboyageについての説明や機能の紹介、技術的な内容を記載してます!