{"id":10587,"date":"2026-04-14T11:21:55","date_gmt":"2026-04-14T02:21:55","guid":{"rendered":"https:\/\/code-plus.jp\/gp\/?p=10587"},"modified":"2026-04-17T16:45:58","modified_gmt":"2026-04-17T07:45:58","slug":"claudecode-manual-10587","status":"publish","type":"post","link":"https:\/\/code-plus.jp\/gp\/claudecode-manual-10587\/","title":{"rendered":"\u3010Gemini\u00d7Claude Code\u3011\u753b\u9762\u9332\u753b\u304b\u3089\u64cd\u4f5c\u30de\u30cb\u30e5\u30a2\u30eb\u3068\u30ca\u30ec\u30fc\u30b7\u30e7\u30f3\u5b57\u5e55\u3092\u81ea\u52d5\u751f\u6210\u3059\u308b\u65b9\u6cd5"},"content":{"rendered":"<!-- title: \u3010Gemini\u00d7Claude Code\u3011\u753b\u9762\u9332\u753b\u304b\u3089\u64cd\u4f5c\u30de\u30cb\u30e5\u30a2\u30eb\u3068\u30ca\u30ec\u30fc\u30b7\u30e7\u30f3\u5b57\u5e55\u3092\u81ea\u52d5\u751f\u6210\u3059\u308b\u65b9\u6cd5\r\ndescription: \u753b\u9762\u9332\u753b\u2192Gemini\u3067\u30bf\u30a4\u30e0\u30b9\u30bf\u30f3\u30d7\u62bd\u51fa\u2192Claude Code\u3067\u4e0b\u66f8\u304d\u30fbPDF\u30de\u30cb\u30e5\u30a2\u30eb\u30fb\u5b57\u5e55\u52d5\u753b\u3092\u4e00\u62ec\u751f\u6210\u3002content.ts\u3092\u4e2d\u5fc3\u306b\u636e\u3048\u305f\u7d71\u4e00\u30ef\u30fc\u30af\u30d5\u30ed\u30fc\u3067\u3001\u30de\u30cb\u30e5\u30a2\u30eb\u4f5c\u6210\u306e\u5de5\u6570\u3092\u5927\u5e45\u306b\u524a\u6e1b\u3059\u308b\u65b9\u6cd5\u3092\u89e3\u8aac\u3057\u307e\u3059\u3002\r\ntags: Claude Code,Gemini,\u30de\u30cb\u30e5\u30a2\u30eb\u4f5c\u6210,\u64cd\u4f5c\u30de\u30cb\u30e5\u30a2\u30eb,\u753b\u9762\u9332\u753b,\u81ea\u52d5\u751f\u6210,Remotion,\u5b57\u5e55,PDF,\u30ef\u30fc\u30af\u30d5\u30ed\u30fc,CLAUDE.md,content.ts -->\r\n\r\n<p>\u30af\u30e9\u30a4\u30a2\u30f3\u30c8\u5411\u3051\u306e\u64cd\u4f5c\u30de\u30cb\u30e5\u30a2\u30eb\u3001\u4f5c\u308b\u306e\u9762\u5012\u3067\u3059\u3088\u306d\u3002<\/p>\r\n<p>\u30b9\u30af\u30ea\u30fc\u30f3\u30b7\u30e7\u30c3\u30c8\u3092\u64ae\u3063\u3066\u3001\u30c8\u30ea\u30df\u30f3\u30b0\u3057\u3066\u3001\u8aac\u660e\u6587\u3092\u66f8\u3044\u3066\u3001PDF\u5316\u3057\u3066...\u3002<br \/>\r\n  1\u3064\u306e\u30de\u30cb\u30e5\u30a2\u30eb\u306b\u6570\u6642\u9593\u304b\u304b\u308b\u3053\u3068\u3082\u73cd\u3057\u304f\u3042\u308a\u307e\u305b\u3093\u3002<\/p>\r\n<p>\u3053\u306e\u8a18\u4e8b\u3067\u306f\u3001<b class=\"bold\">\u753b\u9762\u9332\u753b \u2192 Gemini \u2192 Claude Code<\/b> \u3092\u7d44\u307f\u5408\u308f\u305b\u3066\u3001<b class=\"bold\">PDF\u30de\u30cb\u30e5\u30a2\u30eb<\/b>\u3068<b class=\"bold\">\u5b57\u5e55\u4ed8\u304d\u306e\u89e3\u8aac\u52d5\u753b<\/b>\u3092\u4e00\u5ea6\u306b\u4f5c\u308b\u30ef\u30fc\u30af\u30d5\u30ed\u30fc\u3092\u7d39\u4ecb\u3057\u307e\u3059\u3002<\/p>\r\n<p><b class=\"bold\">\u3053\u306e\u30ef\u30fc\u30af\u30d5\u30ed\u30fc\u3067\u4f5c\u308c\u308b\u3082\u306e\uff1a<\/b><\/p>\r\n<ul style=\"list-style-type:bullet;\" class=\"my-0.5r\">\r\n  <li>\u753b\u50cf\u4ed8\u304dPDF\u30de\u30cb\u30e5\u30a2\u30eb\uff08Markdown \u2192 PDF\u5909\u63db\uff09<\/li>\r\n  <li>\u5b57\u5e55\u30aa\u30fc\u30d0\u30fc\u30ec\u30a4\u52d5\u753b\uff08Remotion \u2192 ProRes 4444 \u900f\u904e\u52d5\u753b\uff09<\/li>\r\n<\/ul>\r\n<p><b class=\"bold\">\u3053\u3093\u306a\u30b1\u30fc\u30b9\u306b\u6709\u52b9\u3067\u3059\uff1a<\/b><\/p>\r\n<ul style=\"list-style-type:bullet;\" class=\"my-0.5r\">\r\n  <li>\u30af\u30e9\u30a4\u30a2\u30f3\u30c8\u5411\u3051\u306e\u64cd\u4f5c\u30de\u30cb\u30e5\u30a2\u30eb<\/li>\r\n  <li>\u793e\u5185\u5411\u3051\u306e\u30b7\u30b9\u30c6\u30e0\u64cd\u4f5c\u624b\u9806\u66f8<\/li>\r\n  <li>SaaS\u30c4\u30fc\u30eb\u306e\u4f7f\u3044\u65b9\u30ac\u30a4\u30c9<\/li>\r\n  <li>WordPress\u30b5\u30a4\u30c8\u306e\u7ba1\u7406\u8005\u5411\u3051\u30de\u30cb\u30e5\u30a2\u30eb<\/li>\r\n<\/ul>\r\n\r\n<!-- \u2605\u76ee\u6b21\u30ea\u30b9\u30c8 -->\r\n<ul class=\"tocList mt-1r my-0.5r\" data-toc-id=\"js-tocBWGD\" style=\"list-style-type:bullet;\"><\/ul>\r\n<ins class=\"tocBtn is-fixed\" data-toc-id=\"js-tocBWGD\"><\/ins>\r\n<!-- \u76ee\u6b21\uff1aJS -->\r\n<script src=\"https:\/\/code-plus.jp\/cdn\/js\/_gimmicks\/inppend-tocList.js\"><\/script>\r\n<script src=\"https:\/\/code-plus.jp\/cdn\/js\/_gimmicks\/inppend-tocBtn.js\"><\/script>\r\n\r\n\r\n\r\n<hr class=\"separator mt-3r\">\r\n\r\n<h2 class=\"fz-xl\">\u30ef\u30fc\u30af\u30d5\u30ed\u30fc\u306e\u5168\u4f53\u50cf<\/h2>\r\n<p>\u51688\u30b9\u30c6\u30c3\u30d7\u3067\u69cb\u6210\u3055\u308c\u3066\u3044\u307e\u3059\u3002\u30dd\u30a4\u30f3\u30c8\u306f<b class=\"bold\">content.ts\uff08\u30bf\u30a4\u30e0\u30b9\u30bf\u30f3\u30d7\u30c7\u30fc\u30bf\uff09\u3092\u4e2d\u5fc3\u306b\u636e\u3048\u308b<\/b>\u3053\u3068\u3067\u3001PDF\u30de\u30cb\u30e5\u30a2\u30eb\u3068\u5b57\u5e55\u52d5\u753b\u306e\u4e21\u65b9\u3092\u540c\u3058\u30c7\u30fc\u30bf\u30bd\u30fc\u30b9\u304b\u3089\u751f\u6210\u3067\u304d\u308b\u70b9\u3067\u3059\u3002<\/p>\r\n<table class=\"table my-0.5r\">\r\n  <thead>\r\n    <tr class=\"rung\">\r\n      <th>\/<\/th>\r\n      <td>\u30c4\u30fc\u30eb<\/td>\r\n      <td>\u4f5c\u696d\u5185\u5bb9<\/td>\r\n      <td>\u6210\u679c\u7269<\/td>\r\n    <\/tr>\r\n  <\/thead>\r\n  <tbody>\r\n    <tr class=\"rung\">\r\n      <th>1<\/th>\r\n      <td>-<\/td>\r\n      <td>session-context.md \u306e\u4f5c\u6210<\/td>\r\n      <td>\u6848\u4ef6\u306e\u80cc\u666f\u60c5\u5831<\/td>\r\n    <\/tr>\r\n    <tr class=\"rung\">\r\n      <th>2<\/th>\r\n      <td>QuickTime \/ OBS + Premiere<\/td>\r\n      <td>\u753b\u9762\u9332\u753b \u2192 \u7c21\u6613\u7de8\u96c6<\/td>\r\n      <td>recording.mp4<\/td>\r\n    <\/tr>\r\n    <tr class=\"rung\">\r\n      <th>3<\/th>\r\n      <td>Premiere<\/td>\r\n      <td>\u4e3b\u3060\u3063\u305f\u90e8\u5206\u306e\u9759\u6b62\u753b\u66f8\u304d\u51fa\u3057<\/td>\r\n      <td>\u30b9\u30af\u30ea\u30fc\u30f3\u30b7\u30e7\u30c3\u30c8<\/td>\r\n    <\/tr>\r\n    <tr class=\"rung\">\r\n      <th>4<\/th>\r\n      <td>Claude Code<\/td>\r\n      <td>\u4e0b\u66f8\u304d\uff08\u69cb\u6210\u30ac\u30a4\u30c9\uff09\u306e\u4f5c\u6210<\/td>\r\n      <td>draft.md<\/td>\r\n    <\/tr>\r\n    <tr class=\"rung\">\r\n      <th>5<\/th>\r\n      <td>Gemini<\/td>\r\n      <td>\u30bf\u30a4\u30e0\u30b9\u30bf\u30f3\u30d7\u30c7\u30fc\u30bf\u306e\u4f5c\u6210<\/td>\r\n      <td>content.ts<\/td>\r\n    <\/tr>\r\n    <tr class=\"rung\">\r\n      <th>6<\/th>\r\n      <td>Claude Code<\/td>\r\n      <td>PDF\u30de\u30cb\u30e5\u30a2\u30eb\u306e\u751f\u6210<\/td>\r\n      <td>manual.md<\/td>\r\n    <\/tr>\r\n    <tr class=\"rung\">\r\n      <th>7<\/th>\r\n      <td>VS Code<\/td>\r\n      <td>PDF\u5909\u63db<\/td>\r\n      <td>manual.pdf<\/td>\r\n    <\/tr>\r\n    <tr class=\"rung\">\r\n      <th>8<\/th>\r\n      <td>Claude Code + Remotion<\/td>\r\n      <td>\u5b57\u5e55\u30aa\u30fc\u30d0\u30fc\u30ec\u30a4\u306e\u751f\u6210<\/td>\r\n      <td>caption.mov<\/td>\r\n    <\/tr>\r\n  <\/tbody>\r\n<\/table>\r\n\r\n\r\n<hr class=\"separator mt-3r\">\r\n\r\n<h2 class=\"fz-xl\">\u5fc5\u8981\u306a\u3082\u306e<\/h2>\r\n<table class=\"table my-0.5r\">\r\n  <thead>\r\n    <tr class=\"rung\">\r\n      <th>\u9805\u76ee<\/th>\r\n      <td>\u8aac\u660e<\/td>\r\n    <\/tr>\r\n  <\/thead>\r\n  <tbody>\r\n    <tr class=\"rung\">\r\n      <th>Claude Code<\/th>\r\n      <td>Anthropic\u306e\u30b3\u30de\u30f3\u30c9\u30e9\u30a4\u30f3\u30c4\u30fc\u30eb<\/td>\r\n    <\/tr>\r\n    <tr class=\"rung\">\r\n      <th>Gemini<\/th>\r\n      <td>Google\u306e\u52d5\u753b\u89e3\u6790AI\uff08gemini.google.com\uff09<\/td>\r\n    <\/tr>\r\n    <tr class=\"rung\">\r\n      <th>\u753b\u9762\u9332\u753b\u30c4\u30fc\u30eb<\/th>\r\n      <td>QuickTime Player\uff08Mac\uff09\/ OBS Studio\uff08Windows\uff09<\/td>\r\n    <\/tr>\r\n    <tr class=\"rung\">\r\n      <th>Premiere Pro\uff08\u4efb\u610f\uff09<\/th>\r\n      <td>\u52d5\u753b\u306e\u7c21\u6613\u7de8\u96c6\u30fb\u9759\u6b62\u753b\u66f8\u304d\u51fa\u3057<\/td>\r\n    <\/tr>\r\n    <tr class=\"rung\">\r\n      <th>Remotion\uff08\u4efb\u610f\uff09<\/th>\r\n      <td>\u5b57\u5e55\u52d5\u753b\u304c\u5fc5\u8981\u306a\u5834\u5408\u306e\u307f<\/td>\r\n    <\/tr>\r\n  <\/tbody>\r\n<\/table>\r\n\r\n\r\n<hr class=\"separator mt-3r\">\r\n\r\n<h2 class=\"fz-xl\">\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u69cb\u6210<\/h2>\r\n<pre><code class=\"language-\">manual-project\/\r\n\u251c\u2500 CLAUDE.md                    # Claude Code\u3078\u306e\u6307\u793a\u66f8\r\n\u251c\u2500 docs\/\r\n\u2502   \u2514\u2500 session-context.md      # \u6848\u4ef6\u306e\u80cc\u666f\u30fb\u6587\u8108\r\n\u251c\u2500 screenshots\/                 # Premiere\u304b\u3089\u66f8\u304d\u51fa\u3057\u305f\u9759\u6b62\u753b\r\n\u251c\u2500 drafts\/                      # \u4e0b\u66f8\u304d\uff08\u69cb\u6210\u30ac\u30a4\u30c9\uff09\r\n\u2502   \u251c\u2500 draft-XXXX.md\r\n\u2502   \u2514\u2500 draft-YYYY.md\r\n\u251c\u2500 src\/\r\n\u2502   \u251c\u2500 content-XXXX.ts        # Gemini\u304c\u751f\u6210\u3057\u305f\u30bf\u30a4\u30e0\u30b9\u30bf\u30f3\u30d7\r\n\u2502   \u2514\u2500 content-YYYY.ts\r\n\u251c\u2500 output\/                      # \u5b8c\u6210\u3057\u305f\u30de\u30cb\u30e5\u30a2\u30eb\r\n\u2502   \u251c\u2500 manual-XXXX.md\r\n\u2502   \u2514\u2500 manual-XXXX.pdf\r\n\u251c\u2500 public\/\r\n\u2502   \u2514\u2500 video\/\r\n\u2502       \u2514\u2500 recording-XXXX.mp4  # \u753b\u9762\u9332\u753b\r\n\u2514\u2500 .claude\/\r\n    \u2514\u2500 commands\/\r\n        \u2514\u2500 proofread.md         # \u6821\u6b63\u7528\u30ab\u30b9\u30bf\u30e0\u30b3\u30de\u30f3\u30c9\r\n<\/code><\/pre>\r\n\r\n\r\n<hr class=\"separator mt-3r\">\r\n\r\n<h2 class=\"fz-xl\">Step 1\uff1asession-context.md \u306e\u4f5c\u6210<\/h2>\r\n<p>Claude Code\u306f\u4f1a\u8a71\u306e\u6587\u8108\u3092\u77e5\u3089\u306a\u3044\u305f\u3081\u3001\u6848\u4ef6\u306e\u80cc\u666f\u3092\u8aac\u660e\u3059\u308b\u30c9\u30ad\u30e5\u30e1\u30f3\u30c8\u304c\u5fc5\u8981\u3067\u3059\u3002<\/p>\r\n<pre><code class=\"language-markdown\"># \u30bb\u30c3\u30b7\u30e7\u30f3\u30fb\u30b3\u30f3\u30c6\u30ad\u30b9\u30c8\r\n\r\n## \u6848\u4ef6\u6982\u8981\r\n- \u30af\u30e9\u30a4\u30a2\u30f3\u30c8: \u682a\u5f0f\u4f1a\u793e\u3007\u3007\r\n- \u30b5\u30a4\u30c8: https:\/\/example.com\r\n- \u76ee\u7684: \u793e\u54e1\u5c02\u7528\u30b5\u30a4\u30c8\u306e\u64cd\u4f5c\u30de\u30cb\u30e5\u30a2\u30eb\u4f5c\u6210\uff08\u7ba1\u7406\u8005\u5411\u3051\uff09\r\n- \u5bfe\u8c61\u8aad\u8005: PC\u64cd\u4f5c\u306b\u6163\u308c\u3066\u3044\u306a\u3044\u62c5\u5f53\u8005\r\n\r\n## \u30a2\u30ab\u30a6\u30f3\u30c8\u69cb\u6210\r\n| \u7a2e\u5225 | \u5f79\u5272 |\r\n|------|------|\r\n| \u7ba1\u7406\u8005 | \u30e1\u30f3\u30d0\u30fc\u7ba1\u7406\u30fb\u8a18\u4e8b\u6295\u7a3f\u3092\u884c\u3046\u62c5\u5f53\u8005 |\r\n| \u4e00\u822c\u30e6\u30fc\u30b6\u30fc | \u95b2\u89a7\u5c02\u7528\u30a2\u30ab\u30a6\u30f3\u30c8 |\r\n\r\n## \u4f5c\u6210\u3059\u308b\u30de\u30cb\u30e5\u30a2\u30eb\u4e00\u89a7\r\n| \u30d5\u30a1\u30a4\u30eb\u540d | \u5185\u5bb9 |\r\n|-----------|------|\r\n| draft-XXXX.md | \u30ed\u30b0\u30a4\u30f3\u65b9\u6cd5 \u2192 \u8a18\u4e8b\u306e\u95b2\u89a7 |\r\n| draft-YYYY.md | \u7ba1\u7406\u8005\u30ed\u30b0\u30a4\u30f3 \u2192 \u8a18\u4e8b\u306e\u6295\u7a3f |\r\n<\/code><\/pre>\r\n<p>\u6848\u4ef6\u56fa\u6709\u306e\u60c5\u5831\uff08\u30af\u30e9\u30a4\u30a2\u30f3\u30c8\u540d\u3001\u30b5\u30a4\u30c8URL\u3001\u30a2\u30ab\u30a6\u30f3\u30c8\u69cb\u6210\u306a\u3069\uff09\u3092\u8a18\u8f09\u3059\u308b\u3053\u3068\u3067\u3001Claude Code\u304c\u9069\u5207\u306a\u8aac\u660e\u6587\u3092\u751f\u6210\u3067\u304d\u307e\u3059\u3002<\/p>\r\n\r\n\r\n<hr class=\"separator mt-3r\">\r\n\r\n<h2 class=\"fz-xl\">Step 2\uff1a\u753b\u9762\u9332\u753b \u2192 \u7c21\u6613\u7de8\u96c6<\/h2>\r\n<h3 class=\"fz-ml\">\u9332\u753b<\/h3>\r\n<p>\u64cd\u4f5c\u624b\u9806\u3092\u753b\u9762\u9332\u753b\u3057\u307e\u3059\u3002<\/p>\r\n<ul style=\"list-style-type:bullet;\" class=\"my-0.5r\">\r\n  <li>Mac\u306aQuickTime Player\uff08\u6a19\u6e96\u642d\u8f09\uff09<\/li>\r\n  <li>Windows\u306aOBS Studio\uff08\u7121\u6599\uff09<\/li>\r\n<\/ul>\r\n<p><b class=\"bold\">5\u5206\u4ee5\u5185\u306b\u53ce\u3081\u308b<\/b>\u306e\u304c\u30dd\u30a4\u30f3\u30c8\u3067\u3059\u3002Gemini\u306e\u7121\u6599\u67a0\u3067\u306f\u9577\u3059\u304e\u308b\u52d5\u753b\u3092\u51e6\u7406\u3067\u304d\u306a\u3044\u5834\u5408\u304c\u3042\u308a\u307e\u3059\u3002\u8907\u96d1\u306a\u64cd\u4f5c\u306f\u8907\u6570\u306e\u52d5\u753b\u306b\u5206\u5272\u3057\u307e\u3057\u3087\u3046\u3002<\/p>\r\n<h3 class=\"fz-ml\">\u7c21\u6613\u7de8\u96c6\uff08Premiere Pro\uff09<\/h3>\r\n<p>\u9332\u753b\u3057\u305f\u52d5\u753b\u3092Premiere Pro\u3067\u958b\u304d\u3001\u4e0d\u8981\u306a\u90e8\u5206\uff08\u5f85\u3061\u6642\u9593\u3001\u8aa4\u64cd\u4f5c\u306a\u3069\uff09\u3092\u524a\u9664\u3057\u307e\u3059\u3002<br \/>\r\n  \u9069\u5207\u306b\u7de8\u96c6\u3059\u308b\u5fc5\u8981\u306f\u3042\u308a\u307e\u305b\u3093\u3002\u3056\u3063\u304f\u308a\u4e0d\u8981\u90e8\u5206\u3092\u30ab\u30c3\u30c8\u3059\u308b\u3060\u3051\u3067OK\u3067\u3059\u3002<\/p>\r\n\r\n\r\n<hr class=\"separator mt-3r\">\r\n\r\n<h2 class=\"fz-xl\">Step 3\uff1aPremiere\u304b\u3089\u9759\u6b62\u753b\u3092\u66f8\u304d\u51fa\u3057<\/h2>\r\n<p>Premiere Pro\u306e\u30bf\u30a4\u30e0\u30e9\u30a4\u30f3\u4e0a\u3067\u3001\u64cd\u4f5c\u306e\u4e3b\u3060\u3063\u305f\u30dd\u30a4\u30f3\u30c8\u306e\u30d5\u30ec\u30fc\u30e0\u3092\u9759\u6b62\u753b\u3068\u3057\u3066\u66f8\u304d\u51fa\u3057\u307e\u3059\u3002<\/p>\r\n<p><b class=\"bold\">\u30d5\u30a1\u30a4\u30eb\u540d\u306e\u898f\u5247\uff1a<\/b><\/p>\r\n<pre><code class=\"language-\">screenshot-XXXX.00_00_06_25.002.jpg\r\nscreenshot-YYYY.00_00_25_48.004.jpg\r\n<\/code><\/pre>\r\n<ul style=\"list-style-type:bullet;\" class=\"my-0.5r\">\r\n  <li><code>&lsqb;\u64cd\u4f5c\u540d&rsqb;.&lsqb;\u6642_\u5206_\u79d2_\u30d5\u30ec\u30fc\u30e0&rsqb;.&lsqb;\u9023\u756a&rsqb;<\/code> \u306e\u5f62\u5f0f\u306b\u3059\u308b\u3068\u3001Claude Code\u304c\u64cd\u4f5c\u306e\u9806\u5e8f\u3092\u628a\u63e1\u3057\u3084\u3059\u304f\u306a\u308a\u307e\u3059\u3002<\/li>\r\n  <li>\u65e5\u672c\u8a9e\u304c\u5165\u308b\u3068 Remotion \u3067\u30a8\u30e9\u30fc\u304c\u51fa\u308b\u306e\u3067\u3001\u65e5\u672c\u8a9e\u306f\u524a\u9664\u3057\u307e\u3059\u3002<\/li>\r\n<\/ul>\r\n<p><b class=\"bold\">\u306a\u305c\u9759\u6b62\u753b\u304c\u5fc5\u8981\u304b\uff1f<\/b><\/p>\r\n<p>\u6b21\u306e\u30b9\u30c6\u30c3\u30d7\u3067Claude Code\u306b\u4e0b\u66f8\u304d\uff08\u69cb\u6210\u30ac\u30a4\u30c9\uff09\u3092\u4f5c\u3063\u3066\u3082\u3089\u3046\u969b\u3001\u30b9\u30af\u30ea\u30fc\u30f3\u30b7\u30e7\u30c3\u30c8\u3092\u6e21\u3059\u3053\u3068\u3067\u300c\u3069\u306e\u753b\u9762\u3067\u4f55\u306e\u64cd\u4f5c\u3092\u3057\u3066\u3044\u308b\u304b\u300d\u3092\u6b63\u78ba\u306b\u7406\u89e3\u3057\u3066\u3082\u3089\u3048\u307e\u3059\u3002<\/p>\r\n\r\n\r\n<hr class=\"separator mt-3r\">\r\n\r\n<h2 class=\"fz-xl\">Step 4\uff1aClaude Code\u3067\u4e0b\u66f8\u304d\uff08\u69cb\u6210\u30ac\u30a4\u30c9\uff09\u306e\u4f5c\u6210<\/h2>\r\n<p>Claude Code\u306b\u30b9\u30af\u30ea\u30fc\u30f3\u30b7\u30e7\u30c3\u30c8\u3092\u8aad\u307f\u8fbc\u307e\u305b\u3066\u3001\u30de\u30cb\u30e5\u30a2\u30eb\u306e\u69cb\u6210\u30ac\u30a4\u30c9\u3092\u4f5c\u6210\u3057\u307e\u3059\u3002<\/p>\r\n<pre><code class=\"language-\">#\u65b0\u3057\u3044\u30bb\u30c3\u30b7\u30e7\u30f3\u958b\u59cb\r\nclaude --enable-auto-mode            # \u30aa\u30fc\u30c8\u30e2\u30fc\u30c9\u3067\u8d77\u52d5\r\n\r\n## \u4f5c\u6210\u3059\u308b\u30de\u30cb\u30e5\u30a2\u30eb\u4e00\u89a7\r\n\r\n| \u30d5\u30a1\u30a4\u30eb\u540d | \u5185\u5bb9 |\r\n|-----------|------|\r\n| draft-login.md | \u30ed\u30b0\u30a4\u30f3\u65b9\u6cd5 \u2192 \u8a18\u4e8b\u306e\u95b2\u89a7 |\r\n\r\n\u30b9\u30af\u30ea\u30fc\u30f3\u30b7\u30e7\u30c3\u30c8\u3092\u78ba\u8a8d\u3057\u3066\u3001\u30ed\u30b0\u30a4\u30f3\u64cd\u4f5c\u306e\u4e0b\u66f8\u304d `draft-login.md` \u3092\u4f5c\u6210\u3057\u3066\u304f\u3060\u3055\u3044\u3002\r\n<\/code><\/pre>\r\n<p><b class=\"bold\">\u4e0b\u66f8\u304d\u306e\u5f79\u5272\u306f\u300cGemini\u3078\u306e\u5165\u529b\u300d<\/b>\u3067\u3059\u3002\u6700\u7d42\u7684\u306a\u30de\u30cb\u30e5\u30a2\u30eb\u306e\u6587\u7ae0\u306f content.ts \u304b\u3089\u751f\u6210\u3059\u308b\u306e\u3067\u3001\u4e0b\u66f8\u304d\u306f\u69cb\u6210\uff08\u30b9\u30c6\u30c3\u30d7\u306e\u9806\u5e8f\u3068\u6982\u8981\uff09\u3060\u3051\u3067\u5341\u5206\u3067\u3059\u3002<\/p>\r\n<pre><code class=\"language-markdown\"># \u30ed\u30b0\u30a4\u30f3\u65b9\u6cd5\u30fb\u8a18\u4e8b\u306e\u95b2\u89a7\r\n\r\n## \u30b9\u30c6\u30c3\u30d71\uff1a\u30b5\u30a4\u30c8\u306b\u30a2\u30af\u30bb\u30b9\u3059\u308b\r\n## \u30b9\u30c6\u30c3\u30d72\uff1a\u30e6\u30fc\u30b6\u30fc\u540d\u3068\u30d1\u30b9\u30ef\u30fc\u30c9\u3092\u5165\u529b\u3059\u308b\r\n## \u30b9\u30c6\u30c3\u30d73\uff1a\u63b2\u793a\u677f\u306e\u4e00\u89a7\u3092\u78ba\u8a8d\u3059\u308b\r\n## \u30b9\u30c6\u30c3\u30d74\uff1a\u8a18\u4e8b\u3092\u958b\u304f\r\n<\/code><\/pre>\r\n<p><b class=\"bold\">\u306a\u305c\u4e0b\u66f8\u304d\u3092\u5148\u306b\u4f5c\u308b\u306e\u304b\uff1f<\/b><\/p>\r\n<p>Gemini\u306b\u52d5\u753b\u3092\u6e21\u3057\u3066\u3044\u304d\u306a\u308a\u30bf\u30a4\u30e0\u30b9\u30bf\u30f3\u30d7\u3092\u751f\u6210\u3055\u305b\u308b\u3068\u3001\u8aac\u660e\u3092\u7701\u7565\u3057\u305f\u308a\u3001\u30b9\u30c6\u30c3\u30d7\u3092\u98db\u3070\u3057\u305f\u308a\u3059\u308b\u3053\u3068\u304c\u3042\u308a\u307e\u3059\u3002\u4e0b\u66f8\u304d\uff08\u69cb\u6210\u30ac\u30a4\u30c9\uff09\u3092\u4e00\u7dd2\u306b\u6e21\u3059\u3053\u3068\u3067\u3001\u300c\u3053\u306e\u30b9\u30c6\u30c3\u30d7\u306f\u7701\u7565\u3057\u306a\u3044\u3067\u300d\u3068\u6307\u793a\u3067\u304d\u307e\u3059\u3002<\/p>\r\n\r\n\r\n<hr class=\"separator mt-3r\">\r\n\r\n<h2 class=\"fz-xl\">Step 5\uff1aGemini\u3067\u30bf\u30a4\u30e0\u30b9\u30bf\u30f3\u30d7\uff08content.ts\uff09\u306e\u4f5c\u6210<\/h2>\r\n<p>Gemini\uff08gemini.google.com\uff09\u306b\u52d5\u753b\u3068\u4e0b\u66f8\u304d\u3092\u30a2\u30c3\u30d7\u30ed\u30fc\u30c9\u3057\u3001\u30bf\u30a4\u30e0\u30b9\u30bf\u30f3\u30d7\u30c7\u30fc\u30bf\u3092\u751f\u6210\u3055\u305b\u307e\u3059\u3002<\/p>\r\n<p><b class=\"bold\">Google AI Studio\u3067\u306f\u306a\u304f\u901a\u5e38\u306eGemini\u3092\u4f7f\u3046<\/b><br \/>\r\n  \u6700\u521d\u306fGoogle AI Studio\uff08aistudio.google.com\uff09\u3092\u8a66\u3057\u307e\u3057\u305f\u304c\u3001\u52d5\u753b\u30a2\u30c3\u30d7\u30ed\u30fc\u30c9\u6642\u306b\u300cToken count failed\u300d\u30a8\u30e9\u30fc\u304c\u767a\u751f\u3057\u307e\u3057\u305f\u3002<br \/>\r\n  <b class=\"bold\">\u901a\u5e38\u306eGemini\uff08gemini.google.com\uff09\u306e\u65b9\u304c\u52d5\u753b\u30a2\u30c3\u30d7\u30ed\u30fc\u30c9\u306e\u5236\u9650\u304c\u7de9\u3044<\/b>\u305f\u3081\u3001\u3053\u3061\u3089\u3092\u4f7f\u7528\u3057\u307e\u3059\u3002\r\n<\/p>\r\n<h3 class=\"fz-ml\">\u30d7\u30ed\u30f3\u30d7\u30c8\u4f8b<\/h3>\r\n<pre><code class=\"language-\">\u3053\u306e\u52d5\u753b\u306f\u300c\u30ed\u30b0\u30a4\u30f3\u65b9\u6cd5\u30fb\u8a18\u4e8b\u306e\u95b2\u89a7\u300d\u306e\u64cd\u4f5c\u624b\u9806\u3067\u3059\u3002\r\ndraft-XXXX.md \u306e\u69cb\u6210\u306b\u6cbf\u3063\u3066\u3001\u5b57\u5e55\u306e\u30bf\u30a4\u30e0\u30b9\u30bf\u30f3\u30d7\u30c7\u30fc\u30bf\u3092\u4f5c\u6210\u3057\u3066\u304f\u3060\u3055\u3044\u3002\r\n\r\n## \u51fa\u529b\u5f62\u5f0f\r\nTypeScript \u306e\u914d\u5217\u3068\u3057\u3066\u51fa\u529b\u3057\u3066\u304f\u3060\u3055\u3044\u3002Markdown \u306f\u4e0d\u8981\u3067\u3059\u3002\r\n\r\nimport type { Caption, ManualVideoConfig } from &quot;.\/types&quot;;\r\n\r\nexport const VIDEO_CONFIG_LOGIN: ManualVideoConfig = {\r\n  fps: 30,\r\n  width: 3840,          \/\/ \u52d5\u753b\u306e\u89e3\u50cf\u5ea6\u306b\u5408\u308f\u305b\u308b\r\n  height: 2160,\r\n  durationSeconds: 41,  \/\/ \u52d5\u753b\u306e\u9577\u3055\uff08\u79d2\uff09\r\n};\r\n\r\nexport const CAPTIONS_LOGIN: Caption&lsqb;&rsqb; = &lsqb;\r\n  { id: 1, start: &quot;MM:SS.ff&quot;, end: &quot;MM:SS.ff&quot;, caption: &quot;\u5b57\u5e55\u30c6\u30ad\u30b9\u30c8&quot; },\r\n  ...\r\n&rsqb;;\r\n\r\n## \u5236\u7d04\r\n- start\/end \u306f &quot;MM:SS.ff&quot; \u5f62\u5f0f\uff08\u4f8b: &quot;00:05.00&quot;, &quot;01:30.15&quot;\uff09\r\n- caption \u306f\u65e5\u672c\u8a9e40\u6587\u5b57\u4ee5\u5185\r\n- \u914d\u5217\u306e\u307f\u51fa\u529b\uff08\u8aac\u660e\u6587\u4e0d\u8981\uff09\r\n- VIDEO_CONFIG \u306e durationSeconds \u306f\u52d5\u753b\u306e\u5b9f\u969b\u306e\u9577\u3055\u306b\u5408\u308f\u305b\u308b\r\n<\/code><\/pre>\r\n<h3 class=\"fz-ml\">Gemini\u306e\u51fa\u529b\u3092\u30c1\u30a7\u30c3\u30af\u3059\u308b<\/h3>\r\n<p><b class=\"bold\">Gemini\u306e\u51fa\u529b\u306f\u5fc5\u305a\u76ee\u8996\u3067\u30c1\u30a7\u30c3\u30af\u3057\u3066\u304f\u3060\u3055\u3044\u3002<\/b><\/p>\r\n<p>\u3088\u304f\u3042\u308b\u554f\u984c\uff1a<\/p>\r\n<ul style=\"list-style-type:bullet;\" class=\"my-0.5r\">\r\n  <li><b class=\"bold\">\u30bf\u30a4\u30e0\u30b9\u30bf\u30f3\u30d7\u306e\u30ba\u30ec<\/b> \u2014 \u6570\u79d2\u305a\u308c\u3066\u3044\u308b\u3053\u3068\u304c\u3042\u308b<\/li>\r\n  <li><b class=\"bold\">\u30b9\u30c6\u30c3\u30d7\u306e\u7701\u7565<\/b> \u2014 \u9577\u3044\u64cd\u4f5c\u306e\u5f8c\u534a\u3092\u7aef\u6298\u308b\uff08\u4e0b\u66f8\u304d\u3092\u6e21\u3059\u3053\u3068\u3067\u8efd\u6e1b\u3067\u304d\u308b\uff09<\/li>\r\n  <li><b class=\"bold\">\u7528\u8a9e\u306e\u8aa4\u8a8d<\/b> \u2014 \u753b\u9762\u4e0a\u306e\u30c6\u30ad\u30b9\u30c8\u3092\u8aad\u307f\u9593\u9055\u3048\u308b<\/li>\r\n  <li><b class=\"bold\">VIDEO_CONFIG \u306e\u5024<\/b> \u2014 <code>durationSeconds<\/code> \u3084\u89e3\u50cf\u5ea6\u304c\u9593\u9055\u3063\u3066\u3044\u308b\u3053\u3068\u304c\u3042\u308b<\/li>\r\n<\/ul>\r\n<p><code>VIDEO_CONFIG<\/code> \u306e\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u3092\u30d7\u30ed\u30f3\u30d7\u30c8\u306b\u542b\u3081\u3066\u304a\u304f\u3068\u3001\u5f8c\u304b\u3089\u8ffd\u52a0\u3059\u308b\u624b\u9593\u304c\u7701\u3051\u307e\u3059\u3002<\/p>\r\n\r\n\r\n<hr class=\"separator mt-3r\">\r\n\r\n<h2 class=\"fz-xl\">Step 6\uff1aClaude Code\u3067 PDF\u30de\u30cb\u30e5\u30a2\u30eb\uff08manual.md\uff09\u306e \u4f5c\u6210<\/h2>\r\n<p><b class=\"bold\">content.ts \u304b\u3089\u30de\u30cb\u30e5\u30a2\u30eb\u3092\u751f\u6210<\/b>\u3057\u307e\u3059\u3002\u4e0b\u66f8\u304d\uff08draft\uff09\u304b\u3089\u3067\u306f\u3042\u308a\u307e\u305b\u3093\u3002<\/p>\r\n<pre><code class=\"language-\">**Step 6\uff1aPDF\u30de\u30cb\u30e5\u30a2\u30eb\uff08manual.md\uff09\u306e\u4f5c\u6210**\r\n\r\n- @src\/content-XXXX.ts         # \u30bf\u30a4\u30e0\u30b9\u30bf\u30f3\u30d7\r\n\r\ncontent-XXXX.ts \u306e\u30bf\u30a4\u30e0\u30b9\u30bf\u30f3\u30d7\u30c7\u30fc\u30bf\u3068 screenshots\/ \u306e\u753b\u50cf\u3092\u4f7f\u3063\u3066\u3001\r\noutput\/manual-XXXX.md \u3092\u751f\u6210\u3057\u3066\u304f\u3060\u3055\u3044\u3002\r\n\r\n- \u5404\u30ad\u30e3\u30d7\u30b7\u30e7\u30f3\u306b\u5bfe\u5fdc\u3059\u308b\u30b9\u30af\u30ea\u30fc\u30f3\u30b7\u30e7\u30c3\u30c8\u3092\u633f\u5165\r\n- \u300c\u301c\u3057\u3066\u304f\u3060\u3055\u3044\u300d\u300c\u301c\u3057\u307e\u3059\u300d\u306e\u4e01\u5be7\u8a9e\u3067\u7d71\u4e00\r\n- PC\u521d\u5fc3\u8005\u5411\u3051\u306e\u8aac\u660e\r\n- \u30dc\u30bf\u30f3\u540d\u306f <strong>\u592a\u5b57<\/strong> \u3067\u5f37\u8abf\r\n<\/code><\/pre>\r\n<p>content.ts \u3092\u300c\u78ba\u5b9a\u7248\u306e\u69cb\u6210\u300d\u3068\u3057\u3066\u4f7f\u3046\u3053\u3068\u3067\u3001\u5b57\u5e55\uff08\u30b9\u30c6\u30c3\u30d78\uff09\u3068\u30de\u30cb\u30e5\u30a2\u30eb\u306e\u5185\u5bb9\u304c\u4e00\u81f4\u3057\u307e\u3059\u3002<\/p>\r\n<h3 class=\"fz-ml\">CLAUDE.md \u306e\u8a2d\u5b9a<\/h3>\r\n<p><code>CLAUDE.md<\/code> \u306b\u51fa\u529b\u5f62\u5f0f\u306e\u30eb\u30fc\u30eb\u3092\u66f8\u3044\u3066\u304a\u304f\u3068\u3001\u6bce\u56de\u6307\u793a\u3059\u308b\u5fc5\u8981\u304c\u306a\u304f\u306a\u308a\u307e\u3059\u3002<\/p>\r\n<pre><code class=\"language-markdown\"># \u30de\u30cb\u30e5\u30a2\u30eb\u81ea\u52d5\u751f\u6210\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\r\n\r\n## \u6982\u8981\r\ncontent-*.ts \u306e\u30bf\u30a4\u30e0\u30b9\u30bf\u30f3\u30d7\u30c7\u30fc\u30bf\u3068 screenshots\/ \u306e\u30b9\u30af\u30ea\u30fc\u30f3\u30b7\u30e7\u30c3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3001\r\n\u7ba1\u7406\u8005\u5411\u3051\u64cd\u4f5c\u30de\u30cb\u30e5\u30a2\u30eb\uff08Markdown\u5f62\u5f0f\uff09\u3092\u751f\u6210\u3059\u308b\u3002\r\n\r\n## \u753b\u50cf\u9078\u629e\u30eb\u30fc\u30eb\r\n- 1\u30b9\u30c6\u30c3\u30d7\u306b\u5bfe\u3057\u30661\u679a\u306e\u753b\u50cf\u3092\u4f7f\u7528\u3059\u308b\r\n- \u300c\u64cd\u4f5c\u524d\u300d\u3068\u300c\u64cd\u4f5c\u5f8c\u300d\u304c\u4f1d\u308f\u308b\u753b\u50cf\u3092\u512a\u5148\u3059\u308b\r\n- \u91cd\u8981\u306aUI\u30d1\u30fc\u30c4\uff08\u30dc\u30bf\u30f3\u30fb\u30ea\u30f3\u30af\u30fb\u5165\u529b\u6b04\uff09\u304c\u5199\u3063\u3066\u3044\u308b\u753b\u50cf\u3092\u9078\u3076\r\n\r\n## \u51fa\u529b\u5f62\u5f0f\r\n- \u898b\u51fa\u3057: ## \u30b9\u30c6\u30c3\u30d7N\uff1a\u3007\u3007\r\n- \u753b\u50cf\u30d1\u30b9: ..\/screenshots\/ \u304b\u3089\u306e\u76f8\u5bfe\u30d1\u30b9\r\n- \u5f37\u8abf: &lt;strong&gt;\u592a\u5b57&lt;\/strong&gt; \u3067\u30dc\u30bf\u30f3\u540d\u30fb\u91cd\u8981\u306a\u7528\u8a9e\u3092\u5f37\u8abf\r\n- \u6ce8\u610f\u4e8b\u9805: &gt; \u26a0\ufe0f \u6ce8\u610f\uff1a\u3007\u3007 \u306e\u5f15\u7528\u30d6\u30ed\u30c3\u30af\u5f62\u5f0f\r\n\r\n## \u30c8\u30fc\u30f3\u30fb\u6587\u4f53\r\n- \u300c\u301c\u3057\u3066\u304f\u3060\u3055\u3044\u300d\u300c\u301c\u3057\u307e\u3059\u300d\u3067\u7d71\u4e00\r\n- \u5c02\u9580\u7528\u8a9e\u306f\u4f7f\u308f\u306a\u3044\r\n- PC\u64cd\u4f5c\u306b\u4e0d\u6163\u308c\u306a\u62c5\u5f53\u8005\u3067\u3082\u308f\u304b\u308b\u4e01\u5be7\u306a\u8aac\u660e\r\n\r\n## \u6ce8\u610f\u4e8b\u9805\r\n- \u672c\u756a\u30d1\u30b9\u30ef\u30fc\u30c9\u3084\u500b\u4eba\u60c5\u5831\u306f\u30de\u30cb\u30e5\u30a2\u30eb\u306b\u8a18\u8f09\u3057\u306a\u3044\r\n- \u30b9\u30af\u30ea\u30fc\u30f3\u30b7\u30e7\u30c3\u30c8\u306b\u5199\u3063\u3066\u3044\u308b\u30d1\u30b9\u30ef\u30fc\u30c9\u6b04\u306f\u300c\u25cf\u25cf\u25cf\u25cf\u25cf\u25cf\u300d\u3068\u8868\u8a18\u3059\u308b\r\n<\/code><\/pre>\r\n\r\n\r\n<hr class=\"separator mt-3r\">\r\n\r\n<h2 class=\"fz-xl\">Step 7\uff1aMarkdown \u2192 PDF \u5909\u63db<\/h2>\r\n<p>VS Code\u306e\u62e1\u5f35\u6a5f\u80fd\u300cMarkdown PDF\u300d\u3092\u4f7f\u3063\u3066\u3001Markdown\u30d5\u30a1\u30a4\u30eb\u3092PDF\u306b\u5909\u63db\u3057\u307e\u3059\u3002<\/p>\r\n<ol style=\"list-style-type:decimal;\" class=\"my-0.5r\">\r\n  <li>VS Code\u3067 <code>output\/manual-XXXX.md<\/code> \u3092\u958b\u304f<\/li>\r\n  <li>\u30b3\u30de\u30f3\u30c9\u30d1\u30ec\u30c3\u30c8\uff08Ctrl+Shift+P \/ Cmd+Shift+P\uff09\u2192\u300cMarkdown PDF: Export (pdf)\u300d<\/li>\r\n  <li>\u540c\u3058\u30c7\u30a3\u30ec\u30af\u30c8\u30ea\u306b <code>manual-XXXX.pdf<\/code> \u304c\u751f\u6210\u3055\u308c\u308b<\/li>\r\n<\/ol>\r\n<h3 class=\"fz-ml\">\u6821\u6b63\uff08\u4efb\u610f\uff09<\/h3>\r\n<p>Claude Code\u306e\u30ab\u30b9\u30bf\u30e0\u30b3\u30de\u30f3\u30c9\u3067\u6821\u6b63\u3092\u5b9f\u884c\u3067\u304d\u307e\u3059\u3002<\/p>\r\n<p><code>.claude\/commands\/proofread.md<\/code> \u3092\u7528\u610f\uff1a<\/p>\r\n<pre><code class=\"language-markdown\"># \/proofread \u30b3\u30de\u30f3\u30c9\r\n\r\n## \u4fee\u6b63\u3059\u3079\u304d\u3082\u306e\r\n1. \u660e\u78ba\u306a\u8aa4\u5b57\u30fb\u8131\u5b57\u30fb\u30b9\u30da\u30eb\u30df\u30b9\r\n2. \u52a9\u8a5e\u306e\u8aa4\u7528\uff08\u6587\u610f\u304c\u901a\u3058\u306a\u3044\u5834\u5408\u306e\u307f\uff09\r\n3. \u7528\u8a9e\u306e\u8aa4\u308a\r\n4. \u753b\u50cf\u30d1\u30b9\u306e\u8aa4\u308a\uff08\u5b58\u5728\u3057\u306a\u3044\u30d5\u30a1\u30a4\u30eb\u53c2\u7167\uff09\r\n\r\n## \u4fee\u6b63\u3057\u3066\u306f\u3044\u3051\u306a\u3044\u3082\u306e\r\n1. Markdown\u8a18\u6cd5\u306e\u30b9\u30bf\u30a4\u30eb\r\n2. \u8868\u73fe\u4e0a\u306e\u8efd\u5fae\u306a\u554f\u984c\r\n3. \u8aad\u70b9\u306e\u4f4d\u7f6e\r\n<\/code><\/pre>\r\n<p>\u5b9f\u884c\uff1a<\/p>\r\n<pre><code class=\"language-\">\/proofread output\/manual-XXXX.md\r\n<\/code><\/pre>\r\n\r\n\r\n<hr class=\"separator mt-3r\">\r\n\r\n<h2 class=\"fz-xl\">Step 8\uff1aRemotion\u3067\u5b57\u5e55\u30aa\u30fc\u30d0\u30fc\u30ec\u30a4\u306e\u751f\u6210\uff08\u4efb\u610f\uff09<\/h2>\r\n<p>\u89e3\u8aac\u52d5\u753b\u306b\u5b57\u5e55\u3092\u4ed8\u3051\u305f\u3044\u5834\u5408\u306f\u3001\u540c\u3058 content.ts \u304b\u3089 Remotion \u3067\u5b57\u5e55\u30aa\u30fc\u30d0\u30fc\u30ec\u30a4\uff08\u900f\u904e\u52d5\u753b\uff09\u3092\u751f\u6210\u3067\u304d\u307e\u3059\u3002<\/p>\r\n<h3 class=\"fz-ml\">\u5171\u901a\u578b\u5b9a\u7fa9\uff08types.ts\uff09<\/h3>\r\n<pre><code class=\"language-typescript\">\/\/ src\/types.ts\r\nexport interface Caption {\r\n  id: number;\r\n  start: string;   \/\/ &quot;MM:SS.ff&quot;\r\n  end: string;\r\n  caption: string;\r\n}\r\n\r\nexport interface ManualVideoConfig {\r\n  fps: number;\r\n  width: number;\r\n  height: number;\r\n  durationSeconds: number;\r\n}\r\n<\/code><\/pre>\r\n<h3 class=\"fz-ml\">\u5b57\u5e55\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\uff08Caption.tsx\uff09<\/h3>\r\n<pre><code class=\"language-tsx\">\/\/ src\/components\/Caption.tsx\r\nimport { useCurrentFrame, interpolate, Easing } from &quot;remotion&quot;;\r\n\r\nexport const Caption: React.FC&lt;{\r\n  text: string;\r\n  startFrame: number;\r\n  endFrame: number;\r\n}&gt; = ({ text, startFrame, endFrame }) =&gt; {\r\n  const frame = useCurrentFrame();\r\n\r\n  const opacity = interpolate(\r\n    frame,\r\n    &lsqb;startFrame, startFrame + 8, endFrame - 8, endFrame&rsqb;,\r\n    &lsqb;0, 1, 1, 0&rsqb;,\r\n    { extrapolateLeft: &quot;clamp&quot;, extrapolateRight: &quot;clamp&quot; },\r\n  );\r\n\r\n  const translateY = interpolate(\r\n    frame,\r\n    &lsqb;startFrame, startFrame + 8&rsqb;,\r\n    &lsqb;20, 0&rsqb;,\r\n    {\r\n      extrapolateLeft: &quot;clamp&quot;,\r\n      extrapolateRight: &quot;clamp&quot;,\r\n      easing: Easing.out(Easing.cubic),\r\n    },\r\n  );\r\n\r\n  if (frame &lt; startFrame || frame &gt; endFrame) return null;\r\n\r\n  return (\r\n    &lt;div style={{\r\n      position: &quot;absolute&quot;,\r\n      bottom: 80,\r\n      left: &quot;50%&quot;,\r\n      transform: `translateX(-50%) translateY(${translateY}px)`,\r\n      opacity,\r\n      backgroundColor: &quot;rgba(0, 0, 0, 0.75)&quot;,\r\n      color: &quot;#FFFFFF&quot;,\r\n      padding: &quot;24px 56px&quot;,\r\n      fontFamily: &quot;&#39;Noto Sans JP&#39;, sans-serif&quot;,\r\n      fontSize: 56,\r\n      fontWeight: 700,\r\n      textAlign: &quot;center&quot;,\r\n    }}&gt;\r\n      {text}\r\n    &lt;\/div&gt;\r\n  );\r\n};\r\n<\/code><\/pre>\r\n<h3 class=\"fz-ml\">\u66f8\u304d\u51fa\u3057\u30b3\u30de\u30f3\u30c9<\/h3>\r\n<pre><code class=\"language-bash\">npx remotion render CaptionLogin output\/caption-XXXX.mov --image-format=png --pixel-format=yuva444p10le --codec=prores --prores-profile=4444 --muted\r\n<\/code><\/pre>\r\n<p>\u66f8\u304d\u51fa\u3055\u308c\u305f <code>.mov<\/code> \u30d5\u30a1\u30a4\u30eb\u3092 Premiere Pro \u306e\u30bf\u30a4\u30e0\u30e9\u30a4\u30f3\u3067\u5143\u52d5\u753b\u306e\u4e0a\u306b\u914d\u7f6e\u3059\u308b\u3060\u3051\u3067\u3001\u5b57\u5e55\u304c\u5408\u6210\u3055\u308c\u307e\u3059\u3002ProRes 4444 \u306f\u900f\u904e\u3092\u30cd\u30a4\u30c6\u30a3\u30d6\u3067\u8a8d\u8b58\u3059\u308b\u305f\u3081\u3001\u7279\u5225\u306a\u8a2d\u5b9a\u306f\u4e0d\u8981\u3067\u3059\u3002<\/p>\r\n<pre><code class=\"language-\"># Premiere Pro \u30bf\u30a4\u30e0\u30e9\u30a4\u30f3\r\n\u251c\u2500 V2: caption-XXXX.mov\uff08\u5b57\u5e55\u30aa\u30fc\u30d0\u30fc\u30ec\u30a4\uff09\r\n\u2514\u2500 V1: recording-XXXX.mp4\uff08\u5143\u52d5\u753b\uff09\r\n<\/code><\/pre>\r\n\r\n<a href=\"https:\/\/code-plus.jp\/gp\/remotion-caption-10624\/\" class=\"linkbox my-1.5r\">\r\n<h4 class=\"linkbox-title fz-md\">Claude Code \u00d7 Remotion \u3067\u52d5\u753b\u5b57\u5e55\u3092\u81ea\u52d5\u5316\u3059\u308b\u3010\u74b0\u5883\u69cb\u7bc9\u304b\u3089\u66f8\u304d\u51fa\u3057\u307e\u3067\u3011<\/h4>\r\n<picture class=\"linkbox-thumbnail\">\r\n<img decoding=\"async\" width=\"300\" height=\"200\" src=\"https:\/\/code-plus.jp\/gp\/wp-content\/uploads\/Remotion_2603061322.jpg\" alt=\"Claude Code \u00d7 Remotion \u3067\u52d5\u753b\u5b57\u5e55\u3092\u81ea\u52d5\u5316\u3059\u308b\u3010\u74b0\u5883\u69cb\u7bc9\u304b\u3089\u66f8\u304d\u51fa\u3057\u307e\u3067\u3011\" loading=\"lazy\" \/>\r\n<\/picture>\r\n<span class=\"linkbox-excerpt\">Claude Code\u3068Remotion\u3092\u7d44\u307f\u5408\u308f\u305b\u3066\u3001\u52d5\u753b\u306e\u5b57\u5e55\uff08\u30ad\u30e3\u30d7\u30b7\u30e7\u30f3\uff09\u3092ProRes 4444\u900f\u904e\u52d5\u753b\u3068\u3057\u3066\u751f\u6210\u3059\u308b\u30ef\u30fc\u30af\u30d5\u30ed\u30fc\u3092\u89e3\u8aac\u3002content.ts\u3067\u30bf\u30a4\u30e0\u30b9\u30bf\u30f3\u30d7\u3092\u4e00\u5143\u7ba1\u7406\u3057\u3001\u30de\u30cb\u30e5\u30a2\u30eb\u52d5\u753b\u30fbPV\u52d5\u753b\u30fbYouTube\u52d5\u753b\u306a\u3069\u5e45\u5e83\u3044\u52d5\u753b\u5236\u4f5c...\r\n&emsp;<u class=\"linkbox-more\">\u7d9a\u304d\u3092\u8aad\u3080<\/u>\r\n<\/span>\r\n<\/a>\r\n\r\n\r\n\r\n<hr class=\"separator mt-3r\">\r\n\r\n<h2 class=\"fz-xl\">\u30ef\u30fc\u30af\u30d5\u30ed\u30fc\u5168\u4f53\u306e\u30dd\u30a4\u30f3\u30c8<\/h2>\r\n<h3 class=\"fz-ml\">content.ts \u3092\u300c\u5358\u4e00\u306e\u60c5\u5831\u6e90\u300d\u306b\u3059\u308b<\/h3>\r\n<p>\u3053\u306e\u30ef\u30fc\u30af\u30d5\u30ed\u30fc\u306e\u6838\u5fc3\u306f\u3001<b class=\"bold\">content.ts\uff08\u30bf\u30a4\u30e0\u30b9\u30bf\u30f3\u30d7\u30c7\u30fc\u30bf\uff09\u3092\u4e2d\u5fc3\u306b\u636e\u3048\u308b<\/b>\u3053\u3068\u3067\u3059\u3002<\/p>\r\n<pre><code class=\"language-\">draft\uff08\u69cb\u6210\u30ac\u30a4\u30c9\uff09\r\n    \u2193 Gemini\u3078\u306e\u5165\u529b\r\ncontent.ts\uff08\u78ba\u5b9a\u30c7\u30fc\u30bf\uff09\r\n    \u251c\u2500\u2192 manual.md \u2192 PDF\uff08\u30b9\u30c6\u30c3\u30d76-7\uff09\r\n    \u2514\u2500\u2192 caption.mov\uff08\u30b9\u30c6\u30c3\u30d78\uff09\r\n<\/code><\/pre>\r\n<p>draft \u304b\u3089\u76f4\u63a5 manual.md \u3092\u4f5c\u308b\u3068\u3001Gemini \u3067\u4fee\u6b63\u3057\u305f\u5185\u5bb9\u304c\u53cd\u6620\u3055\u308c\u307e\u305b\u3093\u3002content.ts \u3092\u7d4c\u7531\u3059\u308b\u3053\u3068\u3067\u3001\u30de\u30cb\u30e5\u30a2\u30eb\u3068\u5b57\u5e55\u306e\u5185\u5bb9\u304c\u81ea\u52d5\u7684\u306b\u4e00\u81f4\u3057\u307e\u3059\u3002<\/p>\r\n<h3 class=\"fz-ml\">\u4e0b\u66f8\u304d\u306e\u5f79\u5272\u3092\u7d5e\u308b<\/h3>\r\n<p>\u4e0b\u66f8\u304d\uff08draft\uff09\u306f\u300cGemini\u3078\u306e\u69cb\u6210\u30ac\u30a4\u30c9\u300d\u306b\u5fb9\u3057\u307e\u3059\u3002\u8aac\u660e\u6587\u3084\u30b9\u30af\u30ea\u30fc\u30f3\u30b7\u30e7\u30c3\u30c8\u306e\u9078\u5b9a\u306f manual.md \u751f\u6210\u6642\u306b\u884c\u3048\u3070\u3001\u91cd\u8907\u4f5c\u696d\u304c\u306a\u304f\u306a\u308a\u307e\u3059\u3002<\/p>\r\n<h3 class=\"fz-ml\">Gemini\u3078\u306e\u30d7\u30ed\u30f3\u30d7\u30c8\u306b VIDEO_CONFIG \u3092\u542b\u3081\u308b<\/h3>\r\n<p>Gemini \u306b\u30bf\u30a4\u30e0\u30b9\u30bf\u30f3\u30d7\u3092\u751f\u6210\u3055\u305b\u308b\u3068\u304d\u3001VIDEO_CONFIG \u306e\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u3092\u542b\u3081\u3066\u304a\u304f\u3068\u3001\u5f8c\u304b\u3089\u624b\u52d5\u3067\u8ffd\u52a0\u3059\u308b\u624b\u9593\u304c\u7701\u3051\u307e\u3059\u3002\u89e3\u50cf\u5ea6\u3084 FPS\u3001\u52d5\u753b\u306e\u9577\u3055\u306a\u3069\u306e\u60c5\u5831\u306f\u30d7\u30ed\u30f3\u30d7\u30c8\u6642\u70b9\u3067\u6307\u5b9a\u3057\u3066\u304a\u304d\u307e\u3057\u3087\u3046\u3002<\/p>\r\n\r\n\r\n<hr class=\"separator mt-3r\">\r\n\r\n<h2 class=\"fz-xl\">\u4f5c\u6210\u3057\u305f\u30de\u30cb\u30e5\u30a2\u30eb\u306e\u4f8b<\/h2>\r\n<h3 class=\"fz-ml\">Shopify\u5546\u54c1\u30d0\u30ea\u30a8\u30fc\u30b7\u30e7\u30f3\u8a2d\u5b9a\u30de\u30cb\u30e5\u30a2\u30eb<\/h3>\r\n<p><cite><a class=\"link\" href=\"https:\/\/gist.github.com\/sarap422\/a9c63d7ae8fdb4b2ed4731826d67a2c2\" target=\"_blank\">\r\n      https:\/\/gist.github.com\/sarap422\/a9c63d7ae8fdb4b2ed4731826d67a2c2\r\n    <\/a><\/cite><\/p>\r\n<ul style=\"list-style-type:bullet;\" class=\"my-0.5r\">\r\n  <li>\u30da\u30fc\u30b8\u6570\uff1a9\u30da\u30fc\u30b8<\/li>\r\n  <li>\u753b\u50cf\u679a\u6570\uff1a7\u679a<\/li>\r\n  <li>\u4f5c\u6210\u6642\u9593\uff1a\u7d0415\u5206<\/li>\r\n<\/ul>\r\n<h3 class=\"fz-ml\">Shopify\u5546\u54c1\u30da\u30fc\u30b8\u753b\u50cf\u8ffd\u52a0\u30de\u30cb\u30e5\u30a2\u30eb<\/h3>\r\n<p><cite><a class=\"link\" href=\"https:\/\/gist.github.com\/sarap422\/bd6fe8c970d02de38a0632cc1a0d59c6\" target=\"_blank\">\r\n      https:\/\/gist.github.com\/sarap422\/bd6fe8c970d02de38a0632cc1a0d59c6\r\n    <\/a><\/cite><\/p>\r\n<ul style=\"list-style-type:bullet;\" class=\"my-0.5r\">\r\n  <li>\u30da\u30fc\u30b8\u6570\uff1a10\u30da\u30fc\u30b8<\/li>\r\n  <li>\u753b\u50cf\u679a\u6570\uff1a8\u679a<\/li>\r\n  <li>\u4f5c\u6210\u6642\u9593\uff1a\u7d0415\u5206<\/li>\r\n<\/ul>\r\n\r\n\r\n<hr class=\"separator mt-3r\">\r\n\r\n<h2 class=\"fz-xl\">\u307e\u3068\u3081<\/h2>\r\n<p>\u753b\u9762\u9332\u753b\u304b\u3089\u30de\u30cb\u30e5\u30a2\u30eb\u3092\u81ea\u52d5\u751f\u6210\u3059\u308b\u30ef\u30fc\u30af\u30d5\u30ed\u30fc\u3092\u7d39\u4ecb\u3057\u307e\u3057\u305f\u3002<\/p>\r\n<p><b class=\"bold\">content.ts \u3092\u4e2d\u5fc3\u306b\u636e\u3048\u308b<\/b>\u3053\u3068\u3067\u3001PDF\u30de\u30cb\u30e5\u30a2\u30eb\u3068\u5b57\u5e55\u52d5\u753b\u306e\u4e21\u65b9\u3092\u540c\u3058\u30c7\u30fc\u30bf\u304b\u3089\u751f\u6210\u3067\u304d\u3001\u5185\u5bb9\u306e\u4e00\u8cab\u6027\u3092\u4fdd\u3066\u307e\u3059\u3002<\/p>\r\n<p>\u4e00\u5ea6\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u69cb\u6210\u3092\u4f5c\u3063\u3066\u304a\u3051\u3070\u3001\u5225\u306e\u64cd\u4f5c\u30de\u30cb\u30e5\u30a2\u30eb\u306b\u3082\u305d\u306e\u307e\u307e\u6d41\u7528\u3067\u304d\u307e\u3059\u3002\u30af\u30e9\u30a4\u30a2\u30f3\u30c8\u30ef\u30fc\u30af\u3067\u30de\u30cb\u30e5\u30a2\u30eb\u4f5c\u6210\u306b\u6642\u9593\u3092\u53d6\u3089\u308c\u3066\u3044\u308b\u65b9\u306f\u3001\u305c\u3072\u8a66\u3057\u3066\u307f\u3066\u304f\u3060\u3055\u3044\u3002<\/p>\r\n\r\n<hr class=\"separator mt-3r\">\r\n\r\n<h2 class=\"fz-xl\">\u95a2\u9023\u8a18\u4e8b<\/h2>\r\n\r\n<a href=\"https:\/\/code-plus.jp\/gp\/remotion-caption-10624\/\" class=\"linkbox my-1.5r\">\r\n<h4 class=\"linkbox-title fz-md\">Claude Code \u00d7 Remotion \u3067\u52d5\u753b\u5b57\u5e55\u3092\u81ea\u52d5\u5316\u3059\u308b\u3010\u74b0\u5883\u69cb\u7bc9\u304b\u3089\u66f8\u304d\u51fa\u3057\u307e\u3067\u3011<\/h4>\r\n<picture class=\"linkbox-thumbnail\">\r\n<img decoding=\"async\" width=\"300\" height=\"200\" src=\"https:\/\/code-plus.jp\/gp\/wp-content\/uploads\/Remotion_2603061322.jpg\" alt=\"Claude Code \u00d7 Remotion \u3067\u52d5\u753b\u5b57\u5e55\u3092\u81ea\u52d5\u5316\u3059\u308b\u3010\u74b0\u5883\u69cb\u7bc9\u304b\u3089\u66f8\u304d\u51fa\u3057\u307e\u3067\u3011\" loading=\"lazy\" \/>\r\n<\/picture>\r\n<span class=\"linkbox-excerpt\">Claude Code\u3068Remotion\u3092\u7d44\u307f\u5408\u308f\u305b\u3066\u3001\u52d5\u753b\u306e\u5b57\u5e55\uff08\u30ad\u30e3\u30d7\u30b7\u30e7\u30f3\uff09\u3092ProRes 4444\u900f\u904e\u52d5\u753b\u3068\u3057\u3066\u751f\u6210\u3059\u308b\u30ef\u30fc\u30af\u30d5\u30ed\u30fc\u3092\u89e3\u8aac\u3002content.ts\u3067\u30bf\u30a4\u30e0\u30b9\u30bf\u30f3\u30d7\u3092\u4e00\u5143\u7ba1\u7406\u3057\u3001\u30de\u30cb\u30e5\u30a2\u30eb\u52d5\u753b\u30fbPV\u52d5\u753b\u30fbYouTube\u52d5\u753b\u306a\u3069\u5e45\u5e83\u3044\u52d5\u753b\u5236\u4f5c...\r\n&emsp;<u class=\"linkbox-more\">\u7d9a\u304d\u3092\u8aad\u3080<\/u>\r\n<\/span>\r\n<\/a>\r\n\r\n<a href=\"https:\/\/code-plus.jp\/gp\/vscode-markdown2pdf-8646\/\" class=\"linkbox my-1.5r\">\r\n<h4 class=\"linkbox-title fz-md\">VS Code\u3067Markdown\u8a18\u6cd5\u3092PDF\u306b\u5909\u63db\u30fb\u6574\u5f62\u3059\u308b\u65b9\u6cd5<\/h4>\r\n<picture class=\"linkbox-thumbnail\">\r\n<img decoding=\"async\" width=\"300\" height=\"200\" src=\"https:\/\/code-plus.jp\/gp\/wp-content\/uploads\/Markdown_2508261204.png\" alt=\"VS Code\u3067Markdown\u8a18\u6cd5\u3092PDF\u306b\u5909\u63db\u30fb\u6574\u5f62\u3059\u308b\u65b9\u6cd5\" loading=\"lazy\" \/>\r\n<\/picture>\r\n<span class=\"linkbox-excerpt\">\u6280\u8853\u6587\u66f8\u3084\u30ec\u30dd\u30fc\u30c8\u306e\u4f5c\u6210\u306b\u304a\u3044\u3066\u3001Markdown\u306f\u7c21\u6f54\u3067\u8aad\u307f\u3084\u3059\u3044\u8a18\u6cd5\u3068\u3057\u3066\u5e83\u304f\u4f7f\u308f\u308c\u3066\u3044\u307e\u3059\u3002VS Code\uff08Visual Studio Code\uff09\u306e\u62e1\u5f35\u6a5f\u80fd\u300cMarkdown PDF\u300d\u3092\u4f7f\u3048\u3070\u3001Markdown\u30d5\u30a1\u30a4\u30eb\u3092PDF\u306b\u7c21\u5358\u306b\u5909\u63db\u3067\u304d\u3001CSS\u3092\u4f7f...\r\n&emsp;<u class=\"linkbox-more\">\u7d9a\u304d\u3092\u8aad\u3080<\/u>\r\n<\/span>\r\n<\/a>\r\n\r\n<hr class=\"separator mt-3r\">\r\n\r\n<h2 class=\"fz-xl\">\u95a2\u9023\u30ea\u30f3\u30af<\/h2>\r\n<ul style=\"list-style-type:bullet;\" class=\"my-0.5r\">\r\n  <li><cite><a href=\"https:\/\/gemini.google.com\/\" target=\"_blank\" class=\"link\">Gemini<\/a><\/cite><\/li>\r\n  <li><cite><a href=\"https:\/\/www.anthropic.com\/claude-code\" target=\"_blank\" class=\"link\">Claude Code\uff08Anthropic\uff09<\/a><\/cite><\/li>\r\n  <li><cite><a href=\"https:\/\/www.remotion.dev\/\" target=\"_blank\" class=\"link\">Remotion \u516c\u5f0f\u30c9\u30ad\u30e5\u30e1\u30f3\u30c8<\/a><\/cite><\/li>\r\n<\/ul>","protected":false},"excerpt":{"rendered":"\u753b\u9762\u9332\u753b\u2192Gemini\u3067\u30bf\u30a4\u30e0\u30b9\u30bf\u30f3\u30d7\u62bd\u51fa\u2192Claude Code\u3067\u4e0b\u66f8\u304d\u30fbPDF\u30de\u30cb\u30e5\u30a2\u30eb\u30fb\u5b57\u5e55\u52d5\u753b\u3092\u4e00\u62ec\u751f\u6210\u3002content.ts\u3092\u4e2d\u5fc3\u306b\u636e\u3048\u305f\u7d71\u4e00\u30ef\u30fc\u30af\u30d5\u30ed\u30fc\u3067\u3001\u30de\u30cb\u30e5\u30a2\u30eb\u4f5c\u6210\u306e\u5de5\u6570\u3092\u5927\u5e45\u306b\u524a\u6e1b\u3059\u308b\u65b9\u6cd5\u3092\u89e3\u8aac\u3057\u307e\u3059\u3002","protected":false},"author":1,"featured_media":10597,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[24],"tags":[588,589,587,586,583,563,510,364,135,139],"class_list":{"0":"post-10587","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-pdf","8":"tag-premiere-pro","9":"tag-589","10":"tag-gemini","11":"tag-586","12":"tag-583","13":"tag-shopify","14":"tag-ai","15":"tag-364","16":"tag-claude-code","17":"tag-139"},"_links":{"self":[{"href":"https:\/\/code-plus.jp\/gp\/wp-json\/wp\/v2\/posts\/10587","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/code-plus.jp\/gp\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/code-plus.jp\/gp\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/code-plus.jp\/gp\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/code-plus.jp\/gp\/wp-json\/wp\/v2\/comments?post=10587"}],"version-history":[{"count":10,"href":"https:\/\/code-plus.jp\/gp\/wp-json\/wp\/v2\/posts\/10587\/revisions"}],"predecessor-version":[{"id":11743,"href":"https:\/\/code-plus.jp\/gp\/wp-json\/wp\/v2\/posts\/10587\/revisions\/11743"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/code-plus.jp\/gp\/wp-json\/wp\/v2\/media\/10597"}],"wp:attachment":[{"href":"https:\/\/code-plus.jp\/gp\/wp-json\/wp\/v2\/media?parent=10587"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/code-plus.jp\/gp\/wp-json\/wp\/v2\/categories?post=10587"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/code-plus.jp\/gp\/wp-json\/wp\/v2\/tags?post=10587"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}