[{"data":1,"prerenderedAt":28008},["ShallowReactive",2],{"tag-count-pipeline-ja":3,"tag-pipeline-ja":4,"tags-sidebar-ja":17,"posts-tag-pipeline-ja-1":70,"tags-header-ja":27964,"tags-footer-ja":27986},76,{"id":5,"title":6,"body":7,"description":7,"extension":8,"lang":9,"localizedSlug":6,"meta":10,"navigation":11,"pageType":12,"path":13,"seo":14,"slug":6,"stem":15,"__hash__":16},"jsonPages/ja/tags/pipeline.json","パイプライン",null,"json","ja",{"name":6},true,"tags","/ja/tags/pipeline",{},"ja/tags/pipeline","jgDgq8M2lQc4oHTpgVOGiCVHPE1MjJwO_3Q5kmuENAQ",[18,27,35,43,51,54,62],{"id":19,"title":20,"body":7,"description":7,"extension":8,"lang":9,"localizedSlug":21,"meta":22,"navigation":11,"pageType":12,"path":23,"seo":24,"slug":21,"stem":25,"__hash__":26},"jsonPages/ja/tags/blender.json","Blender","blender",{"name":20},"/ja/tags/blender",{},"ja/tags/blender","s4z5DotSr1p7Mg14_r6HHutTMqzvNFonyD_A2quT8xI",{"id":28,"title":29,"body":7,"description":7,"extension":8,"lang":9,"localizedSlug":29,"meta":30,"navigation":11,"pageType":12,"path":31,"seo":32,"slug":29,"stem":33,"__hash__":34},"jsonPages/ja/tags/company.json","会社",{"name":29},"/ja/tags/company",{},"ja/tags/company","YM2CkWfBFOJet05_Rb6Ucf5-TzUendAmWVqASlGfSKc",{"id":36,"title":37,"body":7,"description":7,"extension":8,"lang":9,"localizedSlug":37,"meta":38,"navigation":11,"pageType":12,"path":39,"seo":40,"slug":37,"stem":41,"__hash__":42},"jsonPages/ja/tags/customer-stories.json","お客様事例",{"name":37},"/ja/tags/customer-stories",{},"ja/tags/customer-stories","uoSx-JR1O8hK5nH3Hk2ElbjvRitYGnTpIYQzQc9eT4Q",{"id":44,"title":45,"body":7,"description":7,"extension":8,"lang":9,"localizedSlug":45,"meta":46,"navigation":11,"pageType":12,"path":47,"seo":48,"slug":45,"stem":49,"__hash__":50},"jsonPages/ja/tags/glossary.json","用語集",{"name":45},"/ja/tags/glossary",{},"ja/tags/glossary","vyZu5vN-1gRjGuTaZNOLMCGduYntrw6VCvpmmA402Pc",{"id":5,"title":6,"body":7,"description":7,"extension":8,"lang":9,"localizedSlug":6,"meta":52,"navigation":11,"pageType":12,"path":13,"seo":53,"slug":6,"stem":15,"__hash__":16},{"name":6},{},{"id":55,"title":56,"body":7,"description":7,"extension":8,"lang":9,"localizedSlug":56,"meta":57,"navigation":11,"pageType":12,"path":58,"seo":59,"slug":56,"stem":60,"__hash__":61},"jsonPages/ja/tags/production-management.json","制作管理",{"name":56},"/ja/tags/production-management",{},"ja/tags/production-management","iiB4szWmr7_hZx-aVOXQy70yVrJIogzwYVRgejcnp_M",{"id":63,"title":64,"body":7,"description":7,"extension":8,"lang":9,"localizedSlug":64,"meta":65,"navigation":11,"pageType":12,"path":66,"seo":67,"slug":64,"stem":68,"__hash__":69},"jsonPages/ja/tags/resources.json","リソース",{"name":64},"/ja/tags/resources",{},"ja/tags/resources","tvx-FMl8FURm9Nc35OyIlHW5PaVLDJOJL6U0LSm5syI",[71,625,1032,1431,1942,2429,2948,3468,4069,4842,5344,6054,6653,7368,8213,8952,9634,10492,11062,11422,11784,12126,12462,12819,13190,13558,13878,14206,14518,14875,15232,15659,16080,16367,16695,16950,17319,17636,17996,18288,18525,18862,19215,19493,19826,20158,20456,20730,21003,21283,21520,21813,22123,22500,23074,23446,23659,23912,24318,24580,24835,25586,25838,25911,26037,26141,26329,26375,27154,27240,27300,27404,27509,27618,27710,27904],{"id":72,"title":73,"authors":74,"body":80,"description":168,"extension":608,"feature_image":609,"html":7,"meta":610,"navigation":11,"path":614,"published_at":611,"seo":615,"slug":616,"stem":617,"tags":618,"__hash__":624,"updated_at":611,"featured_at":612,"visibility":613},"blog/blog-i18n/ja/kitsu-telegram-bot-integration/index.md","メッセージングプラットフォームをKitsuの制作データと統合する",[75],{"id":76,"name":77,"slug":78,"profile_image":7,"cover_image":7,"bio":7,"website":7,"location":7,"facebook":7,"twitter":7,"meta_title":7,"meta_description":7,"threads":7,"bluesky":7,"mastodon":7,"tiktok":7,"youtube":7,"instagram":7,"linkedin":7,"url":79},"630632b2ca5910003d4a70af","Basile Samel","basile","https://blog.cg-wire.com/author/basile/",{"type":81,"value":82,"toc":599},"minimark",[83,100,104,107,110,113,118,121,124,127,130,132,136,139,142,154,157,174,177,180,187,195,206,209,215,218,226,229,236,238,242,245,252,255,295,307,314,324,334,336,340,346,349,380,383,386,401,404,410,412,416,419,426,429,444,447,470,477,480,491,507,510,513,519,522,540,546,555,557,561,564,567,570,588],[84,85,90,95],"div",{"className":86},[87,88,89],"kg-card","kg-callout-card","kg-callout-card-yellow",[84,91,94],{"className":92},[93],"kg-callout-emoji","💬",[84,96,99],{"className":97},[98],"kg-callout-text","制作イベントを、Kitsuメッセージングボットで即時のチャット通知やコマンドに変えましょう。",[101,102,103],"p",{},"チャットUIは現代の職場を席巻しています。制作チームはスレッドで連携し、承認はメールで行われ、LLM搭載のアシスタントが日々のオペレーションの一部になりつつあります。",[101,105,106],{},"本当の問題は、適切な統合です。たとえば「レビュー準備完了」のショットを知らせるメッセージは、理想的には、スーパーバイザーがそのショットを承認し、正しいユーザーのもとでKitsuのステータスを更新できるはずです。しかしそのためには、小さなバックエンドサービス、Kitsuへの安全なAPI接続、そしてチャットユーザーとKitsuユーザーを確実に対応付ける仕組みが必要になります。朗報として、あなたはすでにKitsuでそれを実現できます！",[101,108,109],{},"シンプルな出発点は、/hello のような1つのコマンドを持つTelegramボットです。ボットは最初にチャットユーザーをKitsuアカウントへ一度だけリンクし、その後はAPIを通じて返信し、チャット上に表示します。Kitsuで何かイベントが起きるたびに、ボットがあなたに通知します。この小さな統合がコンセプトを証明しており、この記事ではまさにそれを作っていきます。",[111,112],"hr",{},[114,115,117],"h2",{"id":116},"why-custom-messaging-integrations","カスタム・メッセージング統合が必要な理由",[101,119,120],{},"カスタム・メッセージング統合は、単一の真実の情報源（single source of truth）を中心にコミュニケーションを集約します。スーパーバイザーがタスクのステータス変更に関するメールを転送する代わりに、更新は自動的に該当するチームのチャネルへプッシュできます。たとえば、照明タスクがKitsuで「撮り直し（retake）」に切り替わると、照明のTelegramグループはショット名、担当者、締切を含む構造化されたメッセージを即座に受け取ります。制作トラッカーは先回りして動くようになります。",[101,122,123],{},"生のデータベースイベントを読みやすい要約に再構成すると、ユーザー体験は向上します。アーティストが、何が変わったのかを理解するためにアクティビティログを掘り下げる必要はありません。Telegramのチャンネルに送られる日次ダイジェストには、承認、新しい割り当て、今後の締切が平易な言葉でまとめられます。このダイジェストはKitsu APIから直接生成でき、毎晩自動で配信することで、制作データを“人が実際に読む”ものへ変えられます。",[101,125,126],{},"ただし、このアプローチの本当の効果が発揮されるのは、自動化の場面です。メッセージングプラットフォームは軽量なコマンドインターフェースとして機能します。たとえば、Telegramで「/late_shots」と入力するコーディネーターは、Kitsuへクエリを投げて、期限超過のタスク一覧を即座に受け取れます。「/assign SH010 alice」とタイプするリードは、バックエンド呼び出しをトリガーしてKitsuの割り当てを更新できます。チャットは、制作データベースのための運用上の“操作面”になります。",[101,128,129],{},"とはいえ、先ほど言ったとおり、まずはKitsuと連携するTelegramボットから始めましょう。",[111,131],{},[114,133,135],{"id":134},"_1-create-a-new-telegram-bot","1. 新しいTelegramボットを作成する",[101,137,138],{},"まず、Telegram上で専用のボットを作成します。ボットを分離しておくことで、資格情報（クレデンシャル）をきれいに保て、制作環境へ引き渡す際に将来のセキュリティ上の面倒が増えるのを避けられます。",[101,140,141],{},"Telegramを開き、他のボットを管理するための公式ボットであるBotFatherを検索します。",[101,143,144,145,149,150,153],{},"チャットを開始し、",[146,147,148],"code",{},"/newbot"," を送信します。手順はシンプルです。「Kitsu Notifications」のような人が読める名前を入力し、その後に ",[146,151,152],{},"kitsu_pipeline_bot"," のような固有のユーザー名を設定します。ユーザー名は「bot」で終わる必要があり、かつグローバルに一意であるため、スタジオ環境ではいくつか試すことになるでしょう。",[101,155,156],{},"BotFatherはAPIトークンを返します。このトークンをSlackに貼り付けたり、Gitへコミットするための“便利な文字列”として扱わないでください。環境設定システムに保存します。このトークンが漏れると、誰でも制作ボットとしてメッセージを送れます。制作担当者がスパムを受け取り始めると、あっという間に“面白い”状態から“致命的”な状態へ変わります。",[158,159,162],"figure",{"className":160},[87,161],"kg-image-card",[163,164],"img",{"src":165,"className":166,"alt":168,"loading":169,"width":170,"height":171,"srcSet":172,"sizes":173},"https://blog.cg-wire.com/content/images/2026/03/image-10.png",[167],"kg-image","","lazy",976,925,"https://blog.cg-wire.com/content/images/size/w600/2026/03/image-10.png 600w, https://blog.cg-wire.com/content/images/2026/03/image-10.png 976w","(min-width: 720px) 720px",[101,175,176],{},"これをKitsuのイベントシステムに接続する前に、トークンを手動で検証しましょう。",[101,178,179],{},"Telegram内で、作成したばかりのボットをユーザー名で検索し、そのボットとの会話を開始します。Telegramがチャットを登録できるように、シンプルに「/start」を送信してください。",[101,181,182,183,186],{},"クライアント（チャット）IDを取得するには、トークンを使ってcurlで ",[146,184,185],{},"getUpdates"," エンドポイントを呼び出します。例えば：",[188,189,190],"pre",{},[146,191,194],{"className":192},[193],"language-bash","curl https://api.telegram.org/bot\u003CTOKEN>/getUpdates\n",[101,196,197,198,201,202,205],{},"レスポンスには、",[146,199,200],{},"chat","オブジェクトと ",[146,203,204],{},"id","フィールドを含むJSONペイロードが入ります。この数値IDが、統合がターゲットにするものです。実際のパイプラインのシナリオでは、個人ユーザーというより、スーパーバイザーのグループのチャットIDであることもあります。",[101,207,208],{},"次に、アウトバウンドのメッセージ送信を直接テストします。curlで自分宛てにメッセージを送ってください：",[188,210,211],{},[146,212,214],{"className":213},[193],"curl -X POST https://api.telegram.org/bot\u003CTOKEN>/sendMessage -d chat_id=\u003CCHAT_ID> -d text=\"Kitsu integration test\"\n",[101,216,217],{},"メッセージがTelegramに表示されれば、トークンとチャットIDは有効です。この手動検証のステップは、同じ呼び出しをKitsuのイベントフックに組み込んだときに、何かが静かに失敗するようなケースで、後からデバッグに数時間を費やすのを防いでくれます。",[158,219,221],{"className":220},[87,161],[163,222],{"src":223,"className":224,"alt":168,"loading":169,"width":170,"height":171,"srcSet":225,"sizes":173},"https://blog.cg-wire.com/content/images/2026/03/image-11.png",[167],"https://blog.cg-wire.com/content/images/size/w600/2026/03/image-11.png 600w, https://blog.cg-wire.com/content/images/2026/03/image-11.png 976w",[101,227,228],{},"ボットが検証できたら、次はKitsuのイベントシステムに接続します。たとえば、新しいアセットが作成されたら、スーパーバイザーのTelegramグループにメッセージが自動でプッシュされるようにします。",[101,230,231,232,235],{},"curlでテストしたのとまったく同じ ",[146,233,234],{},"sendMessage"," エンドポイントが、Kitsuによってトリガーされる小さなサービス、またはサーバーレス関数の一部になります。",[111,237],{},[114,239,241],{"id":240},"_2-set-a-kitsu-event-listener","2. Kitsuのイベントリスナーを設定する",[101,243,244],{},"次に、Kitsuからのリアルタイムイベントを購読する必要があります。目的はシンプルです。制作データが変わる瞬間に反応します。",[101,246,247,248,251],{},"Kitsuの ",[146,249,250],{},"zou"," Python SDKを使ってウェブソケット接続を開き、タスク更新イベントをリッスンできます。",[101,253,254],{},"たとえば、Kitsuのイベントストリームに接続し、アセット作成イベントをフィルタリングします：",[188,256,257,289],{},[146,258,261,262,281],{"className":259},[260],"language-python","import gazu \n",[101,263,264,265,271,272,275,276,280],{},"gazu.set_host(\"",[266,267,268],"a",{"href":268,"rel":269},"http://localhost:80/api",[270],"nofollow","\")\ngazu.set_event_host(\"",[266,273,268],{"href":268,"rel":274},[270],"\")\ngazu.log_in(\"",[266,277,279],{"href":278},"mailto:admin@example.com","admin@example.com","\", \"mysecretpassword\")",[101,282,283,284,288],{},"def my_callback(data):\nprint(\"Asset created %s\" % data",[285,286,287],"span",{},"\"asset_id\"",")",[101,290,291],{},[146,292,294],{"className":293},[260],"event_client = gazu.events.init()\ngazu.events.add_listener(event_client, \"asset:new\", my_callback)\ngazu.events.run_client(event_client)\n",[101,296,297,300,301,306],{},[146,298,299],{},"gazu"," ライブラリを使って、",[146,302,303],{},[266,304,268],{"href":268,"rel":305},[270]," のローカルホスト上にあるKitsu APIサーバーへ接続し、指定された管理者認証情報で認証したうえで、リアルタイムイベントをリッスンします。",[101,308,309,310,313],{},"この抜粋では、イベントがトリガーされるたびに新しく作成されたアセットのIDを出力するコールバック関数 ",[146,311,312],{},"my_callback"," を定義しています。",[101,315,316,319,320,323],{},[146,317,318],{},"gazu.events.init()"," でイベントクライアントを初期化した後、スクリプトは ",[146,321,322],{},"\"asset:new\""," イベントをリッスンするためにコールバックを登録します（このイベントは、システム内で新しいアセットが作成されるたびに発火します）。",[101,325,326,329,330,333],{},[146,327,328],{},"gazu.events.run_client(event_client)"," はイベントループを開始し、Kitsuに新しいアセットが追加されるたびにコールバックが実行され、その ",[146,331,332],{},"asset_id"," が出力される状態を維持します。",[111,335],{},[114,337,339],{"id":338},"_3-use-the-telegram-api-to-send-a-message","3. メッセージを送るためにTelegram APIを使う",[101,341,342,343,345],{},"イベントが流れてくる状態になったら、先ほどのテストと同様に、Telegramの ",[146,344,234],{}," エンドポイントでメッセージを外へ押し出します。APIは、HTTP POSTで、ボットトークン、チャットID、テキストのペイロードを含めるだけです。",[101,347,348],{},"それを小さなユーティリティ関数にまとめます：",[188,350,351,375],{},[146,352,354,355,358,367],{"className":353},[260],"import requests\nimport os",[101,356,357],{},"TELEGRAM_BOT_TOKEN = os.getenv('TELEGRAM_BOT_TOKEN')\nTELEGRAM_CHAT_ID = os.getenv('TELEGRAM_CHAT_ID')",[101,359,360,361,366],{},"def send_telegram_message(text):\nurl = f\"",[266,362,365],{"href":363,"rel":364},"https://api.telegram.org/bot%7BTELEGRAM_BOT_TOKEN%7D/sendMessage",[270],"https://api.telegram.org/bot{TELEGRAM_BOT_TOKEN}/sendMessage","\"\npayload = {\n\"chat_id\": TELEGRAM_CHAT_ID,\n\"text\": text,\n\"parse_mode\": \"Markdown\"\n}",[188,368,373],{"className":369,"code":371,"language":372},[370],"language-text","response = requests.post(url, json=payload, timeout=5)\n\nif not response.ok:\n    raise RuntimeError(\n        f\"Telegram API error {response.status_code}: {response.text}\"\n    )\n","text",[146,374,371],{"__ignoreMap":168},[101,376,377],{},[146,378],{"className":379},[260],[101,381,382],{},"Gitリポジトリに保存され続けるのを防ぐため、秘密の環境変数を定義している点に注意してください。",[101,384,385],{},"そしてイベントコールバックから呼び出します：",[188,387,388,392],{},[146,389,391],{"className":390},[260],"from your_telegram_module import send_telegram_message",[101,393,394],{},[146,395,397,398,400],{"className":396},[260],"def my_callback(data):\nsend_telegram_message(\"Asset created %s\" % data",[285,399,287],{},")\n",[101,402,403],{},"イベントリスナーをテストするには：",[188,405,406],{},[146,407,409],{"className":408},[193],"TELEGRAM_BOT_TOKEN=\u003CTELEGRAM_BOT_TOKEN> TELEGRAM_CHAT_ID=\u003CCHAT_ID> python server.py\n",[111,411],{},[114,413,415],{"id":414},"_4-receiving-messages-with-a-custom-kitsu-api-endpoint","4. カスタムKitsu APIエンドポイントでメッセージを受け取る",[101,417,418],{},"通知は便利ですが、双方向のコミュニケーションこそが、この統合を本当に価値あるものにします。",[101,420,421,422,425],{},"そのためには、Kitsuバックエンドを拡張して、",[146,423,424],{},"/plugins/telegram/webhook"," のような新しいルートを登録するカスタムプラグインを用意する必要があります。詳細な手順は、公式の「Kitsuプラグインを開発する」ガイドを参照してください。",[101,427,428],{},"マニフェストは次のようになります：",[188,430,431],{},[146,432,435,436,440,441,443],{"className":433},[434],"language-toml","id = \"telegram\"\nname = \"Telegram Bot\"\ndescription = \"Telegram Bot\"\nversion = \"0.1.0\"\nmaintainer = \"Frank Rousseau \u003C",[266,437,439],{"href":438},"mailto:frank@cg-wire.com","frank@cg-wire.com",">\"\nwebsite = \"kitsu.cloud\"\nlicense = \"AGPL-3.0-only\"\nmaintainer_name = \"Frank Rousseau\"\nmaintainer_email = \"",[266,442,439],{"href":438},"\"\nfrontend_project_enabled = true\nfrontend_studio_enabled = true\nicon = \"telegram\"\n",[101,445,446],{},"そしてカスタムルートは、受け取ったコマンドを解析して、それを明確なバックエンドのアクションへマッピングします：",[188,448,449,465],{},[146,450,452,453,459],{"className":451},[260],"from flask_restful import Resource",[101,454,455,456,288],{},"class WebhookResource(Resource):\ndef post(self):\nargs = self.get_args(",[285,457,458],{},"\n(\"message\", {}, True),\n(\"chat\", {}, True),\n",[188,460,463],{"className":461,"code":462,"language":372},[370],"    message = args['message']\n    chat_id = args['chat'].get(\"id\")\n    text = message.get(\"text\", \"\")\n\n    if text == \"/hello\":    \n        send_telegram_message(\"it works\")\n\n    return jsonify({\"status\": \"ok\"})\n",[146,464,462],{"__ignoreMap":168},[101,466,467],{},[146,468],{"className":469},[260],[101,471,472,473,476],{},"シンプルさのために ",[146,474,475],{},"/hello"," という単一のコマンドを定義していますが、さらにたくさん作って、Kitsuのサービスを使って制作データを問い合わせることもできます。",[101,478,479],{},"決定論的（deterministic）なコマンドは、テストしやすく、ログもしやすく、セキュアです。さらに一歩進めて、LLMに自然言語のリクエストをコマンドへマッピングさせることもできます。",[101,481,482,483,490],{},"必要なのは、主要なエントリポイント ",[146,484,485,489],{},[486,487,488],"strong",{},"init",".py"," にルートを登録することだけです：",[188,492,493,498],{},[146,494,497],{"className":495},[496],"language-py","from . import resources",[101,499,500],{},[146,501,503,504],{"className":502},[496],"routes = ",[285,505,506],{},"(f\"/telegram/webhook\", resources.WebhookResource)",[101,508,509],{},"Kitsuサーバーインスタンスにプラグインをパッケージングしてインストールしたら、次はTelegramボットに「どうやってそこへ到達するか」を教えます。",[101,511,512],{},"ローカル開発環境を使う場合、トンネルでサーバーを公開できます。たとえばngrokで、サーバーがポート5000で動いているなら：",[188,514,515],{},[146,516,518],{"className":517},[193],"ngrok http 5000\n",[101,520,521],{},"そして、TelegramボットのWebhookをそのURLへ向けるように設定します：",[188,523,524],{},[146,525,527,528,532,533,536,537,539],{"className":526},[193],"curl -X POST \"",[266,529,530],{"href":530,"rel":531},"https://api.telegram.org/bot<YOUR_BOT_TOKEN>/setWebhook",[270],"\" ",[534,535],"br",{},"\n-H \"Content-Type: application/json\" ",[534,538],{},"\n-d '{\"url\": \"https://\u003Crandom>.ngrok-free.app/plugin/telegram/webhook\"}'\n",[101,541,542,543,545],{},"これで、Telegramチャットでボットに ",[146,544,475],{}," を送って結果を確認します：",[158,547,549],{"className":548},[87,161],[163,550],{"src":551,"className":552,"alt":168,"loading":169,"width":553,"height":554},"https://blog.cg-wire.com/content/images/2026/03/image-12.png",[167],525,560,[111,556],{},[114,558,560],{"id":559},"conclusion","結論",[101,562,563],{},"Kitsuと連携するカスタム・メッセージング統合は、常に似たパターンに従います。メッセージングプラットフォーム上でボットを作成し、Kitsuのイベントを購読し、構造化された通知を送信し、受信したメッセージを処理するためのバックエンドのルートを公開します。",[101,565,566],{},"しかし、それだけではありません。Kitsuプラグインにビューを追加することも検討してください。",[101,568,569],{},"たとえば、ボットのアクティビティや最近のやり取りをダッシュボード上に直接表示します。Kitsu内で作業するスーパーバイザーは、どのアラートが送られ、どのコマンドがトリガーされたかを確認できるようになります。可能性は無限です！",[84,571,573,577],{"className":572},[87,88,89],[84,574,576],{"className":575},[93],"📽️",[84,578,580,581,587],{"className":579},[98],"アニメーション制作プロセスについてもっと知るには",[266,582,586],{"href":583,"rel":584},"https://www.cg-wire.com/community?ref=blog.cg-wire.com",[585],"noreferrer","Discordコミュニティに参加することを検討してください","！私たちはベストプラクティスを共有する1,000人以上の専門家とつながっており、ときには対面イベントも企画しています。ぜひ歓迎します！ 😊",[84,589,593],{"className":590},[87,591,592],"kg-button-card","kg-align-center",[266,594,598],{"href":583,"className":595},[596,597],"kg-btn","kg-btn-accent","Discordコミュニティに参加する",{"title":168,"searchDepth":600,"depth":600,"links":601},2,[602,603,604,605,606,607],{"id":116,"depth":600,"text":117},{"id":134,"depth":600,"text":135},{"id":240,"depth":600,"text":241},{"id":338,"depth":600,"text":339},{"id":414,"depth":600,"text":415},{"id":559,"depth":600,"text":560},"md","https://images.unsplash.com/photo-1577563908411-5077b6dc7624?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3wxMTc3M3wwfDF8c2VhcmNofDF8fG1lc3NhZ2V8ZW58MHx8fHwxNzczMDM5MzU5fDA&ixlib=rb-4.1.0&q=80&w=2000",{"updated_at":611,"featured_at":612,"visibility":613},"2026-03-09T08:00:23.000+01:00","false","public","/blog-i18n/ja/kitsu-telegram-bot-integration",{"title":73,"description":168},"kitsu-telegram-bot-integration","blog-i18n/ja/kitsu-telegram-bot-integration/index",[619],{"id":620,"name":621,"slug":622,"description":7,"feature_image":7,"visibility":613,"og_image":7,"og_title":7,"og_description":7,"twitter_image":7,"twitter_title":7,"twitter_description":7,"meta_title":7,"meta_description":7,"codeinjection_head":7,"codeinjection_foot":7,"canonical_url":7,"accent_color":7,"url":623},"5fff0e54653a0c003924f7f2","Pipeline Automation","pipeline","https://blog.cg-wire.com/tag/pipeline/","DZCBNZfi2QPcGCBcbdG8r9f5atrGYoCgP3nwBMXnoZ8",{"id":626,"title":627,"authors":628,"body":630,"description":168,"extension":608,"feature_image":1022,"html":7,"meta":1023,"navigation":11,"path":1025,"published_at":1024,"seo":1026,"slug":1027,"stem":1028,"tags":1029,"__hash__":1031,"updated_at":1024,"featured_at":612,"visibility":613},"blog/blog-i18n/ja/retopology-animation-blender-guide/index.md","アニメーションパイプラインにおけるリトポロジーが重要な理由",[629],{"id":76,"name":77,"slug":78,"profile_image":7,"cover_image":7,"bio":7,"website":7,"location":7,"facebook":7,"twitter":7,"meta_title":7,"meta_description":7,"threads":7,"bluesky":7,"mastodon":7,"tiktok":7,"youtube":7,"instagram":7,"linkedin":7,"url":79},{"type":81,"value":631,"toc":1012},[632,643,646,653,656,658,662,681,686,707,710,713,716,719,721,725,730,737,743,750,756,758,762,767,773,776,779,782,792,795,797,801,806,809,812,814,818,823,830,833,851,857,860,871,874,879,881,885,890,896,899,917,920,925,928,930,934,939,946,949,958,961,964,967,970,972,975,980,983,986,989,992,1006],[84,633,635,639],{"className":634},[87,88,89],[84,636,638],{"className":637},[93],"🧩",[84,640,642],{"className":641},[98]," リトポロジーは、ぐちゃぐちゃになった3Dメッシュをアニメーションに使えるアセットへ変えます。",[101,644,645],{},"AIツールは、数分で3Dモデルを生成できるようになりましたが、たいていはトポロジーがぐちゃぐちゃです。つまり、表面に沿ったポリゴンの並び方が均一でなく、構造も貧弱ということです。見た目は問題ないように見えるかもしれませんが、アニメーションを付け始めた瞬間に壊れます。",[101,647,648,649,652],{},"何らかのアニメーションやレンダリングを行うなら、",[486,650,651],{},"リトポロジーが必要になる","と考えてください。",[101,654,655],{},"どこから始めればいいかわからない場合も大丈夫です。この記事では、工程を順を追って説明し、作業を楽にするために使えるさまざまなツールを紹介します。",[111,657],{},[114,659,661],{"id":660},"whats-retopology","リトポロジーとは",[84,663,666,670],{"className":664},[87,88,665],"kg-callout-card-blue",[84,667,669],{"className":668},[93],"💡",[84,671,673,680],{"className":672},[98],[674,675,676],"b",{},[486,677,679],{"style":678},"white-space: pre-wrap;","リトポロジーとは、既存のスカルプの上に、アニメーションで正しく変形できるように、よりクリーンなポリゴン配置を作るために、3Dモデルのサーフェス・トポロジーを作り直すプロセスです","。",[101,682,683],{},[266,684],{"href":685},"https://github.com/cgwire/blog/blob/main/drafts/retopology/index.md?ref=blog.cg-wire.com#whats-retopology",[158,687,690,695],{"className":688},[87,161,689],"kg-card-hascaption",[163,691],{"src":692,"className":693,"alt":168,"loading":169,"width":554,"height":694},"https://blog.cg-wire.com/content/images/2026/03/image-5.png",[167],220,[696,697,698],"figcaption",{},[699,700,701],"i",{},[702,703,706],"em",{"className":704,"style":678},[705],"italic","出典：Blender Manual",[101,708,709],{},"たとえば、私たちは通常、ZBrushから出てきた高密度のスカルプをそのままアニメーションしません。代わりに、その上に軽量で構造化されたメッシュを構築します。",[101,711,712],{},"メッシュは、頂点（点）、エッジ（点と点の間の線）、面（表面）でできた3Dオブジェクトです。",[101,714,715],{},"リギングを考える前に、まずワイヤーフレーム表示でメッシュを確認し、高密度のかたまり、引き伸ばされたポリゴン、そしてエッジフローの混沌（エッジが表面上で辿る方向）を特定します。",[101,717,718],{},"キャラクターの場合、たとえば肩は三角形ではなく均等に配置したクワッド（4辺のポリゴン）で作り直すことで、腕がピンチせずに回転できるようにします。これがリトポロジーです。",[111,720],{},[114,722,724],{"id":723},"why-retopology-is-key","リトポロジーが重要な理由",[101,726,727],{},[266,728],{"href":729},"https://github.com/cgwire/blog/blob/main/drafts/retopology/index.md?ref=blog.cg-wire.com#why-retopology-is-key",[101,731,732,733,736],{},"リトポロジーは、モデルのサーフェスをクリーンなジオメトリで作り直します。そしてそれは、",[486,734,735],{},"制作をまたいでメンテナンスしやすく、再利用できるアセット","が欲しいなら必要です。アニメーターは、高密度スカルプのトポロジーをそのまま下流へ渡しません。代わりに、次のアニメーターやリガーが素早く理解して変更できるように、クリーンなエッジループで再構築します。",[101,738,739,742],{},[486,740,741],{},"良いリトポロジーは、変形が予測可能になるためアニメーションを簡単にします。","変形とは、ジョイントが回転したときにメッシュがどのように形状を変えるかです。肘、膝、口まわりには、均等に配置したクワッドを用意し、変形を支えましょう。ジョイントの周囲に半径方向のエッジループを5〜7本配置すると、皮膚が潰れずに曲がるための十分なジオメトリが得られます。",[101,744,745,746,749],{},"最後に、",[486,747,748],{},"ポリゴン密度を制御することでレンダリングコストを抑えられます。","ポリゴンはジオメトリの1つの面で、数が増えるほど処理するデータも増えるため、シルエットが変化するディテールには集中し、平坦な部分は軽量にしてコストを削減します。",[101,751,752,755],{},[486,753,754],{},"リトポロジーは必ず、どこかのタイミングで役に立ちます。"," 3Dモデルを修正する場合でも、異なるレベル・オブ・ディテール（LOD）を作る場合でも同じです。では、袖まくりして掘り下げていきましょう。",[111,757],{},[114,759,761],{"id":760},"_1-back-up-your-3d-model","1. 3Dモデルをバックアップする",[101,763,764],{},[266,765],{"href":766},"https://github.com/cgwire/blog/blob/main/drafts/retopology/index.md?ref=blog.cg-wire.com#1-back-up-your-3d-model",[101,768,769,770,680],{},"まず最初に、",[486,771,772],{},"リトポロジーに触れる前に、毎回必ずモデルをバックアップすることが重要です",[101,774,775],{},"自動リトポロジーのツールは、トポロジーを最初から作り直すため、元のメッシュデータを上書き、または削除します。アーティストが長い一日の終わりにオート・レトポを走らせたあと、「新しいエッジフローのせいで肩周りの変形が壊れた」ことに気づき、しかも元のスカルプが消えてしまっている——そんなことが起こりがちです。",[101,777,778],{},"アンドゥに頼らないでください。クリーンな重複（コピー）を保存し、破壊的な処理を実行する前に、現在のメッシュをシーンにアーカイブしておきましょう。",[101,780,781],{},"制作現場では、変更を追跡・復元可能にするためにKitsuで新しいバージョンも作成します。こうすれば、リギングテストで新しいトポロジーが失敗しても、ITにファイル復元を頼む代わりに、数分でロールバックできます。",[158,783,785],{"className":784},[87,161],[163,786],{"src":787,"className":788,"alt":168,"loading":169,"width":789,"height":790,"srcSet":791,"sizes":173},"https://blog.cg-wire.com/content/images/2026/03/image-6.png",[167],1438,809,"https://blog.cg-wire.com/content/images/size/w600/2026/03/image-6.png 600w, https://blog.cg-wire.com/content/images/size/w1000/2026/03/image-6.png 1000w, https://blog.cg-wire.com/content/images/2026/03/image-6.png 1438w",[101,793,794],{},"バックアップはリトポロジー作業そのものの一部として扱いましょう！2分のバージョン更新と重複保存だけで、スカルプの作業日を守れます。また、上長が「before」と「after」のメッシュを比較したいと言ったときも、パイプラインが止まらないようにできます。",[111,796],{},[114,798,800],{"id":799},"_2-general-process","2. 一般的な進め方",[101,802,803],{},[266,804],{"href":805},"https://github.com/cgwire/blog/blob/main/drafts/retopology/index.md?ref=blog.cg-wire.com#2-general-process",[101,807,808],{},"基本のワークフローはシンプルです。スカルプをクリーンアップし、安定性のためにボクセルでリメッシュし、構造のためにクワッドでリメッシュし、その後、肩や腰などの変形領域を手作業で微調整します。",[101,810,811],{},"常に最初の段階で、素早いスキンウェイトと極端なポーズでテストしてください。",[111,813],{},[114,815,817],{"id":816},"_3-automated-retopology-with-remeshing","3. リメッシングによる自動リトポロジー",[101,819,820],{},[266,821],{"href":822},"https://github.com/cgwire/blog/blob/main/drafts/retopology/index.md?ref=blog.cg-wire.com#3-automated-retopology-with-remeshing",[101,824,825,826,829],{},"もしクリーチャーが800万ポリゴンもの高密度で、しかもぐちゃぐちゃな三角形ばかりで入ってきたら、",[486,827,828],{},"最初から手作業でリトポロジーを始めない","ほうがいいです。代わりに、まず自動のリメッシュ処理で構造を作り出します。",[101,831,832],{},"そのためにBlenderでは、リメッシングのアルゴリズムとしてVoxelとquadの2種類を提案しています。",[158,834,836,843],{"className":835},[87,161,689],[163,837],{"src":838,"className":839,"alt":168,"loading":169,"width":840,"height":841,"srcSet":842,"sizes":173},"https://blog.cg-wire.com/content/images/2026/03/image-7.png",[167],1280,720,"https://blog.cg-wire.com/content/images/size/w600/2026/03/image-7.png 600w, https://blog.cg-wire.com/content/images/size/w1000/2026/03/image-7.png 1000w, https://blog.cg-wire.com/content/images/2026/03/image-7.png 1280w",[696,844,845],{},[699,846,847],{},[702,848,850],{"className":849,"style":678},[705],"出典：MediumのSofia Pahaoja",[101,852,853,856],{},[486,854,855],{},"ボクセル・リメッシング","（VDB Remesh）は、メッシュを3Dグリッド上の小さな立方体（ボクセル）に変換し、元のエッジフローではなく体積に基づいてサーフェスを作り直すことで機能します。",[101,858,859],{},"その結果、均等に分布したジオメトリが得られるため、穴の修正、非マニホールド形状（一定のサーフェス法線を保ったまま2D平面へ展開できない構造）、交差している部分などの修正に非常に適しています。既存のトポロジーを厳密に保持することをあまり気にせず、「新しいベースメッシュ」が必要なときはボクセルを使います。すると結果はぐちゃぐちゃになり得ます。",[101,861,862,863,866,867,870],{},"一方で、",[486,864,865],{},"アニメーション向けのエッジループ","が欲しい場合は、",[486,868,869],{},"クワッド・リメッシング","を使えます。クワッド・リメッシングはサーフェスの曲率を分析し、スキニングの下で予測可能に変形するクワッドを生成します。QuadriFlowはモデルの形状に沿って処理します。",[101,872,873],{},"もちろん、この2つを組み合わせることもできます。たとえばフェイスリグの場合、ボクセルのクリーンアップの後にクワッドでリメッシュし、その上でガイドを調整して、目と口の周囲にループを強制することができます。",[101,875,876],{},[486,877,878],{},"自動リトポロジーは、多くの場合「最初の出発点」であって最終納品物ではありません。",[111,880],{},[114,882,884],{"id":883},"_4-manual-retopology-with-poly-build","4. ポリビルドによる手動リトポロジー",[101,886,887],{},[266,888],{"href":889},"https://github.com/cgwire/blog/blob/main/drafts/retopology/index.md?ref=blog.cg-wire.com#4-manual-retopology-with-poly-build",[101,891,892,895],{},[486,893,894],{},"Poly Buildツールを使った手動リトポロジー","は、変形品質が最重要になるとき、特にクローズアップを担うヒーローキャラクターに対して使うものです。",[101,897,898],{},"Blenderでは、Poly Buildツールを使って、高密度メッシュの表面に直接新しいポリゴンを描けます。描画した各頂点はスカルプにスナップされます。",[158,900,902,909],{"className":901},[87,161,689],[163,903],{"src":904,"className":905,"alt":168,"loading":169,"width":906,"height":907,"srcSet":908,"sizes":173},"https://blog.cg-wire.com/content/images/2026/03/image-8.png",[167],1078,516,"https://blog.cg-wire.com/content/images/size/w600/2026/03/image-8.png 600w, https://blog.cg-wire.com/content/images/size/w1000/2026/03/image-8.png 1000w, https://blog.cg-wire.com/content/images/2026/03/image-8.png 1078w",[696,910,911],{},[699,912,913],{},[702,914,916],{"className":915,"style":678},[705],"出典：Blender Nation",[101,918,919],{},"フェイスリグの例で言えば、アーティストはまず唇の周囲にクワッド（4辺のポリゴン）を配置して、エッジループが笑顔のラインに沿うことを確認してから、口周りを作り直すことができます。これにより、リガーはブレンドシェイプ向けに予測可能なループを得られ、極端なフォネム（音素）でジオメトリが潰れるのを避けられます。",[101,921,922],{},[486,923,924],{},"また、Subdivision Surface ModifierやMultiresolution Modifierのような他のモディファイアを使って、特定の作業を行うこともできます。",[101,926,927],{},"このステップでは経験が非常に重要です。多くのアニメーターは、高品質モデルのトポロジーを研究して、その同じ原理を自分のモデルへ適用することで学びます。それは暗黙知なので、実践が鍵です！",[111,929],{},[114,931,933],{"id":932},"_5-measuring-retopology-performance","5. リトポロジーのパフォーマンスを測る",[101,935,936],{},[266,937],{"href":938},"https://github.com/cgwire/blog/blob/main/drafts/retopology/index.md?ref=blog.cg-wire.com#5-measuring-retopology-performance",[101,940,941,942,945],{},"リトポロジーは見た目（美しさ）がすべてのように思えますが、",[486,943,944],{},"シーン内のメッシュ数を数えるなどして、数値でリトポロジーのパフォーマンスを測るのは良い習慣です","。そうすれば、どれくらいの作業量が必要か評価でき、進捗も追跡できます。",[101,947,948],{},"BlenderではOutlinerを開き、メッシュオブジェクトがいくつあるか確認してください。そのうえで、ビューポートのオーバーレイでStatisticsを有効にすると、頂点数と面数をリアルタイムで見られます。",[158,950,952],{"className":951},[87,161],[163,953],{"src":954,"className":955,"alt":168,"loading":169,"width":956,"height":957},"https://blog.cg-wire.com/content/images/2026/03/image-9.png",[167],317,159,[101,959,960],{},"キャラクターモデルは軽く見えるかもしれませんが、統計では別々の衣装メッシュにまたがって12万ポリゴン（面）があることが分かる場合があります。さらに、静的アクセサリを結合し、見えない内側の面を削除するだけで、より複雑なリトポロジー作業を始める前に面数を大きく減らせることもあります。",[101,962,963],{},"また、LOD戦略に応じて別メッシュの数も考慮することが重要です。",[101,965,966],{},"LOD（Level of Detail）とは、同じアセットを異なる解像度の複数バージョンで用意し、エンジンがカメラ距離に応じてそれらを切り替えることを意味します。",[101,968,969],{},"メッシュ数の削減やLODの最適化も、実行時のパフォーマンスに関わるためです。そこで、肩や腰などの重要な変形領域をリトポロジーし直し、低いLODでもアニメーション中に正しく曲がるようにします。細部に時間をかけすぎずに済むよう、状況に応じて判断するのが大切です。文脈が重要です。",[111,971],{},[114,973,974],{"id":559},"まとめ",[101,976,977],{},[266,978],{"href":979},"https://github.com/cgwire/blog/blob/main/drafts/retopology/index.md?ref=blog.cg-wire.com#conclusion",[101,981,982],{},"AIが生成した3Dモデルにより、アイデアからメッシュまで一気に進めるスピードは驚くほど速くなりました。しかし、構造のないスピードには代償があります。クリーンなトポロジーこそが、未加工でぐちゃぐちゃなアセットを制作に耐える状態へ変えてくれます。",[101,984,985],{},"このガイドでは、リトポロジーとは何か、なぜメンテナンス性、アニメーション、レンダリングのパフォーマンスにとって重要なのか、そしてBlender内で段階的にどうアプローチするかを解説しました。",[101,987,988],{},"元のメッシュをバックアップすることがどれほど重要かはお分かりいただけたはずです。そこから、素早い結果を得るためにVoxelやQuadのようなリメッシングツールを使った自動リトポロジーを見ていきました。さらに、精度が最も重要なときに使うモディファイアによる手動リトポロジーも紹介しました。最後に、メッシュ数を分析し、LODとトポロジーのトレードオフを理解することでパフォーマンスを測る方法を確認しました。",[101,990,991],{},"リトポロジーは単なるクリーンアップ工程ではありません。そして、Blenderでプロセスを実演しましたが、同じ原理は主要なDCCツールすべてに当てはまります。Blenderで作業していようが、Maya、Houdini、その他の3Dソフトであろうが、基本は変わりません。",[84,993,995,998],{"className":994},[87,88,89],[84,996,576],{"className":997},[93],[84,999,1001,1002,1005],{"className":1000},[98],"アニメーションのプロセスについてもっと学ぶには ",[266,1003,586],{"href":583,"rel":1004},[585],"！私たちはベストプラクティスを共有する1,000人以上の専門家とつながっており、たまに対面イベントも企画しています。ぜひあなたを歓迎したいです！ 😊",[84,1007,1009],{"className":1008},[87,591,592],[266,1010,598],{"href":583,"className":1011},[596,597],{"title":168,"searchDepth":600,"depth":600,"links":1013},[1014,1015,1016,1017,1018,1019,1020,1021],{"id":660,"depth":600,"text":661},{"id":723,"depth":600,"text":724},{"id":760,"depth":600,"text":761},{"id":799,"depth":600,"text":800},{"id":816,"depth":600,"text":817},{"id":883,"depth":600,"text":884},{"id":932,"depth":600,"text":933},{"id":559,"depth":600,"text":974},"https://images.unsplash.com/photo-1590285359328-dce54ee24c1c?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3wxMTc3M3wwfDF8c2VhcmNofDQwfHxhbmltYXRpb24lMjBtb2RlbHxlbnwwfHx8fDE3NzMwMzgxMDN8MA&ixlib=rb-4.1.0&q=80&w=2000",{"updated_at":1024,"featured_at":612,"visibility":613},"2026-03-09T07:41:49.000+01:00","/blog-i18n/ja/retopology-animation-blender-guide",{"title":627,"description":168},"retopology-animation-blender-guide","blog-i18n/ja/retopology-animation-blender-guide/index",[1030],{"id":620,"name":621,"slug":622,"description":7,"feature_image":7,"visibility":613,"og_image":7,"og_title":7,"og_description":7,"twitter_image":7,"twitter_title":7,"twitter_description":7,"meta_title":7,"meta_description":7,"codeinjection_head":7,"codeinjection_foot":7,"canonical_url":7,"accent_color":7,"url":623},"VC18gtbPd85SrppqGciKI-JG0AUH8kFAfaZ94ju4Rwo",{"id":1033,"title":1034,"authors":1035,"body":1037,"description":168,"extension":608,"feature_image":1421,"html":7,"meta":1422,"navigation":11,"path":1424,"published_at":1423,"seo":1425,"slug":1426,"stem":1427,"tags":1428,"__hash__":1430,"updated_at":1423,"featured_at":612,"visibility":613},"blog/blog-i18n/ja/kitsu-webhooks-pipeline-automation/index.md","Kitsu Webhookでパイプラインアクションをトリガーする方法",[1036],{"id":76,"name":77,"slug":78,"profile_image":7,"cover_image":7,"bio":7,"website":7,"location":7,"facebook":7,"twitter":7,"meta_title":7,"meta_description":7,"threads":7,"bluesky":7,"mastodon":7,"tiktok":7,"youtube":7,"instagram":7,"linkedin":7,"url":79},{"type":81,"value":1038,"toc":1412},[1039,1050,1057,1060,1068,1071,1099,1101,1105,1115,1118,1121,1124,1127,1130,1133,1135,1139,1147,1172,1175,1177,1181,1187,1214,1225,1232,1237,1243,1255,1267,1269,1273,1276,1306,1313,1316,1323,1329,1332,1334,1338,1341,1344,1347,1350,1357,1359,1363,1366,1369,1375,1378,1381,1383,1385,1388,1391,1406],[84,1040,1042,1046],{"className":1041},[87,88,89],[84,1043,1045],{"className":1044},[93],"⚡",[84,1047,1049],{"className":1048},[98],"Kitsuのwebhookで、制作イベントを即時のパイプラインアクションに変えましょう。",[101,1051,1052,1053,1056],{},"スタジオが成長するにつれて、手作業のパイプラインに生じたほころびがより大きく目立つようになります。アーティストがアセットをパブリッシュし、スーパーバイザーがショットを承認し、タスクが",[702,1054,1055],{},"Done","に切り替わる。しかし、どこかの段階で別のツールがまだ「何かを言われ待ち」になっている。そうした遅れは積み重なっていきます。",[101,1058,1059],{},"KitsuのEvent APIは、制作で何が起きたかを、その瞬間に配信することで状況を一変させます。ポーリングも、推測も不要です。行動に移せるリアルタイムのシグナルだけが得られます。",[101,1061,1062,1063,1067],{},"webhookを使えば、",[266,1064,1066],{"href":1065},"https://blog.cg-wire.com/blender-programmatic-rendering/","レンダリングの起動","、トラッキングツールの同期、チームへの通知、あるいは人を介した引き継ぎなしでの下流システムの更新などのように、制作データが変化した瞬間に自動アクションをトリガーできます。",[101,1069,1070],{},"この記事では、セットアップ方法と、それを実際に活用する手順を解説します。スタジオで検証済みの実用的な例を、リアルなパイプラインにそのまま組み込めます。",[84,1072,1074,1077],{"className":1073},[87,88,665],[84,1075,669],{"className":1076},[93],[84,1078,1080,1085,1087,1089,1090,1092,1094,1095],{"className":1079},[98],[674,1081,1082],{},[486,1083,1084],{"style":678},"動く例を探していますか？",[534,1086],{},[534,1088],{},"このガイドで紹介しているサンプル統合の完全なソースコードは、GitHubで確認できます：",[534,1091],{},[534,1093],{},"🔗 ",[266,1096,1098],{"href":1097},"https://github.com/cgwire/blog-tutorials/tree/main/kitsu-webhooks%20?ref=blog.cg-wire.com","https://github.com/cgwire/blog-tutorials/tree/main/kitsu-webhooks%20",[111,1100],{},[114,1102,1104],{"id":1103},"why-webhooks","なぜwebhookなのか",[158,1106,1108],{"className":1107},[87,161],[163,1109],{"src":1110,"className":1111,"alt":168,"loading":169,"width":1112,"height":1113,"srcSet":1114,"sizes":173},"https://blog.cg-wire.com/content/images/2026/02/data-src-image-9c7a79f2-b129-45df-bea5-52e3d0e07988.png",[167],1600,900,"https://blog.cg-wire.com/content/images/size/w600/2026/02/data-src-image-9c7a79f2-b129-45df-bea5-52e3d0e07988.png 600w, https://blog.cg-wire.com/content/images/size/w1000/2026/02/data-src-image-9c7a79f2-b129-45df-bea5-52e3d0e07988.png 1000w, https://blog.cg-wire.com/content/images/2026/02/data-src-image-9c7a79f2-b129-45df-bea5-52e3d0e07988.png 1600w",[101,1116,1117],{},"数分おきにAPIをポーリングするのは、フロア中に叫んで「更新はないのか」と制作に尋ねるようなものです。遅い上に騒がしく、しかも「問題が起きた瞬間」を見逃しやすい。",[101,1119,1120],{},"webhookはこのモデルを反転させます。Kitsuが変わったかどうかを確認するのではなく、Kitsuが変化した瞬間にあなたのパイプラインへすぐに伝えてくれるのです。",[101,1122,1123],{},"これにより、実際の制作では複数のメリットがあります。たとえばモデラーがKitsuで新しいプロップを作成すると、数秒以内に、アセット構築システムがサーバー上で正しいディレクトリ構造を立ち上げます。さらにDCCツールにアセットを登録し、レイアウトから見えるようにします。誰も名前をコピーしたり、ボタンをクリックしたりする必要はありません。",[101,1125,1126],{},"後のスケジュールで、ライティングのタスクがDoneに移動するとします。たった1回のステータス変更が、レンダーマネジメントシステムに対してショットを自動提出させるトリガーになります。最新の承認済みファイルと、そのショーに適した正しいレンダー設定を使います。誰かがタスクの完了に気づく頃には、すでにフレームがレンダリングされている状態です。",[101,1128,1129],{},"アーティストがファイルをパブリッシュしたとき、webhookはそのバージョンをそのままレビュー用スタックへ押し込むこともできます。承認済みが開封される前にメディアをトランスコードし、アップロードし、正しいショットに紐づけます。レビューはより早く行われ、ノートはより速く返り、作業は「誰かが次の手順を思い出すのを待つ」状態から解放されて流れ続けます。",[101,1131,1132],{},"つまりwebhookがもたらすのはこれです。制作データが、そのままアクションに直結すること。引き継ぎが減り、フィードバックループがより密になり、アーティストが作業するのと同じスピードでパイプラインが反応できるようになります。",[111,1134],{},[114,1136,1138],{"id":1137},"available-events","利用可能なイベント",[101,1140,1141,1142,1146],{},"Kitsuは、",[266,1143,1145],{"href":1144},"https://gazu.cg-wire.com/data?ref=blog.cg-wire.com","利用可能なデータモデル","でカバーされている制作アクションすべてに対してイベントを発行します：",[1148,1149,1150,1154,1157,1160,1163,1166,1169],"ul",{},[1151,1152,1153],"li",{},"アセットの作成と更新",[1151,1155,1156],{},"ショットの作成と更新",[1151,1158,1159],{},"タスクステータスの変更",[1151,1161,1162],{},"プレビュー用ファイルの作成とパブリッシュ",[1151,1164,1165],{},"人（担当）の管理",[1151,1167,1168],{},"組織の変更",[1151,1170,1171],{},"ショットおよびシーケンスの更新",[101,1173,1174],{},"各イベントには構造化されたデータ（ID、タイムスタンプ、ユーザー情報など）が含まれるため、何が変わったのかを正確に特定し、それに応じてリアクションできます。購読できるリアルタイムの制作ログです！",[111,1176],{},[114,1178,1180],{"id":1179},"_1-create-an-event-listener","1. イベントリスナーを作成する",[101,1182,1183,1184,1186],{},"最初のステップは、Kitsu Pythonクライアント（",[146,1185,299],{},"）を使ってイベントリスナーを登録することです。このリスナーはwebhookエンドポイントのように振る舞います。つまり、イベントを待ち、発生したらコールバック関数を呼び出します。",[188,1188,1189,1209],{},[146,1190,1192,1193,1205],{"className":1191},[496],"import gazu\n",[101,1194,264,1195,271,1199,1202,1203,280],{},[266,1196,1197],{"href":1197,"rel":1198},"http://localhost/api",[270],[266,1200,1197],{"href":1197,"rel":1201},[270],"\")\nuser = gazu.log_in(\"",[266,1204,279],{"href":278},[101,1206,283,1207,288],{},[285,1208,287],{},[101,1210,1211],{},[146,1212,294],{"className":1213},[496],[101,1215,1216,1217,1220,1221,1224],{},"まず、Kitsu向けの公式PythonクライアントであるGazuをインポートし、ローカルで動作するKitsuサーバーに接続するように設定します。",[146,1218,1219],{},"set_host","と",[146,1222,1223],{},"set_event_host","は、どちらも同じAPI URLを指しています。前者は通常のREST呼び出しに使われ、後者はイベント（websocket）エンドポイントに特化しています。本番では、イベントを聴く処理がブロッキングになるため、2つを別スレッドで設定することが推奨されます。ただしこのチュートリアルでは、わかりやすさのために1つのエンドポイントでまとめて行います。",[101,1226,1227,1228,1231],{},"次に、ユーザーとして認証します。",[146,1229,1230],{},"gazu.log_in","を呼び出すと、指定した資格情報でログインされ、セッションが確立されるため、クライアントがKitsuからのイベントを受け取る権限を得ます。",[101,1233,1234,1236],{},[146,1235,312],{},"関数は、イベントを受け取ったときにパイプラインがどう反応するかを定義します。入力としてイベントのペイロードを受け取り、この場合は新しく作成されたアセットのIDを単に表示するだけです。中規模のアニメーションスタジオでは、このコールバックが、たとえばKitsuに新しいアセットが追加されたときにファイルサーバーへ標準化されたディレクトリ構造を作成するスクリプトをトリガーする、という形になるかもしれません。アーティストは手作業で設定する必要がなくなり、命名規則も一貫性を保てます。",[101,1238,1239,1240,1242],{},"その後、",[146,1241,318],{},"でイベントクライアントを初期化します。このクライアントは、Kitsuのイベントシステムへの永続的な接続を維持します。",[101,1244,1245,1248,1249,1251,1252,1254],{},[146,1246,1247],{},"gazu.events.add_listener","の呼び出しは、特定のイベントタイプに対してコールバック関数を登録します：",[146,1250,322],{},"。これはGazuに対して、「Kitsuが新しいアセットが作成されたことを示すイベントを発行したら、イベントデータを使って",[146,1253,312],{},"を呼び出してほしい」と伝えるものです。",[101,1256,745,1257,1259,1260,1263,1264,1266],{},[146,1258,328],{},"がイベントループを開始します。この時点以降、スクリプトはブロックされ、WebSocket接続を通じて継続的に待ち受けます。Kitsuで誰かがアセットを作成するとすぐに、Kitsuが",[146,1261,1262],{},"asset:new","イベントを発行し、Gazuが受け取り、",[146,1265,312],{},"が即座に実行されます。",[111,1268],{},[114,1270,1272],{"id":1271},"_2-send-test-events","2. テストイベントを送信する",[101,1274,1275],{},"セットアップを検証するには、実際のイベントを生成する必要があります。最も簡単な方法は、すでに本番で使っている標準APIアクションを実行することです。たとえば、アセットをプログラムで作成してみます：",[188,1277,1278,1300],{},[146,1279,1281,1282,1289,1295],{"className":1280},[496],"import gazu",[101,1283,264,1284,1202,1287,280],{},[266,1285,1197],{"href":1197,"rel":1286},[270],[266,1288,279],{"href":278},[101,1290,1291,1292],{},"projects = gazu.project.all_projects()\nproject = projects",[285,1293,1294],{},"0",[101,1296,1297,1298],{},"asset_types = gazu.asset.all_asset_types()\nasset_type = asset_types",[285,1299,1294],{},[101,1301,1302],{},[146,1303,1305],{"className":1304},[496],"asset = gazu.asset.new_asset(\nproject,\nasset_type,\n\"My new asset\",\n\"My asset description\"\n)\n",[101,1307,1308,1309,1312],{},"認証の後、",[146,1310,1311],{},"gazu.project.all_projects()","を呼び出してログイン済みユーザーから見えるすべてのプロジェクトの一覧を取得します。そのリストから最初のプロジェクトを選択します。本番の制作ツールでは通常、名前やIDで特定のプロジェクトを探すことが多いですが、この例ではシンプルに保ちます。",[101,1314,1315],{},"アセットタイプでも同様のパターンを使います。スクリプトは利用可能なすべてのアセットタイプを問い合わせ、最初のものを選びます。アセットタイプは、どのような種類のアセットを作成するか（キャラクター、プロップ、環境など）を定義し、新しいアセットを作成する際にKitsuでは指定が必須です。",[101,1317,1318,1319,1322],{},"プロジェクトとアセットタイプを用意したら、",[146,1320,1321],{},"gazu.asset.new_asset","を呼び出して新しいアセットを作成します。この関数は、対象プロジェクト、アセットタイプ、名前、説明を受け取ります。この呼び出しが成功すると、Kitsuは即座に自分のデータベースへアセットを作成し、作成されたばかりのアセットオブジェクトを返します。",[101,1324,1325,1326,1328],{},"この時点でアセットは、Webインターフェースから作成されたかのようにKitsuに存在します。このアクションはまた、残りのパイプラインが自動的に反応できるように、",[146,1327,1262],{},"イベントを発行します。",[101,1330,1331],{},"スタジオ全体に展開する前に、パイプラインTDがステージング用のプロジェクトでアセットを作成し、実運用データに触れることなく、イベントが下流のオートメーションを確かにトリガーするかを確認することができます。",[111,1333],{},[114,1335,1337],{"id":1336},"_3-react-to-events-with-callbacks","3. コールバックでイベントにリアクションする",[101,1339,1340],{},"コールバックは、Kitsuのイベントが具体的なパイプラインアクションへ変わるポイントです。コールバックが実行されると、何が変わったのかを正確に説明するペイロードが渡されます。たとえばアセットが作成された、タスクが新しいステータスへ移動した、ファイルがパブリッシュされた、などです。このペイロードが、オートメーションを動かすための入口になります。",[101,1342,1343],{},"コールバック内で最初に行われることが多いのは、イベントデータに含まれるIDを使ってKitsuから完全なコンテキストを引き出すことです。たとえばタスク更新イベントを受け取った場合、変更が制作のどこで起きたのか、どのルールが適用されるべきかを理解するために、完全なタスク、紐づいたショット、関連するプロジェクトを取得できます。",[101,1345,1346],{},"そこから先は、多くの場合、コールバックが本来手動の介入を要するであろう副作用（サイドエフェクト）を実行します。アセット作成イベントは、たとえばディスク上に標準化されたフォルダーのツリーを作成することにつながるかもしれません。ファイルのパブリッシュイベントは、メディアをレビューシステムへ投入し、メタデータを紐づけ、スーパーバイザーにすぐ見えるようにします。",[101,1348,1349],{},"重要な考え方は、コールバックによって制作の状態が振る舞いを決めることです。人が更新に反応するのではなく、あなたのパイプラインが、毎回同じルールで一貫して、かつ即時に反応します。",[101,1351,1352,1356],{},[266,1353,1355],{"href":1097,"rel":1354},[585],"こちらの例のGithubリポジトリをフォーク","して、自分で試してみてください。",[111,1358],{},[114,1360,1362],{"id":1361},"_4-search-events","4. イベントを検索する",[101,1364,1365],{},"ライブイベントは全体の半分にすぎません。Kitsuは過去のイベントも記録しており、実際に制作で何が起きたのかを信頼できる形で追跡できます。何かがうまくいかなかったとき、または「うまく動いた」ことを証明する必要があるとき、このイベント履歴は欠かせないデバッグ手段です。",[101,1367,1368],{},"APIを通じて、最近のイベントを照会したり、期間やイベントタイプでフィルタリングしたりできます。直近の100件を引っ張るだけで、失敗直後の状況把握に十分なことが多いです。照会を特定の日時範囲に絞れば、そのシフトや夜間バッチの間に何が起きたかを詳しく調べられます。ファイル関連のイベントに絞り込むのは、パブリッシュやメディア取り込みの問題を追跡する際に特に有用です。",[188,1370,1371],{},[146,1372,1374],{"className":1373},[496],"events = gazu.client.get(\"data/events/last?page_size=100\")\nevents = gazu.client.get(\"data/events/last?page_size=100&before=2019-02-01\")\nevents = gazu.client.get(\"data/events/last?page_size=100&before=2019-02-01&after=2019-01-01\")\nevents = gazu.client.get(\"data/events/last?page_size=100&only_files=true\")\n",[101,1376,1377],{},"実際には、これを使うことで壊れたオートメーションを復元できます。たとえば、夜のどこかでパブリッシュスクリプトが失敗し、朝のチームがレビューシステム上でメディアが欠けているのを見つけたとします。アーティストに「いつパブリッシュしたのか」を聞いたり、複数のマシンにまたがるログを掘り起こしたりする代わりに、前日分のすべてのファイルイベントをKitsuに問い合わせられます。そうすれば、パブリッシュの正確な時系列、タイムスタンプ、ユーザー、紐づいたエンティティを把握できます。",[101,1379,1380],{},"また、生産性レポートのために、パイプライン内で特定のイベントを追跡することもできます。たとえば、アニメーションチームの活動ログをまとめて「誰が何をしたか」を知る、というようなことです。",[111,1382],{},[114,1384,974],{"id":559},[101,1386,1387],{},"Kitsu APIのイベントは、リアクティブなパイプラインを構築するための、きれいで信頼できる手段を提供します。ポーリングして変化を探すのではなく制作の変化を待ち受けることで、遅延を減らし、手作業のステップを排除し、スタジオがスケールしていく際にもより強靭になります。",[101,1389,1390],{},"もちろん、webhookはKitsuのスクリプトに対するあなたの知識の範囲でしか進められません。より技術的なチュートリアルについては、ぜひブログもチェックして、どんなものを作れるかのイメージをつかんでください！",[84,1392,1394,1397],{"className":1393},[87,88,89],[84,1395,576],{"className":1396},[93],[84,1398,1400,1401,1405],{"className":1399},[98],"アニメーション制作プロセスについてさらに学ぶには ",[266,1402,1404],{"href":583,"rel":1403},[585],"Discordコミュニティへの参加をご検討ください","！私たちはベストプラクティスを共有する1,000人以上の専門家とつながっており、ときどき対面イベントも企画しています。ぜひようこそお迎えできれば嬉しいです！😊",[84,1407,1409],{"className":1408},[87,591,592],[266,1410,598],{"href":583,"className":1411},[596,597],{"title":168,"searchDepth":600,"depth":600,"links":1413},[1414,1415,1416,1417,1418,1419,1420],{"id":1103,"depth":600,"text":1104},{"id":1137,"depth":600,"text":1138},{"id":1179,"depth":600,"text":1180},{"id":1271,"depth":600,"text":1272},{"id":1336,"depth":600,"text":1337},{"id":1361,"depth":600,"text":1362},{"id":559,"depth":600,"text":974},"https://images.unsplash.com/photo-1644088379091-d574269d422f?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3wxMTc3M3wwfDF8c2VhcmNofDJ8fGNvbm5lY3Rpb25zfGVufDB8fHx8MTc3MDA0NTM2OXww&ixlib=rb-4.1.0&q=80&w=2000",{"updated_at":1423,"featured_at":612,"visibility":613},"2026-02-23T10:00:39.000+01:00","/blog-i18n/ja/kitsu-webhooks-pipeline-automation",{"title":1034,"description":168},"kitsu-webhooks-pipeline-automation","blog-i18n/ja/kitsu-webhooks-pipeline-automation/index",[1429],{"id":620,"name":621,"slug":622,"description":7,"feature_image":7,"visibility":613,"og_image":7,"og_title":7,"og_description":7,"twitter_image":7,"twitter_title":7,"twitter_description":7,"meta_title":7,"meta_description":7,"codeinjection_head":7,"codeinjection_foot":7,"canonical_url":7,"accent_color":7,"url":623},"sLJpvKcpuMByIH_qITo1pZqyTeHsIF93i5ilLym_3fo",{"id":1432,"title":1433,"authors":1434,"body":1436,"description":168,"extension":608,"feature_image":1931,"html":7,"meta":1932,"navigation":11,"path":1934,"published_at":1935,"seo":1936,"slug":1937,"stem":1938,"tags":1939,"__hash__":1941,"updated_at":1933,"featured_at":612,"visibility":613},"blog/blog-i18n/ja/flamenco-without-nas-kitsu/index.md","Kitsu連携によるNAS不要のフラメンコレンダリング（2026）",[1435],{"id":76,"name":77,"slug":78,"profile_image":7,"cover_image":7,"bio":7,"website":7,"location":7,"facebook":7,"twitter":7,"meta_title":7,"meta_description":7,"threads":7,"bluesky":7,"mastodon":7,"tiktok":7,"youtube":7,"instagram":7,"linkedin":7,"url":79},{"type":81,"value":1437,"toc":1921},[1438,1449,1452,1455,1462,1465,1468,1471,1497,1499,1503,1506,1511,1514,1517,1520,1523,1525,1529,1532,1535,1548,1555,1558,1564,1567,1574,1580,1583,1586,1592,1594,1598,1603,1610,1616,1619,1622,1624,1628,1631,1643,1665,1668,1740,1743,1745,1749,1756,1778,1781,1784,1786,1790,1798,1801,1807,1810,1812,1816,1819,1829,1858,1861,1869,1872,1875,1878,1880,1882,1885,1888,1891,1894,1901,1915],[84,1439,1441,1445],{"className":1440},[87,88,89],[84,1442,1444],{"className":1443},[93],"🧠",[84,1446,1448],{"className":1447},[98],"Kitsuにレンダーコンテキストとファイルを担わせることで、共有ストレージなしにFlamencoを実行できます。",[101,1450,1451],{},"Flamencoを使いたいけれど、NASは買いたくないのですね。",[101,1453,1454],{},"ソロアーティストやマイクロなアニメーションスタジオであれば、それは完全に合理的な判断です。共有ストレージは高価になりがちで、メンテナンスの手間も増え、レンダーファームを実際に回してみないと気づかない問題を、たとえ解決できたとしてもそれが本当に必要だったかは別問題だからです。",[101,1456,1457,1461],{},[266,1458,1460],{"href":1459},"https://blog.cg-wire.com/self-hosted-blender-render-farm","Flamencoは従来型のスタジオ構成を前提にしています","：共有ファイル、共有パス、即時アクセス。NASがない状況では、その前提を回避するのが難しくなります。Flamencoには制作環境（production context）の概念がないため、「どのショットをレンダリングしたいのか」「どのバージョンが承認されているのか」「ジョブファイルがどこにあるのか」を理解できません。そして、その情報がないと、NASレス環境では安全に動作できないのです。",[101,1463,1464],{},"そこで登場するのがKitsuです。",[101,1466,1467],{},"Kitsuは、Flamencoが持っていない情報をすでに知っています。タスク、ショット、バージョン、承認状況です。Kitsuを非同期のネットワークストレージとして扱えば、必要なタイミングでデータをFlamencoマネージャーへ移し、レンダリングし、共有ストレージに依存せずに済みます。",[101,1469,1470],{},"ただし、Flamencoはこのワークフローを標準でサポートしていません。動かすには、Kitsuからコンテキストとファイルを取得し、それらをローカルに段階的に配置し、いつ・どのようにレンダリングを実行するかを制御するカスタムのFlamencoジョブタイプを作る必要があります。この記事では、そのための具体的な作り方を紹介します。",[84,1472,1474,1477],{"className":1473},[87,88,665],[84,1475,669],{"className":1476},[93],[84,1478,1480,1484,1486,1488,1489,1491,1094,1493],{"className":1479},[98],[674,1481,1482],{},[486,1483,1084],{"style":678},[534,1485],{},[534,1487],{},"このガイドで紹介している例の統合について、完全なソースコードはGitHubで確認できます。",[534,1490],{},[534,1492],{},[266,1494,1496],{"href":1495},"https://github.com/cgwire/blog-tutorials/tree/main/flamenco-kitsu-render-farm?ref=blog.cg-wire.com","https://github.com/cgwire/blog-tutorials/tree/main/flamenco-kitsu-render-farm",[111,1498],{},[114,1500,1502],{"id":1501},"high-level-architecture","全体アーキテクチャ",[101,1504,1505],{},"私たちの構成は、シンプルな考え方に基づいています。Flamencoがレンダリングを行い、Kitsuが真実（正）を提供する、ということです。",[188,1507,1508],{},[146,1509,1510],{},"Kitsu\n  ↑↓ (REST API)\nCustom Flamenco Job Type\n  ├── Pre-task Python (fetch task data & files)\n  ├── Blender render tasks (Flamenco-managed)\n  └── Post-task Python (upload renders back to Kitsu)\nFlamenco Manager\n  ↓\nFlamenco Worker(s)\n",[101,1512,1513],{},"Flamencoは意図どおりに動きます。マネージャーが作業をスケジューリングし、ワーカーがBlenderタスクを実行します。変わるのは、ジョブの定義方法です。Flamencoを共有フォルダへ向けて、すべてのマシンが同じファイルを見られることに賭けるのではなく、制作データを理解しKitsuと通信できるカスタムのFlamencoジョブタイプを導入します。",[101,1515,1516],{},"Kitsuはファームの外側にあり、REST APIを通じてすべてを公開します。ショット、タスク、バージョン、ファイルの場所です。レンダージョブが開始されると（手動でも自動でも）、カスタムのジョブタイプがKitsuへ問い合わせて、何をレンダリングすべきかを正確に特定します。たとえば「ショット020の最新の承認済みライティングバージョンをください」と尋ねるかもしれません。Kitsuが答え、その答えがレンダージョブになります。",[101,1518,1519],{},"Flamenco側では、マネージャーはKitsuをポーリングせず、制作の状態を追跡もしません。単に、渡されたジョブ定義を実行するだけです。カスタムジョブタイプは、小さなPythonのプリタスクを使ってKitsuからメタデータとファイルを取得し、ジョブフォルダにローカルで配置してから、Flamencoが効率よく管理できる標準のBlenderレンダータスクへ引き渡します。",[101,1521,1522],{},"レンダリングが完了すると、ポストタスクのPythonステップが結果をKitsuへ送り返し、レンダリングされたフレームをアップロードしたり、新しいバージョンを作ったり、タスクのステータスを更新したりします。作業員（ワーカー）が共有ストレージを必要としたり、同じファイルシステムへ恒久的にアクセスする必要は、一切ありません。各ワーカーが必要なものを取り出してローカルでレンダリングし、結果を非同期にプッシュします。",[111,1524],{},[114,1526,1528],{"id":1527},"_1-creating-a-new-job-type","1. 新しいジョブタイプを作成する",[101,1530,1531],{},"Flamencoのジョブタイプは、ジョブが実際の作業にどう変換されるかを定義します。「これをレンダリングしたい」という要求から、ファーム全体に対してFlamencoがスケジューリングする具体的なタスクへと変換する層です。概念的には、ジョブタイプは必要な情報と、その情報をタスクへ組み立てる方法を宣言します。",[101,1533,1534],{},"最も単純な形では、ジョブタイプはラベルと設定のセットを説明し、その設定を受け取ってジョブを組み立てる関数を提供します。コード上では、次のようなイメージです：",[188,1536,1537,1542],{},[146,1538,1541],{"className":1539},[1540],"language-js","const JOB_TYPE = {\n  label: \"Kitsu Render\",\n  settings: [\n    // { key: \"message\", type: \"string\", required: true },\n    // { key: \"sleep_duration_seconds\", type: \"int32\", default: 1 },\n  ],\n};\n",[101,1543,1544],{},[146,1545,1547],{"className":1546},[1540],"function compileJob(job) {\nconst settings = job.settings;\n}\n",[101,1549,1550,1551,1554],{},"このコードは、カスタムのFlamencoジョブタイプの骨組みを定義します。",[146,1552,1553],{},"JOB_TYPE","オブジェクトは、Flamenco上でのジョブの見え方を宣言します。つまり、人が読めるラベルと、ジョブ作成時に想定される設定です。",[101,1556,1557],{},"これらの設定は、型付きの入力として機能し、バリデーションはFlamencoが担当します。この例では、必須の文字列と、デフォルト値を持つ任意の整数です。",[101,1559,1560,1563],{},[146,1561,1562],{},"compileJob","関数は、ジョブを実行可能なタスクへ変換する場所です。送信されたジョブを受け取り、解決された設定を読み取り、通常はそれらを使ってレンダ、プリタスク、ポストタスクのステップを生成します。現状のままではまだ何も処理していませんが、制作ロジックが置かれる入口を確立しています。",[101,1565,1566],{},"実際の制作環境では、汎用のメッセージの代わりに、KitsuのタスクID、ショット名、希望する出力先、あるいは使用するべきBlenderバージョンなどを渡します。",[101,1568,1569,1570,1573],{},"このロジックがどこに置かれるかは重要です。カスタムのFlamencoジョブタイプは、ワーカーではなく",[486,1571,1572],{},"Flamenco Manager","上で動作します。ディスク上では、たとえば次のようにマネージャープログラムの隣に配置されます：",[188,1575,1576],{},[146,1577,1579],{"className":1578},[193],"$ flamenco\n└── flamenco-manager\n└── scripts/\n└── kitsu-render.js\n",[101,1581,1582],{},"実務では、スタジオはこれらのジョブタイプスクリプトをパイプラインのコードベースの一部として扱います。バージョン管理下に置かれ、時間とともに進化し、Flamencoのアップデートと一緒にデプロイされます。そうすれば、ファーム上のすべてのワーカーマシンを再デプロイや再設定せずに、ジョブの組み立て方法やKitsuへの問い合わせ方法を変更できます。",[101,1584,1585],{},"カスタムのジョブタイプからコマンドとして呼び出されるワーカースクリプトは、flamenco-workerプログラムの隣に配置します：",[188,1587,1588],{},[146,1589,1591],{"className":1590},[193],"$ flamenco\n└── flamenco-worker\n└── kitsu-render.py\n",[111,1593],{},[114,1595,1597],{"id":1596},"_2-adding-tasks","2. タスクを追加する",[101,1599,1600,1602],{},[146,1601,1562],{},"の内部では、ジョブを構成するタスクを明示的に定義します。ここが、「このショットをレンダリングしてほしい」という高レベルな要求が、Flamencoがワーカーへ引き渡せる具体的でスケジュール可能な作業へ変換される場所です。",[101,1604,1605,1606,1609],{},"下の例は、最もシンプルなタスクです。",[146,1607,1608],{},"echo","タスクをFlamencoのタスク作成APIで作成し、カテゴリを与えたうえで、単一のコマンドを割り当てます。このコマンドは、解決されたジョブ設定をタスクへ渡し、タスクが実行されるとメッセージを表示します。最後に、そのタスクをジョブへ追加して、マネージャーがスケジュールできるようにします。",[188,1611,1612],{},[146,1613,1615],{"className":1614},[1540],"const echoTask = author.Task(\"echo\", \"misc\");\nechoTask.addCommand(\nauthor.Command(\"echo\", {\nmessage: settings.message,\n}),\n);\njob.addTask(echoTask);\n",[101,1617,1618],{},"このタスク自体は有用なことはしませんが、重要なのはこのパターンです。同じ仕組みを使ってPythonスクリプトを実行したり、レンダリングのためにBlenderをバックグラウンドモードで起動したり、タスクが完了とみなされる前にバリデーションチェックを行ったりできます。各タスクは原子的で再起動可能な設計になっており、つまり、ワーカーがクラッシュしたり、午前3時にレンダが失敗したとしても、Flamencoはジョブ全体を崩さずにそのタスクだけを再試行できます。この信頼性こそが、このアプローチが夜通しで何百ものショットを回す際にスケールする理由です。",[101,1620,1621],{},"それでは、チュートリアルの本題に入りましょう。Kitsuからアセットをダウンロードし、Blenderでレンダリングし、結果をKitsuへ再アップロードするタスクをコード化します。",[111,1623],{},[114,1625,1627],{"id":1626},"_3-subcommand-1-downloading-assets-from-kitsu","3. サブコマンド1：Kitsuからアセットをダウンロードする",[101,1629,1630],{},"Kitsu主導のジョブで最初に行う本格的なタスクは、必要な正確なデータをKitsuから取り出し、ワーカー上にクリーンなローカルワークスペースを用意することです。Blenderが起動される前に、ワーカーは「どのタスクをレンダリングするのか」と「ジョブファイルがどこにあるのか」を把握している必要があります。",[101,1632,1633,1634,1637,1638,1642],{},"ロジックをJavaScriptで書く代わりに、よりシンプルなgazur Python SDKを使って",[146,1635,1636],{},"kitsu-render","スクリプトを作成し、それをJavaScriptから呼び出します。ワーカー環境にPythonがインストールされていない場合は、",[266,1639,1641],{"href":1640},"https://blog.cg-wire.com/kitsu-cli-single-binary/","Pythonスクリプトからバイナリ実行ファイルを作る","ことを検討してください。",[188,1644,1645,1659],{},[146,1646,1648,1649,1652],{"className":1647},[1540],"function compileJob(job) {\nconst settings = job.settings;",[101,1650,1651],{},"const task = author.Task(\"kitsu-render\", \"misc\");",[101,1653,1654,1655,1658],{},"task.addCommand(\nauthor.Command(\"exec\", { exe: \"python3\", args: ",[285,1656,1657],{},"\"kitsu-render.py\""," }),\n);",[101,1660,1661],{},[146,1662,1664],{"className":1663},[1540],"job.addTask(task);\n}\n",[101,1666,1667],{},"PythonスクリプトはKitsu APIへ認証し、TODOレンダリングタスクを探し、レンダリングするための.blendプロジェクトを含む関連するプレビュー・ファイルをダウンロードします。",[188,1669,1670,1734],{},[146,1671,1673,1674,1681,1685,1688,1691,1711,1714,1720,1723],{"className":1672},[260],"import os\nimport gazu",[101,1675,264,1676,1202,1679,280],{},[266,1677,1197],{"href":1197,"rel":1678},[270],[266,1680,279],{"href":278},[101,1682,1291,1683],{},[285,1684,1294],{},[101,1686,1687],{},"tasks = gazu.task.all_tasks_for_project(project)",[101,1689,1690],{},"rendering = gazu.task.get_task_type_by_name(\"Rendering\")\ntodo = gazu.task.get_task_status_by_name(\"todo\")",[101,1692,1693,1694],{},"render_tasks = ",[285,1695,1696,1697,1700,1701,1704,1705,1708,1709],{},"\nt\nfor t in tasks\nif t",[285,1698,1699],{},"\"task_type_id\""," == rendering",[285,1702,1703],{},"\"id\""," and t",[285,1706,1707],{},"\"task_status_id\""," == todo",[285,1710,1703],{},[101,1712,1713],{},"for task in render_tasks:\nfiles = gazu.files.get_all_preview_files_for_task(task)\nif not files:\ncontinue",[188,1715,1718],{"className":1716,"code":1717,"language":372},[370],"latest = files[-1]\nif latest[\"extension\"] == \"blend\":\n    task_to_render = task\n    latest_blend = latest\n    break\n",[146,1719,1717],{"__ignoreMap":168},[101,1721,1722],{},"if task_to_render is None:\nraise RuntimeError(\"No render task with a .blend preview found\")",[101,1724,1725,1726,1729,1730,1733],{},"target_path = os.path.join(\n\"/tmp\", latest_blend",[285,1727,1728],{},"\"original_name\""," + \".\" + latest_blend",[285,1731,1732],{},"\"extension\"","\n)",[101,1735,1736],{},[146,1737,1739],{"className":1738},[260],"gazu.files.download_preview_file(latest_blend, target_path)\n",[101,1741,1742],{},"このステップが、NASレスのワークフローを成立させます。各ワーカーは、制作ツリー全体をマウントしたり同期したりするのではなく、実行中の特定タスクに必要なファイルだけを取り出します。ダウンロードに失敗した場合も、人の介入なしにFlamencoがタスクを自動的に再試行できます。",[111,1744],{},[114,1746,1748],{"id":1747},"_4-subcommand-2-blender-render","4. サブコマンド2：Blenderでレンダリングする",[101,1750,1751,1752,1755],{},"レンダリングするblendファイルがワーカー上にローカルで段階配置できたら、",[266,1753,1754],{"href":1065},"bpyライブラリでプログラム的にレンダリング","できます：",[188,1757,1758,1772],{},[146,1759,1761,1762,1769],{"className":1760},[496],"bpy.ops.wm.open_mainfile(filepath=target_path)",[101,1763,1764,1765,1768],{},"output_path = os.path.join(\n\"/tmp\", latest_blend",[285,1766,1767],{},"\"name\""," + \".mp4\"\n)",[101,1770,1771],{},"bpy.context.scene.render.image_settings.file_format = \"FFMPEG\"\nbpy.context.scene.render.ffmpeg.format = \"MPEG4\"\nbpy.context.scene.render.ffmpeg.codec = \"H264\"\nbpy.context.scene.render.ffmpeg.constant_rate_factor = \"HIGH\"\nbpy.context.scene.render.ffmpeg.gopsize = 12\nbpy.context.scene.render.ffmpeg.audio_codec = \"AAC\"\nbpy.context.scene.render.filepath = output_path",[101,1773,1774],{},[146,1775,1777],{"className":1776},[496],"bpy.ops.render.render(animation=True)\n",[101,1779,1780],{},"より高度なパイプラインでは、Flamencoのネイティブな「blender-render」コマンドを活用し、フレーム範囲を小さな作業単位に自動で分割して、利用可能なワーカーへ分散できます。マシンが脱落したり、フレームが失敗したりしても、そのフレームだけが再試行されるため、ショット全体を最初からやり直したり、並列性を扱うための独自キューのロジックを作ったりする必要がありません。",[101,1782,1783],{},"しかし、この例をシンプルに保つため、ワーカー1台で動画全体をレンダリングします。",[111,1785],{},[114,1787,1789],{"id":1788},"_5-subcommand-3-uploading-results-back-to-kitsu","5. サブコマンド3：結果をKitsuへアップロードする",[101,1791,1792,1793,1797],{},"ジョブの最後のステップは、",[266,1794,1796],{"href":1795},"https://blog.cg-wire.com/blender-kitsu-low-res-preview/","レンダリング後のサブコマンドでレンダリング結果をKitsuへ戻す","ことです。この時点で、ワーカーは自分のフレーム範囲のレンダリングをローカルで完了しており、ファームの責務は計算からパブリッシングへ移ります。ここで、レンダリングされた出力が制作の他の部分から見えるようになります。",[101,1799,1800],{},"下の例は、生成された動画ファイルを元のタスクに対するアタッチメントとしてKitsuへアップロードする、最小限のPython命令を示しています。",[188,1802,1803],{},[146,1804,1806],{"className":1805},[260],"result = gazu.task.publish_preview(\ntask_to_render,\ntodo,\ncomment=\"rendered\",\npreview_file_path=output_path,\n)\n",[101,1808,1809],{},"実際の制作パイプラインでは、このステップは通常、単にファイルをアップロードするだけではありません。Kitsuで新しいバージョンを作成し、タスクのステータスをDoneのような状態へ更新し、レビューや通知のワークフローをトリガーして、監督者が新しい出力の準備ができたことを把握できるようにします。このロジックはFlamencoタスク内で動くPythonなので、レンダーファーム自体を触らずに、制作ニーズが変わったときに簡単に進化させられます。",[111,1811],{},[114,1813,1815],{"id":1814},"_6-triggering-the-workflow","6. ワークフローを起動する",[101,1817,1818],{},"カスタムジョブタイプが用意できたら、Flamencoマネージャーへジョブリクエストを送信することでワークフローがトリガーされます。開発中は、マネージャーのREST APIを直接呼び出すことで手動で行うことがよくあります。これにより、ジョブのコンパイルが動作すること、設定が正しく配線されていること、そして自動化を積み重ねる前にタスクが期待どおり挙動することを素早く検証できます。",[101,1820,1821,1822,1824,1825,1828],{},"下の例では、",[146,1823,1636],{},"タイプのジョブをマネージャーへ送信します。追跡や帰属のための基本メタデータに加えて、リクエストには優先度の値と、通常はKitsuの制作IDのような制作固有の入力を含むはずの空の",[146,1826,1827],{},"settings","オブジェクトが含まれています。ジョブが受理されると、マネージャーはカスタムジョブタイプを呼び出し、タスクをコンパイルして、利用可能なワーカー全体へスケジュールします。",[188,1830,1831],{},[146,1832,1835,1836,1838,1839,1843,1844,1846,1847,1849,1850,1852,1853,1857],{"className":1833},[1834],"language-sh","curl -X 'POST' ",[534,1837],{},"\n'",[266,1840,1841],{"href":1841,"rel":1842},"http://172.17.0.1:8080/api/v3/jobs",[270],"' ",[534,1845],{},"\n-H 'accept: application/json' ",[534,1848],{},"\n-H 'Content-Type: application/json' ",[534,1851],{},"\n-d '{\n\"metadata\": {\n\"project\": \"kitsu\",\n\"user.email\": \"",[266,1854,1856],{"href":1855},"mailto:basunako@gmail.com","basunako@gmail.com","\",\n\"user.name\": \"kitsu\"\n},\n\"name\": \"Kitsu Render\",\n\"priority\": 50,\n\"settings\": {},\n\"submitter_platform\": \"linux\",\n\"type\": \"kitsu-render\"\n}'\n",[101,1859,1860],{},"マネージャーがジョブリクエストを受け取り、それをワーカーに割り当てたことが確認できます：",[158,1862,1864],{"className":1863},[87,161],[163,1865],{"src":1866,"className":1867,"alt":168,"loading":169,"width":1112,"height":1113,"srcSet":1868,"sizes":173},"https://blog.cg-wire.com/content/images/2026/02/data-src-image-8815284e-9d0e-49a0-bdd8-ff4ada8a8961.png",[167],"https://blog.cg-wire.com/content/images/size/w600/2026/02/data-src-image-8815284e-9d0e-49a0-bdd8-ff4ada8a8961.png 600w, https://blog.cg-wire.com/content/images/size/w1000/2026/02/data-src-image-8815284e-9d0e-49a0-bdd8-ff4ada8a8961.png 1000w, https://blog.cg-wire.com/content/images/2026/02/data-src-image-8815284e-9d0e-49a0-bdd8-ff4ada8a8961.png 1600w",[101,1870,1871],{},"この手動トリガーは主に開発用のツールです。ジョブロジックを反復し、想定外のケースをテストし、制作側の人や制作ツールを巻き込まずにジョブを再実行できます。",[101,1873,1874],{},"本番では、スタジオは常にこのステップを自動化します。小さなサービス（多くの場合cronジョブや軽量なWebhookリスナー）は定期的にKitsuへ問い合わせ、「ちょうど承認されたショット」や「パブリッシュされたもの」のようにレンダリングできる状態のタスクを探します。見つかったら、同じAPI呼び出しを使ってFlamencoマネージャーへ対応するジョブを送信します。",[101,1876,1877],{},"これができると、Flamencoは人がボタンを押すのを待つのではなく、Kitsuの変化に自動的に反応し、ファームを制作の状態と同期したまま保つ、制作を理解したレンダーバックエンドになります。",[111,1879],{},[114,1881,560],{"id":559},[101,1883,1884],{},"この記事であなたが作り上げたのは、小規模スタジオにおけるレンダリングの考え方としては根本的に異なるアプローチです。",[101,1886,1887],{},"Kitsuからコンテキストとデータを引き出し、作業をローカルに段階配置し、Flamencoのネイティブなスケジューラでレンダリングし、結果を非同期に送り返すために、カスタムのFlamencoジョブタイプを使ったことで、信頼性やスケールを犠牲にせずに共有ストレージの必要をなくせました。",[101,1889,1890],{},"各パーツの責務は明確です。Kitsuが制作上の正しさを定義し、Flamencoが作業の実行方法を決め、そしてカスタムジョブタイプが両者を同期させる“接着剤”になります。この分離があるからこそ、このシステムは堅牢で、デバッグ可能で、制作パイプラインが成長しても適応できます。",[101,1892,1893],{},"このパターンを理解することは重要です。ソロのアーティストやマイクロスタジオの現実に合ったレンダリング基盤を構築できるからです。",[101,1895,1896,1897,1900],{},"ですが、ここで終わりにしないでください。",[266,1898,1899],{"href":1495},"この記事用のサンプルGitHubリポジトリをクローンする","ことで、今日からレンダリングを始めましょう！",[84,1902,1904,1907],{"className":1903},[87,88,89],[84,1905,576],{"className":1906},[93],[84,1908,1910,1911,1914],{"className":1909},[98],"アニメーションの制作プロセスについてさらに学ぶには ",[266,1912,1404],{"href":583,"rel":1913},[585],"！私たちは、ベストプラクティスを共有する1,000人以上の専門家とつながっており、ときには対面イベントも企画しています。ぜひようこそお迎えしたいです！ 😊",[84,1916,1918],{"className":1917},[87,591,592],[266,1919,598],{"href":583,"className":1920},[596,597],{"title":168,"searchDepth":600,"depth":600,"links":1922},[1923,1924,1925,1926,1927,1928,1929,1930],{"id":1501,"depth":600,"text":1502},{"id":1527,"depth":600,"text":1528},{"id":1596,"depth":600,"text":1597},{"id":1626,"depth":600,"text":1627},{"id":1747,"depth":600,"text":1748},{"id":1788,"depth":600,"text":1789},{"id":1814,"depth":600,"text":1815},{"id":559,"depth":600,"text":560},"https://images.unsplash.com/photo-1666858452715-1399b952befb?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3wxMTc3M3wwfDF8c2VhcmNofDR8fHJlbmRlcmluZ3xlbnwwfHx8fDE3NzAwNDMxNzB8MA&ixlib=rb-4.1.0&q=80&w=2000",{"updated_at":1933,"featured_at":612,"visibility":613},"2026-02-20T06:04:25.000+01:00","/blog-i18n/ja/flamenco-without-nas-kitsu","2026-02-09T10:00:32.000+01:00",{"title":1433,"description":168},"flamenco-without-nas-kitsu","blog-i18n/ja/flamenco-without-nas-kitsu/index",[1940],{"id":620,"name":621,"slug":622,"description":7,"feature_image":7,"visibility":613,"og_image":7,"og_title":7,"og_description":7,"twitter_image":7,"twitter_title":7,"twitter_description":7,"meta_title":7,"meta_description":7,"codeinjection_head":7,"codeinjection_foot":7,"canonical_url":7,"accent_color":7,"url":623},"sl54jqJDaZ7ge2EyNzvM42diAYVt--aRcziKEpculRE",{"id":1943,"title":1944,"authors":1945,"body":1947,"description":168,"extension":608,"feature_image":2418,"html":7,"meta":2419,"navigation":11,"path":2421,"published_at":2422,"seo":2423,"slug":2424,"stem":2425,"tags":2426,"__hash__":2428,"updated_at":2420,"featured_at":612,"visibility":613},"blog/blog-i18n/ja/automated-kitsu-pdf-reports/index.md","PythonとGazuでKitsuレポートを自動化する（2026）",[1946],{"id":76,"name":77,"slug":78,"profile_image":7,"cover_image":7,"bio":7,"website":7,"location":7,"facebook":7,"twitter":7,"meta_title":7,"meta_description":7,"threads":7,"bluesky":7,"mastodon":7,"tiktok":7,"youtube":7,"instagram":7,"linkedin":7,"url":79},{"type":81,"value":1948,"toc":2409},[1949,1960,1963,1966,1969,1972,1974,1978,1981,1989,1992,2000,2003,2006,2033,2035,2039,2042,2045,2051,2057,2060,2076,2078,2082,2085,2093,2132,2135,2173,2188,2190,2194,2197,2200,2203,2206,2212,2222,2241,2250,2261,2264,2266,2270,2281,2302,2309,2312,2319,2322,2330,2336,2338,2342,2345,2348,2354,2366,2376,2378,2380,2383,2386,2389,2403],[84,1950,1952,1956],{"className":1951},[87,88,89],[84,1953,1955],{"className":1954},[93],"📊",[84,1957,1959],{"className":1958},[98],"手作業のステータス報告を何時間分も、数秒で完全に自動化されたKitsuのPDFに変えます。",[101,1961,1962],{},"毎週、データを集めてレポートを作るのに、何時間くらい費やしていますか？",[101,1964,1965],{},"アニメ制作スタジオではKitsuで進捗を追跡していますが、それでもスーパーバイザーがそのデータをPDFにまとめる作業を何時間も手作業で行っているのをよく見かけます。プロデューサーやディレクターに状況を共有するためとはいえ、これは創造のエネルギーを大きく奪い、かつ、上級チームが対処しなくてはいけない“手作業ならではの致命点”になりがちです。データがすでに追跡ソフトウェア内に存在しているのであれば、共有することは格闘である必要はありません。",[101,1967,1968],{},"テクニカルリードとしての仕事は、アーティストがアートに集中できるように、退屈な作業を自動化することです。そしてGazuのPythonクライアントを使えば、Kitsuのデータベースと最終的な関係者向けレポートの間をつなぐことができます。",[101,1970,1971],{},"今日は、プロジェクトの指標をプログラムで取得して、独自のPDFを生成するスクリプトを作ります。2時間の手作業を5秒の自動化タスクへと変えるわけです。",[111,1973],{},[114,1975,1977],{"id":1976},"why-custom-reports","なぜカスタムレポートなのか？",[101,1979,1980],{},"Kitsuは、制作の混乱を整理しておくための命綱です。標準搭載のダッシュボードは、マルチ制作の分析を含むあらゆるユースケースをカバーしています。ですが、時には「標準」だけでは足りません。",[158,1982,1984],{"className":1983},[87,161],[163,1985],{"src":1986,"className":1987,"alt":168,"loading":169,"width":1112,"height":1113,"srcSet":1988,"sizes":173},"https://blog.cg-wire.com/content/images/2026/02/data-src-image-4807effb-72e4-4fe8-9684-7f8a44579c42.png",[167],"https://blog.cg-wire.com/content/images/size/w600/2026/02/data-src-image-4807effb-72e4-4fe8-9684-7f8a44579c42.png 600w, https://blog.cg-wire.com/content/images/size/w1000/2026/02/data-src-image-4807effb-72e4-4fe8-9684-7f8a44579c42.png 1000w, https://blog.cg-wire.com/content/images/2026/02/data-src-image-4807effb-72e4-4fe8-9684-7f8a44579c42.png 1600w",[101,1990,1991],{},"たとえばクライアントは、プレミアムなサービスに対価を払っていると感じたいことがあります。生のソフトウェア画面のスクリーンショットや、ただの汎用リンクを送ると、少し素人っぽく見えてしまいます。カスタムレポートを使えば、スタジオのブランディングで包んだ進捗更新を届けられ、提供するフレームと同じくらい洗練された見栄えにできます。",[101,1993,1994,1995,1999],{},"さらに悩ましいのが、プロデューサーにとって扱いやすい形式を探すことです。プロデューサーは、非常に特定のExcelのピボットテーブルや、社内の奇妙なロジック（本人しか理解していない）に従った過去資料用のレガシーPDFを要求してきます。「Sequence 02の“進行中（In Progress）”になっているすべてのショット」をフィルタして、そのうえで「延期（Overdue）になっているリテイク」と絡めたリストが必要だ」といった場合でも、カスタムレポートならそのデータを即座に得られます。",[266,1996,1998],{"href":1997},"https://blog.cg-wire.com/reduce-rework-animation/","手作業のコピペによる地獄から救われ","、またアニメーションに戻れます。",[101,2001,2002],{},"また、先進的な追跡のために、カスタムビューが必要なスタジオもあります。たとえば、FXキャッシュの遅延によって照明チームが常に停滞しているようなとき、カスタムデータは部門のボトルネックを見つけるのに役立ちます。問題が“金曜夜の追い込み”へ変わる前に、摩擦を解消できます。",[101,2004,2005],{},"幸い、Kitsuは非常に拡張しやすいです。",[84,2007,2009,2012],{"className":2008},[87,88,665],[84,2010,669],{"className":2011},[93],[84,2013,2015,2020,2022,2024,2025,2027,1094,2029],{"className":2014},[98],[674,2016,2017],{},[486,2018,2019],{"style":678},"動作例を探していますか？",[534,2021],{},[534,2023],{},"このガイドで紹介している例の統合に関する完全なソースコードは、GitHubで確認できます：",[534,2026],{},[534,2028],{},[266,2030,2032],{"href":2031},"https://github.com/cgwire/blog-tutorials/tree/main/custom-kitsu-reports?ref=blog.cg-wire.com","https://github.com/cgwire/blog-tutorials/tree/main/custom-kitsu-reports",[111,2034],{},[114,2036,2038],{"id":2037},"_1-kitsu-setup-authentication","1. Kitsuのセットアップと認証",[101,2040,2041],{},"まず、Kitsuのインスタンスに接続する必要があります。",[101,2043,2044],{},"まだスタジオURLがない場合、そして自分のマシンでKitsuを動かしたい場合、Dockerが制作向けの実行環境を最速で立ち上げる方法です：",[188,2046,2047],{},[146,2048,2050],{"className":2049},[193],"docker run --init -ti --rm -p 80:80 -p 1080:1080 --name cgwire cgwire/cgwire\n",[101,2052,2053,2054,2056],{},"スクリプト作成では、公式のKitsu Python SDKである",[146,2055,299],{},"を使います。",[101,2058,2059],{},"ユーザーの認証情報で認証できます（ローカルでのテストならこれで十分です）：",[188,2061,2062,2065],{},[146,2063,1192],{"className":2064},[260],[101,2066,2067],{},[146,2068,264,2070,1202,2073,2075],{"className":2069},[260],[266,2071,1197],{"href":1197,"rel":2072},[270],[266,2074,279],{"href":278},"\", \"mysecretpassword\")\n",[111,2077],{},[114,2079,2081],{"id":2080},"_2-fetch-production-data","2. 制作データの取得",[101,2083,2084],{},"コードを1行も書く前に、Kitsuが公開しているデータについて説明する必要があります。UI上で見えるなら、Gazuで取得できる可能性が高いです。",[101,2086,2087,2088,2092],{},"APIは意外なほど奥が深いです。",[266,2089,2091],{"href":2090},"https://blog.cg-wire.com/how-to-track-properly-the-cg-artist-progress/","しっかりした制作レポート","を作るなら、通常は次のようなデータを取得することになります：",[1148,2094,2095,2101,2107,2113,2119,2125],{},[1151,2096,2097,2100],{},[486,2098,2099],{},"進捗指標（Progress Metrics）："," ステータスの変更（例：イベントを使って「WIP」から「Internal Review」に移るなど）。",[1151,2102,2103,2106],{},[486,2104,2105],{},"時間管理（Time Tracking）："," あるショットが「In Progress」になっている期間と、元の見積もりの差。",[1151,2108,2109,2112],{},[486,2110,2111],{},"キャストリスト（Cast Lists）："," 特定のエピソードまたはシーケンスに紐づく、登場人物、環境、プロップのすべて。",[1151,2114,2115,2118],{},[486,2116,2117],{},"作業量（Workload）："," ある特定のアーティストに現在割り当てられているフレーム数またはアセット数の正確な値。",[1151,2120,2121,2124],{},[486,2122,2123],{},"予算（Budget）："," チームの割当（クォータ）が時間とともにどのように変化するか。",[1151,2126,2127,2128,2131],{},"その他にも、",[266,2129,2130],{"href":1144},"詳細な開発者ドキュメント","で読めるリソースがたくさんあります。",[101,2133,2134],{},"よくあるシナリオを見てみましょう。特定のプロジェクトにおいて、チームメンバーに現在割り当てられているすべてのタスクを素早く把握したい、というケースです。これは「誰が何をしている？」系のレポートの土台になります。",[188,2136,2137,2168],{},[146,2138,1291,2140,2142,2144,2149,2162],{"className":2139},[260],[285,2141,1294],{},[101,2143,1687],{},[101,2145,2146,2147],{},"report = ",[285,2148],{},[101,2150,2151,2152],{},"for task in tasks:\nassignees = ",[285,2153,2154,2155,2158,2159],{},"gazu.person.get_person(p_id)",[285,2156,2157],{},"\"full_name\""," for p_id in task",[285,2160,2161],{},"\"assignees\"",[188,2163,2166],{"className":2164,"code":2165,"language":372},[370],"task_info = {\n    \"date\": task[\"updated_at\"],\n    \"entity\": gazu.entity.get_entity(task[\"entity_id\"])[\"name\"],\n    \"type\": gazu.task.get_task_type(task[\"task_type_id\"])[\"name\"],\n    \"status\": gazu.task.get_task_status(task[\"task_status_id\"])[\"name\"]\n}\n\nfor artist in assignees:\n    report.append({**task_info, \"artist\": artist})\n",[146,2167,2165],{"__ignoreMap":168},[101,2169,2170],{},[146,2171],{"className":2172},[260],[101,2174,2175,2176,2179,2180,2183,2184,2187],{},"Gazuは辞書（dictionaries）を返します。",[146,2177,2178],{},"all_tasks_for_project"," を取得しているときは、長編制作ではこれが膨大な量のデータになり得る点を覚えておいてください。必ずデータを絞り込むようにしましょう。たとえば",[146,2181,2182],{},"task_status"," や ",[146,2185,2186],{},"entity_type","でフィルタし、必要なのがアクティブなAnimationショットだけなら、そのように絞り込むべきです。",[111,2189],{},[114,2191,2193],{"id":2192},"_3-creating-a-reusable-template","3. 再利用できるテンプレートの作成",[101,2195,2196],{},"次に、PDFをどのように描画（レンダリング）するかを決めます。主な選択肢は2つあります。",[101,2198,2199],{},"ReportLabを使う方法です。これは最小限の手法です。高速で、Python以外の外部依存を必要としません。社内向けのテックレポート、単純な明細テーブル、高速なバッチ自動化に最適です。",[101,2201,2202],{},"または、Jinja2（テンプレート）とWeasyPrintを使って、HTMLからPDFへ変換するレンダリングパイプラインを作ることもできます。この方法がよく好まれるのは、CSSでレポートの見た目を調整できるからです。Webページを作れるならレポートも作れます。クライアント向けの納品物、重めのブランディング、複雑なレイアウトに最適です。",[101,2204,2205],{},"設定とテンプレートを定義しましょう：",[188,2207,2208],{},[146,2209,2211],{"className":2210},[260],"STUDIO_NAME = \"My Animation Studio\"\nSTUDIO_LOGO = \"studio_logo.png\"  # ローカルのファイルパス\nPROJECT_NAME = \"My Project\"\nOUTPUT_PDF = \"activity_report.pdf\"\n",[101,2213,2214,2215,2221],{},"Jinja2の構文（",[146,2216,2217],{},[2218,2219],"binding",{"value":2220},"variable","）を使って、Pythonのデータを標準的なHTMLへ差し込みます。",[188,2223,2224,2235],{},[146,2225,2228,2229],{"className":2226},[2227],"language-html","\u003C!doctype html>\n\u003Chtml>\n\u003Chead>\n\u003Cmeta charset=\"utf-8\" />\n\u003Cstyle>\nbody {\nfont-family: Arial, sans-serif;\nmargin: 40px;\n}\nheader {\ndisplay: flex;\nalign-items: center;\nmargin-bottom: 30px;\n}\nheader img {\nheight: 50px;\nmargin-right: 20px;\n}\nh1 {\ncolor: #2a2a2a;\n}\ntable {\nwidth: 100%;\nborder-collapse: collapse;\nmargin-top: 20px;\n}\nth {\nbackground: #222;\ncolor: white;\npadding: 8px;\ntext-align: left;\n}\ntd {\npadding: 8px;\nborder-bottom: 1px solid #ccc;\n}\n.footer {\nmargin-top: 40px;\nfont-size: 10px;\ncolor: #777;\ntext-align: center;\n}\n\u003C/style>\n\u003C/head>",[188,2230,2233],{"className":2231,"code":2232,"language":372},[370],"<body>\n    <header>\n        <img src=\"{{ studio_logo }}\" />\n        <h1>{{ studio_name }} – Activity Report</h1>\n    </header>\n\n    <p>\n        <strong>Project:</strong> {{ project_name }}<br />\n        <strong>Report Date:</strong> {{ report_date }}\n    </p>\n\n    <table>\n        <tr>\n            <th>Date</th>\n            <th>Artist</th>\n            <th>Task</th>\n            <th>Entity</th>\n            <th>Status</th>\n        </tr>\n        {% for row in rows %}\n        <tr>\n            <td>{{ row.date }}</td>\n            <td>{{ row.artist }}</td>\n            <td>{{ row.entity }}</td>\n            <td>{{ row.type }}</td>\n            <td>{{ row.status }}</td>\n        </tr>\n        {% endfor %}\n    </table>\n\n    <div class=\"footer\">Generated automatically by {{ studio_name }}</div>\n</body>\n",[146,2234,2232],{"__ignoreMap":168},[101,2236,2237],{},[146,2238,2240],{"className":2239},[2227],"\u003C/html>\n",[101,2242,2243,2244,2249],{},"このHTMLファイルは、レポートの視覚構造とスタイルを定義するJinja2テンプレートとして機能し、ページレイアウト、フォント、色、そしてアクティビティデータを表示するためのテーブルを含みます。",[146,2245,2246],{},[2218,2247],{"value":2248},"..."," の式は、スタジオ名、ロゴURL、プロジェクト名、レポート日付などの値のプレースホルダーを示し、埋め込まれたCSSにより、レンダリングまたはPDFへの変換時に文書がきちんと整った印刷用の見た目になります。",[101,2251,2252,2253,2256,2257,2260],{},"Pythonコードがこのテンプレートをレンダリングすると、Jinja2がスクリプトから渡された実際の値で、すべてのプレースホルダーを置き換えます。そして",[146,2254,2255],{},"{% for row in rows %}","のループを実行し、アクティビティ記録ごとに1行のテーブルを生成します。",[146,2258,2259],{},"row","の辞書は、日付、アーティスト、タスク、エンティティ、ステータス、そして時間（hours）の値を提供し、hoursフィールドは小数点以下2桁で明示的にフォーマットされるため、テーブルが完全に埋められた完全なHTMLドキュメントが得られます。",[101,2262,2263],{},"レンダリングされたHTMLはWeasyPrintに渡されます。WeasyPrintは、HTML構造とインラインCSSの両方を解釈して、内容を印刷可能な文書としてレイアウトします。スタジオのロゴは、URLまたは相対パスを通じて読み込まれ、テーブルとテキストはテンプレートで定義された通りのスタイルになります。そしてすべてがPDFファイルにレンダリングされ、最後に「レポートは自動生成された」ことを示すフッターで締まります。",[111,2265],{},[114,2267,2269],{"id":2268},"_4-rendering","4. レンダリング",[101,2271,2272,2273,2276,2277,2280],{},"最後に、全部をつなぎ合わせます。",[146,2274,2275],{},"jinja2","を使ってHTML内のプレースホルダーにデータを流し込み、次に",[146,2278,2279],{},"WeasyPrint","でそのHTML文字列をPDFファイルに変換します：",[188,2282,2283,2296],{},[146,2284,2286,2287,2290,2293],{"className":2285},[260],"from jinja2 import Environment, FileSystemLoader\nfrom weasyprint import HTML\nfrom datetime import date",[101,2288,2289],{},"env = Environment(loader=FileSystemLoader(\".\"))\ntemplate = env.get_template(\"report.html\")",[101,2291,2292],{},"html = template.render(\nstudio_name=STUDIO_NAME,\nstudio_logo=STUDIO_LOGO,\nproject_name=PROJECT_NAME,\nreport_date=date.today().isoformat(),\nrows=report,\n)",[101,2294,2295],{},"HTML(string=html, base_url=\".\").write_pdf(OUTPUT_PDF)",[101,2297,2298],{},[146,2299,2301],{"className":2300},[260],"print(f\"PDF generated: {OUTPUT_PDF}\")\n",[101,2303,2304,2305,2308],{},"コードの最初の部分は、Jinja2に対して、現在のディレクトリからHTMLテンプレートを読み込むよう設定し、そのうえで前述の",[146,2306,2307],{},"report.html","を取得します。",[101,2310,2311],{},"次に、テンプレートは、実行時のデータをそれらのプレースホルダーに注入して、完全なHTMLドキュメントとしてレンダリングされます。スタジオとプロジェクトのメタデータが渡され、現在の日付はISO形式で生成されます。このステップの結果は、動的な値がすべて解決されたプレーンなHTML文字列です。",[101,2313,2314,2315,2318],{},"最後に、レンダリングされたHTMLはWeasyPrintに渡されます。WeasyPrintはHTMLと、関連するCSSやアセットを解析し、PDFファイルへ変換します。",[146,2316,2317],{},"base_url","パラメータにより、画像やスタイルシートへの相対パスが正しく動作するようになります。完成したPDFは出力先パスへ書き込まれ、その後、確認メッセージが出力されます。",[101,2320,2321],{},"この最終結果は次の通りです：",[158,2323,2325],{"className":2324},[87,161],[163,2326],{"src":2327,"className":2328,"alt":168,"loading":169,"width":1112,"height":1113,"srcSet":2329,"sizes":173},"https://blog.cg-wire.com/content/images/2026/02/data-src-image-13e6f8e7-6700-4219-a7ed-6bbdb4850aab.png",[167],"https://blog.cg-wire.com/content/images/size/w600/2026/02/data-src-image-13e6f8e7-6700-4219-a7ed-6bbdb4850aab.png 600w, https://blog.cg-wire.com/content/images/size/w1000/2026/02/data-src-image-13e6f8e7-6700-4219-a7ed-6bbdb4850aab.png 1000w, https://blog.cg-wire.com/content/images/2026/02/data-src-image-13e6f8e7-6700-4219-a7ed-6bbdb4850aab.png 1600w",[101,2331,2332,2335],{},[266,2333,2334],{"href":2031},"対応するGithubリポジトリをクローン","すれば、1分でこのスクリプトを自分で実行してみることができます。",[111,2337],{},[114,2339,2341],{"id":2340},"_5-automation-tips","5. 自動化のヒント",[101,2343,2344],{},"自動化こそが、このワークフローの本当の“最大のリターン”です。レポートスクリプトがローカルで動くようになったら、次は人の介入なしに確実に動き、そして出力が、人々がすでに見に行く場所に届くようにします。",[101,2346,2347],{},"スクリプトを手作業で実行するのではなく、サーバーにcronジョブを設定して、予測可能な時間に実行しましょう。たとえば、毎営業日18:00に実行すれば、PDFは夜のうちに生成され、プロデューサーが仕事を始めるタイミングで準備が整います。日次のバーンダウンやショットのステータス要約にも特に役立ちます。",[101,2349,2350,2351,2353],{},"PDFが生成されたら、",[146,2352,299],{},"を使ってKitsu内の適切なエンティティ（Production、Episode、繰り返しタスクなど）に直接添付します。これにより、レポートは“正真正銘の制作成果物”になり、永続的な履歴として残ります。たとえば、毎日のレポートを「Daily Production Report（毎日の制作レポート）」というタスクにアップロードすれば、時間の経過による変更の監査や、過去の判断を参照するのが簡単になります。実用的なコツとして、日付をファイル名と添付コメントの両方に含めると、KitsuのUI上で各レポートをダウンロードせずにすばやくスキャンできます。",[101,2355,2356,2357,2360,2361,2365],{},"レポートを関係者へ直接プッシュするには、Pythonの標準機能である",[146,2358,2359],{},"smtplib","（またはトランザクションメールサービス）を使って、PDFを添付して送信します。これは",[266,2362,2364],{"href":2363},"https://blog.cg-wire.com/collaborative-animation-production/","一日中Kitsuの中にいないプロデューサーやクライアント","に最適です。具体的には、本文に短い要約（例：「Shots blocked: 12, shots finaled: 3」）を送り、詳細は完全なPDFを添付するという形が現実的です。",[101,2367,2368,2369,2183,2372,2375],{},"単一のHTMLレイアウトに固定せず、同じKitsuデータから異なるレポートスタイルを生成できるように、複数のJinja2テンプレート（",[146,2370,2371],{},"client_report.html",[146,2373,2374],{},"internal_audit.html","など）を保存しておくとよいでしょう。たとえば、クライアント向けにはクリーンでハイレベルなサマリー、社内の追跡にはより詳細なテーブル、といった使い分けができます。役立つ考え方として、ベースのテンプレートやマクロ（ヘッダー、テーブル、ステータスバッジ）を共有し、ブランディングやレイアウトの変更が、すべてのレポート種別へ波及するようにします。必要なら古いレポートを正確に再現できるように、これらのテンプレートもコードと一緒にバージョン管理しておきましょう。",[111,2377],{},[114,2379,560],{"id":559},[101,2381,2382],{},"ここでのより大きなテーマは、PDFの話だけではありません。制作を前に進める“実際の作業”に向けて、時間と注意力を取り戻すことです！",[101,2384,2385],{},"GazuでKitsuから構造化されたデータを引き出し、Pythonで整形し、洗練された自動化レポートとしてレンダリングすることで、壊れやすい手作業の儀式を、静かにバックグラウンドで動く再現可能な仕組みに置き換えられます。これまで数時間かけて行っていたコピペ、整形、二重チェックは、正確なデータを、間に合うタイミングで、プロデューサーやクライアントが本当に読みたくなる形式で届ける、信頼できるパイプラインへと変わります。カスタムレポートによって、自信を持って進捗を伝えられ、危機（クランチ）になる前に問題を浮上させられ、そしてスタジオを“創造面で鋭いだけでなく技術的にも規律がある”存在として見せられます。",[101,2387,2388],{},"パイプラインが複雑になればなるほど、カスタムレポートを作る重要性は増します。インスピレーションとして、ぜひ私たちのスクリプトガイドももっと読んでみてください！",[84,2390,2392,2395],{"className":2391},[87,88,89],[84,2393,576],{"className":2394},[93],[84,2396,1400,2398,2402],{"className":2397},[98],[266,2399,2401],{"href":583,"rel":2400},[585],"私たちのDiscordコミュニティに参加することをご検討ください","！ベストプラクティスを共有する1,000人以上の専門家とつながり、時にはオフラインのイベントも企画しています。ぜひあなたをお迎えできるとうれしいです！ 😊",[84,2404,2406],{"className":2405},[87,591,592],[266,2407,598],{"href":583,"className":2408},[596,597],{"title":168,"searchDepth":600,"depth":600,"links":2410},[2411,2412,2413,2414,2415,2416,2417],{"id":1976,"depth":600,"text":1977},{"id":2037,"depth":600,"text":2038},{"id":2080,"depth":600,"text":2081},{"id":2192,"depth":600,"text":2193},{"id":2268,"depth":600,"text":2269},{"id":2340,"depth":600,"text":2341},{"id":559,"depth":600,"text":560},"https://images.unsplash.com/photo-1666875753105-c63a6f3bdc86?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3wxMTc3M3wwfDF8c2VhcmNofDR8fGRhc2hib2FyZHxlbnwwfHx8fDE3NzAwMjAyODZ8MA&ixlib=rb-4.1.0&q=80&w=2000",{"updated_at":2420,"featured_at":612,"visibility":613},"2026-02-20T06:03:57.000+01:00","/blog-i18n/ja/automated-kitsu-pdf-reports","2026-02-02T10:00:12.000+01:00",{"title":1944,"description":168},"automated-kitsu-pdf-reports","blog-i18n/ja/automated-kitsu-pdf-reports/index",[2427],{"id":620,"name":621,"slug":622,"description":7,"feature_image":7,"visibility":613,"og_image":7,"og_title":7,"og_description":7,"twitter_image":7,"twitter_title":7,"twitter_description":7,"meta_title":7,"meta_description":7,"codeinjection_head":7,"codeinjection_foot":7,"canonical_url":7,"accent_color":7,"url":623},"A1jHJcpx8texdbTYQ1gtp0HqhMaofvRtplW__o8urP8",{"id":2430,"title":2431,"authors":2432,"body":2434,"description":168,"extension":608,"feature_image":2937,"html":7,"meta":2938,"navigation":11,"path":2940,"published_at":2941,"seo":2942,"slug":2943,"stem":2944,"tags":2945,"__hash__":2947,"updated_at":2939,"featured_at":612,"visibility":613},"blog/blog-i18n/ja/share-kitsu-playlists/index.md","(2026) PythonでKitsuプレイリストをエクスポートして共有する方法",[2433],{"id":76,"name":77,"slug":78,"profile_image":7,"cover_image":7,"bio":7,"website":7,"location":7,"facebook":7,"twitter":7,"meta_title":7,"meta_description":7,"threads":7,"bluesky":7,"mastodon":7,"tiktok":7,"youtube":7,"instagram":7,"linkedin":7,"url":79},{"type":81,"value":2435,"toc":2929},[2436,2447,2458,2465,2468,2476,2479,2486,2489,2516,2518,2522,2528,2531,2542,2545,2556,2559,2566,2576,2578,2582,2585,2592,2607,2614,2640,2647,2670,2676,2678,2682,2685,2691,2696,2699,2702,2710,2713,2726,2733,2751,2754,2760,2763,2772,2775,2789,2792,2798,2801,2803,2807,2814,2826,2829,2834,2837,2839,2843,2849,2855,2863,2869,2871,2873,2879,2882,2888,2896,2908,2923],[84,2437,2439,2443],{"className":2438},[87,88,89],[84,2440,2442],{"className":2441},[93],"📥",[84,2444,2446],{"className":2445},[98],"クライアントが直接Kitsuにアクセスできない場合でも、Kitsuプレイリストを分かりやすく共有しましょう。",[101,2448,2449,2450,2453,2454,2457],{},"アニメーターとしてキャリアを始めた頃、たいてい最初に直面するのはつらい真実です――時には痛い形で。",[486,2451,2452],{},"素晴らしい仕事をするのは仕事の半分にすぎず、分かりやすく共有することが残りの半分","です。映像そのものはしっかりしていたのに、レビューのプロセスは完全にカオスだったショートフィルムの案件を覚えているかもしれません。メールで行ったり来たりするQuickTimes、",[146,2455,2456],{},"shot_final_v3_really_final.mov","のような名前のファイル、そして「どのメモがどのバージョンに当たるのか」が誰にもはっきり分からない状況。クライアントは混乱し、上長はイライラし、あなたはアニメーションよりもファイル管理に時間を費やしていました。",[101,2459,2460,2461,2464],{},"数年先の話になると、",[486,2462,2463],{},"Kitsuプレイリスト","はスタジオのアニメーションレビューのあり方を根本から変えてくれます。",[101,2466,2467],{},"プレイリストは、構造化、追跡性、そして見せ方をきれいに整えてくれます。ショットをグループ化し、バージョンを追い、フィードバックを一元化できます。多くのチームにとって、それだけで十分大きなメリットです。",[101,2469,2470,2471,2475],{},"ただし制作現場で長年学ぶことがあります。",[266,2472,2474],{"href":2473},"https://blog.cg-wire.com/how-to-give-efficient-animation-feedback/","どのスタジオやクライアントも、まったく同じレビュー手順を共有しているわけではない","ということ。資産をオフラインで送る必要があることもあります。クライアントが「シーケンスごとにきちんと梱包されたもの」を求めることもあります。法務やセキュリティ上の制約で、直接Kitsuアクセスを渡せない場合もあります。そういうときでも、単一の共有方法に閉じ込められることなく、Kitsuの強みを活かしたいはずです。",[101,2477,2478],{},"この記事はまさにそのための内容です。",[101,2480,2481,2482,2485],{},"最後には、",[486,2483,2484],{},"Kitsuプレイリストを作成し、Pythonでそのデータを抽出し、関連するすべてのアセットを分かりやすいフォルダ構造にダウンロードし、共有しやすいようにまとめて圧縮する","方法が分かるようになります。このやり方は実制作で何時間も節約でき、アーティストとクライアント双方のレビューをよりスムーズにします。",[101,2487,2488],{},"では、順を追って分解していきましょう。",[84,2490,2492,2495],{"className":2491},[87,88,665],[84,2493,669],{"className":2494},[93],[84,2496,2498,2503,2505,2507,2508,2510,1094,2512],{"className":2497},[98],[674,2499,2500],{},[486,2501,2502],{"style":678},"実例を探していますか？",[534,2504],{},[534,2506],{},"本ガイドで紹介しているサンプル連携の完全なソースコードは、こちらのGitHubで確認できます：",[534,2509],{},[534,2511],{},[266,2513,2515],{"href":2514},"https://github.com/cgwire/blog-tutorials/tree/main/share-kitsu-playlist?ref=blog.cg-wire.com","https://github.com/cgwire/blog-tutorials/tree/main/share-kitsu-playlist",[111,2517],{},[114,2519,2521],{"id":2520},"_1-create-a-kitsu-playlist","1. Kitsuプレイリストを作成する",[101,2523,2524,2527],{},[486,2525,2526],{},"しっかりしたレビューのワークフローは、明確な意図から始まります","：あなたは一体、何についてフィードバックが欲しいのでしょうか？ Kitsuプレイリストは、その目的のために作られています。",[101,2529,2530],{},"Kitsuのダッシュボードからプレイリストを作成するのは簡単です。プロジェクトに移動し、Shots または Assets のセクションへ進み、レビューしてほしいアイテムを選び始めます。プレイリストは「レビューの物語（ナラティブ）」だと考えると分かりやすいです。すべてを放り込むのではなく、次のことを自問してみてください：",[1148,2532,2533,2536,2539],{},[1151,2534,2535],{},"これはブロッキングのレビューですか？",[1151,2537,2538],{},"これは仕上げ（ポリッシュ）のパスですか？",[1151,2540,2541],{},"アニメーション、ライティング、コンポのどこに焦点を当てていますか？",[101,2543,2544],{},"たとえばショートのシネマティック案件なら、別々のプレイリストを作るかもしれません：",[1148,2546,2547,2550,2553],{},[1151,2548,2549],{},"\"Animation Blocking – Act 1\"",[1151,2551,2552],{},"\"Facial Polish – Key Shots\"",[1151,2554,2555],{},"\"Final Lighting Review\"",[101,2557,2558],{},"この小さな整理だけでも、クライアントのレビューが大幅に焦点を持つようになります。",[101,2560,2561,2562],{},"Kitsuでは、ショットを選択したら新しいプレイリストを作成し、分かりやすい名前を付け、物語が伝わるようにショットを並べ替えられます。並び順は、人が思う以上に重要です。",[266,2563,2565],{"href":2564},"https://blog.cg-wire.com/client-communication-animation/","クライアントが再生ボタンを押したとき、アート、タイミング、そしてリビジョンを1か所で判断できます。",[158,2567,2569],{"className":2568},[87,161],[163,2570],{"src":2571,"className":2572,"alt":168,"loading":169,"width":2573,"height":2574,"srcSet":2575,"sizes":173},"https://blog.cg-wire.com/content/images/2026/01/data-src-image-712558f4-4b58-4b1e-8bb1-7bfa2fee1c74.png",[167],1319,821,"https://blog.cg-wire.com/content/images/size/w600/2026/01/data-src-image-712558f4-4b58-4b1e-8bb1-7bfa2fee1c74.png 600w, https://blog.cg-wire.com/content/images/size/w1000/2026/01/data-src-image-712558f4-4b58-4b1e-8bb1-7bfa2fee1c74.png 1000w, https://blog.cg-wire.com/content/images/2026/01/data-src-image-712558f4-4b58-4b1e-8bb1-7bfa2fee1c74.png 1319w",[111,2577],{},[114,2579,2581],{"id":2580},"_2-get-the-playlist-data","2. プレイリストのデータを取得する",[101,2583,2584],{},"準備が整ったら、次はコードを書いていきます。",[101,2586,2587,2588,2591],{},"まずは",[486,2589,2590],{},"Gazu APIクライアントでKitsuに認証","します：",[188,2593,2594,2597],{},[146,2595,1192],{"className":2596},[496],[101,2598,2599],{},[146,2600,264,2602,275,2605,2075],{"className":2601},[496],[266,2603,1197],{"href":1197,"rel":2604},[270],[266,2606,279],{"href":278},[101,2608,2609,2610,2613],{},"続いて",[486,2611,2612],{},"利用可能なプロジェクトをKitsuに問い合わせ","、ターミナルに表示します。ユーザーはプロジェクトを選択し、その選択が以降すべての範囲（スコープ）を決定します。プロジェクトは動的に取得されるため、スクリプトは修正なしでさまざまな制作環境で動作します：",[188,2615,2616,2631],{},[146,2617,2619,2620],{"className":2618},[496],"productions = gazu.project.all_projects()",[101,2621,2622,2623,2626,2627,2630],{},"for i, p in enumerate(productions):\nprint(f\"",[285,2624,2625],{},"{i}"," {p",[285,2628,2629],{},"'name'","}\")",[101,2632,2633],{},[146,2634,2636,2637],{"className":2635},[496],"production = productions",[285,2638,2639],{},"int(input(\"Select project: \"))",[101,2641,2642,2643,2646],{},"そこから",[486,2644,2645],{},"選択したプロジェクトからプレイリストを問い合わせ","、同じように表示します。プレイリストが選ばれたら、スクリプトはAPIからプレイリスト全体のオブジェクトを取得します。",[188,2648,2649,2661],{},[146,2650,2652,2653],{"className":2651},[496],"playlists = gazu.playlist.all_playlists_for_project(production)",[101,2654,2655,2656,2658,2659,2630],{},"for i, pl in enumerate(playlists):\nprint(f\"",[285,2657,2625],{}," {pl",[285,2660,2629],{},[101,2662,2663],{},[146,2664,2666,2667,400],{"className":2665},[496],"playlist = gazu.playlist.get_playlist(playlists",[285,2668,2669],{},"int(input(\"Select playlist: \"))",[101,2671,2672,2675],{},[146,2673,2674],{},"playlist","には、編集（選定）のための参照情報がすべて含まれています。ショット、バージョン、並び順、そしてリンクされたファイルに至るまで、このオブジェクトからアクセスできます。",[111,2677],{},[114,2679,2681],{"id":2680},"_3-download-related-assets","3. 関連アセットをダウンロードする",[101,2683,2684],{},"次のステップは、プレイリストのデータを「ディスク上でレビューできる形」に変換することです。",[101,2686,2687,2690],{},[486,2688,2689],{},"出力は、制作の現実を反映したフォルダ階層","になります。最上位にプレイリスト、その下にシーケンス、さらにその中にショット。実際のメディアは、誰もが見つけられる場所に配置されます。",[188,2692,2693],{},[146,2694,2695],{},"Playlist_Name/\n└── Seq_010/\n├── Shot_010_001/\n│   ├── anim_v003.mov\n│   └── anim_v003.png\n└── Shot_010_002/\n└── Seq_020/\n└── Shot_020_005/\n",[101,2697,2698],{},"この構造こそがポイントです。曖昧さを取り除き、ファイルをただ平らに投げ込むのを避け、上長やクライアントがファイル名ではなく「文脈」でナビゲートできるようになります。",[101,2700,2701],{},"プレイリスト名をルートフォルダとして使うため、エクスポートは常に自己完結しており、再実行もしやすくなります。",[188,2703,2704],{},[146,2705,2707,2708],{"className":2706},[496],"playlist_name = playlist",[285,2709,1767],{},[101,2711,2712],{},"次に、プレイリストの各エントリを順に処理し、ショットの完全なレコードを取得します。プレイリスト自体にはシーケンス情報が含まれていないためです。",[188,2714,2715],{},[146,2716,2718,2719,2722,2723,400],{"className":2717},[496],"for shot in playlist",[285,2720,2721],{},"\"shots\"",":\nshot_data = gazu.shot.get_shot(shot",[285,2724,2725],{},"\"entity_id\"",[101,2727,2728,2729,2732],{},"シーケンス名とショット名を使って、決定論的なディレクトリパスを組み立てます。これにより、ディスク上に ",[146,2730,2731],{},"playlist/sequence/shot"," の一貫したレイアウトが強制されます。",[188,2734,2735,2745],{},[146,2736,2738,2739,2741,2742],{"className":2737},[496],"shot_name = shot_data",[285,2740,1767],{},"\nsequence_name = shot_data",[285,2743,2744],{},"\"sequence_name\"",[101,2746,2747],{},[146,2748,2750],{"className":2749},[496],"shot_dir = os.path.join(\nplaylist_name,\nsequence_name,\nshot_name,\n)\n",[101,2752,2753],{},"ディレクトリが存在しなければ作成します。これで、スクリプトを複数回実行しても失敗したり、途中までのダウンロード結果を上書きしたりしにくくなります。",[188,2755,2756],{},[146,2757,2759],{"className":2758},[496],"os.makedirs(shot_dir, exist_ok=True)\n",[101,2761,2762],{},"続いて、各ショットに対応するプレビューのファイル情報を取得します。通常は画像または動画です：",[188,2764,2765],{},[146,2766,2768,2769,400],{"className":2767},[496],"preview = gazu.files.get_preview_file(shot",[285,2770,2771],{},"\"preview_file_id\"",[101,2773,2774],{},"出力が、アーティストや上長が期待する見た目と一致するように、元のファイル名と拡張子を保持します。",[188,2776,2777],{},[146,2778,2780,2781,2784,2785,2788],{"className":2779},[496],"preview_filename = f\"{preview",[285,2782,2783],{},"'original_name'","}.{preview",[285,2786,2787],{},"'extension'","}\"\npreview_path = os.path.join(shot_dir, preview_filename)\n",[101,2790,2791],{},"プレビューのメディアはショットフォルダへ直接ダウンロードします。この時点で、プレイリストはディスク上に「きれいで、レビュー可能なディレクトリツリー」として存在しています。",[188,2793,2794],{},[146,2795,2797],{"className":2796},[496],"gazu.files.download_preview_file(preview, preview_path)\n",[101,2799,2800],{},"結果は、説明なしでもzip化・送付・アーカイブ・レビューできる、プレイリストのローカルミラーになります。",[111,2802],{},[114,2804,2806],{"id":2805},"_4-compress-the-folder","4. フォルダを圧縮する",[101,2808,2809,2810,2813],{},"すべてダウンロードできたら、最後のステップは「共有しやすくすること」です。",[486,2811,2812],{},"スクリプトはルートのプレイリストフォルダを自動的に1つのアーカイブに圧縮すべき","です：",[188,2815,2816,2820],{},[146,2817,2819],{"className":2818},[496],"import shutil",[101,2821,2822],{},[146,2823,2825],{"className":2824},[496],"shutil.make_archive(\nbase_name=playlist_name,\nformat=\"zip\",\nroot_dir=os.path.dirname(playlist_name),\nbase_dir=os.path.basename(playlist_name),\n)\n",[101,2827,2828],{},"このアーカイブは引き渡し用の成果物になります。クラウドストレージにアップロードしたり、セキュアなクライアントポータル経由で送ったり、内部でバックアップフォルダとしてアーカイブしたりできます。",[101,2830,2831],{},[486,2832,2833],{},"クライアントは「ファイルが足りない」「構造が壊れている」といった心配をしなくて済みます。1回ダウンロードして1回解凍するだけで、あとはそのまま動きます。",[101,2835,2836],{},"アーカイブファイル名には、プレイリスト名と日付を含めましょう。半年後に「どのバージョンを送ったの？」と聞かれたとき、その判断が役に立ちます。",[111,2838],{},[114,2840,2842],{"id":2841},"onboard-clients-in-kitsu","Kitsuでクライアントをオンボードする",[101,2844,2845,2846],{},"ある時点から、Kitsuプレイリストのエクスポートが邪魔になってきます。素早いスナップショットを送るときや、単発のメモ対応をするときは問題ありませんが、プロジェクトが本格的に反復フェーズに入ると、状況は急速に散らかっていきます。調整のたびに毎回エクスポートし直し、クライアントは古いカットにコメントしてしまい、フィードバックがメール、PDF、チャットスレッドに分散してしまう。",[486,2847,2848],{},"本当にショットを直す代わりに、「そのメモが何を指しているのか」を突き止めるために多くのエネルギーが費やされがちです。",[101,2850,2851,2854],{},[486,2852,2853],{},"そこで、クライアントを直接Kitsuに招き入れるのが合理的になることが多いのです。"," 彼らは常に最新バージョンを見られますし、フレーム上に直接描いたりコメントしたりできます。全員がメモを文脈付きで見られるためです。バージョン履歴も保たれるので、クライアントが「2つ前のバージョンの件なんだけど」と聞いてきたとしても、実際に確認できます。チームとしては、推測する場面が減り、メモを別の場所にコピペする時間も減ります。",[158,2856,2858],{"className":2857},[87,161],[163,2859],{"src":2860,"className":2861,"alt":168,"loading":169,"width":789,"height":790,"srcSet":2862,"sizes":173},"https://blog.cg-wire.com/content/images/2026/01/data-src-image-1b596b1f-9757-47e5-a893-2c41164a1eab.png",[167],"https://blog.cg-wire.com/content/images/size/w600/2026/01/data-src-image-1b596b1f-9757-47e5-a893-2c41164a1eab.png 600w, https://blog.cg-wire.com/content/images/size/w1000/2026/01/data-src-image-1b596b1f-9757-47e5-a893-2c41164a1eab.png 1000w, https://blog.cg-wire.com/content/images/2026/01/data-src-image-1b596b1f-9757-47e5-a893-2c41164a1eab.png 1438w",[101,2864,2865,2866],{},"エクスポートは手早い確認には向いていますが、実制作の規模感には広がりません。",[486,2867,2868],{},"Kitsuにクライアントを入れることで、全員が同じ現実に立脚した状態を保てます。",[111,2870],{},[114,2872,560],{"id":559},[101,2874,2875,2876],{},"アニメーションの現場で何年も過ごすと、繰り返し出てくる教訓があります。それは「レビューのワークフローがスムーズであるほど、クリエイティブな成果も良くなる」ということです。Kitsuは、プレイリスト、バージョニング、そしてフィードバックの一元化によって、強力な土台をすでに提供してくれています。",[486,2877,2878],{},"そのデータを活用し、小さな自動化ツールを組み立てることで、ほぼどんなレビュー状況にも適応できます。",[101,2880,2881],{},"さらに、Kitsuからプレイリストのデータを抽出し、カスタムのレビュー手順に合わせて再構成することも可能です。オフラインパッケージを送る場合でも、外部パートナー向けにアセットを整理する場合でも、あるいはクライアントの手間を少しでも減らしたい場合でも、このアプローチなら主導権をあなたの手に置けます。",[101,2883,2884,2887],{},[266,2885,2886],{},"公開Githubリポジトリをチェック","して、あなたのワークフローに合わせてコードをクローンし、修正してみてください！",[158,2889,2891],{"className":2890},[87,161],[163,2892],{"src":2893,"className":2894,"alt":168,"loading":169,"width":2573,"height":2574,"srcSet":2895,"sizes":173},"https://blog.cg-wire.com/content/images/2026/01/data-src-image-5c610ee3-e726-4198-8b9b-480d3546530c.png",[167],"https://blog.cg-wire.com/content/images/size/w600/2026/01/data-src-image-5c610ee3-e726-4198-8b9b-480d3546530c.png 600w, https://blog.cg-wire.com/content/images/size/w1000/2026/01/data-src-image-5c610ee3-e726-4198-8b9b-480d3546530c.png 1000w, https://blog.cg-wire.com/content/images/2026/01/data-src-image-5c610ee3-e726-4198-8b9b-480d3546530c.png 1319w",[101,2897,2898,2899,2902,2903,2907],{},"そして最後に、ぜひ守りたいアドバイスが1つあります。",[486,2900,2901],{},"可能な限り、クライアントを直接Kitsuにオンボードしてください！"," クライアントが",[266,2904,2906],{"href":2905},"https://www.cg-wire.com/review-engine?ref=blog.cg-wire.com","リアルタイムのレビュー・ルーム","、注釈付きメモ、バージョン履歴を体験すると、多くの人は二度と散らかったメールのやり取りに戻りたがらなくなります。",[84,2909,2911,2914],{"className":2910},[87,88,89],[84,2912,576],{"className":2913},[93],[84,2915,2917,2918,2922],{"className":2916},[98],"アニメーション制作プロセスについてもっと知りたいなら ",[266,2919,2921],{"href":583,"rel":2920},[585],"Discordコミュニティに参加することを検討してみてください","！ベストプラクティスを共有する1,000人以上の専門家とつながれて、時には現地イベントも企画します。ぜひ私たちもあなたを歓迎したいです！ 😊",[84,2924,2926],{"className":2925},[87,591,592],[266,2927,598],{"href":583,"className":2928},[596,597],{"title":168,"searchDepth":600,"depth":600,"links":2930},[2931,2932,2933,2934,2935,2936],{"id":2520,"depth":600,"text":2521},{"id":2580,"depth":600,"text":2581},{"id":2680,"depth":600,"text":2681},{"id":2805,"depth":600,"text":2806},{"id":2841,"depth":600,"text":2842},{"id":559,"depth":600,"text":560},"https://images.unsplash.com/photo-1727142073871-d40f5a7c76d8?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3wxMTc3M3wwfDF8c2VhcmNofDJ8fHZpZGVvJTIwZWRpdCUyMHN1aXRlfGVufDB8fHx8MTc2NzYyMDEwNnww&ixlib=rb-4.1.0&q=80&w=2000",{"updated_at":2939,"featured_at":612,"visibility":613},"2026-02-20T06:04:53.000+01:00","/blog-i18n/ja/share-kitsu-playlists","2026-01-26T10:00:19.000+01:00",{"title":2431,"description":168},"share-kitsu-playlists","blog-i18n/ja/share-kitsu-playlists/index",[2946],{"id":620,"name":621,"slug":622,"description":7,"feature_image":7,"visibility":613,"og_image":7,"og_title":7,"og_description":7,"twitter_image":7,"twitter_title":7,"twitter_description":7,"meta_title":7,"meta_description":7,"codeinjection_head":7,"codeinjection_foot":7,"canonical_url":7,"accent_color":7,"url":623},"Smu1ItN09wBosItPscFo8TrxGy5C7USiBQdjpSunfqY",{"id":2949,"title":2950,"authors":2951,"body":2953,"description":168,"extension":608,"feature_image":3454,"html":7,"meta":3455,"navigation":11,"path":3457,"published_at":3458,"seo":3459,"slug":3460,"stem":3461,"tags":3462,"__hash__":3467,"updated_at":3456,"featured_at":612,"visibility":613},"blog/blog-i18n/ja/self-hosted-blender-render-farm/index.md","Flamencoを使って2026年に自宅ホスティングのBlenderレンダーファームを構築する",[2952],{"id":76,"name":77,"slug":78,"profile_image":7,"cover_image":7,"bio":7,"website":7,"location":7,"facebook":7,"twitter":7,"meta_title":7,"meta_description":7,"threads":7,"bluesky":7,"mastodon":7,"tiktok":7,"youtube":7,"instagram":7,"linkedin":7,"url":79},{"type":81,"value":2954,"toc":3444},[2955,2966,2969,2972,2975,2978,2981,2991,2993,2997,3000,3010,3021,3028,3035,3037,3041,3048,3054,3057,3059,3063,3066,3081,3091,3093,3097,3121,3124,3132,3135,3143,3145,3149,3156,3159,3162,3170,3176,3178,3182,3185,3215,3225,3231,3251,3254,3263,3265,3269,3272,3278,3289,3292,3330,3340,3347,3364,3366,3369,3379,3382,3395,3397,3401,3407,3410,3413,3416,3423,3438],[84,2956,2958,2962],{"className":2957},[87,88,89],[84,2959,2961],{"className":2960},[93],"🖥️",[84,2963,2965],{"className":2964},[98],"クラウドに触れることなく、アイドル状態のマシンを強力なBlenderレンダーファームに変えましょう。",[101,2967,2968],{},"レンダリングのせいで期限をほとんど逃しかけたのは、最後にいつでしたか？",[101,2970,2971],{},"Blenderを開くたびに、作業用ワークステーションの音が離陸準備をするジェットエンジンのようになり、何ヶ月分もの制作物がたった1つの進捗バーに人質にされます。",[101,2973,2974],{},"一方で、昔の大学ノートPCは箱の中でホコリをかぶっています。強力ではありませんがGPUはあります。RAMもあります。パニックしながら、まったく何もせずにいるだけの完全に機能するPCです。",[101,2976,2977],{},"「レンダーファーム」という概念は、1人規模のスタジオにとっては少し怖く聞こえるかもしれません。冷房の効いた部屋にサーバーラックが並び、高価なライセンス、そしてIPアドレスについて叫ぶIT担当者…そんな光景を想像するかもしれません。",[101,2979,2980],{},"しかし、現代のBlenderのエコシステムでは、それはもう現実ではありません。",[101,2982,2983,2984,2990],{},"この記事では、",[486,2985,2986,2987],{},"古いデバイスを",[486,2988,2989],{},"Flamenco","で統一されたレンダリングシステムにする方法を説明します。ネットワーク設定の難しさを解きほぐし、数時間で複数のマシンでレンダリングできるようにします。",[111,2992],{},[114,2994,2996],{"id":2995},"why-self-host-a-render-farm","なぜレンダーファームをセルフホストするのか？",[101,2998,2999],{},"イーサネットケーブルを挿す前に、そもそもなぜやるべきなのかを話しましょう。「クラウドのファームに全部送ればいいのでは？」と思うかもしれません。クラウドファームは素晴らしいですが、ローカルのセルフホストレンダーファームは、ワークフローを3つの基本的な点で変えます。",[101,3001,3002,3003,680,3006,3009],{},"クラウドファームにお金を払うとき、あなたは「最終出力」に対して支払っています。",[266,3004,3005],{"href":1795},"心理的にテストレンダリングをしにくくなります",[486,3007,3008],{},"すべてが100%完璧だと確信できるまで「レンダー」を押すのが怖くなる","のです。",[101,3011,3012,3013,680,3017,3020],{},"ファームを自分で所有していると、レンダリングのコストは電気代です。",[266,3014,3016],{"href":3015},"https://blog.cg-wire.com/getting-started-with-blender-rendering/","タイミングやライティングを確認するために、解像度50%のラフなアニメーションをレンダリングできます",[486,3018,3019],{},"この自由によって、より速く反復できます。","当てずっぽうをやめて、テストを始められます。",[101,3022,3023,3024,3027],{},"時には、NDAのある技術クライアント向けの商業プロジェクトに取り組んでいて、製品名すら口にしてはいけないほど厳格な場合があります。",[486,3025,3026],{},"それらのアセットを第三者のクラウドサーバー（たとえ安全なものでも）にアップロードすると、厳格なNDA契約に違反する可能性があります。","データをローカルネットワーク（LAN）に保持しておけば、あなたがそう言うまで、スタジオからピクセルが外に出ることはありません。",[101,3029,3030,3031,3034],{},"2GBのプロジェクトファイルをクラウドにアップロードし、レンダリングが終わるのを待ち、フレームをダウンロードして、物理キャッシュを焼き忘れていたと気づく――その苦痛には特有のものがあります。",[486,3032,3033],{},"Flamencoのようなローカルファームなら、ミスを見つけたら「キャンセル」を押して直し、もう一度「レンダー」を押せば済みます。アップロード時間もダウンロード時間もありません。","まるでワークステーションの延長のように感じられます。",[111,3036],{},[114,3038,3040],{"id":3039},"what-is-blender-flamenco","Blender Flamencoとは？",[101,3042,3043,3044,3047],{},"スクラッチからレンダーファームを立ち上げるには ",[266,3045,3046],{"href":1065},"かつては複雑なスクリプトが必要でした","し、または高価なサードパーティソフトウェアが必要でした。ところが今は、Blender Flamencoがあります。",[101,3049,3050,3053],{},[486,3051,3052],{},"FlamencoはBlenderのオープンソースのレンダーファームです。","セットアップはとても簡単です。マネージャーが脳になってやるべきタスクのリスト（レンダリングするフレーム）を保持し、他のコンピュータに何をすべきかを伝えます。ワーカーは追加のノートPCやデスクトップです。ワーカーはマネージャーの指示を聞き、フレームを要求し、レンダリングして保存し、次のフレームをまた要求します。",[101,3055,3056],{},"Flamencoはゼロ設定で動くように設計されています。ほぼ自動でネットワーク上を見つけてくれます。Blenderをインストールできるなら、Flamencoもセットアップできます。",[111,3058],{},[114,3060,3062],{"id":3061},"_1-the-setup","1. セットアップ",[101,3064,3065],{},"このチュートリアルでは、マネージャーとワーカーの両方をデスクトップPCで兼ねる、最もシンプルな構成から始めます。後でノートPCを追加する方法も見ていきます。",[3067,3068,3069,3075],"ol",{},[1151,3070,3071,3074],{},[486,3072,3073],{},"Blenderをインストール"," - コンピュータにBlenderがインストールされていることを確認してください。",[1151,3076,3077,3080],{},[486,3078,3079],{},"Flamencoをダウンロード"," - FlamencoのWebサイトにアクセスし、ご利用のOS用のパッケージをダウンロードします。フォルダに展開してください。",[158,3082,3084],{"className":3083},[87,161],[163,3085],{"src":3086,"className":3087,"alt":168,"loading":169,"width":3088,"height":3089,"srcSet":3090,"sizes":173},"https://blog.cg-wire.com/content/images/2026/01/data-src-image-cec7140f-c6aa-4e18-83fb-be86e5a39ac7.png",[167],1064,721,"https://blog.cg-wire.com/content/images/size/w600/2026/01/data-src-image-cec7140f-c6aa-4e18-83fb-be86e5a39ac7.png 600w, https://blog.cg-wire.com/content/images/size/w1000/2026/01/data-src-image-cec7140f-c6aa-4e18-83fb-be86e5a39ac7.png 1000w, https://blog.cg-wire.com/content/images/2026/01/data-src-image-cec7140f-c6aa-4e18-83fb-be86e5a39ac7.png 1064w",[111,3092],{},[114,3094,3096],{"id":3095},"_2-run-flamenco-manager","2. Flamenco Managerを起動する",[3067,3098,3099,3102,3108,3111,3114],{},[1151,3100,3101],{},"展開したFlamencoフォルダを開きます。",[1151,3103,3104,3107],{},[146,3105,3106],{},"flamenco-manager","をダブルクリックします。",[1151,3109,3110],{},"いくつかのテキストログとともに、ターミナルウィンドウがポップアップします。",[1151,3112,3113],{},"設定ウィザードを進めて、レンダリングするためにblendファイルをアップロードするジョブフォルダを作成します。",[1151,3115,3116,3117,3120],{},"少ししてから、Webブラウザが自動的に ",[146,3118,3119],{},"http://localhost:8080"," を開くはずです。これがFlamencoのWebインターフェースです。",[101,3122,3123],{},"フレンドリーなダークテーマのダッシュボードが表示されたら、おめでとうございます。あなたはすでにサーバー管理者の半分を達成しています。Managerが起動しています。",[158,3125,3127],{"className":3126},[87,161],[163,3128],{"src":3129,"className":3130,"alt":168,"loading":169,"width":2573,"height":2574,"srcSet":3131,"sizes":173},"https://blog.cg-wire.com/content/images/2026/01/data-src-image-ac803a05-e189-4c17-9fe9-d5749f916aa0.png",[167],"https://blog.cg-wire.com/content/images/size/w600/2026/01/data-src-image-ac803a05-e189-4c17-9fe9-d5749f916aa0.png 600w, https://blog.cg-wire.com/content/images/size/w1000/2026/01/data-src-image-ac803a05-e189-4c17-9fe9-d5749f916aa0.png 1000w, https://blog.cg-wire.com/content/images/2026/01/data-src-image-ac803a05-e189-4c17-9fe9-d5749f916aa0.png 1319w",[101,3133,3134],{},"マネージャーはアドオンのダウンロードを促します。それを今やってください。ステップ4で必要になります。",[158,3136,3138],{"className":3137},[87,161],[163,3139],{"src":3140,"className":3141,"alt":168,"loading":169,"width":3088,"height":3089,"srcSet":3142,"sizes":173},"https://blog.cg-wire.com/content/images/2026/01/data-src-image-ccd6a3fb-4abd-469e-a566-5adfddf76196.png",[167],"https://blog.cg-wire.com/content/images/size/w600/2026/01/data-src-image-ccd6a3fb-4abd-469e-a566-5adfddf76196.png 600w, https://blog.cg-wire.com/content/images/size/w1000/2026/01/data-src-image-ccd6a3fb-4abd-469e-a566-5adfddf76196.png 1000w, https://blog.cg-wire.com/content/images/2026/01/data-src-image-ccd6a3fb-4abd-469e-a566-5adfddf76196.png 1064w",[111,3144],{},[114,3146,3148],{"id":3147},"_3-the-worker","3. ワーカー",[101,3150,3151,3152,3155],{},"次に、マネージャーを動かしたままにして、",[146,3153,3154],{},"flamenco-worker","をダブルクリックしてください。",[101,3157,3158],{},"以上です。",[101,3160,3161],{},"ワーカーはローカルネットワークをスキャンし、同じコンピュータ上で動いているManagerを見つけて自己紹介します。デスクトップのWebブラウザ（Managerの画面）を見てみると、「Workers」タブに「Idle」として表示され、出番を待っているはずです。",[158,3163,3165],{"className":3164},[87,161],[163,3166],{"src":3167,"className":3168,"alt":168,"loading":169,"width":2573,"height":2574,"srcSet":3169,"sizes":173},"https://blog.cg-wire.com/content/images/2026/01/data-src-image-6bad58f1-615a-4a7b-8aff-38f07279ebe0.png",[167],"https://blog.cg-wire.com/content/images/size/w600/2026/01/data-src-image-6bad58f1-615a-4a7b-8aff-38f07279ebe0.png 600w, https://blog.cg-wire.com/content/images/size/w1000/2026/01/data-src-image-6bad58f1-615a-4a7b-8aff-38f07279ebe0.png 1000w, https://blog.cg-wire.com/content/images/2026/01/data-src-image-6bad58f1-615a-4a7b-8aff-38f07279ebe0.png 1319w",[101,3171,3172,3173,3175],{},"デスクトップでも",[146,3174,3154],{},"を動かしてください。メインPCは同時にレンダリングと管理を行えます。",[111,3177],{},[114,3179,3181],{"id":3180},"_4-add-the-blend-file-and-render","4. blendファイルを追加してレンダリングする",[101,3183,3184],{},"準備は整いました。さあ、作業に入りましょう！",[3067,3186,3187,3193,3199,3205],{},[1151,3188,3189,3190,680],{},"デスクトップで",[486,3191,3192],{},"Blenderを開く",[1151,3194,3195,3198],{},[486,3196,3197],{},"アドオンを有効化"," - 編集 > 設定 > アドオン > ディスクからインストールへ移動します。マネージャーのセットアップ中にダウンロードしたflamencoのzipファイルを検索してください。",[1151,3200,3201,3204],{},[486,3202,3203],{},"Managerを紐付ける"," - Flamencoアドオンの設定で、マネージャーのURLをコピー＆ペーストします。",[1151,3206,3207,3210,3211,3214],{},[486,3208,3209],{},"ファイルを保存する"," - 設定されたジョブフォルダに",[146,3212,3213],{},".blend","ファイルを保存します。",[158,3216,3218],{"className":3217},[87,161],[163,3219],{"src":3220,"className":3221,"alt":168,"loading":169,"width":3222,"height":3223,"srcSet":3224,"sizes":173},"https://blog.cg-wire.com/content/images/2026/01/data-src-image-88504c81-44cf-4d32-a374-0b2dc6746b56.png",[167],724,732,"https://blog.cg-wire.com/content/images/size/w600/2026/01/data-src-image-88504c81-44cf-4d32-a374-0b2dc6746b56.png 600w, https://blog.cg-wire.com/content/images/2026/01/data-src-image-88504c81-44cf-4d32-a374-0b2dc6746b56.png 724w",[101,3226,3227,3228,3230],{},"Blenderのレンダー プロパティタブで、下にスクロールして",[486,3229,2989],{},"パネルを表示します。",[3067,3232,3233,3239,3245],{},[1151,3234,3235,3238],{},[486,3236,3237],{},"「Fetch Job Types」","をクリック。",[1151,3240,3241,3244],{},[486,3242,3243],{},"「Simple Render」","を選択。",[1151,3246,3247,3250],{},[486,3248,3249],{},"「Submit to Flamenco」","を押す。",[101,3252,3253],{},"次に、Webブラウザへ切り替えます。ジョブが表示されるはずです。「Workers」リストのステータスバーが緑に変わります。デスクトップは、一度に1フレームずつレンダリング用に取得します。",[158,3255,3257],{"className":3256},[87,161],[163,3258],{"src":3259,"className":3260,"alt":168,"loading":169,"width":2573,"height":3261,"srcSet":3262,"sizes":173},"https://blog.cg-wire.com/content/images/2026/01/data-src-image-6e7fa2fb-b997-4f6f-ba60-bcc3c70d5bb0.png",[167],918,"https://blog.cg-wire.com/content/images/size/w600/2026/01/data-src-image-6e7fa2fb-b997-4f6f-ba60-bcc3c70d5bb0.png 600w, https://blog.cg-wire.com/content/images/size/w1000/2026/01/data-src-image-6e7fa2fb-b997-4f6f-ba60-bcc3c70d5bb0.png 1000w, https://blog.cg-wire.com/content/images/2026/01/data-src-image-6e7fa2fb-b997-4f6f-ba60-bcc3c70d5bb0.png 1319w",[111,3264],{},[114,3266,3268],{"id":3267},"_5-bringing-in-the-laptop","5. ノートPCを追加する",[101,3270,3271],{},"次に、ホコリをかぶったノートPCをファームに追加します。",[101,3273,3274,3275],{},"ここであなたに伝えたい、最も実行可能なアドバイスが1つあります。それは90%の初心者が失敗するポイントでもあります：",[486,3276,3277],{},"すべてのコンピュータが、同じ場所にあるファイルが見えていなければなりません。",[101,3279,3280,3281,3284,3285,3288],{},"デスクトップでテクスチャが ",[146,3282,3283],{},"C:\\Users\\Dave\\Texture.png"," にあるなら、ノートPCはそのパスに",[702,3286,3287],{},"アクセスできません","。ノートPCにはDaveというユーザーが存在しないうえ、Cドライブにもそのファイルがありません。",[101,3290,3291],{},"必要なのは共有ネットワークフォルダで、通常はNASを使います。OSによって手順は似ていますが、少しだけ違います：",[3067,3293,3294,3297,3304,3317],{},[1151,3295,3296],{},"イーサネットケーブルでデスクトップとノートPCを接続",[1151,3298,3299,3300,3303],{},"デスクトップ上にNASフォルダを作成し、名前を",[146,3301,3302],{},"RenderFarm","にする。",[1151,3305,3306,3307,3310,3311,3310,3314,3316],{},"右クリック > ",[486,3308,3309],{},"プロパティ"," > ",[486,3312,3313],{},"共有",[486,3315,3313],{},"。ユーザーに読み取り/書き込みの権限を付与する。",[1151,3318,3319,3322,3323,3326,3327,3329],{},[486,3320,3321],{},"ネットワークドライブを割り当てる：","デスクトップで、このフォルダをドライブレターに割り当てます。たとえば",[146,3324,3325],{},"Z:","。ノートPCでは、デスクトップのネットワーク共有に移動し、これを**同じレター ",[146,3328,3325],{},"** に割り当てます。",[101,3331,3332,3333,3336,3337,3339],{},"これで、Blenderファイルを",[146,3334,3335],{},"Z:\\RenderFarm\\MyProject.blend","として保存すれば、両方のコンピュータが",[146,3338,3335],{},"としてそれを見られます。パスは絶対で、同一です。",[101,3341,3342,3343,3346],{},"デスクトップは起動したままにして、",[486,3344,3345],{},"コンピュータB（ノートPC）","へ移ってください。",[3067,3348,3349,3354,3357,3360],{},[1151,3350,3351,3353],{},[146,3352,3325],{},"ドライブ（またはセットアップした共有ストレージ）がアクセス可能か確認します。念のため、その中のファイルを開いてみてください。",[1151,3355,3356],{},"ノートPCでFlamencoフォルダをインストールして開きます。",[1151,3358,3359],{},"デスクトップと同じBlenderバージョンがインストールされていることを確認します。",[1151,3361,3362,3107],{},[146,3363,3154],{},[101,3365,3158],{},[101,3367,3368],{},"ワーカーはローカルネットワークをスキャンし、デスクトップで動いているManagerを見つけます。",[158,3370,3372],{"className":3371},[87,161],[163,3373],{"src":3374,"className":3375,"alt":168,"loading":169,"width":3376,"height":3377,"srcSet":3378,"sizes":173},"https://blog.cg-wire.com/content/images/2026/01/data-src-image-90501d50-29c3-4d8f-9b54-511e6c674739.png",[167],1504,932,"https://blog.cg-wire.com/content/images/size/w600/2026/01/data-src-image-90501d50-29c3-4d8f-9b54-511e6c674739.png 600w, https://blog.cg-wire.com/content/images/size/w1000/2026/01/data-src-image-90501d50-29c3-4d8f-9b54-511e6c674739.png 1000w, https://blog.cg-wire.com/content/images/2026/01/data-src-image-90501d50-29c3-4d8f-9b54-511e6c674739.png 1504w",[101,3380,3381],{},"Flamencoが、コンピュータ間でジョブを自動的にオーケストレーションします。",[101,3383,3384,3385,3389,3390,3394],{},"NASにアクセスできない、またはNASを購入したくない場合は、Linuxのワークステーションに無料のSambaサーバーをインストールする方法を検討できます。Flamencoは非同期サービスを扱えないため、クラウドストレージは使えません（独自のジョブタイプを作成する場合を除く）。そのやり方については",[266,3386,3388],{"href":3387},"https://blog.cg-wire.com/","将来の記事","で、Kitsuを非同期の",[266,3391,3393],{"href":3392},"https://blog.cg-wire.com/animation-asset-storage/","アセットストレージサーバー","として使う方法を見ていきます。",[111,3396],{},[114,3398,3400],{"id":3399},"conclusion-knowing-when-to-scale","まとめ：いつスケールするべきかを知る",[101,3402,3403,3404],{},"ハードウェアのセットアップ、重要な共有ストレージの考え方、そしてソフトウェアのインストールまで解説しました。ここまで実施できたなら、",[486,3405,3406],{},"自宅で機能するレンダーファームが完成し、ホコリをかぶったノートPCは今やチームの生産的なメンバーになっています。",[101,3408,3409],{},"Flamencoは、セルフホストレンダリングへの参入障壁を非常に低くしてくれます。プライバシーを尊重し、電気代以外はコストがかからず、すでに持っているハードウェアの性能を余すところなく引き出せます。",[101,3411,3412],{},"ただし、1人で達成できる範囲には限界があります。",[101,3414,3415],{},"いずれ、デスクトップ＋ノートPCの組み合わせでは足りない期限にぶつかるでしょう。たとえば、24時間で重たいボリューメトリクスのある4Kシーケンスをレンダリングする必要があり、自宅ファームの見積もりでは完了まで3週間かかる、という状況です。これがセルフホスティングの天井です。",[101,3417,3418,3419,3422],{},"この壁に当たったら、さらに5台のコンピュータを買う必要はありません。",[486,3420,3421],{},"CPU/GPUノードを何百台も即座に利用できるサービス、Ranch Computingへ切り替えるタイミングです。","自宅ファームは、テスト、プレビュー、軽めのプロジェクトに最適な素晴らしい日常ドライバーです。一方で、クラウドのレンダーファームは、クライアント向けの高品質な成果物を素早くレンダリングするのに非常に役立ちます。",[84,3424,3426,3429],{"className":3425},[87,88,89],[84,3427,576],{"className":3428},[93],[84,3430,3432,3433,3437],{"className":3431},[98],"アニメーション制作のプロセスについてもっと知りたい方は",[266,3434,3436],{"href":583,"rel":3435},[585],"ぜひDiscordコミュニティに参加することを検討してください","！ベストプラクティスを共有する1,000人以上の専門家とつながれ、時には対面イベントも企画しています。ぜひ歓迎します！ 😊",[84,3439,3441],{"className":3440},[87,591,592],[266,3442,598],{"href":583,"className":3443},[596,597],{"title":168,"searchDepth":600,"depth":600,"links":3445},[3446,3447,3448,3449,3450,3451,3452,3453],{"id":2995,"depth":600,"text":2996},{"id":3039,"depth":600,"text":3040},{"id":3061,"depth":600,"text":3062},{"id":3095,"depth":600,"text":3096},{"id":3147,"depth":600,"text":3148},{"id":3180,"depth":600,"text":3181},{"id":3267,"depth":600,"text":3268},{"id":3399,"depth":600,"text":3400},"https://images.unsplash.com/photo-1683322499436-f4383dd59f5a?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3wxMTc3M3wwfDF8c2VhcmNofDd8fGRhdGElMjBjZW50ZXJ8ZW58MHx8fHwxNzY3NjE4NDAxfDA&ixlib=rb-4.1.0&q=80&w=2000",{"updated_at":3456,"featured_at":612,"visibility":613},"2026-02-20T06:04:52.000+01:00","/blog-i18n/ja/self-hosted-blender-render-farm","2026-01-19T10:00:41.000+01:00",{"title":2950,"description":168},"self-hosted-blender-render-farm","blog-i18n/ja/self-hosted-blender-render-farm/index",[3463,3464],{"id":620,"name":621,"slug":622,"description":7,"feature_image":7,"visibility":613,"og_image":7,"og_title":7,"og_description":7,"twitter_image":7,"twitter_title":7,"twitter_description":7,"meta_title":7,"meta_description":7,"codeinjection_head":7,"codeinjection_foot":7,"canonical_url":7,"accent_color":7,"url":623},{"id":3465,"name":20,"slug":21,"description":7,"feature_image":7,"visibility":613,"og_image":7,"og_title":7,"og_description":7,"twitter_image":7,"twitter_title":7,"twitter_description":7,"meta_title":7,"meta_description":7,"codeinjection_head":7,"codeinjection_foot":7,"canonical_url":7,"accent_color":7,"url":3466},"69c20ddbcb09d8000107cfe5","https://blog.cg-wire.com/tag/blender/","8mcpjtvbYb0aFNMIG1CN_zWjvqBTKM3gs6SXZZk4xBA",{"id":3469,"title":3470,"authors":3471,"body":3473,"description":168,"extension":608,"feature_image":4058,"html":7,"meta":4059,"navigation":11,"path":4061,"published_at":4062,"seo":4063,"slug":4064,"stem":4065,"tags":4066,"__hash__":4068,"updated_at":4060,"featured_at":612,"visibility":613},"blog/blog-i18n/ja/kitsu-cli-single-binary/index.md","Python と Gazu でポータブルな Kitsu CLI をシングルバイナリ化する（2026）",[3472],{"id":76,"name":77,"slug":78,"profile_image":7,"cover_image":7,"bio":7,"website":7,"location":7,"facebook":7,"twitter":7,"meta_title":7,"meta_description":7,"threads":7,"bluesky":7,"mastodon":7,"tiktok":7,"youtube":7,"instagram":7,"linkedin":7,"url":79},{"type":81,"value":3474,"toc":4049},[3475,3486,3494,3499,3506,3509,3512,3515,3521,3523,3527,3534,3544,3551,3557,3584,3586,3590,3600,3607,3613,3619,3625,3654,3661,3667,3673,3675,3679,3686,3689,3696,3711,3718,3724,3730,3732,3736,3746,3749,3755,3775,3778,3780,3784,3800,3811,3817,3824,3827,3833,3847,3861,3864,3870,3877,3886,3889,3891,3895,3898,3912,3915,3921,3924,3962,4001,4004,4011,4013,4015,4021,4027,4042],[84,3476,3478,3482],{"className":3477},[87,88,89],[84,3479,3481],{"className":3480},[93],"🧰",[84,3483,3485],{"className":3484},[98],"壊れやすい Python スクリプトを、ただ動くだけの 1 つの確実なツールに変える。",[101,3487,3488,3489,3493],{},"制作も終盤、スケジュールはタイト。新しいマシンに重要なパイプラインツールを導入する必要があります。撮影（ショット）のステータスを同期したり、プレイブラストを公開したり、あるいは ",[266,3490,3492],{"href":3491},"https://blog.cg-wire.com/dcc-integration-blender-kitsu/","Kitsu のワークフローを自動化"," したりするためのものです。ツール自体は大したことはありません。Python です。あなたはすでに書いています。",[101,3495,3496],{},[486,3497,3498],{},"問題は、その周りのすべて。",[101,3500,3501,3502,3505],{},"導入先のマシンには Python が入っていません。あるいは、間違ったバージョンです。スタジオの Linux サーバーはロックダウンされています。フリーランサーの Windows 環境では依存関係をコンパイルできません。誰かが「",[146,3503,3504],{},"pip"," が必要なのか、仮想環境が必要なのか、それとも Gazu SDK なのか」と聞いてきます。すると、あっという間に「シンプルなスクリプト」はドキュメント、トラブルシューティング、そして失われる時間へと変わってしまうのです。",[101,3507,3508],{},"パイプラインツールを作る代わりに、環境の管理をしている状態になります。",[101,3510,3511],{},"これは誰も楽しくない工程です。Python をインストールし、バージョンを固定し、足りないライブラリを追いかけて、OS の更新で何も壊れないことを祈ること。さらに、ツールをアーティストのワークステーション、レンダーノード、CI サーバーで動かす必要があるとき、その脆さは本当の制作上のリスクになります。",[101,3513,3514],{},"本当に欲しいのはシンプルです。1 つのツール、1 つのコマンド。あとはただ実行されること。",[101,3516,3517,3520],{},[486,3518,3519],{},"この記事では、Kitsu Python SDK（Gazu）を Command Line Interface（CLI）で包み込み、さらに単一のバイナリ実行ファイルにコンパイルすることで、Kitsu ワークフローをどのようにパッケージするかを学びます。"," Python のインストールは不要。依存関係の管理も不要。すぐにどんなマシンでも使える、信頼できる実行ファイルだけです。",[111,3522],{},[114,3524,3526],{"id":3525},"why-you-need-a-cli","なぜ CLI が必要なのか",[101,3528,3529,3530,3533],{},"GUI は創造的な作業に最適です。しかし ",[486,3531,3532],{},"パイプライン管理を扱う段階になると、Web UI はすぐに負担になります","。Kitsu の適切なタスクを CLI に移すことで、より速く、より拡張性があり、そして自動化しやすい形で作業できるようになります。",[101,3535,3536,3537,3540,3541],{},"5 つのショットのアニメーションを仕上げて、ステータスを更新し、プレビューをアップロードする必要があるとします。ブラウザだとコンテキスト切り替えが発生します。Alt-Tab、Chrome を開く、Kitsu に移動、プロジェクトに入る、エピソードを探す、ショットをクリック、ステータス変更、動画のアップロード。そして同じ作業を、すべてのショット分繰り返すのです。CLI なら、その場に留まれます。",[146,3538,3539],{},"kitsu publish --status Review"," と入力して Enter。あとは次へ。",[486,3542,3543],{},"キーボードから離れることはなく、集中が途切れず、メニューをクリックすることで発生する認知的コストも支払わずに済みます。",[101,3545,3546,3547,3550],{},"CLI は自然に「引数」「リスト」「自動化」の発想へと導き、そこで一気に積み上がっていきます。",[486,3548,3549],{},"1 つのショットを更新できるなら、同じコマンドで 10 も 100 も更新できます。"," シーケンスをループしたり、ショット名をパイプで渡したり、DCC やレンダー出力から直接操作したりできます。Web UI で 1 時間かかる反復クリック作業が、スクリプト化された数秒に変わるのです。そして一貫していて、繰り返せて、バージョン管理もしやすい。",[101,3552,745,3553,3556],{},[486,3554,3555],{},"すべてのパイプライン処理が、モニター付きのワークステーション上で動くわけではありません。"," レンダーファームのノード、ビルドサーバー、あるいはディスク上のファイルに反応するバックグラウンドプロセスで実行する必要があることもあります。そうした環境では、ブラウザもなく、ボタンをクリックするユーザーもいません。CLI はシェルがある場所ならどこでも動きます。パブリッシュ、自動化によるステータス変更、バリデーション、同期処理まで行え、Kitsu はより深いレベルでパイプラインに組み込まれていきます。",[84,3558,3560,3563],{"className":3559},[87,88,665],[84,3561,669],{"className":3562},[93],[84,3564,3566,3571,3573,3575,3576,3578,1094,3580],{"className":3565},[98],[674,3567,3568],{},[486,3569,3570],{"style":678},"動く具体例を探していますか？",[534,3572],{},[534,3574],{},"このガイドで紹介している例の統合について、完全なソースコードは GitHub で確認できます。",[534,3577],{},[534,3579],{},[266,3581,3583],{"href":3582},"https://github.com/cgwire/blog-tutorials/tree/main/kitsu-cli?ref=blog.cg-wire.com","https://github.com/cgwire/blog-tutorials/tree/main/kitsu-cli",[111,3585],{},[114,3587,3589],{"id":3588},"_1-designing-the-cli-interface","1. CLI インターフェースの設計",[101,3591,3592,3593,2183,3596,3599],{},"Kitsu API に触れる前に、まずツールの骨組みが必要です。Python にはコマンドライン引数を解析する方法がいくつかありますが、プロ向けのパイプラインツールなら、",[146,3594,3595],{},"Click",[146,3597,3598],{},"Typer"," といったライブラリの利用を強くおすすめします。",[101,3601,3602,3603,3606],{},"このウォークスルーでは、",[146,3604,3605],{},"kitsu-cli"," というツールを想像してみましょう。",[101,3608,3609,3612],{},[486,3610,3611],{},"ツールを木（ツリー）だと思ってください。"," 主幹（幹）がメインの実行ファイルで、枝があなたのコマンドとサブコマンドです。",[188,3614,3615],{},[146,3616,3618],{"className":3617},[370],"kitsu-cli (root)\n└── production (production に関するコマンド)\n    └── list (すべての productions を一覧表示)\n",[101,3620,3621,3622,3624],{},"次は、",[146,3623,3595],{}," を使ってこのロジックを Python で構成する方法です。この構造は、ツールを拡張可能にするために重要です。今日あなたが production を管理しているとしても、明日には asset やプレイリストを管理しているかもしれません。",[188,3626,3627,3640],{},[146,3628,3630,3631,3634,3637],{"className":3629},[260],"import click\n",[101,3632,3633],{},"@click.group()\ndef cli():\n\"\"\"My Studio Kitsu Tool\"\"\"\npass",[101,3635,3636],{},"@cli.group()\ndef production():\n\"\"\"productions を管理するためのコマンド\"\"\"\npass",[101,3638,3639],{},"@production.command()\n@click.option('--name', help='名前でフィルタ')\ndef list(name):\n\"\"\"productions を一覧表示\"\"\"\nclick.echo(f\"productions を一覧表示中: {name}\")",[101,3641,3642],{},[146,3643,3645,3646,3649,3650,3653],{"className":3644},[260],"if ",[486,3647,3648],{},"name"," == '",[486,3651,3652],{},"main","':\ncli()\n",[101,3655,3656,3657,3660],{},"このスニペットだけでも、ヘルプメニューが自動で手に入ります。ユーザーが ",[146,3658,3659],{},"kit-cli --help"," と入力すれば、ドキュメントが表示されます。これは開発者の思いやりであり、ユーザーに使い方を教えるツールを作ることです。",[101,3662,3663,3666],{},[486,3664,3665],{},"CLI を実行するには","、通常の Python プログラムと同じように同じコマンドを使うだけです。",[188,3668,3669],{},[146,3670,3672],{"className":3671},[496],"python3 cli.py production list\n",[111,3674],{},[114,3676,3678],{"id":3677},"_2-adding-gazu-features","2. Gazu の機能を追加する",[101,3680,3681,3682,3685],{},"骨組みができたので、次は筋肉が必要です。Kitsu には ",[486,3683,3684],{},"Gazu"," という素晴らしい Python クライアントが用意されています。",[101,3687,3688],{},"もし Gazu を使ったことがないなら、Gazu はあなたのスクリプトと Kitsu サーバーの間をつなぐブリッジだと考えてください。",[101,3690,3691,3692,3695],{},"どのパイプラインツールでも最初のハードルは ",[486,3693,3694],{},"認証"," です。アーティストに、パスワードをスクリプトへ直書きさせたくはありません。堅牢な CLI は、すでにセッションが存在するかどうかを確認します。なければ、ユーザーに 1 回ログインしてもらい、トークンをローカルに保存します。簡単のため、認証ロジックは次のように固定しておきます。",[188,3697,3698,3701],{},[146,3699,1281],{"className":3700},[260],[101,3702,3703],{},[146,3704,264,3706,1202,3709,2075],{"className":3705},[260],[266,3707,1197],{"href":1197,"rel":3708},[270],[266,3710,279],{"href":278},[101,3712,3713,3714,3717],{},"認証が済んだら、先ほど書いた ",[146,3715,3716],{},"list"," コマンドを具体化できます。productions を一覧表示するには次のようにします。",[188,3719,3720],{},[146,3721,3723],{"className":3722},[260],"@production.command()\n@click.option('--name', help='名前でフィルタ')\ndef list(name):\n\"\"\"productions を一覧表示\"\"\"\nclick.echo(f\"productions を一覧表示中: {name}\")\n",[101,3725,3726,3727],{},"ブラウザを開いて Vue アプリの読み込みを待ったり、ビューをフィルタしたりする必要はありません。",[486,3728,3729],{},"このスクリプトは生データを即座に返します。",[111,3731],{},[114,3733,3735],{"id":3734},"_3-interactive-interface","3. インタラクティブなインターフェース",[101,3737,3738,3741,3742,3745],{},[146,3739,3740],{},"--name test"," のようなコマンドフラグも便利ですが、",[486,3743,3744],{},"production をインタラクティブな一覧から選べるようにする方が、はるかに良い体験","になります。",[101,3747,3748],{},"シーケンスの正確な名前をユーザーに入力させる代わりに（必ずスペルミスが起きます）、プロンプトを追加することで CLI を賢くできます。もしユーザーが引数を渡し忘れたら、その場で聞けばいいのです。",[101,3750,3751,3754],{},[146,3752,3753],{},"questionary"," のようなライブラリは、ターミナルに自己説明型のインタラクティブな選択リストを追加できるので最適です。",[188,3756,3757,3770],{},[146,3758,3760,3761,3764],{"className":3759},[260],"import questionary",[101,3762,3763],{},"@production.command()\ndef select():\n\"\"\"利用可能な productions を一覧表示\"\"\"\nproductions = gazu.project.all_projects()",[188,3765,3768],{"className":3766,"code":3767,"language":372},[370],"selected_project = questionary.select(\n    \"どのプロジェクトで作業していますか？\", choices=productions\n).ask()\n\nclick.echo(f\"{selected_project} を選択しました。assets を読み込み中...\")\n",[146,3769,3767],{"__ignoreMap":168},[101,3771,3772],{},[146,3773],{"className":3774},[260],[101,3776,3777],{},"この小さな追加によって、ユーザー体験は「怖いハッカー向けツール」から「頼りになるアシスタント」へと変わります。ユーザーが Kitsu から取得した有効な選択肢しか選べないため、エラー率はほぼゼロにまで下がります。",[111,3779],{},[114,3781,3783],{"id":3782},"_4-the-single-executable-binary","4. 単一の実行可能バイナリ",[101,3785,3786,3787,3790,3791,3793,3794,3793,3797,3799],{},"最後にもう一つ、",[486,3788,3789],{},"「自分のラップトップでは動かない」問題を解決する必要があります。","依存関係を含む Python スクリプトがあります：",[146,3792,299],{},"、",[146,3795,3796],{},"click",[146,3798,3753],{}," など。",[101,3801,3802,3803,3806,3807,3810],{},"フリーランサーのマシンで動かすには、本来は Python をインストールしたり、仮想環境を作って ",[146,3804,3805],{},"pip install"," で要件を入れたりする必要があります。これらの手順をすべてなくすために ",[146,3808,3809],{},"PyInstaller"," を使います。",[188,3812,3813],{},[146,3814,3816],{"className":3815},[1834],"python3 -m pip install pyinstaller\n",[101,3818,3819,3820,3823],{},"PyInstaller はあなたの Python スクリプトを解析し、インポートされているすべてのライブラリを見つけ、Python インタプリタ自体もバンドルし、すべてを 1 つの ",[146,3821,3822],{},".exe"," ファイル（Windows）またはターゲットのバイナリ（Linux/Mac）に包み込みます。",[101,3825,3826],{},"ターミナルでスクリプトのフォルダに移動して、次を実行します。",[188,3828,3829],{},[146,3830,3832],{"className":3831},[193],"python3 -m PyInstaller --onefile --name kitsu-cli cli.py\n",[1148,3834,3835,3841],{},[1151,3836,3837,3840],{},[146,3838,3839],{},"--onefile",": このフラグは、バラバラの依存関係が入ったフォルダではなく、すべてを 1 つのファイルとしてバンドルするよう PyInstaller に指示します。",[1151,3842,3843,3846],{},[146,3844,3845],{},"--name",": 最終的なバイナリファイルの名前。",[101,3848,3849,3850,3853,3854,3856,3857,3860],{},"処理が終わったら ",[146,3851,3852],{},"dist/"," フォルダを確認します。",[146,3855,3605],{},"（または ",[146,3858,3859],{},"kitsu-cli.exe","）というファイルが見つかるはずです。",[101,3862,3863],{},"これをそのまま使って、USB ドライブに入れたり、メールで送ったり、ネットワークドライブに置いたりできます。アーティストはデスクトップにドラッグして、同じ OS のアーキテクチャ（macOS、Windows など）でコンパイルされていればすぐに実行できます。Python をインストールする必要はありません。Gazu を手動でインストールする必要もありません。つまり、ただ動くだけです。",[188,3865,3866],{},[146,3867,3869],{"className":3868},[1834],"./kitsu-cli production list\n",[101,3871,3872,3873,3876],{},"とはいえ、私の言葉を信じるだけではなく、",[266,3874,3875],{},"GitHub リポジトリをクローンして","自分で試してみてください。",[158,3878,3880],{"className":3879},[87,161],[163,3881],{"src":3882,"className":3883,"alt":168,"loading":169,"width":2573,"height":3884,"srcSet":3885,"sizes":173},"https://blog.cg-wire.com/content/images/2026/01/data-src-image-f4c09502-e96e-4692-8fc7-d4dd59d6482c.png",[167],913,"https://blog.cg-wire.com/content/images/size/w600/2026/01/data-src-image-f4c09502-e96e-4692-8fc7-d4dd59d6482c.png 600w, https://blog.cg-wire.com/content/images/size/w1000/2026/01/data-src-image-f4c09502-e96e-4692-8fc7-d4dd59d6482c.png 1000w, https://blog.cg-wire.com/content/images/2026/01/data-src-image-f4c09502-e96e-4692-8fc7-d4dd59d6482c.png 1319w",[101,3887,3888],{},"CLI を別の OS ターゲットへクロスコンパイルする必要がある場合は、Github Actions を使えます。",[111,3890],{},[114,3892,3894],{"id":3893},"cli-example-the-render-fetcher","CLI の例：「Render Fetcher」",[101,3896,3897],{},"よりパイプライン中心のシナリオに切り替えてみましょう。",[101,3899,3900,3901,3904,3905,3908,3909,3911],{},"複数のマシンにわたって ",[266,3902,3903],{"href":3015},"分散レンダリングを管理"," するワークフローを思い浮かべてください。それぞれのレンダーノードは、Kitsu から定期的に新しい作業を取得する必要があります。レンダリング待ち（",[702,3906,3907],{},"TODO","）としてマークされたショットと、その対応するプレビュー ",[146,3910,3213],{}," ファイルです。これらのマシンはヘッドレスで、ロックダウンされ、意図的にミニマム構成になっています。Python のインストールはなし。仮想環境もなし。依存関係のやりくりもなし。",[101,3913,3914],{},"そこで欲しいのは、どんなサーバーにも置いて、cron ジョブやサービスとして実行できる「単一の実行ファイル」です。",[188,3916,3917],{},[146,3918,3920],{"className":3919},[193],"./kitsu-cli pull MechaFight /home/user/flamenco/jobs\n",[101,3922,3923],{},"対応するコードは次のようになります。",[188,3925,3926,3951],{},[146,3927,3929,3930,3933,3940,3942,3945],{"className":3928},[260],"import os",[101,3931,3932],{},"import click\nimport gazu\nimport questionary",[101,3934,264,3935,1202,3938,280],{},[266,3936,1197],{"href":1197,"rel":3937},[270],[266,3939,279],{"href":278},[101,3941,3633],{},[101,3943,3944],{},"@cli.command()\n@click.argument(\"project_name\", required=True)\n@click.argument(\"output_path\", required=True)\ndef pull(project_name, output_path):\nclick.echo(f\"Fetching TODO render tasks for project: {project_name}\")",[188,3946,3949],{"className":3947,"code":3948,"language":372},[370],"project = gazu.project.get_project_by_name(project_name)\n\ntasks = gazu.task.all_tasks_for_project(project)\n\nrendering = gazu.task.get_task_type_by_name(\"Rendering\")\ntodo = gazu.task.get_task_status_by_name(\"todo\")\n\nrender_tasks = [\n    t\n    for t in tasks\n    if t[\"task_type_id\"] == rendering[\"id\"] and t[\"task_status_id\"] == todo[\"id\"]\n]\n\nfor task in render_tasks:\n    files = gazu.files.get_all_preview_files_for_task(task)\n    size = len(files)\n\n    if size > 0:\n        latest = files[size - 1]\n        if latest[\"extension\"] == \"blend\":\n            target_path = os.path.join(\n                output_path, latest[\"name\"] + \".\" + latest[\"extension\"]\n            )\n            gazu.files.download_preview_file(latest, target_path)\n",[146,3950,3948],{"__ignoreMap":168},[101,3952,3953],{},[146,3954,3645,3956,3958,3959,3961],{"className":3955},[260],[486,3957,3648],{}," == \"",[486,3960,3652],{},"\":\ncli()\n",[3067,3963,3964,3973,3986,3995],{},[1151,3965,3966,3969,3970,3972],{},[486,3967,3968],{},"Kitsu を照会する"," - CLI は Kitsu（Gazu 経由）に接続し、指定したプロジェクトに対して ",[702,3971,3907],{}," ステータスのレンダリングタスクをすべて取得します。",[1151,3974,3975,3978,3979,3982,3983,3985],{},[486,3976,3977],{},"タスクをフィルタする"," - ",[146,3980,3981],{},"todo"," とマークされ、かつ対応するプレビュー ファイルが関連付いているタスクを抽出します（この場合は ",[146,3984,3213],{}," ファイルです）。",[1151,3987,3988,3991,3992,3994],{},[486,3989,3990],{},"アセットをダウンロードする"," - 各タスクごとに、CLI は対応するプレビュー ",[146,3993,3213],{}," ファイルを、指定された出力パスへディスクへダウンロードします。",[1151,3996,3997,4000],{},[486,3998,3999],{},"レンダリング"," - ダウンロードが完了すると、ファイルは Blender が取得できる状態になり、手動または Flamenco のような自動レンダーオーケストレータ経由でレンダリングできます。",[101,4002,4003],{},"この CLI を単一のバイナリにコンパイルしてしまえば、デプロイは簡単になります。Linux のレンダーノードにそのまま置いて、Python や依存関係をインストールせずに cron や systemd から起動できます。すべてのサーバーで同じ方法で作業を取得します。フォルダ構成は一貫します。タスクの状態はそのまま Kitsu から取得されます。そしてレンダーファームはレンダリングに集中できます。",[101,4005,4006,4007,4010],{},"繰り返しになりますが、",[266,4008,4009],{},"対応する Github リポジトリ","で実際に確認してください。",[111,4012],{},[114,4014,974],{"id":559},[101,4016,4017,4020],{},[486,4018,4019],{},"自分で Kitsu CLI を作ることは、必ずしも複雑である必要はありません。","Gazu ライブラリを使いやすい CLI に包み、PyInstaller で固定化することで、パイプラインをスケールさせられます。環境管理に伴う技術的な摩擦を取り除き、アーティストが最も得意なこと、つまり美しいアニメーションを作ることに集中できるようになります。",[101,4022,4023,4026],{},[266,4024,4025],{"href":3387},"ブログを購読","して、Kitsu と Blender のスクリプトを組み合わせる方法も学んでください！",[84,4028,4030,4033],{"className":4029},[87,88,89],[84,4031,576],{"className":4032},[93],[84,4034,4036,4037,4041],{"className":4035},[98],"アニメーションのプロセスについてもっと知りたいなら、",[266,4038,4040],{"href":583,"rel":4039},[585],"Discord のコミュニティに参加することを検討してください","！ 私たちはベストプラクティスを共有する1,000人以上の専門家とつながっており、時には対面イベントも企画します。ぜひ私たちもあなたを歓迎したいです！ 😊",[84,4043,4045],{"className":4044},[87,591,592],[266,4046,4048],{"href":583,"className":4047},[596,597],"Discord コミュニティに参加する",{"title":168,"searchDepth":600,"depth":600,"links":4050},[4051,4052,4053,4054,4055,4056,4057],{"id":3525,"depth":600,"text":3526},{"id":3588,"depth":600,"text":3589},{"id":3677,"depth":600,"text":3678},{"id":3734,"depth":600,"text":3735},{"id":3782,"depth":600,"text":3783},{"id":3893,"depth":600,"text":3894},{"id":559,"depth":600,"text":974},"https://images.unsplash.com/photo-1484417894907-623942c8ee29?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3wxMTc3M3wwfDF8c2VhcmNofDIxfHxzb2Z0d2FyZSUyMGRldmVsb3BtZW50fGVufDB8fHx8MTc2NzYwNzcwNHww&ixlib=rb-4.1.0&q=80&w=2000",{"updated_at":4060,"featured_at":612,"visibility":613},"2026-02-20T06:04:43.000+01:00","/blog-i18n/ja/kitsu-cli-single-binary","2026-01-12T10:00:37.000+01:00",{"title":3470,"description":168},"kitsu-cli-single-binary","blog-i18n/ja/kitsu-cli-single-binary/index",[4067],{"id":620,"name":621,"slug":622,"description":7,"feature_image":7,"visibility":613,"og_image":7,"og_title":7,"og_description":7,"twitter_image":7,"twitter_title":7,"twitter_description":7,"meta_title":7,"meta_description":7,"codeinjection_head":7,"codeinjection_foot":7,"canonical_url":7,"accent_color":7,"url":623},"GmASzRfG0IozXsnwCh_Hv7Wr27zFDtygFTV42CGl9Xs",{"id":4070,"title":4071,"authors":4072,"body":4074,"description":168,"extension":608,"feature_image":4830,"html":7,"meta":4831,"navigation":11,"path":4833,"published_at":4834,"seo":4835,"slug":4836,"stem":4837,"tags":4838,"__hash__":4841,"updated_at":4832,"featured_at":612,"visibility":613},"blog/blog-i18n/ja/blender-shaders-explained/index.md","Blenderシェーダーの扱い方（2026）：ノード＆スクリプト",[4073],{"id":76,"name":77,"slug":78,"profile_image":7,"cover_image":7,"bio":7,"website":7,"location":7,"facebook":7,"twitter":7,"meta_title":7,"meta_description":7,"threads":7,"bluesky":7,"mastodon":7,"tiktok":7,"youtube":7,"instagram":7,"linkedin":7,"url":79},{"type":81,"value":4075,"toc":4812},[4076,4087,4094,4097,4100,4106,4108,4114,4117,4127,4132,4149,4152,4166,4176,4178,4184,4187,4190,4193,4200,4215,4222,4225,4227,4233,4240,4248,4255,4258,4296,4302,4305,4313,4319,4322,4360,4366,4369,4389,4395,4398,4424,4430,4433,4459,4465,4468,4494,4500,4503,4511,4517,4520,4534,4536,4542,4548,4551,4554,4580,4587,4590,4611,4614,4637,4640,4673,4677,4680,4724,4727,4737,4743,4751,4754,4756,4760,4767,4778,4792,4806],[84,4077,4079,4083],{"className":4078},[87,88,89],[84,4080,4082],{"className":4081},[93],"🎨",[84,4084,4086],{"className":4085},[98],"シェーダーは魔法ではありません。制御でき、自動化もできる「視覚的なレシピ」です。",[101,4088,4089,4090,4093],{},"「",[702,4091,4092],{},"shader","（シェーダー）」という言葉を初めて聞いたとき、不安になるのは簡単です。誰かがGLSLの話をし始め、GPUが汗をかき始めるように感じて、気づけば読めないコードの壁を想像し、PCファンが助けを求めて叫んでいる――そんな気分になるでしょう。",[101,4095,4096],{},"o早い段階で誰も教えてくれないのはここです。シェーダーを扱うのに数学者やグラフィックスプログラマーである必要はありません。低レベルのGPUコードを書くことも、光の物理の裏にあるすべての式を理解することも求められていません。Blenderは、あなたにそれを期待していません。代わりに、ノードをくれます。コードというよりレゴのように振る舞う「視覚的な組み立て部品」です。つなげていくだけで結果がすぐ見えて、納得できる感触になるまで調整できます。",[101,4098,4099],{},"シェーダーをコードというより「レシピ」と考えてください。値、テクスチャ、ロジックを混ぜ合わせて、サーフェスが光にどう反応すべきかを記述します。時には既知のレシピに従い、時には即興で試し、時には何が起きるか見るためにあえて壊してみます。それが、あなたが学ぶ方法です。",[101,4101,4102,4105],{},[486,4103,4104],{},"この記事では、シェーディングが実際に何であるかを解き明かし、そこにまとわりつく恐怖心を取り払い、Blenderのノードシステムを使って（あるいは少しのスクリプトで）アニメーション制作パイプラインのためにシェーダーをプロシージャルに操作する方法を探ります。"," そして最後には、シェーディングが「立ち入ってはいけない部屋」のように感じることはなくなっているはずです。",[111,4107],{},[114,4109,4111],{"id":4110},"whats-a-shader",[486,4112,4113],{},"シェーダーとは？",[101,4115,4116],{},"シェーダーを理解するには、「色」について考えるのをやめて「物理」について考え始める必要があります。",[101,4118,4119,4126],{},[266,4120,4122],{"href":4121},"https://blog.cg-wire.com/hard-surface-modeling/",[4123,4124,4125],"u",{},"現実世界で木の椅子を赤く塗る","とき、あなたが変えているのは単なる色ではありません。光と相互作用する「マテリアルの層」を追加しているのです。その赤いペイントには、特定のラフネス（どれだけ光を散乱させるか）、特定のスペキュラリティ（どれだけツヤがあるか）、そして特定の屈折率があります。",[101,4128,4129],{},[486,4130,4131],{},"シェーダーとは、その光の相互作用をコンピューターがどうシミュレートするかを指示する一連の命令です。",[158,4133,4135,4141],{"className":4134},[87,161,689],[163,4136],{"src":4137,"className":4138,"alt":168,"loading":169,"width":1112,"height":4139,"srcSet":4140,"sizes":173},"https://blog.cg-wire.com/content/images/2026/01/data-src-image-296bf085-924e-40f9-92fc-346c5dc31de0.png",[167],1067,"https://blog.cg-wire.com/content/images/size/w600/2026/01/data-src-image-296bf085-924e-40f9-92fc-346c5dc31de0.png 600w, https://blog.cg-wire.com/content/images/size/w1000/2026/01/data-src-image-296bf085-924e-40f9-92fc-346c5dc31de0.png 1000w, https://blog.cg-wire.com/content/images/2026/01/data-src-image-296bf085-924e-40f9-92fc-346c5dc31de0.png 1600w",[696,4142,4143],{},[699,4144,4145],{},[702,4146,4148],{"className":4147,"style":678},[705],"出典: TurboSquid",[101,4150,4151],{},"デジタルの太陽からの光の1本のレイが、あなたのオブジェクト表面に当たると、シェーダーが介入して次のように問いかけます。",[1148,4153,4154,4157,4160,4163],{},[1151,4155,4156],{},"「跳ね返りますか？」（反射）",[1151,4158,4159],{},"「通り抜けますか？」（透過／ガラス）",[1151,4161,4162],{},"「中に閉じ込められますか？」（吸収）",[1151,4164,4165],{},"「皮膚の下へ散っていきますか？」（サブサーフェス・スキャタリング）",[101,4167,4168,4169],{},"濡れた石畳の通りをモデリングしているなら、単純な画像テクスチャだけで平坦な写真のように見せられます。しかしシェーダーは、ひび割れの中の水が完璧に反射して滑らかである一方、石はラフで鈍いことをレンダラーに伝えます。光は、濡れている部分と乾いている部分で別々に跳ね返るよう指示されます。",[266,4170,4172,4173],{"href":4171},"https://blog.cg-wire.com/how-light-shapes-emotion-in-animation/"," ",[4123,4174,4175],{},"光は現実の形を変える。",[111,4177],{},[114,4179,4181],{"id":4180},"why-you-must-master-shader-nodes",[486,4182,4183],{},"シェーダーノードを習得しなければならない理由",[101,4185,4186],{},"「じゃあ、ただテクスチャをダウンロードすればいいのでは？」と聞きたくなるかもしれません。",[101,4188,4189],{},"フォトスキャンは素晴らしいですが、プロシージャルシェーディングには、静止画像ではかなわない3つの“超能力”があります。",[101,4191,4192],{},"画像テクスチャ（JPGやPNG）を使う場合、あなたはピクセルに制限されます。壁に近づきすぎてズームすると、ぼやけます。",[101,4194,4195,4196,4199],{},"シェーダーは数学を使います。",[486,4197,4198],{},"数学には解像度の上限がありません。","金属のプロシージャルな傷にズームして、微細な溝が見えるところまで行っても、輪郭はシャープなままです。あなたが誇りを持てるモデルで、きれいなトポロジーや良いプロポーションがあっても、シェーダーなしだと平面的に見えてしまいます。",[101,4201,4202,4203,4206,4207,4210,4211,4214],{},"Blenderのシェーダーノードは、",[486,4204,4205],{},"一貫したやり方でテクスチャを簡単に微調整できる","ようにします。たとえば宇宙船をテクスチャリングしているとしましょう。テクスチャマップで船体に錆を描きます。アートディレクターがやって来て「いいね。でも船が古すぎる。錆を50%減らして。」と言います。もし手で描いていたなら、最初からやり直すか、何時間も消す作業に追われます。シェーダーノードなら、あなたが作った「Rust Amount（錆の量）」の値を見つけて、",[146,4208,4209],{},"1.0","から",[146,4212,4213],{},"0.5","へスライドさせるだけです。以上です。",[101,4216,4217,4218,4221],{},"静止テクスチャは固まって見えますが、",[486,4219,4220],{},"シェーダーはアニメーションもできます","。フレーム番号に応じて岩の上に苔が時間とともに生えていくようにセットアップできますし、あるいは当たるほどシールドが明るく発光するようにもできます。シェーダーは、マテリアルが環境に反応することを可能にします。",[101,4223,4224],{},"これらすべての理由から、シェーダーノードを“使いこなせるようになること”は、厳しい納期のある制作現場で働くプロのアーティストにとって、非常に大きな解放（アンロック）になります。",[111,4226],{},[114,4228,4230],{"id":4229},"the-different-types-of-shader-nodes",[486,4231,4232],{},"シェーダーノードの種類",[101,4234,4235,4236,4239],{},"Blenderのノードシステムはフローチャートのように動きます。ノードを追加するには",[146,4237,4238],{},"Add（追加）","をクリックし、それらを接続します。データは左から右へ流れます。各機能をどう活かすかを理解するには、用意されているさまざまなノードの種類を理解する必要があります。",[158,4241,4243],{"className":4242},[87,161],[163,4244],{"src":4245,"className":4246,"alt":168,"loading":169,"width":1112,"height":1113,"srcSet":4247,"sizes":173},"https://blog.cg-wire.com/content/images/2026/01/data-src-image-2573386d-adc9-4979-a848-89d1cae3645e.png",[167],"https://blog.cg-wire.com/content/images/size/w600/2026/01/data-src-image-2573386d-adc9-4979-a848-89d1cae3645e.png 600w, https://blog.cg-wire.com/content/images/size/w1000/2026/01/data-src-image-2573386d-adc9-4979-a848-89d1cae3645e.png 1000w, https://blog.cg-wire.com/content/images/2026/01/data-src-image-2573386d-adc9-4979-a848-89d1cae3645e.png 1600w",[4249,4250,4252],"h3",{"id":4251},"_1-input-nodes",[486,4253,4254],{},"1. 入力ノード",[101,4256,4257],{},"入力ノードは、シーン・オブジェクト・ジオメトリ、またはユーザー定義の値から、シェーダーネットワークへデータを供給します。",[1148,4259,4260,4266,4272,4278,4284,4290],{},[1151,4261,4262,4265],{},[486,4263,4264],{},"Texture Coordinate（テクスチャ座標）"," - UV、オブジェクト、生成、カメラ座標を提供 + UV出力を使って、UV展開モデルに画像テクスチャを正しくマッピングする",[1151,4267,4268,4271],{},[486,4269,4270],{},"Geometry（ジオメトリ）"," - 法線や“とがり具合”などの幾何情報を出力 + “Pointiness（とがり）”を使って窪みに汚れが溜まるようにする",[1151,4273,4274,4277],{},[486,4275,4276],{},"Fresnel（フレネル）"," - 視線角に基づく反射率を計算 + ガラスのエッジでより強い反射を作る",[1151,4279,4280,4283],{},[486,4281,4282],{},"Object Info（オブジェクト情報）"," - ランダム値やオブジェクトカラーなど、オブジェクトごとのデータを提供 + Random出力を使って各オブジェクトを少しずつ違う色にする",[1151,4285,4286,4289],{},[486,4287,4288],{},"Value（値）"," - 定数の数値を出力 + 単一のスライダーでラフネスを制御する",[1151,4291,4292,4295],{},[486,4293,4294],{},"Color（カラー）"," - 定数の色を出力 + スタイル化されたマテリアルのベースカラーとして使う",[4249,4297,4299],{"id":4298},"_2-output-nodes",[486,4300,4301],{},"2. 出力ノード",[101,4303,4304],{},"出力ノードはシェーダーの最終結果を定義し、ノードネットワークをBlenderのレンダリングシステムへ接続します。",[1148,4306,4307],{},[1151,4308,4309,4312],{},[486,4310,4311],{},"Material Output（マテリアル出力）"," - 最終的な表面、ボリューム、ディスプレースメント情報を出力 + Surface入力にPrincipled BSDFを接続する",[4249,4314,4316],{"id":4315},"_3-shader-nodes",[486,4317,4318],{},"3. シェーダーノード",[101,4320,4321],{},"シェーダーノードは、反射・屈折・発光など、光がサーフェスとどう相互作用するかを定義します。",[1148,4323,4324,4330,4336,4342,4348,4354],{},[1151,4325,4326,4329],{},[486,4327,4328],{},"Principled BSDF（プリンシプルBSDF）"," - 物理ベースのオールインワン表面シェーダー + 現実的な金属、プラスチック、肌などのマテリアルを作る",[1151,4331,4332,4335],{},[486,4333,4334],{},"Diffuse BSDF（ディフューズBSDF）"," - マットで反射しないサーフェスを生成 + チョーク、粘土、研磨していない石に使う",[1151,4337,4338,4341],{},[486,4339,4340],{},"Glossy BSDF（グロッシーBSDF）"," - 鏡のような反射を生成 + 磨かれた金属や鏡に使う",[1151,4343,4344,4347],{},[486,4345,4346],{},"Glass BSDF（ガラスBSDF）"," - 屈折と反射を組み合わせる + 窓やガラスボトルに使う",[1151,4349,4350,4353],{},[486,4351,4352],{},"Emission（エミッション）"," - サーフェスから光を放出 + スクリーン、LED、ネオンサインに使う",[1151,4355,4356,4359],{},[486,4357,4358],{},"Mix Shader（ミックスシェーダー）"," - 2つのシェーダー出力をブレンド + 摩耗した金属にはディフューズとグロッシーを混ぜる",[4249,4361,4363],{"id":4362},"_4-displacement-nodes",[486,4364,4365],{},"4. ディスプレースメントノード",[101,4367,4368],{},"ディスプレースメントノードは、ジオメトリまたはシェーディングの法線を変更して、サーフェスのディテールを変えます。",[1148,4370,4371,4377,4383],{},[1151,4372,4373,4376],{},[486,4374,4375],{},"Displacement（ディスプレースメント）"," - 本当のジオメトリのディスプレースメントを実行 + 高さマップを使ってレンガ壁に実在の奥行きを作る（Cycles）",[1151,4378,4379,4382],{},[486,4380,4381],{},"Bump（バンプ）"," - 法線の微調整で表面ディテールをシミュレート + ジオメトリを増やさずに微細な傷を追加する",[1151,4384,4385,4388],{},[486,4386,4387],{},"Normal Map（法線マップ）"," - 法線テクスチャを使える法線データへ変換 + ゲームアセットからベイクした法線マップを適用する",[4249,4390,4392],{"id":4391},"_5-color-nodes",[486,4393,4394],{},"5. カラーノード",[101,4396,4397],{},"カラーノードは、シェーダーネットワーク内で色情報を調整したり、ブレンドしたり、変換したりします。",[1148,4399,4400,4406,4412,4418],{},[1151,4401,4402,4405],{},[486,4403,4404],{},"Mix Color（ミックスカラー）"," - 2つの色またはテクスチャをブレンド + 清いベースカラーに汚れテクスチャを混ぜる",[1151,4407,4408,4411],{},[486,4409,4410],{},"RGB Curves（RGBカーブ）"," - コントラストとカラーバランスを調整 + 画像を再編集せずにテクスチャのコントラストを高める",[1151,4413,4414,4417],{},[486,4415,4416],{},"Hue/Saturation（色相/彩度）"," - 色相、彩度、値を変更 + テクスチャを塗り直さずにマテリアルを青く色付けする",[1151,4419,4420,4423],{},[486,4421,4422],{},"Invert（反転）"," - 色の値を逆にする + ラフネスマップを反転してツヤ感のマップを作る",[4249,4425,4427],{"id":4426},"_6-texture-nodes",[486,4428,4429],{},"6. テクスチャノード",[101,4431,4432],{},"テクスチャノードは、マテリアル用の画像またはプロシージャルなテクスチャを生成／読み込みします。",[1148,4434,4435,4441,4447,4453],{},[1151,4436,4437,4440],{},[486,4438,4439],{},"Image Texture（画像テクスチャ）"," - 外部の画像ファイルを読み込む + PBRマテリアルのためにアルベドマップを使う",[1151,4442,4443,4446],{},[486,4444,4445],{},"Noise Texture（ノイズテクスチャ）"," - 滑らかなプロシージャルノイズを生成 + プラスチックに微妙なラフネスの変化を加える",[1151,4448,4449,4452],{},[486,4450,4451],{},"Voronoi Texture（ボロノイテクスチャ）"," - セル状のパターンを生成 + ひび割れ、スケール、石タイルを作る",[1151,4454,4455,4458],{},[486,4456,4457],{},"Gradient Texture（グラデーションテクスチャ）"," - 滑らかなグラデーションを出力 + マテリアルのブレンド用マスクとして使う",[4249,4460,4462],{"id":4461},"_7-utility-nodes",[486,4463,4464],{},"7. ユーティリティノード",[101,4466,4467],{},"ユーティリティノードは、数学的演算やデータ変換を行います。",[1148,4469,4470,4476,4482,4488],{},[1151,4471,4472,4475],{},[486,4473,4474],{},"Mapping（マッピング）"," - テクスチャ座標を変換 + テクスチャパターンをスケール／回転する",[1151,4477,4478,4481],{},[486,4479,4480],{},"Math（数学）"," - 数値演算を実行 + 極端になりすぎないようラフネス値をクランプする",[1151,4483,4484,4487],{},[486,4485,4486],{},"Vector Math（ベクターマス）"," - ベクターに基づく計算を実行 + 法線や方向ベクターを変更する",[1151,4489,4490,4493],{},[486,4491,4492],{},"Clamp（クランプ）"," - 指定した範囲に値を制限 + 過剰に明るいエミッション値を防ぐ",[4249,4495,4497],{"id":4496},"_8-group-nodes",[486,4498,4499],{},"8. グループノード",[101,4501,4502],{},"グループノードは複数のノードを、再利用できる整理されたコンポーネントとしてまとめます。",[1148,4504,4505],{},[1151,4506,4507,4510],{},[486,4508,4509],{},"Node Group（ノードグループ）"," - 複雑なノードセットアップをカプセル化 + 複数のアセットで使い回せる「Rust Shader（錆シェーダー）」を作る",[4249,4512,4514],{"id":4513},"_9-layout-nodes",[486,4515,4516],{},"9. レイアウトノード",[101,4518,4519],{},"レイアウトノードはノードグラフを見やすく整理するためのもので、レンダリング結果には影響しません。",[1148,4521,4522,4528],{},[1151,4523,4524,4527],{},[486,4525,4526],{},"Frame（フレーム）"," - 関連するノードを見た目でグループ化 + テクスチャ関連ノードをまとめて囲う",[1151,4529,4530,4533],{},[486,4531,4532],{},"Reroute（リルート）"," - 読みやすさのためにノード接続を迂回させる + 重なり合ったノードのノード（見た目の配線）を整理する",[111,4535],{},[114,4537,4539],{"id":4538},"the-next-level-scripting-your-shaders",[486,4540,4541],{},"次のレベル：シェーダーをスクリプトで扱う",[101,4543,4544,4545],{},"手でノードをつなげるのに慣れてくると、木、プラスチック、ゴールド、あらゆる種類のマテリアルを作れます。ですが、",[486,4546,4547],{},"500個ものユニークなオブジェクトがあるシーンで、それぞれに“少しの調整”を加えつつ、摩耗した金属マテリアルのランダムなバリエーションを生成する必要があるとしたら？",[101,4549,4550],{},"そこで重要になるのがPythonスクリプトです。プロジェクト内のすべてのマテリアルが、同じノード構造に従うことを保証できます。「このマテリアルを赤にして、ただしオブジェクトごとにランダムな数値で色相を少しずつ変える」といったスクリプトを書くことができます。",[101,4552,4553],{},"さっそく手を動かしましょう。このガイドでは、新しいマテリアルを作り、Principled BSDFを追加し、色を制御するためのノイズテクスチャを生成して、それらを一つにつなげるPythonスクリプトを書きます。",[84,4555,4557,4560],{"className":4556},[87,88,665],[84,4558,669],{"className":4559},[93],[84,4561,4563,4568,4570,1089,4572,4574,1094,4576],{"className":4562},[98],[674,4564,4565],{},[486,4566,4567],{"style":678},"動くサンプルを探していますか？",[534,4569],{},[534,4571],{},[534,4573],{},[534,4575],{},[266,4577,4579],{"href":4578},"https://github.com/cgwire/blog-tutorials/tree/main/blender-shaders?ref=blog.cg-wire.com","https://github.com/cgwire/blog-tutorials/tree/main/blender-shaders",[101,4581,4582,4583,4586],{},"Blenderで",[702,4584,4585],{},"Scripting","タブを開き、新しいテキストブロックを作成して、手順に沿って進めてください。",[101,4588,4589],{},"まずはライブラリをインポートして、Blenderに新しいマテリアルを作りたいことを伝える必要があります。",[188,4591,4592,4605],{},[146,4593,4595,4596,4599,4602],{"className":4594},[260],"import random\n",[101,4597,4598],{},"import bpy",[101,4600,4601],{},"def create_procedural_material(mat_name):\n    mat = bpy.data.materials.new(name=mat_name)",[101,4603,4604],{},"    mat.use_nodes = True\n    nodes = mat.node_tree.nodes\n    links = mat.node_tree.links",[101,4606,4607],{},[146,4608,4610],{"className":4609},[260],"    nodes.clear()",[101,4612,4613],{},"次に、ノードを追加します。「Add」メニューからアイテムを引っ張り出すのと同じだと思ってください。プログラムで：",[188,4615,4616,4623],{},[146,4617,4619,4620],{"className":4618},[260],"    node_output = nodes.new(type='ShaderNodeOutputMaterial')\n    node_output.location = (400, 0)",[101,4621,4622],{},"    node_principled = nodes.new(type='ShaderNodeBsdfPrincipled')\n    node_principled.location = (0, 0)",[101,4624,4625],{},[146,4626,4628,4629,4632,4633,4636],{"className":4627},[260],"    node_principled.inputs",[285,4630,4631],{},"'Roughness'",".default_value = 0.2\n    node_principled.inputs",[285,4634,4635],{},"'Metallic'",".default_value = 1.0",[101,4638,4639],{},"では、面白くしていきます。ノイズテクスチャとColorRamp（カラ―ランプ）を追加して、ランダムな色のパターンを生成します。",[188,4641,4642,4663],{},[146,4643,4645,4646,4649,4650,4653,4654,4657],{"className":4644},[260],"node_noise = nodes.new(type='ShaderNodeTexNoise')\n    node_noise.location = (-600, 0)\n    node_noise.inputs",[285,4647,4648],{},"'Scale'",".default_value = 15.0\n    node_noise.inputs",[285,4651,4652],{},"'Detail'",".default_value = 10.0",[101,4655,4656],{},"    node_ramp = nodes.new(type='ShaderNodeValToRGB')\n    node_ramp.location = (-300, 0)",[101,4658,4659,4660,4662],{},"    node_ramp.color_ramp.elements",[285,4661,1294],{},".color = (0.1, 0.1, 0.1, 1)",[101,4664,4665],{},[146,4666,4668,4669,4672],{"className":4667},[260],"    rand_r = random.random()\n    rand_g = random.random()\n    rand_b = random.random()\n    node_ramp.color_ramp.elements",[285,4670,4671],{},"1",".color = (rand_r, rand_g, rand_b, 1)",[101,4674,4675],{},[534,4676],{},[101,4678,4679],{},"最後に、それらを配線して、この新しいシェーダーを現在のコンテキスト（デフォルトのキューブ）に適用します。",[188,4681,4682,4718],{},[146,4683,4685,4686,4689,4690,288,4692,4702,4712,4715],{"className":4684},[260],"    links.new(node_noise.outputs",[285,4687,4688],{},"'Fac'",", node_ramp.inputs",[285,4691,4688],{},[101,4693,4694,4695,4698,4699,288],{},"    links.new(node_ramp.outputs",[285,4696,4697],{},"'Color'",", node_principled.inputs",[285,4700,4701],{},"'Base Color'",[101,4703,4704,4705,4708,4709,288],{},"    links.new(node_principled.outputs",[285,4706,4707],{},"'BSDF'",", node_output.inputs",[285,4710,4711],{},"'Surface'",[101,4713,4714],{},"    return mat",[101,4716,4717],{},"my_new_mat = create_procedural_material(\"SciFi_Metal_Random\")",[101,4719,4720],{},[146,4721,4723],{"className":4722},[260],"bpy.context.object.data.materials.append(my_new_mat)",[101,4725,4726],{},"このコードをテキストエディタにコピーして、「Run Script（スクリプトを実行）」を押します（再生ボタン）。アクティブなオブジェクトを見てください。ランダムな色のノイズパターンを持つメタリックな表面になっています。もう一度実行して（関数呼び出し内の名前を変更します）、別の色が得られます。",[158,4728,4730],{"className":4729},[87,161],[163,4731],{"src":4732,"className":4733,"alt":168,"loading":169,"width":4734,"height":4735,"srcSet":4736,"sizes":173},"https://blog.cg-wire.com/content/images/2026/01/data-src-image-99dc12fe-068b-40f7-9f10-ef0c5e000ba0.png",[167],1268,827,"https://blog.cg-wire.com/content/images/size/w600/2026/01/data-src-image-99dc12fe-068b-40f7-9f10-ef0c5e000ba0.png 600w, https://blog.cg-wire.com/content/images/size/w1000/2026/01/data-src-image-99dc12fe-068b-40f7-9f10-ef0c5e000ba0.png 1000w, https://blog.cg-wire.com/content/images/2026/01/data-src-image-99dc12fe-068b-40f7-9f10-ef0c5e000ba0.png 1268w",[101,4738,4739,4740],{},"おめでとうございます、",[486,4741,4742],{},"あなたはプロシージャルなマテリアルジェネレーターを作りました！",[101,4744,4745],{},[266,4746,4172,4748],{"href":4578,"rel":4747},[585],[4123,4749,4750],{},"対応するGithubリポジトリ",[101,4752,4753],{},"コードをいじってみるために、ぜひ見てください！",[111,4755],{},[114,4757,4758],{"id":559},[486,4759,974],{},[101,4761,4762,4763,4766],{},"シェーダーは、ただ線の中に色を塗る以上のものです。シェーダーは、あなたのデジタル世界の「皮膚」です。",[486,4764,4765],{},"シェーダーは、そのオブジェクトの物語を伝えます","。どれくらい古いのか、どこを通ってきたのか、そして何でできているのか。",[101,4768,4769,4770,4773,4774,4777],{},"シェーダーノードのロジックを理解すれば、",[486,4771,4772],{},"フォトリアルな肌から、スタイル化したカートゥーンの炎まで","何でも作れます。さらにPythonスクリプトへ一歩踏み出せば、制作を",[486,4775,4776],{},"より速く、より賢く","進める力が手に入ります。面倒な部分を自動化して、アートに集中できるようになるのです。",[101,4779,4780,4781,4784,4785,4791],{},"ただし、これはパズルのほんの一部です。表面は変えられます。でも形はどうでしょう？旅の次の論理的なステップは",[702,4782,4783],{},"ジオメトリノード","です。シェーダーノードが色や光をプロシージャルに制御するのと同じように、ジオメトリノードはメッシュや構造をプログラム的に制御します。",[266,4786,4172,4788],{"href":4787},"https://blog.cg-wire.com/blender-scripting-geometry-nodes-2/",[4123,4789,4790],{},"こちらの専用記事をご覧ください","。コードからシーン全体を作る方法を学べます！",[84,4793,4795,4798],{"className":4794},[87,88,89],[84,4796,576],{"className":4797},[93],[84,4799,4801,4802,4805],{"className":4800},[98],"アニメーション制作のプロセスをもっと学ぶには",[266,4803,1404],{"href":583,"rel":4804},[585],"！私たちはベストプラクティスを共有する1,000人以上の専門家とつながっており、ときどき対面イベントも企画しています。ぜひ歓迎します！😊",[84,4807,4809],{"className":4808},[87,591,592],[266,4810,598],{"href":583,"className":4811},[596,597],{"title":168,"searchDepth":600,"depth":600,"links":4813},[4814,4815,4816,4828,4829],{"id":4110,"depth":600,"text":4113},{"id":4180,"depth":600,"text":4183},{"id":4229,"depth":600,"text":4232,"children":4817},[4818,4820,4821,4822,4823,4824,4825,4826,4827],{"id":4251,"depth":4819,"text":4254},3,{"id":4298,"depth":4819,"text":4301},{"id":4315,"depth":4819,"text":4318},{"id":4362,"depth":4819,"text":4365},{"id":4391,"depth":4819,"text":4394},{"id":4426,"depth":4819,"text":4429},{"id":4461,"depth":4819,"text":4464},{"id":4496,"depth":4819,"text":4499},{"id":4513,"depth":4819,"text":4516},{"id":4538,"depth":600,"text":4541},{"id":559,"depth":600,"text":974},"https://images.unsplash.com/photo-1664526936810-ec0856d31b92?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3wxMTc3M3wwfDF8c2VhcmNofDd8fHNoYWRlciUyMG5vZGVzfGVufDB8fHx8MTc2NzYwMzU4M3ww&ixlib=rb-4.1.0&q=80&w=2000",{"updated_at":4832,"featured_at":612,"visibility":613},"2026-03-26T09:56:11.000+01:00","/blog-i18n/ja/blender-shaders-explained","2026-01-05T10:35:18.000+01:00",{"title":4071,"description":168},"blender-shaders-explained","blog-i18n/ja/blender-shaders-explained/index",[4839,4840],{"id":620,"name":621,"slug":622,"description":7,"feature_image":7,"visibility":613,"og_image":7,"og_title":7,"og_description":7,"twitter_image":7,"twitter_title":7,"twitter_description":7,"meta_title":7,"meta_description":7,"codeinjection_head":7,"codeinjection_foot":7,"canonical_url":7,"accent_color":7,"url":623},{"id":3465,"name":20,"slug":21,"description":7,"feature_image":7,"visibility":613,"og_image":7,"og_title":7,"og_description":7,"twitter_image":7,"twitter_title":7,"twitter_description":7,"meta_title":7,"meta_description":7,"codeinjection_head":7,"codeinjection_foot":7,"canonical_url":7,"accent_color":7,"url":3466},"mwJOX_0DF3S0rwJvRPJMDjtmu5Raia5FdwYOZWSUm7Q",{"id":4843,"title":4844,"authors":4845,"body":4847,"description":168,"extension":608,"feature_image":5332,"html":7,"meta":5333,"navigation":11,"path":5335,"published_at":5336,"seo":5337,"slug":5338,"stem":5339,"tags":5340,"__hash__":5343,"updated_at":5334,"featured_at":612,"visibility":613},"blog/blog-i18n/ja/blender-programmatic-rendering/index.md","Python（2026）でBlenderにおけるプログラムによる動画レンダリング",[4846],{"id":76,"name":77,"slug":78,"profile_image":7,"cover_image":7,"bio":7,"website":7,"location":7,"facebook":7,"twitter":7,"meta_title":7,"meta_description":7,"threads":7,"bluesky":7,"mastodon":7,"tiktok":7,"youtube":7,"instagram":7,"linkedin":7,"url":79},{"type":81,"value":4848,"toc":5323},[4849,4859,4862,4865,4868,4871,4878,4881,4883,4889,4892,4936,4939,4942,4968,4971,4997,4999,5005,5008,5014,5026,5037,5039,5045,5048,5054,5061,5064,5070,5073,5082,5084,5090,5100,5103,5109,5112,5118,5121,5129,5131,5137,5146,5157,5160,5166,5169,5175,5178,5184,5187,5193,5196,5202,5205,5211,5213,5219,5226,5252,5255,5261,5264,5274,5290,5292,5296,5299,5302,5317],[84,4850,4852,4855],{"className":4851},[87,88,89],[84,4853,1444],{"className":4854},[93],[84,4856,4858],{"className":4857},[98],"数行のPythonだけで、Blenderをプログラム可能なレンダリングエンジンに変えます。",[101,4860,4861],{},"3DアーティストとしてBlenderを学ぶことは、通常はそのアドオン・エコシステムについて学ぶことを意味します。リグ付けのように何時間もかかってしまう作業も、Rigifyのようなアドオンによって数秒に短縮できます。同じことはほとんどのワークフローでも言えます。私たちはしばしば、同じような繰り返しの疑問を抱きます。「Blenderはこれを自動でできるのだろうか？」",[101,4863,4864],{},"答えは「はい」です。ポイントはプログラミング言語のPythonです。",[101,4866,4867],{},"Blenderには強力な内蔵スクリプトエンジンがあり、数行のコードでオブジェクトを作成し、カメラを配置し、さらにはフルレンダリングをトリガーできます。",[101,4869,4870],{},"自分でアドオンを作れるなら、アドオンにお金を払う必要はありません。そしてアドオンの本質は、カスタムのBlenderユーザーインターフェースで包まれた単なるスクリプトです。",[101,4872,4873,4874,4877],{},"Blenderでスクリプトを書いたことがない場合、",[146,4875,4876],{},"bpy","モジュールを見つける体験は、すでに知っているはずのツールの中にある「秘密の扉を開く」ようなものです。すると、突然インターフェースのあらゆる部分がプログラム可能になります。もはやボタンをクリックしているだけではなく、反復可能な仕組みを作るための指示を出しているのです。",[101,4879,4880],{},"自動化できる最も重要なワークフローの1つがレンダリングです。パイプラインを速くするだけでなく、レンダリング設定を一貫していて予測しやすい状態に保つのにも役立ちます。このチュートリアルでは、3Dテキストを自動でアニメーションさせ、フルHDの動画に変換するための基本的なプログラムによるレンダリングシステムを実装します。ゼロから始めて、BlenderでPythonを実行する方法、そしてシーンを制御する方法を探っていきます。最後には、一般的なアニメーション作業を自動化する方法の全体像をしっかり掴めるはずです。",[111,4882],{},[114,4884,4886],{"id":4885},"use-cases",[486,4887,4888],{},"ユースケース",[101,4890,4891],{},"プログラムによるレンダリングは、従来の手作業によるシーン構築をはるかに超えた、多様で強力なワークフローを開放します：",[1148,4893,4894,4900,4906,4912,4918,4924,4930],{},[1151,4895,4896,4899],{},[486,4897,4898],{},"データ駆動モーショングラフィックス"," — アニメーション化されたチャート、リアルタイムのAPI駆動による放送用グラフィックス、または自動生成されるソーシャル動画。",[1151,4901,4902,4905],{},[486,4903,4904],{},"生成アート"," — コードから進化していくプロシージャルなパターン、ノイズフィールド、粒子実験、アルゴリズムによるイラスト。",[1151,4907,4908,4911],{},[486,4909,4910],{},"バッチレンダリングされたバリエーション"," — パーソナライズされた広告、製品の色違い、アスペクト比の自動トリミング、大量のソーシャル素材生成。",[1151,4913,4914,4917],{},[486,4915,4916],{},"プロシージャルな3Dコンテンツ"," — 地形ビルダー、パラメトリックモデリング、植生／ワールドの人口、3Dアセットのバリエーションを自動で生成。",[1151,4919,4920,4923],{},[486,4921,4922],{},"生成UI & デザインシステム"," — ダイナミックなSVG、テンプレート化されたバナー、ブランドに一貫したグラフィックスを必要なときにレンダリング。",[1151,4925,4926,4929],{},[486,4927,4928],{},"VFXおよびアニメーションのスクリプト化"," — 自動化されたリグ制御、群衆システム、粒子の増殖、反復可能なシミュレーション設定。",[1151,4931,4932,4935],{},[486,4933,4934],{},"シミュレーションの可視化"," — 流体や煙のシミュレーション、交通や群衆のダイナミクス、科学的／物理ベースのレンダリング。",[101,4937,4938],{},"多くの3Dモデリング作業は反復的で時間がかかります。これらを自動化された、スクリプト駆動のパイプラインに統合することで、Pythonが面倒な部分を裏で処理し、アーティストは創造的なワールド構築により集中できます。",[101,4940,4941],{},"いずれの場合でも、開発ワークフローはほぼ同じです：",[3067,4943,4944,4950,4956,4962],{},[1151,4945,4946,4949],{},[486,4947,4948],{},"セットアップ"," - 必要な入力データを定義し、シーンをクリーンアップ",[1151,4951,4952,4955],{},[486,4953,4954],{},"ジオメトリ生成"," - タスクに必要な実際のアセットをモデリング",[1151,4957,4958,4961],{},[486,4959,4960],{},"アニメーション"," - トランスフォームとそれに関連するキーフレームを定義",[1151,4963,4964,4967],{},[486,4965,4966],{},"出力"," - 望む成果物（3Dモデル、動画、画像シーケンスなど）",[101,4969,4970],{},"そして、これがまさに私たちが3Dテキスト動画レンダリングの例で辿る道です。",[84,4972,4974,4977],{"className":4973},[87,88,665],[84,4975,669],{"className":4976},[93],[84,4978,4980,4985,4987,2024,4989,4991,1094,4993],{"className":4979},[98],[674,4981,4982],{},[486,4983,4984],{"style":678},"動く実例を探していますか？",[534,4986],{},[534,4988],{},[534,4990],{},[534,4992],{},[266,4994,4996],{"href":4995},"https://github.com/cgwire/blender-programmatic-rendering?ref=blog.cg-wire.com","https://github.com/cgwire/blender-programmatic-rendering",[111,4998],{},[114,5000,5002],{"id":5001},"_1-scene-setup",[486,5003,5004],{},"1. シーン設定",[101,5006,5007],{},"シーンを生成する前に、まずはきれいなスタート地点が必要です。Blenderを開くと、通常はキューブ、カメラ、ライトを含むデフォルトのシーンが読み込まれます。このチュートリアルでは後者2つだけを使います。",[101,5009,5010,5011,5013],{},"Blenderをプログラム的に使う最初のステップは、",[146,5012,4876],{},"モジュールをインポートすることです。これによりPythonからBlenderのデータ、ツール、レンダリングパイプラインへ直接フルアクセスできます：",[188,5015,5016,5020],{},[146,5017,5019],{"className":5018},[260],"import bpy\n",[101,5021,5022],{},[146,5023,5025],{"className":5024},[260],"bpy.data.objects.remove(bpy.data.objects.get(\"Cube\"), do_unlink=True)",[101,5027,5028,5029,5032,5033,5036],{},"ここではデフォルトの",[486,5030,5031],{},"Cube","オブジェクトを削除します。",[146,5034,5035],{},"do_unlink=True","というパラメータにより、Blenderはオブジェクトを削除するだけでなく、それを参照している可能性のあるどのシーンからもアンリンクします。",[111,5038],{},[114,5040,5042],{"id":5041},"_2-manipulating-3d-text",[486,5043,5044],{},"2. 3Dテキストの操作",[101,5046,5047],{},"次に、シーンへ3Dテキストオブジェクトを追加し、これを操作し、最終的にプログラムによってレンダリングする中核要素にします。",[188,5049,5050],{},[146,5051,5053],{"className":5052},[260],"bpy.ops.object.text_add(location=(0, 0, 0))\ntext_obj = bpy.context.object\ntext_obj.name = \"CaptionText\"\ntext_obj.data.body = \"Hello world!\"",[101,5055,5056,5057,5060],{},"このコードスニペットは、ワールド原点に新しいテキストオブジェクトを作成し、読みやすい名前を割り当て、表示テキストを",[146,5058,5059],{},"\"Hello world!\"","に設定します。",[101,5062,5063],{},"テキストにシーン内での存在感を持たせるために、ジオメトリを調整できます。サイズを大きくし、押し出し（エクストルード）を追加することで完全な3Dテキストになり、さらに両軸で中心揃えにしておくと、将来の変換やアニメーションが簡単になります：",[188,5065,5066],{},[146,5067,5069],{"className":5068},[260],"text_obj.data.size = 0.6\ntext_obj.data.extrude = 0.05\ntext_obj.data.align_x = \"CENTER\"\ntext_obj.data.align_y = \"CENTER\"",[101,5071,5072],{},"これらの調整により、テキストはきれいに中央揃えされ、適切にスケールされ、さらなる処理の準備が整います。",[158,5074,5076],{"className":5075},[87,161],[163,5077],{"src":5078,"className":5079,"alt":168,"loading":169,"width":1112,"height":5080,"srcSet":5081,"sizes":173},"https://blog.cg-wire.com/content/images/2025/12/data-src-image-8cb519b5-e128-4bdd-9348-9aa0dfe2c36c.png",[167],901,"https://blog.cg-wire.com/content/images/size/w600/2025/12/data-src-image-8cb519b5-e128-4bdd-9348-9aa0dfe2c36c.png 600w, https://blog.cg-wire.com/content/images/size/w1000/2025/12/data-src-image-8cb519b5-e128-4bdd-9348-9aa0dfe2c36c.png 1000w, https://blog.cg-wire.com/content/images/2025/12/data-src-image-8cb519b5-e128-4bdd-9348-9aa0dfe2c36c.png 1600w",[111,5083],{},[114,5085,5087],{"id":5086},"_3-adding-keyframes",[486,5088,5089],{},"3. キーフレームを追加する",[101,5091,5092,5093,5099],{},"次に、",[266,5094,4172,5096],{"href":5095},"https://blog.cg-wire.com/stepped-animation/",[4123,5097,5098],{},"キーフレームを挿入してテキスト位置のシンプルなアニメーションを作成","し、時間の経過に沿って動かします。",[101,5101,5102],{},"まず、タイムラインカーソルをフレーム1に移動し、テキストを開始位置に配置して、その位置をキーフレームとして記録します：",[188,5104,5105],{},[146,5106,5108],{"className":5107},[260],"bpy.context.scene.frame_set(1)\ntext_obj.location = (-4.0, 0.0, 1.0)\ntext_obj.keyframe_insert(data_path=\"location\", frame=1)",[101,5110,5111],{},"次にフレーム40へ進め、X軸方向にテキストをシフトさせて、新しい位置を示すもう1つのキーフレームを挿入します：",[188,5113,5114],{},[146,5115,5117],{"className":5116},[260],"bpy.context.scene.frame_set(40)\ntext_obj.location = (0.0, 0.0, 1.0)\ntext_obj.keyframe_insert(data_path=\"location\", frame=40)",[101,5119,5120],{},"これら2つのキーフレームが揃うと、Blenderは自動的にその間の移動を補間し、テキストがフレーム中央へ滑り込むような滑らかなアニメーションを作成します。",[158,5122,5124],{"className":5123},[87,161],[163,5125],{"src":5126,"className":5127,"alt":168,"loading":169,"width":1112,"height":5080,"srcSet":5128,"sizes":173},"https://blog.cg-wire.com/content/images/2025/12/data-src-image-c33d7b37-264c-4c9f-a1ea-e8f2e2a39ff2.png",[167],"https://blog.cg-wire.com/content/images/size/w600/2025/12/data-src-image-c33d7b37-264c-4c9f-a1ea-e8f2e2a39ff2.png 600w, https://blog.cg-wire.com/content/images/size/w1000/2025/12/data-src-image-c33d7b37-264c-4c9f-a1ea-e8f2e2a39ff2.png 1000w, https://blog.cg-wire.com/content/images/2025/12/data-src-image-c33d7b37-264c-4c9f-a1ea-e8f2e2a39ff2.png 1600w",[111,5130],{},[114,5132,5134],{"id":5133},"_4-video-rendering",[486,5135,5136],{},"4. 動画のレンダリング",[101,5138,5139,5140,5145],{},"残っているのは、",[266,5141,4172,5142],{"href":3015},[4123,5143,5144],{},"Blenderのレンダリング設定を構成","して、最終的な動画を出力するだけです。",[101,5147,5148,5149,5152,5153,5156],{},"まず、どのレンダリングエンジンを使うかを選びます：",[486,5150,5151],{},"Eevee"," か ",[486,5154,5155],{},"Cycles"," です。",[101,5158,5159],{},"Eeveeはリアルタイムのラスタライズエンジンなので非常に高速で、プレビューやスタイライズされたアニメーションに最適です。一方Cyclesは、物理ベースのパストレーサでより現実的なライティングを生成しますが、レンダリング時間がはるかに長くなります。素早い反復と多くの自動化ワークフローでは、Eeveeが一般により良い選択肢です：",[188,5161,5162],{},[146,5163,5165],{"className":5164},[260],"bpy.context.scene.render.engine = \"BLENDER_EEVEE\"",[101,5167,5168],{},"次に、出力解像度を指定します：",[188,5170,5171],{},[146,5172,5174],{"className":5173},[260],"bpy.context.scene.render.resolution_x = 1920\nbpy.context.scene.render.resolution_y = 1080",[101,5176,5177],{},"次にフレームレートとアニメーション範囲を設定します。ここでは24 fpsで60フレームのショットです：",[188,5179,5180],{},[146,5181,5183],{"className":5182},[260],"bpy.context.scene.render.fps = 24\nbpy.context.scene.frame_start = 1\nbpy.context.scene.frame_end = 60",[101,5185,5186],{},"Blenderは、最終動画をどのようにエンコードするかも知る必要があります。レンダリング速度のため、H.264の動画エンコーディングを使ってMP4として書き出します：",[188,5188,5189],{},[146,5190,5192],{"className":5191},[260],"bpy.context.scene.render.image_settings.file_format = \"FFMPEG\"\nbpy.context.scene.render.ffmpeg.format = \"MPEG4\"\nbpy.context.scene.render.ffmpeg.codec = \"H264\"",[101,5194,5195],{},"最後に、利便性のためカレントフォルダを使って出力ファイルの保存先を選びます：",[188,5197,5198],{},[146,5199,5201],{"className":5200},[260],"bpy.context.scene.render.filepath = \"//render.mp4\"",[101,5203,5204],{},"すべてが設定できたら、次の1つのコマンドでレンダリング処理を開始できます：",[188,5206,5207],{},[146,5208,5210],{"className":5209},[260],"bpy.ops.render.render(animation=True)",[111,5212],{},[114,5214,5216],{"id":5215},"_5-putting-it-all-together",[486,5217,5218],{},"5. まとめる",[101,5220,5221,5222,5225],{},"コードは完成しているので、あとはそれをPythonファイル",[146,5223,5224],{},"render.py","に入れるだけです：",[188,5227,5228,5247],{},[146,5229,4598,5231,5233,5235,5237,5239,5241,5244],{"className":5230},[260],[101,5232,5025],{},[101,5234,5053],{},[101,5236,5069],{},[101,5238,5108],{},[101,5240,5117],{},[101,5242,5243],{},"bpy.context.scene.render.engine = \"BLENDER_EEVEE\"\nbpy.context.scene.render.resolution_x = 1920\nbpy.context.scene.render.resolution_y = 1080\nbpy.context.scene.render.resolution_percentage = 100\nbpy.context.scene.render.fps = 24\nbpy.context.scene.frame_start = 1\nbpy.context.scene.frame_end = 60",[101,5245,5246],{},"bpy.context.scene.render.image_settings.file_format = \"FFMPEG\"\nbpy.context.scene.render.ffmpeg.format = \"MPEG4\"  # container\nbpy.context.scene.render.ffmpeg.codec = \"H264\"\nbpy.context.scene.render.ffmpeg.constant_rate_factor = \"HIGH\"\nbpy.context.scene.render.ffmpeg.gopsize = 12\nbpy.context.scene.render.ffmpeg.audio_codec = \"AAC\"\nbpy.context.scene.render.filepath = \"//render.mp4\"",[101,5248,5249],{},[146,5250,5210],{"className":5251},[260],[101,5253,5254],{},"レンダリングを開始するために、スクリプトを実行します：",[188,5256,5257],{},[146,5258,5260],{"className":5259},[193],"python3 render.py",[101,5262,5263],{},"レンダリングが完了したら、作業ディレクトリを確認してください。完全にプログラムで生成されたアニメーションが、これで視聴できる状態になっているはずです。",[158,5265,5267],{"className":5266},[87,161],[163,5268],{"src":5269,"className":5270,"alt":168,"loading":169,"width":5271,"height":5272,"srcSet":5273,"sizes":173},"https://blog.cg-wire.com/content/images/2025/12/data-src-image-2b287259-a96b-456b-b95e-375bf116e3a1.png",[167],1088,722,"https://blog.cg-wire.com/content/images/size/w600/2025/12/data-src-image-2b287259-a96b-456b-b95e-375bf116e3a1.png 600w, https://blog.cg-wire.com/content/images/size/w1000/2025/12/data-src-image-2b287259-a96b-456b-b95e-375bf116e3a1.png 1000w, https://blog.cg-wire.com/content/images/2025/12/data-src-image-2b287259-a96b-456b-b95e-375bf116e3a1.png 1088w",[84,5275,5277,5281],{"className":5276},[87,88,665],[84,5278,5280],{"className":5279},[93],"🔗",[84,5282,5284,5285],{"className":5283},[98],"コードは、再現しやすいようにGithubのリポジトリで確認できます：",[266,5286,4172,5287],{"href":4995},[4123,5288,5289],{},"github.com/cgwire/blender-programmatic-rendering",[111,5291],{},[114,5293,5294],{"id":559},[486,5295,560],{},[101,5297,5298],{},"この手順解説では、Blenderの中に完全な自動化パイプラインを構築しました。クリーンなシーンを用意し、3Dテキストを作成・修正し、キーフレームでアニメーションさせ、スムーズな補間でシーケンスをレンダリングしたのです。必要な手作業は一切ありません。すべてPythonだけで処理されます！",[101,5300,5301],{},"Blender APIがどれほどの制御を提供してくれるかを見た今、これらのアイデアをさらに大きく広げられます。ワークフローを自動化し、データからグラフィックスを生成し、シーンを組み立てる内部ツールを作り、バリエーションをレンダリングし、あるいは1つのコマンドでまるごとアニメーションを作ることもできます... アニメーション制作チームをもっと生産的にするための道が尽きることはありません。",[84,5303,5305,5308],{"className":5304},[87,88,89],[84,5306,576],{"className":5307},[93],[84,5309,5311,5312,5316],{"className":5310},[98],"アニメーションのプロセスについてさらに学ぶには ",[266,5313,5315],{"href":583,"rel":5314},[585],"Discordコミュニティへの参加を検討してください","！ベストプラクティスを共有する1,000人以上の専門家とつながれ、時には対面イベントも開催しています。ぜひあなたをお迎えできればうれしいです！ 😊",[84,5318,5320],{"className":5319},[87,591,592],[266,5321,598],{"href":583,"className":5322},[596,597],{"title":168,"searchDepth":600,"depth":600,"links":5324},[5325,5326,5327,5328,5329,5330,5331],{"id":4885,"depth":600,"text":4888},{"id":5001,"depth":600,"text":5004},{"id":5041,"depth":600,"text":5044},{"id":5086,"depth":600,"text":5089},{"id":5133,"depth":600,"text":5136},{"id":5215,"depth":600,"text":5218},{"id":559,"depth":600,"text":560},"https://images.unsplash.com/photo-1622547748225-3fc4abd2cca0?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3wxMTc3M3wwfDF8c2VhcmNofDJ8fHJlbmRlcnN8ZW58MHx8fHwxNzY2MzgyNjA1fDA&ixlib=rb-4.1.0&q=80&w=2000",{"updated_at":5334,"featured_at":612,"visibility":613},"2026-02-20T06:04:02.000+01:00","/blog-i18n/ja/blender-programmatic-rendering","2025-12-29T10:00:10.000+01:00",{"title":4844,"description":168},"blender-programmatic-rendering","blog-i18n/ja/blender-programmatic-rendering/index",[5341,5342],{"id":620,"name":621,"slug":622,"description":7,"feature_image":7,"visibility":613,"og_image":7,"og_title":7,"og_description":7,"twitter_image":7,"twitter_title":7,"twitter_description":7,"meta_title":7,"meta_description":7,"codeinjection_head":7,"codeinjection_foot":7,"canonical_url":7,"accent_color":7,"url":623},{"id":3465,"name":20,"slug":21,"description":7,"feature_image":7,"visibility":613,"og_image":7,"og_title":7,"og_description":7,"twitter_image":7,"twitter_title":7,"twitter_description":7,"meta_title":7,"meta_description":7,"codeinjection_head":7,"codeinjection_foot":7,"canonical_url":7,"accent_color":7,"url":3466},"oWbNO3-IVpDw_voRr6qrAq6lQPAjmF1KehdW3Cbw1Zg",{"id":5345,"title":5346,"authors":5347,"body":5349,"description":168,"extension":608,"feature_image":6042,"html":7,"meta":6043,"navigation":11,"path":6045,"published_at":6046,"seo":6047,"slug":6048,"stem":6049,"tags":6050,"__hash__":6053,"updated_at":6044,"featured_at":612,"visibility":613},"blog/blog-i18n/ja/blender-kitsu-versioning-addon/index.md","KitsuバージョニングアドオンでBlenderファイルのリビジョン管理を行う（2026）",[5348],{"id":76,"name":77,"slug":78,"profile_image":7,"cover_image":7,"bio":7,"website":7,"location":7,"facebook":7,"twitter":7,"meta_title":7,"meta_description":7,"threads":7,"bluesky":7,"mastodon":7,"tiktok":7,"youtube":7,"instagram":7,"linkedin":7,"url":79},{"type":81,"value":5350,"toc":6033},[5351,5362,5369,5372,5377,5380,5383,5386,5389,5392,5394,5400,5403,5406,5432,5435,5461,5463,5469,5478,5502,5512,5515,5518,5549,5559,5562,5565,5568,5570,5576,5582,5603,5612,5619,5622,5625,5643,5646,5649,5664,5671,5686,5689,5731,5734,5740,5743,5745,5751,5754,5761,5779,5782,5785,5818,5820,5826,5833,5836,5839,5856,5859,5862,5887,5890,5892,5898,5907,5924,5954,5957,5979,5982,5992,5994,5998,6001,6004,6013,6027],[84,5352,5354,5358],{"className":5353},[87,88,89],[84,5355,5357],{"className":5356},[93],"🧱",[84,5359,5361],{"className":5360},[98],"混乱したファイル命名を、Blenderリビジョンの単一の真実の情報源で置き換えましょう。",[101,5363,5364,5365,5368],{},"すべてのプロジェクトは、良い意図から始まります。きれいな",[146,5366,5367],{},"model.blend","、整理されたフォルダ、そして「今回はちゃんと整頓しておこう」という約束からスタートします。",[101,5370,5371],{},"しかし締切が近づくにつれ、制作に静かに忍び寄るエントロピーが現実になります。やがてプロジェクトのディレクトリは、パニック気味の直前編集が積み重なった、考古学的な発掘現場のように見え始めます：",[188,5373,5374],{},[146,5375,5376],{},"model.blend\nmodel_v2.blend\nmodel_v2b.blend\nmodel_final.blend\nmodel_final_really_final.blend\nmodel_FINAL_v3.blend",[101,5378,5379],{},"お分かりの通りです。誰かが急な変更を必要とし、別のアーティストが「念のため」でバージョンを枝分かれさせます。そうして、いったいどのファイルが「本物」なのか、誰も確信を持てなくなっていきます。チャットのコメントはファイル名と矛盾し、古いバージョンからショットがレンダーされ、そしてスーパーバイザーは深くため息をつきます。",[101,5381,5382],{},"アニメーションスタジオでは、このような小さなカオスが積み重なります。そこで必要になるのが、きちんとした真実の情報源です。",[101,5384,5385],{},"多くのチームでは、その情報源がKitsuです。そしてBlenderアーティストにとって不足しているのは、ファイルのバージョンが管理され、追跡でき、プロジェクトの制作データと確実に揃う状態を保つ自動化されたブリッジです。",[101,5387,5388],{},"そこで方針を決めます。BlenderがKitsuと連携し、パイプラインがついに「味方してくれている」感覚になるようなバージョニングシステムを作るのです。",[101,5390,5391],{},"このチュートリアルでは、Blender上から直接ファイルのリビジョンを管理するアドオンを作成します。BlenderをKitsuプロジェクトに接続し、3Dモデルのリビジョンを作成・アップロードし、既存のすべてのリビジョンを閲覧し、さらに過去のリビジョンをBlenderへ呼び戻せるようになります。",[111,5393],{},[114,5395,5397],{"id":5396},"workflow-overview",[486,5398,5399],{},"ワークフローの概要",[101,5401,5402],{},"一般的なKitsu主導のワークフローでは、アーティストがBlenderでシーンを開き作業を行い、マイルストーンに到達したらリビジョンをアップロードします。アーティストはレビューし、改良し、修正し、そして再度アップロードします。Kitsuは各ステップをきれいに管理してくれます。",[101,5404,5405],{},"ただ、クリックひとつでリビジョンをアップロードしたり、引き戻したりできれば便利ですよね？",[3067,5407,5408,5414,5420,5426],{},[1151,5409,5410,5413],{},[486,5411,5412],{},"Blenderから始める"," - 作業用シーンを開きます。モデリング、シェーディング、リギングなど、いま必要な作業に応じて対応します。",[1151,5415,5416,5419],{},[486,5417,5418],{},"作業をチェックポイント化する"," - マイルストーン（「ブロッキング完了」「レビュー準備完了」など）に到達したら、Kitsu上で新しいリビジョンを作成します。",[1151,5421,5422,5425],{},[486,5423,5424],{},"履歴を確認する"," - Kitsuはすべてのリビジョンを保存するため、スーパーバイザーには明確なタイムラインが提示され、ファイルを掘り起こさずにバージョン比較が可能になります。",[1151,5427,5428,5431],{},[486,5429,5430],{},"新しい変更を取り込む"," - 別のバージョンが必要になったら、現在のワークスペースにアセットを取り込むだけです。",[101,5433,5434],{},"これは非常に基本的なワークフローなので、競合解決の扱い（同じショットに対して2人のアーティストが作業し、それぞれが新しいリビジョンを作成したら？ どう処理する？）といった問題に直面するのは避けられませんが、まずはアニメーションパイプラインのニーズに合わせて後で改善できる、機能するアドオンを作るには十分です。",[84,5436,5438,5441],{"className":5437},[87,88,665],[84,5439,669],{"className":5440},[93],[84,5442,5444,5448,5450,5452,5453,5455,1094,5457],{"className":5443},[98],[674,5445,5446],{},[486,5447,2019],{"style":678},[534,5449],{},[534,5451],{},"このガイドで紹介する例の統合について、完全なソースコードはGitHubで確認できます：",[534,5454],{},[534,5456],{},[266,5458,5460],{"href":5459},"https://github.com/cgwire/blender-kitsu-versioning-addon?ref=blog.cg-wire.com","https://github.com/cgwire/blender-kitsu-versioning-addon",[111,5462],{},[114,5464,5466],{"id":5465},"_1-populating-the-kitsu-dashboard",[486,5467,5468],{},"1. Kitsuダッシュボードを準備する",[101,5470,5471,5472,5477],{},"KitsuのWebインターフェースは、プロデューサー、コーディネーター、リードがプロジェクトの構造を素早く設定できるように設計されています。Blenderアーティストがリビジョンを公開する前に、制作中のアセットで制作データを埋めておく必要があります。",[266,5473,4172,5474],{"href":3491},[4123,5475,5476],{},"ローカル開発用のKitsu Dockerインスタンス","では：",[3067,5479,5480,5486,5493,5499],{},[1151,5481,5482,5485],{},[486,5483,5484],{},"Kitsuダッシュボード","にログインします。",[1151,5487,5488,5489,5492],{},"メインのナビゲーションバーで",[486,5490,5491],{},"Productions","に移動します。",[1151,5494,5495,5498],{},[486,5496,5497],{},"「Create production」","をクリックします（通常は右上）。",[1151,5500,5501],{},"制作情報を入力します",[158,5503,5505],{"className":5504},[87,161],[163,5506],{"src":5507,"className":5508,"alt":168,"loading":169,"width":5509,"height":5510,"srcSet":5511,"sizes":173},"https://blog.cg-wire.com/content/images/2025/12/data-src-image-58cb0571-2b74-4110-9b07-9e15030bbd05.png",[167],985,694,"https://blog.cg-wire.com/content/images/size/w600/2025/12/data-src-image-58cb0571-2b74-4110-9b07-9e15030bbd05.png 600w, https://blog.cg-wire.com/content/images/2025/12/data-src-image-58cb0571-2b74-4110-9b07-9e15030bbd05.png 985w",[101,5513,5514],{},"新しい制作はリストに表示されるので、開いてアセットの追加を開始できます。",[101,5516,5517],{},"アセットはプロジェクトの構成要素です。キャラクター、小道具、環境、車両... 制作管理が必要なものは何でも対象になります。",[3067,5519,5520,5526,5533,5539],{},[1151,5521,5522,5525],{},[486,5523,5524],{},"Productions → あなたの制作名","へ移動します。",[1151,5527,5528,5529,5532],{},"制作内の",[486,5530,5531],{},"Assets","タブに切り替えます。",[1151,5534,5535,5538],{},[486,5536,5537],{},"「Create Asset」","をクリックします。",[1151,5540,5541,5544,5545,5548],{},[486,5542,5543],{},"アセット名","（例：「RobotHead」）と",[486,5546,5547],{},"アセット種別","（Character, Prop, Setなど）を入力します。",[158,5550,5552],{"className":5551},[87,161],[163,5553],{"src":5554,"className":5555,"alt":168,"loading":169,"width":5556,"height":5557,"srcSet":5558,"sizes":173},"https://blog.cg-wire.com/content/images/2025/12/data-src-image-f4336c33-57ef-4baa-9715-e0c749f7d9b4.png",[167],1270,870,"https://blog.cg-wire.com/content/images/size/w600/2025/12/data-src-image-f4336c33-57ef-4baa-9715-e0c749f7d9b4.png 600w, https://blog.cg-wire.com/content/images/size/w1000/2025/12/data-src-image-f4336c33-57ef-4baa-9715-e0c749f7d9b4.png 1000w, https://blog.cg-wire.com/content/images/2025/12/data-src-image-f4336c33-57ef-4baa-9715-e0c749f7d9b4.png 1270w",[101,5560,5561],{},"これでアセットが作成され、3つのタスクが割り当てられました。 ",[101,5563,5564],{},"タスクは、各アセットに対してアーティストが行う制作手順（モデリング、シェーディング、リギングなど）を定義します。",[101,5566,5567],{},"これで、アドオンをテストするための準備が整いました。",[111,5569],{},[114,5571,5573],{"id":5572},"_2-linking-the-current-blender-project-to-a-kitsu-task",[486,5574,5575],{},"2. 現在のBlenderプロジェクトをKitsuのタスクに紐づける",[101,5577,5578,5579,5581],{},"まずは、UIの配置を定義し、",[146,5580,299],{},"を読み込み、ドロップダウンメニューで公開するデータを準備する最小限のアドオン宣言から始めます：",[188,5583,5584,5597],{},[146,5585,5587,5588,5591,5594],{"className":5586},[260],"bl_info = {\n    \"name\": \"Model Versioning (Production/Task/Asset/Revisions)\",\n    \"author\": \"cgwire\",\n    \"version\": (1, 0, 0),\n    \"blender\": (2, 80, 0),\n    \"location\": \"View3D > Sidebar > ModelVersioning\",\n    \"description\": \"Browse productions, tasks, assets, and manage revisions (list/create/load)\",\n     \"category\": \"3D View\",\n}\n",[101,5589,5590],{},"import sys",[101,5592,5593],{},"sys.path.append(\"~/.local/lib/python3.11/site-packages\")",[101,5595,5596],{},"import os\nimport tempfile",[101,5598,5599],{},[146,5600,5602],{"className":5601},[260],"import bpy\nimport gazu\nfrom bpy.props import EnumProperty, PointerProperty\nfrom bpy.types import Operator, Panel, PropertyGroup",[101,5604,5605,5606,5608,5609,5611],{},"注目点として、",[146,5607,5593],{},"により、",[146,5610,299],{},"のような外部パッケージへアクセスするためにローカルのPythonインストールを使用できます。デフォルトではBlenderが独自のPython環境を動かすため、パッケージのインストールはやや面倒です。そこで、ローカルモジュールを参照するようBlenderに伝えます。このパスは、あなたのシステム設定に合わせて適宜更新してください。",[101,5613,5614,5615,5618],{},"バージョニングを自動化する前に、BlenderがKitsu上の",[702,5616,5617],{},"どこ","に現在のモデルが属するのかを理解する必要があります。つまり、プロジェクト、アセット、タスク、そして最終的にそれに紐づくリビジョンを特定します。",[101,5620,5621],{},"最初のステップは簡単です。Kitsuで認証し、利用可能な制作（Productions）を取得し、アーティストがサイドバーUIからコンテキストを直接選べるようにします。",[101,5623,5624],{},"アドオンが読み込まれたら、認証し、アドオンをKitsu APIホストへ向けます：",[188,5626,5627,5637],{},[146,5628,5630,5631,5634,5635,280],{"className":5629},[260],"gazu.set_host(\"\u003C",[266,5632,1197],{"href":1197,"rel":5633},[270],">\")\nuser = gazu.log_in(\"",[266,5636,279],{"href":278},[101,5638,5639],{},[146,5640,5642],{"className":5641},[260],"temp_dir_path = tempfile.gettempdir()",[101,5644,5645],{},"これにより、制作を閲覧し、タスクを見つけ、そして最終的にリビジョンを作成するために使うセッションが確立されます。",[101,5647,5648],{},"ここから制作の構造を公開し始められます。プロジェクト、アセット、タスク、リビジョンの検索用ヘルパー関数を用意し、各ドロップダウンを動的に埋めます：",[188,5650,5651,5658],{},[146,5652,5654,5655],{"className":5653},[260],"def find_project(name):\n    return gazu.project.get_project_by_name(name)",[101,5656,5657],{},"def find_asset(project, name):\n    return gazu.asset.get_asset_by_name(project, name)",[101,5659,5660],{},[146,5661,5663],{"className":5662},[260],"def find_task(asset, type_id):\n    return gazu.task.get_task_by_name(asset, type_id, \"main\")",[101,5665,5666,5667,5670],{},"各",[146,5668,5669],{},"EnumProperty","のコールバックは、Kitsuから新しいデータを取得します：",[188,5672,5673],{},[146,5674,5676,5677,5679,5680,5682,5683,5685],{"className":5675},[260],"def enum_projects(self, context):\n    items = ",[285,5678],{},"\n    projects = gazu.project.all_projects()\n    for p in projects:\n        items.append((p",[285,5681,1767],{},", p",[285,5684,1767],{},", \"\"))\n    if not items:\n        items.append((\"NONE\", \"--- no productions ---\", \"\"))\n    return items",[101,5687,5688],{},"アセット、タスク、リビジョンも同じパターンに従います：",[188,5690,5691,5715],{},[146,5692,5694,5695,5697,5698,5700,5701,5703,5704],{"className":5693},[260],"def enum_assets(self, context):\n    project = find_project(context.scene.mv_state.project)\n    items = ",[285,5696],{},"\n    if project:\n        assets = gazu.asset.all_assets_for_project(project)\n        for t in assets:\n            items.append((t",[285,5699,1767],{},", t",[285,5702,1767],{},", \"\"))\n    if not items:\n        items.append((\"NONE\", \"--- no tasks ---\", \"\"))\n    return items",[101,5705,5706,5707,5709,5710,5700,5712,5703],{},"def enum_tasks(self, context):\n    project = find_project(context.scene.mv_state.project)\n    asset = find_asset(project, context.scene.mv_state.asset)\n    items = ",[285,5708],{},"\n    if asset:\n        tasks = gazu.task.all_tasks_for_asset(asset)\n        for t in tasks:\n            items.append((t",[285,5711,1699],{},[285,5713,5714],{},"\"task_type_name\"",[101,5716,5717],{},[146,5718,5720,5721,5723,5724,5727,5728,5730],{"className":5719},[260],"def enum_revisions(self, context):\n    project = find_project(context.scene.mv_state.project)\n    asset = find_asset(project, context.scene.mv_state.asset)\n    task = find_task(asset, context.scene.mv_state.task)\n    items = ",[285,5722],{},"\n    if task:\n        revisions = gazu.files.get_all_preview_files_for_task(task)\n        for r in revisions:\n            items.append((str(r",[285,5725,5726],{},"\"revision\"","), str(r",[285,5729,5726],{},"), \"\"))\n    if not items:\n        items.append((\"NONE\", \"--- no revisions ---\", \"\"))\n    return items",[101,5732,5733],{},"最後に、すべてのUI選択を1つの状態（state）オブジェクトに保存します：",[188,5735,5736],{},[146,5737,5739],{"className":5738},[260],"class MV_State(PropertyGroup):\n    project: EnumProperty(\n        name=\"Project\", description=\"Select project\", items=enum_projects\n    )\n    asset: EnumProperty(name=\"Asset\", description=\"Select asset\", items=enum_assets)\n    task: EnumProperty(name=\"Task\", description=\"Select task\", items=enum_tasks)\n    revision: EnumProperty(\n        name=\"Revision\", description=\"Select revision\", items=enum_revisions\n    )",[101,5741,5742],{},"これはパイプライン統合の土台です。これでBlenderはKitsuを閲覧でき、アーティストが作業中の“正確なタスク”に自分自身を紐づけられるようになりました。ここから、リビジョンのライフサイクルに取り組み始めます。",[111,5744],{},[114,5746,5748],{"id":5747},"_3-creating-a-new-revision-button",[486,5749,5750],{},"3. 「新規リビジョン」ボタンを作成する",[101,5752,5753],{},"まずアーティストが最も頻繁に触れる部分の自動化を始められます。それが新しいリビジョンの作成です。通常の手作業ワークフローでは、ファイルをエクスポートして、正しいタスクに対してKitsuへアップロードします。私たちのアドオンでは、その作業をBlender内の1つのボタン操作にまとめます。",[101,5755,5756,5757,5760],{},"Kitsuは",[146,5758,5759],{},"publish_preview()","を通じて新しいリビジョンを処理します。これはファイルとメタデータの両方を送信します：",[188,5762,5763,5773],{},[146,5764,5766,5767,5770],{"className":5765},[260],"temp_file_path = os.path.join(temp_dir_path, \"new_version.glb\")",[101,5768,5769],{},"bpy.ops.export_scene.gltf(filepath=temp_file_path, export_format=\"GLB\")",[101,5771,5772],{},"(comment, preview_file) = gazu.task.publish_preview(\n    task,\n    task_status,\n    revision=new_revision,\n    comment=\"increment revision\",\n    preview_file_path=temp_file_path,\n)",[101,5774,5775],{},[146,5776,5778],{"className":5777},[260],"os.remove(temp_file_path)",[101,5780,5781],{},"アドオンでは、これをサイドバーのボタンからトリガーします。",[101,5783,5784],{},"オペレーターは主に3つのステップを実行します。アドオンの状態からユーザーの選択を取得し、次のリビジョン番号を計算し、エクスポートしたファイルを新しいリビジョンとしてアップロードします：",[188,5786,5787,5812],{},[146,5788,5790,5791,5794,5797,5800,5803,5806,5809],{"className":5789},[260],"class MV_OT_create_revision(Operator):\n    bl_idname = \"mv.create_revision\"\n    bl_label = \"Create Revision\"",[101,5792,5793],{},"    def invoke(self, context, event):\n        wm = context.window_manager\n        return wm.invoke_props_dialog(self, width=400)",[101,5795,5796],{},"    def execute(self, context):\n        project = find_project(context.scene.mv_state.project)\n        asset = find_asset(project, context.scene.mv_state.asset)\n        task = find_task(asset, context.scene.mv_state.task)\n        revision = context.scene.mv_state.revision\n        new_revision = int(revision) + 1",[101,5798,5799],{},"        task_status = gazu.task.get_task_status_by_name(\"todo\")",[101,5801,5802],{},"        temp_file_path = os.path.join(temp_dir_path, \"new_version.glb\")",[101,5804,5805],{},"        bpy.ops.export_scene.gltf(filepath=temp_file_path, export_format=\"GLB\")",[101,5807,5808],{},"        (comment, preview_file) = gazu.task.publish_preview(\n            task,\n            task_status,\n            revision=new_revision,\n            comment=\"increment revision\",\n            preview_file_path=temp_file_path,\n        )",[101,5810,5811],{},"        os.remove(temp_file_path)",[101,5813,5814],{},[146,5815,5817],{"className":5816},[260],"        self.report({\"INFO\"}, \"Revision created\")\n        return {\"FINISHED\"}",[111,5819],{},[114,5821,5823],{"id":5822},"_4-pulling-a-revision-into-blender",[486,5824,5825],{},"4. リビジョンをBlenderへ取り込む",[101,5827,5828,5829,5832],{},"バージョニングは、公開することだけではありません。",[702,5830,5831],{},"戻る","ことも重要です。以前の段階をレビューしたり、トポロジを比較したり、前回の反復から細部を復元したりする場合、Blenderへ新しいリビジョンや古いリビジョンを素早く確実に読み込む手段が必要です。",[101,5834,5835],{},"タスクが選択されると、Kitsuからリビジョンを取り出すのは簡単な2ステップになります。選択したリビジョンに紐づくプレビューファイルをダウンロードし、それをBlenderへインポートします。",[101,5837,5838],{},"現在のタスクに対するすべてのプレビューファイルを取得したら、インデックスで目的のリビジョンを特定し、アセットを直接Blenderへ取り込みます：",[188,5840,5841,5851],{},[146,5842,5766,5844],{"className":5843},[260],[101,5845,5846,5847,5850],{},"preview_file = preview_files",[285,5848,5849],{},"int(revision) - 1","\ngazu.files.download_preview_file(preview_file, temp_file_path)\nbpy.ops.import_scene.gltf(filepath=temp_file_path)",[101,5852,5853],{},[146,5854,5778],{"className":5855},[260],[101,5857,5858],{},"これにより、制作のその時点での状態そのままのアセットを、統一された手順で取得できるようになります。",[101,5860,5861],{},"このワークフローを、作成（Create Revision）ボタンの構造と同様のオペレーターにまとめます：",[188,5863,5864,5881],{},[146,5865,5867,5868,5871,5873,5879],{"className":5866},[260],"class MV_OT_load_revision(Operator):\n    bl_idname = \"mv.load_revision\"\n    bl_label = \"Load Revision\"",[101,5869,5870],{},"    def execute(self, context):\n        project = find_project(context.scene.mv_state.project)\n        asset = find_asset(project, context.scene.mv_state.asset)\n        task = find_task(asset, context.scene.mv_state.task)\n        revision = context.scene.mv_state.revision\n        preview_files = gazu.files.get_all_preview_files_for_task(task)",[101,5872,5802],{},[101,5874,5875,5876,5878],{},"        preview_file = preview_files",[285,5877,5849],{},"\n        gazu.files.download_preview_file(preview_file, temp_file_path)\n        bpy.ops.import_scene.gltf(filepath=temp_file_path)",[101,5880,5811],{},[101,5882,5883],{},[146,5884,5886],{"className":5885},[260],"        self.report({\"INFO\"}, \"Opened Revision\")\n        return {\"FINISHED\"}",[101,5888,5889],{},"このオペレーターにより、アーティストはBlenderを離れることなく、Kitsuに保存されている任意のバージョンを閲覧して読み込むことが簡単になります。",[111,5891],{},[114,5893,5895],{"id":5894},"_5-registering-the-addon",[486,5896,5897],{},"5. アドオンを登録する",[101,5899,5900,5906],{},[266,5901,5903],{"href":5902},"https://blog.cg-wire.com/blender-addon-ui-scripting-guide/",[4123,5904,5905],{},"このパネルが、リビジョンのワークフロー全体をつなぎます","：",[1148,5908,5909,5912,5915,5918,5921],{},[1151,5910,5911],{},"プロジェクトを選択",[1151,5913,5914],{},"アセットを選択",[1151,5916,5917],{},"タスクを選択",[1151,5919,5920],{},"リビジョンを閲覧",[1151,5922,5923],{},"クリックひとつでバージョンを作成または読み込み",[188,5925,5926,5948],{},[146,5927,5929,5930,5933,5936,5939,5942,5945],{"className":5928},[260],"class MV_PT_panel(Panel):\n    bl_label = \"Model Versioning\"\n    bl_idname = \"MV_PT_panel\"\n    bl_space_type = \"VIEW_3D\"\n    bl_region_type = \"UI\"\n    bl_category = \"ModelVersion\"",[101,5931,5932],{},"    def draw(self, context):\n        layout = self.layout\n        scene = context.scene\n        mv = scene.mv_state",[101,5934,5935],{},"        layout.label(text=\"Project\")\n         layout.prop(mv, \"project\", text=\"\")\n        layout.separator()",[101,5937,5938],{},"        layout.label(text=\"Asset\")\n         layout.prop(mv, \"asset\", text=\"\")\n        layout.separator()",[101,5940,5941],{},"        layout.label(text=\"Task\")\n         layout.prop(mv, \"task\", text=\"\")\n        layout.separator()",[101,5943,5944],{},"        layout.label(text=\"Revision\")\n         layout.prop(mv, \"revision\", text=\"\")\n        layout.separator()",[101,5946,5947],{},"        row = layout.row(align=True)\n        row.operator(\"mv.create_revision\", text=\"Create Revision\", icon=\"ADD\")",[101,5949,5950],{},[146,5951,5953],{"className":5952},[260],"        layout.operator(\n            \"mv.load_revision\", text=\"Load Selected Revision\", icon=\"IMPORT\"\n        )",[101,5955,5956],{},"最後に、オペレーター、パネル、状態（state）を登録して、BlenderがUIを構築できるようにします：",[188,5958,5959,5969],{},[146,5960,5962,5963,5966],{"className":5961},[260],"classes = (\n    MV_State,\n    MV_OT_create_revision,\n    MV_OT_load_revision,\n    MV_PT_panel,\n)",[101,5964,5965],{},"def register():\n    for c in classes:\n        bpy.utils.register_class(c)\n    bpy.types.Scene.mv_state = PointerProperty(type=MV_State)",[101,5967,5968],{},"def unregister():\n    for c in reversed(classes):\n        bpy.utils.unregister_class(c)\n    if hasattr(bpy.types.Scene, \"mv_state\"):\n        del bpy.types.Scene.mv_state",[101,5970,5971],{},[146,5972,3645,5974,3958,5976,5978],{"className":5973},[260],[486,5975,3648],{},[486,5977,3652],{},"\":\n    register()",[101,5980,5981],{},"この時点で、モデルのバージョニングワークフローは完全に双方向になっています。Blenderから新しいリビジョンを公開でき、以前のものを即座に取得できます。",[158,5983,5985],{"className":5984},[87,161],[163,5986],{"src":5987,"className":5988,"alt":168,"loading":169,"width":5989,"height":5990,"srcSet":5991,"sizes":173},"https://blog.cg-wire.com/content/images/2025/12/data-src-image-00e861e7-3b2e-4bdc-80b8-1af740cab480.png",[167],759,488,"https://blog.cg-wire.com/content/images/size/w600/2025/12/data-src-image-00e861e7-3b2e-4bdc-80b8-1af740cab480.png 600w, https://blog.cg-wire.com/content/images/2025/12/data-src-image-00e861e7-3b2e-4bdc-80b8-1af740cab480.png 759w",[111,5993],{},[114,5995,5996],{"id":559},[486,5997,560],{},[101,5999,6000],{},"Blender APIのオペレーターを数個と、Gazu SDKの便利さを組み合わせることで、Blenderの中にそのまま存在し、Kitsuと同期し続ける、実用的（ただし基本的な）バージョニングワークフローを構築しました。アーティストはBlenderのシーンをKitsuのプロジェクト、アセット、タスクに紐づけ、新しいリビジョンをボタンひとつで作成し、任意のタスクのリビジョン履歴をすべて閲覧し、比較や復元が必要になったときは古いバージョンを直接Blenderへ取り込めます。",[101,6002,6003],{},"このワークフローは、まだ始まりにすぎません。ここから、アドオンを拡張して自動エクスポート、サムネイルやトゥルーターンテーブルのレンダリング、複数の出力形式の対応、スーパーバイザー向けレビュー用ツール、さらにはレンダーファームへの連携などに広げられるでしょう。",[101,6005,6006,6007,6012],{},"まずは、このバージョニングアドオンの",[266,6008,4172,6009],{"href":5459},[4123,6010,6011],{},"GitHubリポジトリ","をクローンして、自分でも試してみてください！",[84,6014,6016,6019],{"className":6015},[87,88,89],[84,6017,576],{"className":6018},[93],[84,6020,6022,6023,6026],{"className":6021},[98],"アニメーション制作のプロセスについてさらに学ぶには、",[266,6024,1404],{"href":583,"rel":6025},[585],"。私たちは1,000人以上の専門家とつながっており、ベストプラクティスを共有し、時には現地イベントも開催しています。ぜひ歓迎します！ 😊",[84,6028,6030],{"className":6029},[87,591,592],[266,6031,598],{"href":583,"className":6032},[596,597],{"title":168,"searchDepth":600,"depth":600,"links":6034},[6035,6036,6037,6038,6039,6040,6041],{"id":5396,"depth":600,"text":5399},{"id":5465,"depth":600,"text":5468},{"id":5572,"depth":600,"text":5575},{"id":5747,"depth":600,"text":5750},{"id":5822,"depth":600,"text":5825},{"id":5894,"depth":600,"text":5897},{"id":559,"depth":600,"text":560},"https://images.unsplash.com/photo-1617746533234-288e5cf484e2?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3wxMTc3M3wwfDF8c2VhcmNofDMwfHxhbmltYXRpb24lMjBwaXBlbGluZXxlbnwwfHx8fDE3NjYzODE5ODZ8MA&ixlib=rb-4.1.0&q=80&w=2000",{"updated_at":6044,"featured_at":612,"visibility":613},"2026-02-20T06:04:01.000+01:00","/blog-i18n/ja/blender-kitsu-versioning-addon","2025-12-22T10:00:20.000+01:00",{"title":5346,"description":168},"blender-kitsu-versioning-addon","blog-i18n/ja/blender-kitsu-versioning-addon/index",[6051,6052],{"id":620,"name":621,"slug":622,"description":7,"feature_image":7,"visibility":613,"og_image":7,"og_title":7,"og_description":7,"twitter_image":7,"twitter_title":7,"twitter_description":7,"meta_title":7,"meta_description":7,"codeinjection_head":7,"codeinjection_foot":7,"canonical_url":7,"accent_color":7,"url":623},{"id":3465,"name":20,"slug":21,"description":7,"feature_image":7,"visibility":613,"og_image":7,"og_title":7,"og_description":7,"twitter_image":7,"twitter_title":7,"twitter_description":7,"meta_title":7,"meta_description":7,"codeinjection_head":7,"codeinjection_foot":7,"canonical_url":7,"accent_color":7,"url":3466},"eGBSo-eSNAi3-nyZ73vJVVakmWAlmsvIl8-iRrOIFuA",{"id":6055,"title":6056,"authors":6057,"body":6059,"description":168,"extension":608,"feature_image":6642,"html":7,"meta":6643,"navigation":11,"path":6644,"published_at":6645,"seo":6646,"slug":6647,"stem":6648,"tags":6649,"__hash__":6652,"updated_at":6044,"featured_at":612,"visibility":613},"blog/blog-i18n/ja/blender-kitsu-low-res-preview/index.md","Kitsu（2026）を使ったBlenderでの低解像度アニメーションプレビューの自動化",[6058],{"id":76,"name":77,"slug":78,"profile_image":7,"cover_image":7,"bio":7,"website":7,"location":7,"facebook":7,"twitter":7,"meta_title":7,"meta_description":7,"threads":7,"bluesky":7,"mastodon":7,"tiktok":7,"youtube":7,"instagram":7,"linkedin":7,"url":79},{"type":81,"value":6060,"toc":6632},[6061,6071,6074,6077,6080,6083,6100,6103,6129,6131,6137,6140,6143,6158,6166,6168,6174,6181,6195,6198,6201,6203,6209,6216,6225,6246,6253,6256,6259,6262,6267,6275,6278,6280,6286,6300,6303,6321,6358,6361,6369,6376,6378,6384,6393,6396,6456,6475,6485,6488,6491,6500,6503,6511,6513,6519,6522,6529,6535,6538,6544,6553,6555,6561,6564,6567,6576,6578,6582,6585,6605,6608,6611,6626],[84,6062,6064,6067],{"className":6063},[87,88,89],[84,6065,1045],{"className":6066},[93],[84,6068,6070],{"className":6069},[98],"数時間ではなく数秒でレンダーできる軽量なプレビューで、アニメーションレビューを高速化します。",[101,6072,6073],{},"フル解像度のレンダーを待ってからショットを確認するのは、制作全体の進行を遅らせます。アーティストは待ち時間に時間を取られ、スーパーバイザーもフィードバックを受け取るのが遅れてしまいます。反復ループの効率が悪いのです。",[101,6075,6076],{},"そこで、Blender上で低解像度のアニメーションプレビューを直接作成し、アニメーションパイプラインの一部としてPythonでKitsuへ自動アップロードしましょう。これらのプレビューはレンダーが速く、レビューしやすく、承認のためにKitsuで素早く利用できます。",[101,6078,6079],{},"これは大きな効果があります。フル解像度のレンダーは数時間かかることがあり、何千ものショットを扱うとクラウドストレージやネットワーク帯域のコストも決して軽くありません。1080pから480pにするだけで、サイズを最大5倍まで（＝最大5分の1）にできます！",[101,6081,6082],{},"本チュートリアルでは、次の内容を扱います：",[1148,6084,6085,6088,6091,6097],{},[1151,6086,6087],{},"低解像度プレビュー用にBlenderのレンダー設定を調整する",[1151,6089,6090],{},"Pythonでレンダープロセスを自動化する",[1151,6092,6093,6096],{},[146,6094,6095],{},"ffmpeg","を使って動画に透かしとタイムスタンプを追加し、素早く状況を把握できるようにする",[1151,6098,6099],{},"動画を出力し、Kitsuへアップロードする",[101,6101,6102],{},"最後には、レビューにかかる時間を短縮しつつ、フィードバックの質を犠牲にしないスクリプトが手に入ります。",[84,6104,6106,6109],{"className":6105},[87,88,665],[84,6107,669],{"className":6108},[93],[84,6110,6112,6116,6118,6120,6121,6123,1094,6125],{"className":6111},[98],[674,6113,6114],{},[486,6115,4984],{"style":678},[534,6117],{},[534,6119],{},"このガイドで紹介している例の統合（インテグレーション）の完全なソースコードは、私たちのGitHubで確認できます：",[534,6122],{},[534,6124],{},[266,6126,6128],{"href":6127},"https://github.com/cgwire/blender-kitsu-low-res-preview?ref=blog.cg-wire.com","https://github.com/cgwire/blender-kitsu-low-res-preview",[111,6130],{},[114,6132,6134],{"id":6133},"_1-simple-blender-scene-setup",[486,6135,6136],{},"1. シンプルなBlenderシーンのセットアップ",[101,6138,6139],{},"アニメーション付きプレビューを作る前に、シーン内に開始用のオブジェクトが必要です。このチュートリアルでは、Blenderのデフォルトのキューブを使います。",[101,6141,6142],{},"まず、シーンとキューブの参照を作成します：",[188,6144,6145,6148],{},[146,6146,5019],{"className":6147},[260],[101,6149,6150],{},[146,6151,6153,6154,6157],{"className":6152},[260],"cube = bpy.data.objects",[285,6155,6156],{},"\"Cube\"","\nscene = bpy.context.scene",[158,6159,6161],{"className":6160},[87,161],[163,6162],{"src":6163,"className":6164,"alt":168,"loading":169,"width":1112,"height":5080,"srcSet":6165,"sizes":173},"https://blog.cg-wire.com/content/images/2025/12/data-src-image-bf950a7a-c387-4b8d-9318-49e5bd3251bd.png",[167],"https://blog.cg-wire.com/content/images/size/w600/2025/12/data-src-image-bf950a7a-c387-4b8d-9318-49e5bd3251bd.png 600w, https://blog.cg-wire.com/content/images/size/w1000/2025/12/data-src-image-bf950a7a-c387-4b8d-9318-49e5bd3251bd.png 1000w, https://blog.cg-wire.com/content/images/2025/12/data-src-image-bf950a7a-c387-4b8d-9318-49e5bd3251bd.png 1600w",[111,6167],{},[114,6169,6171],{"id":6170},"_2-adding-keyframes-for-animation",[486,6172,6173],{},"2. アニメーション用のキーフレームを追加する",[101,6175,6176,6177,6180],{},"次のステップはキューブをアニメーション化することです。モデリングのプレビューを素早く行うには、短いシーケンスが理想です。ここでは",[486,6178,6179],{},"360°回転","を48フレーム（24 FPSで2秒）で作成します：",[188,6182,6183],{},[146,6184,6186,6187,6190,6191,6194],{"className":6185},[260],"for frame, angle in ",[285,6188,6189],{},"(1, 0), (12, 1.57), (24, 3.14), (36, 4.71), (48, 6.28)",":\n    scene.frame_set(frame)\n    cube.rotation_euler",[285,6192,6193],{},"2"," = angle\n    cube.keyframe_insert(data_path=\"rotation_euler\", index=2)",[101,6196,6197],{},"このループは一定間隔でキーフレームを設定し、Z軸の周りにpi/2ずつ滑らかに回転させます。フレーム数を少なくすることでレンダーが速くなり、プレビュー用途に最適になります。",[101,6199,6200],{},"この時点で、Blender上でタイムラインをスクラブして、キューブが期待どおりに回転するか確認できます。",[111,6202],{},[114,6204,6206],{"id":6205},"_3-low-resolution-rendering",[486,6207,6208],{},"3. 低解像度レンダリング",[101,6210,6211,6212,6215],{},"アニメーションが用意できたら、Blenderで",[486,6213,6214],{},"高速で低解像度のプレビュー","をレンダーするように設定します。目的は品質よりもスピードです。レビューに十分に見やすく、かつ作成が素早いものを目指します。",[101,6217,6218,6219,6224],{},"ここでは、",[266,6220,4172,6221],{"href":3015},[4123,6222,6223],{},"スピードのためのEeveeレンダリングエンジンを使い、不要なレンダリングのオーバーヘッドを減らします","。Eeveeは単純なラスターライズ（画像の格子化）エンジンなので、Cyclesよりはるかに高速です。90%のケースでは、超リアルな出力は必要ありません。",[188,6226,6227,6240],{},[146,6228,6230,6231,6234,6237],{"className":6229},[260],"scene.render.engine = \"BLENDER_EEVEE\"",[101,6232,6233],{},"scene.render.resolution_x = 1920\nscene.render.resolution_y = 1080\nscene.render.resolution_percentage = 50",[101,6235,6236],{},"scene.render.fps = 24\nscene.frame_start = 1\nscene.frame_end = 48  # アニメーションの長さに合わせてください",[101,6238,6239],{},"scene.render.image_settings.file_format = \"FFMPEG\"\nscene.render.ffmpeg.format = \"MPEG4\"\nscene.render.ffmpeg.codec = \"H264\"",[101,6241,6242],{},[146,6243,6245],{"className":6244},[260],"scene.render.filepath = \"//preview.mp4\"",[101,6247,6248,6249,6252],{},"古典的な横長の解像度を使いつつも、",[146,6250,6251],{},"resolution_percentage","を下げたり、Eeveeで高品質サンプリングをオフにしたりすると、プレビューのレンダー時間を大幅に減らせます。",[101,6254,6255],{},"残りの設定はかなり標準的です。24 FPSで合計48フレーム、出力はH264エンコードのmp4動画（圧縮を速くするため）で、スクリプトの現在のフォルダに書き込まれます。",[101,6257,6258],{},"用途に応じて、解像度、フレームレート、ビットレートを下げれば、プレビューのサイズも小さくできます。ただし、レビュー工程に必要なだけの品質は確保する必要があるので、パフォーマンスとの最適なバランスになるよう設定を調整してください。",[101,6260,6261],{},"最後に、レンダーを1行でトリガーできます：",[188,6263,6264],{},[146,6265,5210],{"className":6266},[260],[158,6268,6270],{"className":6269},[87,161],[163,6271],{"src":6272,"className":6273,"alt":168,"loading":169,"width":5271,"height":5272,"srcSet":6274,"sizes":173},"https://blog.cg-wire.com/content/images/2025/12/data-src-image-27b0c802-b589-4306-b52b-5f910b58320b.png",[167],"https://blog.cg-wire.com/content/images/size/w600/2025/12/data-src-image-27b0c802-b589-4306-b52b-5f910b58320b.png 600w, https://blog.cg-wire.com/content/images/size/w1000/2025/12/data-src-image-27b0c802-b589-4306-b52b-5f910b58320b.png 1000w, https://blog.cg-wire.com/content/images/2025/12/data-src-image-27b0c802-b589-4306-b52b-5f910b58320b.png 1088w",[101,6276,6277],{},"このプレビュービデオは、すぐにレビューに使うことができるほか、Kitsuへアップロードする前にFFmpegのようなツールでタイムスタンプや透かし、または独自の命名規則を追加するなど、追加処理も可能です。",[111,6279],{},[114,6281,6283],{"id":6282},"_4-ffmpeg-processing-timestamp-naming-watermark",[486,6284,6285],{},"4. FFmpeg処理：タイムスタンプ、命名、透かし",[101,6287,6288,6289,6292,6293,6299],{},"Blenderがアニメーションを動画ファイルにレンダーしたら、次は",[486,6290,6291],{},"FFmpeg","でさらに処理できます。これは",[266,6294,4172,6296],{"href":6295},"https://blog.cg-wire.com/ffmpeg-commands-for-animators/",[4123,6297,6298],{},"制作パイプラインでよくある手順","で、タイムスタンプ、透かし、またはカスタムの命名などを追加して、レビューに使える状態に整えます。",[101,6301,6302],{},"プレビューをレンダーした後、ターミナルで次のコマンドを実行します：",[188,6304,6305],{},[146,6306,6308,6309,6312,6313,6316,6317,6320],{"className":6307},[193],"ffmpeg -framerate 24 \\\\\n  -i preview.mp4 \\\\\n  -i watermark.png \\\\\n  -filter_complex \"\\\\\n    ",[285,6310,6311],{},"0:v","drawtext=text='%{pts\\\\:hms}':x=10:y=10:fontsize=24:fontcolor=white:bordercolor=black:borderw=2",[285,6314,6315],{},"v1","; \\\\\n    [v1]",[285,6318,6319],{},"1:v","overlay=W-w-20:H-h-20\" \\\\\n  -c:v libx264 -crf 22 -pix_fmt yuv420p \\\\\n  preview_with_stamp.mp4",[1148,6322,6323,6331,6343,6351],{},[1151,6324,6325,6330],{},[486,6326,6327],{},[146,6328,6329],{},"drawtext"," は左上に現在進行中のタイムスタンプを重ねて表示します。",[1151,6332,6333,6338,6339,6342],{},[146,6334,6335],{},[486,6336,6337],{},"overlay"," は右下に透かし画像（",[146,6340,6341],{},"watermark.png","）を配置します。",[1151,6344,6345,6350],{},[486,6346,6347],{},[146,6348,6349],{},"c:v libx264 -crf 22 -pix_fmt yuv420p"," は動画再生の互換性と品質を確保します。",[1151,6352,6353,6354,6357],{},"出力ファイル ",[146,6355,6356],{},"preview_with_stamp.mp4"," が、レビュー準備完了の最終プレビューです。",[101,6359,6360],{},"もちろん、チームやクライアントのレビュー用にプレビューを標準化するため、必要に応じてフォントサイズ、位置、透かしの配置などを調整できます。",[158,6362,6364],{"className":6363},[87,161],[163,6365],{"src":6366,"className":6367,"alt":168,"loading":169,"width":5271,"height":5272,"srcSet":6368,"sizes":173},"https://blog.cg-wire.com/content/images/2025/12/data-src-image-aaed9f6c-1b29-4592-b629-1830a6f2aa79.png",[167],"https://blog.cg-wire.com/content/images/size/w600/2025/12/data-src-image-aaed9f6c-1b29-4592-b629-1830a6f2aa79.png 600w, https://blog.cg-wire.com/content/images/size/w1000/2025/12/data-src-image-aaed9f6c-1b29-4592-b629-1830a6f2aa79.png 1000w, https://blog.cg-wire.com/content/images/2025/12/data-src-image-aaed9f6c-1b29-4592-b629-1830a6f2aa79.png 1088w",[101,6370,6371,6372,6375],{},"これで、制作に向けた低解像度アニメーションプレビューの準備が完了です。ファイルは、素早いフィードバックのために",[486,6373,6374],{},"Kitsu","へアップロードする準備ができています。",[111,6377],{},[114,6379,6381],{"id":6380},"_5-uploading-to-kitsu-via-gazu",[486,6382,6383],{},"5. Gazu経由でKitsuへアップロードする",[101,6385,6386,6387,6389,6390,6392],{},"低解像度プレビューが用意できたら、ダッシュボードから直接",[486,6388,6374],{},"へアップロードするか、",[146,6391,299],{},"のPython SDKを使えます。Kitsuは、アーティストやスーパーバイザーがプレビューにすぐアクセスしてレビューできる共同作業型のパイプライントラッカーです。",[101,6394,6395],{},"次のPythonスクリプトは、プロジェクトとタスクを選んでプレビューをアップロードできる、シンプルな対話型CLIを提供します：",[188,6397,6398,6450],{},[146,6399,1281,6401,6410,6421,6434,6441,6444,6447],{"className":6400},[260],[101,6402,6403,6404,6406,6407],{},"def pickProject(label, list_of_items):\n    \"\"\"Helper UI to pick one item from a list.\"\"\"\n    for i, item in enumerate(list_of_items):\n        print(f\"{i + 1}. {item",[285,6405,2629],{},"}\")\n    idx = int(input(f\"Choose {label} number: \")) - 1\n    return list_of_items",[285,6408,6409],{},"idx",[101,6411,6412,6413,6415,6416,6418,6419,288],{},"def pickTask(label, list_of_items):\n    \"\"\"Helper UI to pick one item from a list.\"\"\"\n    for i, item in enumerate(list_of_items):\n        asset = gazu.entity.get_entity(item",[285,6414,2725],{},")\n        status = gazu.task.get_task_status(item",[285,6417,1707],{},")\n        type = gazu.task.get_task_type(item",[285,6420,1699],{},[101,6422,6423,6424,6426,6427,6429,6430,6406,6432],{},"        print(f\"{i + 1}. {asset",[285,6425,2629],{},"} {type",[285,6428,2629],{},"} {status",[285,6431,2629],{},[285,6433,6409],{},[101,6435,5630,6436,5634,6439,280],{},[266,6437,1197],{"href":1197,"rel":6438},[270],[266,6440,279],{"href":278},[101,6442,6443],{},"projects = gazu.project.all_projects()\nproject = pickProject(\"project\", projects)",[101,6445,6446],{},"tasks = gazu.task.all_tasks_for_project(project)\ntask = pickTask(\"task\", tasks)",[101,6448,6449],{},"print(\"Uploading preview...\")\ntask_status = gazu.task.get_task_status_by_name(\"todo\")\nresult = gazu.task.publish_preview(\n    task,\n    task_status,\n    comment=\"Auto-generated preview\",\n    preview_file_path=\"./preview.mp4\",\n)",[101,6451,6452],{},[146,6453,6455],{"className":6454},[260],"print(\"Done:\", result)",[101,6457,6458,6459,6461,6462,6467,6468,1220,6471,6474],{},"まず、",[146,6460,299],{},"であなたの資格情報を使ってKitsuにログインします。ここでは、",[266,6463,4172,6464],{"href":3491},[4123,6465,6466],{},"Kitsu Dockerによるローカル開発環境のインストール","を使用します。このプログラムでは、利用可能な異なるKitsu APIエンドポイントを使って制作データをすべて取得し、そこから",[486,6469,6470],{},"プロジェクト",[486,6472,6473],{},"タスク","を選択できます：",[158,6476,6478],{"className":6477},[87,161],[163,6479],{"src":6480,"className":6481,"alt":168,"loading":169,"width":6482,"height":6483,"srcSet":6484,"sizes":173},"https://blog.cg-wire.com/content/images/2025/12/data-src-image-21091709-64dd-41c6-875e-2cdce8b5b178.png",[167],1343,816,"https://blog.cg-wire.com/content/images/size/w600/2025/12/data-src-image-21091709-64dd-41c6-875e-2cdce8b5b178.png 600w, https://blog.cg-wire.com/content/images/size/w1000/2025/12/data-src-image-21091709-64dd-41c6-875e-2cdce8b5b178.png 1000w, https://blog.cg-wire.com/content/images/2025/12/data-src-image-21091709-64dd-41c6-875e-2cdce8b5b178.png 1343w",[101,6486,6487],{},"そして、前のステップで生成したプレビュー動画を、選択したタスクへアップロードします。",[101,6489,6490],{},"完了すると、プレビューはKitsuのレビュー画面で利用可能になり、高解像度のレンダーを待たずに、チームメンバーやスーパーバイザーがフィードバックを出しやすくなります。",[158,6492,6494],{"className":6493},[87,161],[163,6495],{"src":6496,"className":6497,"alt":168,"loading":169,"width":5509,"height":6498,"srcSet":6499,"sizes":173},"https://blog.cg-wire.com/content/images/2025/12/data-src-image-78d2cd48-21e9-4599-9b2b-a5e5bef63f76.png",[167],948,"https://blog.cg-wire.com/content/images/size/w600/2025/12/data-src-image-78d2cd48-21e9-4599-9b2b-a5e5bef63f76.png 600w, https://blog.cg-wire.com/content/images/size/w1000/2025/12/data-src-image-78d2cd48-21e9-4599-9b2b-a5e5bef63f76.png 985w",[101,6501,6502],{},"レビューエンジンは、フレームに素早く注釈を付け、正確なショットに対してコメントを追加するのに最適です：",[158,6504,6506],{"className":6505},[87,161],[163,6507],{"src":6508,"className":6509,"alt":168,"loading":169,"width":789,"height":790,"srcSet":6510,"sizes":173},"https://blog.cg-wire.com/content/images/2025/12/data-src-image-6ae9b3dd-18e9-4d85-9fa6-e5106babc87e.png",[167],"https://blog.cg-wire.com/content/images/size/w600/2025/12/data-src-image-6ae9b3dd-18e9-4d85-9fa6-e5106babc87e.png 600w, https://blog.cg-wire.com/content/images/size/w1000/2025/12/data-src-image-6ae9b3dd-18e9-4d85-9fa6-e5106babc87e.png 1000w, https://blog.cg-wire.com/content/images/2025/12/data-src-image-6ae9b3dd-18e9-4d85-9fa6-e5106babc87e.png 1438w",[111,6512],{},[114,6514,6516],{"id":6515},"_6-putting-it-all-together",[486,6517,6518],{},"6. すべてをまとめる",[101,6520,6521],{},"タスクを最初から最後まで自動化するには、簡単なbashコマンドを書きます：",[101,6523,6524],{},[486,6525,6526],{},[4123,6527,6528],{},"preview.sh",[188,6530,6531],{},[146,6532,6534],{"className":6533},[260],"python3 render.py && ./watermark.sh && python3 upload.py",[101,6536,6537],{},"その後、プレビューを共有する必要があるたびにスクリプトを実行できます：",[188,6539,6540],{},[146,6541,6543],{"className":6542},[260],"./preview.sh",[101,6545,6546,6547,6552],{},"最終結果を自分で試すには、私たちの",[266,6548,4172,6549],{"href":6127},[4123,6550,6551],{},"Githubリポジトリ blender-kitsu-low-res-preview","をご覧ください。",[111,6554],{},[114,6556,6558],{"id":6557},"_7-artist-friendly-addon-overview",[486,6559,6560],{},"7. アーティスト向けアドオンの概要",[101,6562,6563],{},"この記事の範囲外ですが、このコードをBlenderのアドオンにまとめて、アーティストが簡単に使えるようにすることも可能です。",[101,6565,6566],{},"アップロードするために、制作物（プロダクション）、アセット、タスクを選ぶドロップダウンメニューを格納するメインパネルが必要になります。そして、アップロード用のボタンをクリックするだけでよい形にします。アップロードのロジックでは、レンダリング、透かし処理のためのffmpegをサブプロセスとして呼び出し、さらに一時ファイルを実際にKitsuへ送信します。",[101,6568,6569,6570,6575],{},"詳しくは",[266,6571,4172,6572],{"href":5902},[4123,6573,6574],{},"Blender Add-on UI Development","に関する記事をご覧ください。",[111,6577],{},[114,6579,6580],{"id":559},[486,6581,560],{},[101,6583,6584],{},"ここまでで、完全なパイプラインを構築できました。Blenderでシンプルな3Dオブジェクトを作り、アニメーションさせ、低解像度のプレビューを生成し、タイムスタンプと透かしを追加し、そしてKitsuへアップロードします。得られるメリットはすぐに明確です：",[1148,6586,6587,6593,6599],{},[1151,6588,6589,6592],{},[486,6590,6591],{},"より速いレビュー"," - スーパーバイザーやチームメンバーは、フル解像度のレンダーを待たずに、プレビューをすぐに視聴できます。",[1151,6594,6595,6598],{},[486,6596,6597],{},"より速い反復"," - アーティストはより早くフィードバックを受け取れます。これにより反復ループが短くなり、ボトルネックが減ります。",[1151,6600,6601,6604],{},[486,6602,6603],{},"より少ない詰まり（ブロッカー）"," - 自動化されたプレビューとアップロードにより、パイプラインでの反復的な手作業がなくなり、成果物の一貫性が保たれます。",[101,6606,6607],{},"これまで1時間かかっていた手作業は、いくつかのスクリプトで処理できるようになり、チームは制作の「創造的な側面」に集中する時間を増やせます。",[101,6609,6610],{},"さらに、あなたのアニメーションスタジオのニーズに応じてこのワークフローを発展させることもできます。Blenderにボタンやパネルを追加してワンクリックでパイプライン全体を実行したり、単一のスクリプトで複数のショットやシーンのプレビューを自動で一括生成したり、といったことが可能です。",[84,6612,6614,6617],{"className":6613},[87,88,89],[84,6615,576],{"className":6616},[93],[84,6618,6620,6621,6625],{"className":6619},[98],"アニメーションの制作プロセスについてもっと知るには ",[266,6622,6624],{"href":583,"rel":6623},[585],"私たちのDiscordコミュニティに参加することを検討してください","！ 私たちはベストプラクティスを共有する1000人以上の専門家とつながっており、時々対面イベントも企画しています。ぜひようこそお迎えしたいです！ 😊",[84,6627,6629],{"className":6628},[87,591,592],[266,6630,598],{"href":583,"className":6631},[596,597],{"title":168,"searchDepth":600,"depth":600,"links":6633},[6634,6635,6636,6637,6638,6639,6640,6641],{"id":6133,"depth":600,"text":6136},{"id":6170,"depth":600,"text":6173},{"id":6205,"depth":600,"text":6208},{"id":6282,"depth":600,"text":6285},{"id":6380,"depth":600,"text":6383},{"id":6515,"depth":600,"text":6518},{"id":6557,"depth":600,"text":6560},{"id":559,"depth":600,"text":560},"https://images.unsplash.com/photo-1653200256306-6dc84510dfb6?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3wxMTc3M3wwfDF8c2VhcmNofDN8fGFuaW1hdGlvbiUyMHBpcGVsaW5lfGVufDB8fHx8MTc2NTA5ODQ2Mnww&ixlib=rb-4.1.0&q=80&w=2000",{"updated_at":6044,"featured_at":612,"visibility":613},"/blog-i18n/ja/blender-kitsu-low-res-preview","2025-12-15T10:00:23.000+01:00",{"title":6056,"description":168},"blender-kitsu-low-res-preview","blog-i18n/ja/blender-kitsu-low-res-preview/index",[6650,6651],{"id":620,"name":621,"slug":622,"description":7,"feature_image":7,"visibility":613,"og_image":7,"og_title":7,"og_description":7,"twitter_image":7,"twitter_title":7,"twitter_description":7,"meta_title":7,"meta_description":7,"codeinjection_head":7,"codeinjection_foot":7,"canonical_url":7,"accent_color":7,"url":623},{"id":3465,"name":20,"slug":21,"description":7,"feature_image":7,"visibility":613,"og_image":7,"og_title":7,"og_description":7,"twitter_image":7,"twitter_title":7,"twitter_description":7,"meta_title":7,"meta_description":7,"codeinjection_head":7,"codeinjection_foot":7,"canonical_url":7,"accent_color":7,"url":3466},"XwK7MTrna4oNLckd4xU2SaNAY416u1FGLnjftZQa5yg",{"id":6654,"title":6655,"authors":6656,"body":6658,"description":168,"extension":608,"feature_image":7356,"html":7,"meta":7357,"navigation":11,"path":7359,"published_at":7360,"seo":7361,"slug":7362,"stem":7363,"tags":7364,"__hash__":7367,"updated_at":7358,"featured_at":612,"visibility":613},"blog/blog-i18n/ja/blender-kitsu-breakdown-automation/index.md","PythonとKitsuでBlenderショットを自動生成する方法（2026）",[6657],{"id":76,"name":77,"slug":78,"profile_image":7,"cover_image":7,"bio":7,"website":7,"location":7,"facebook":7,"twitter":7,"meta_title":7,"meta_description":7,"threads":7,"bluesky":7,"mastodon":7,"tiktok":7,"youtube":7,"instagram":7,"linkedin":7,"url":79},{"type":81,"value":6659,"toc":7347},[6660,6670,6677,6684,6687,6690,6696,6722,6724,6730,6744,6747,6750,6791,6801,6806,6809,6818,6824,6849,6854,6857,6859,6865,6876,6879,6917,6922,6929,6932,6934,6940,6943,6949,6955,6960,6967,6970,6972,6978,6989,7000,7012,7031,7034,7036,7042,7053,7068,7081,7091,7093,7099,7102,7111,7274,7279,7288,7298,7306,7308,7312,7315,7324,7327,7341],[84,6661,6663,6666],{"className":6662},[87,88,89],[84,6664,638],{"className":6665},[93],[84,6667,6669],{"className":6668},[98],"ショットのセットアップを自動化し、手作業のアセット配置にかかる何時間もの作業をなくしましょう。",[101,6671,6672,6673,6676],{},"アニメーションスタジオでは、各ショットにどのアセットを登場させる必要があるかを追跡するために ",[486,6674,6675],{},"ブレイクダウンリスト"," が使われます。",[101,6678,6679,6680,6683],{},"想像してみてください。最新の制作で、VFXアーティストとしてBlenderの何もないビューポートを前にしているあなた。マネージャーが、アセット、ショット、タイミングの手がかりが詳細に書かれたリストを渡し、",[702,6681,6682],{},"\"これをBlenderのシーンにして。\"","と言ってきます。",[101,6685,6686],{},"最初に思いつくのは、アセットマネージャーにログインして全てのオブジェクトを手作業で配置することかもしれません。しかし、数百のアセットが含まれる複雑なシーンはどうでしょうか？",[101,6688,6689],{},"ここで役立つのが、シンプルな自動化です。PythonのBlenderスクリプトを使えば、Kitsuのブレイクダウンデータを読み取り、数分で初期シーンを自動生成できます。",[101,6691,6692,6693,6695],{},"この記事では、完全な例を順に説明します。",[486,6694,3684],{}," のPython APIでブレイクダウンを取得し、新しいBlenderシーンを作成し、アセットをダウンロードして、Blenderにインポートします。最後には、レイアウトまたはアニメーションにすぐ使える状態で、シーンを自動構築する最小限のパイプラインが手に入ります。",[84,6697,6699,6702],{"className":6698},[87,88,665],[84,6700,669],{"className":6701},[93],[84,6703,6705,6709,6711,6713,6714,6716,1094,6718],{"className":6704},[98],[674,6706,6707],{},[486,6708,1084],{"style":678},[534,6710],{},[534,6712],{},"このガイドで紹介している例の統合に関する完全なソースコードは、GitHubで確認できます:",[534,6715],{},[534,6717],{},[266,6719,6721],{"href":6720},"https://github.com/cgwire/blender-kitsu-automated-scene-composition?ref=blog.cg-wire.com","https://github.com/cgwire/blender-kitsu-automated-scene-composition",[111,6723],{},[114,6725,6727],{"id":6726},"_1-getting-the-breakdown",[486,6728,6729],{},"1. ブレイクダウンを取得する",[101,6731,6732,6733,6743],{},"すべての3Dショットは何もない状態のキャンバスから始まりますが、そのキャンバスを埋めるための指示はKitsuにすでに存在します。",[266,6734,4172,6736],{"href":6735},"https://blog.cg-wire.com/3d-animation-process/",[4123,6737,6738,6739,6742],{},"the ",[486,6740,6741],{},"breakdown"," が、ステージ上に必要なものを正確に指示します","。これにより、アニメーターが作業を始める前に確認できます。",[101,6745,6746],{},"典型的なブレイクダウンは、スクリプトがシーンを組み立てるために必要な重要な物語的な文脈を提供します。ステージ（シーケンス情報に保存されている開始・終了フレーム、尺、およびその他の注記）と、キャスト（キャラクターモデル、小道具、環境アセットの実際のブレイクダウン）です。",[101,6748,6749],{},"コードを書く前に、Kitsuのダッシュボードでブレイクダウンを定義する必要があります。ここでは、3Dアセットのライブラリを、必要とされる特定のショットに手動でリンクします。ここで新しいモデルを作るわけではありません。既存の「俳優」（アセット）を、特定のショットに割り当てるだけです:",[3067,6751,6752,6762,6771,6781],{},[1151,6753,6754,6757,6758,6761],{},[486,6755,6756],{},"制作プロジェクトを開く"," - Kitsuでプロジェクトに移動し、",[486,6759,6760],{},"Shots"," タブを開きます。",[1151,6763,6764,3978,6767,6770],{},[486,6765,6766],{},"キャスティングシートを探す",[486,6768,6769],{},"Breakdown"," タブを探します（通常は右側のパネル、またはバージョンに応じて専用タブにあります）。",[1151,6772,6773,6776,6777,6780],{},[486,6774,6775],{},"ショットを選択する"," - 詳細なキャスティング表示を開くために、入力したい特定のショット（例: ",[146,6778,6779],{},"SH01","）をクリックします。",[1151,6782,6783,6786,6787,6790],{},[486,6784,6785],{},"アセットを割り当てる"," - 右側のパネルで、",[486,6788,6789],{},"+（プラス）"," ボタン、または「Add Asset」をクリックします。ここで各アセットに必要な数量を指定することもできます。",[158,6792,6794],{"className":6793},[87,161],[163,6795],{"src":6796,"className":6797,"alt":168,"loading":169,"width":6798,"height":6799,"srcSet":6800,"sizes":173},"https://blog.cg-wire.com/content/images/2025/12/data-src-image-ef6fba58-9c73-4a38-b466-0b9d92e4efc0.png",[167],1466,804,"https://blog.cg-wire.com/content/images/size/w600/2025/12/data-src-image-ef6fba58-9c73-4a38-b466-0b9d92e4efc0.png 600w, https://blog.cg-wire.com/content/images/size/w1000/2025/12/data-src-image-ef6fba58-9c73-4a38-b466-0b9d92e4efc0.png 1000w, https://blog.cg-wire.com/content/images/2025/12/data-src-image-ef6fba58-9c73-4a38-b466-0b9d92e4efc0.png 1466w",[101,6802,6803,6805],{},[486,6804,5531],{}," ページが、使用したいモデル（Characters、Propsなど）ですでに埋まっていることを確認してください。",[101,6807,6808],{},"保存を押すと、リンクが確立されます。これで、PythonスクリプトがGazuに「このショットに何が入っている？」と尋ねると、Kitsuは先ほど割り当てたアセットのリストを返します。あなたのPythonスクリプトはブリッジの役割を担い、そのキャスティング情報を解析して自動的にBlenderのビューポートへ反映します。",[101,6810,6811,6812,6817],{},"ローカルの開発環境が必要なら、",[266,6813,4172,6814],{"href":3491},[4123,6815,6816],{},"Custom DCC BridgeガイドでDockerからKitsuをインストールする方法"," を確認してください。",[101,6819,6820,6821,6823],{},"Kitsuはデータを保持していますが、それを取得する手段が必要です。そこで登場するのが、KitsuのREST API向けのPython SDK ",[486,6822,3684],{}," です:",[188,6825,6826,6843],{},[146,6827,1192,6829,6836,6840],{"className":6828},[260],[101,6830,5630,6831,5634,6834,280],{},[266,6832,1197],{"href":1197,"rel":6833},[270],[266,6835,279],{"href":278},[101,6837,1291,6838],{},[285,6839,1294],{},[101,6841,6842],{},"sequence = gazu.shot.get_sequence_by_name(project, \"SQ01\")\nshot = gazu.shot.get_shot_by_name(sequence, \"SH01\")",[101,6844,6845],{},[146,6846,6848],{"className":6847},[260],"assets = gazu.casting.get_shot_casting(shot)",[101,6850,6851,6853],{},[534,6852],{},"ローカルのKitsuインスタンスに接続し、次に最初の制作（名前で取得することもできます）と、キャスティングを取得したいショットを選びます。",[101,6855,6856],{},"このショットIDを使うことで、対応するアセットのキャスティング（ブレイクダウンリスト）を取得できます。",[111,6858],{},[114,6860,6862],{"id":6861},"_2-getting-assets-from-a-breakdown",[486,6863,6864],{},"2. ブレイクダウンからアセットを取得する",[101,6866,6867,6868,6871,6872,6875],{},"いま、",[702,6869,6870],{},"誰","がショットに入るかは分かりました。次は ",[702,6873,6874],{},"どのように見えるか"," を把握する必要があります。",[101,6877,6878],{},"Kitsuでは、アセットに応じて利用できるプレビュー用のファイルが複数存在し、リビジョンによって使い分けられます。スクリプトは、各アセットの最新リビジョンを取得できるように、このデータを辿る必要があります:",[188,6880,6881,6911],{},[146,6882,6884,6885,6887,6888,6890,6891,288,6894,6899,6902],{"className":6883},[260],"local_paths = ",[285,6886],{},"\nfor asset in assets:\n    tasks = gazu.task.all_tasks_for_asset(asset",[285,6889,287],{},")\n    last_task = max(tasks, key=lambda x: x",[285,6892,6893],{},"\"updated_at\"",[101,6895,6896,6897,288],{},"    preview_files = gazu.files.get_all_preview_files_for_task(last_task)\n    last_preview_file = max(preview_files, key=lambda x: x",[285,6898,6893],{},[101,6900,6901],{},"    download_dir = \"./previews\"\n    os.makedirs(download_dir, exist_ok=True)",[101,6903,6904,6905,6907,6908,6910],{},"    save_path = os.path.join(\n        download_dir,\n        last_preview_file",[285,6906,1728],{}," + \".\" + last_preview_file",[285,6909,1732],{},",\n    )\n    gazu.files.download_preview_file(last_preview_file, save_path)",[101,6912,6913],{},[146,6914,6916],{"className":6915},[260],"    local_paths.append(save_path)",[101,6918,6919,6921],{},[534,6920],{},"各アセットについて、あらゆる種類（'Modeling'、'Animation'など）や状態（'done'、'todo'...）に該当するすべてのタスクのリストを取得します。このリストをフィルタして、最も更新が新しいタスクを取り出します。",[101,6923,6924,6925,6928],{},"このタスクIDを使うことで、最新の対応するプレビューファイルのリビジョンを取得し、ローカルフォルダ ",[146,6926,6927],{},"previews"," にダウンロードできます。これらのダウンロードパスは、インポート手順のためにメモリに保持します。",[101,6930,6931],{},"このループの最後には、データベースのエントリが、Blenderが取り込める実体のあるモデルファイルへと変換され、ハードドライブ上に用意できています。",[111,6933],{},[114,6935,6937],{"id":6936},"_3-creating-a-new-blender-scene",[486,6938,6939],{},"3. 新しいBlenderシーンを作成する",[101,6941,6942],{},"アセットファイルは安全にダウンロード済みなので、次の作業は、それらを新しいキャストメンバーとして受け取るためのBlender環境の準備です。",[101,6944,6945,6946,6948],{},"BlenderのネイティブPython APIである ",[146,6947,4876],{}," モジュールは、アプリケーションのあらゆる要素を操作するためのコマンドコンソールとして働きます。",[101,6950,6951,6952,6954],{},"Kitsuのアセットをインポートする前に、新しいBlenderシーンに付属しているデフォルトのオブジェクトを削除する必要があります。このシンプルなチュートリアルでは、デフォルトの ",[486,6953,5031],{}," を対象にします。これは、デフォルトのCameraとLight以外で存在することが多い唯一のオブジェクトだからです:",[188,6956,6957],{},[146,6958,5025],{"className":6959},[260],[101,6961,6962,6964,6966],{},[534,6963],{},[146,6965,5035],{}," フラグは、他のどのオブジェクトからも使われていないなら、オブジェクトのデータブロック（メッシュデータなど）をBlenderに完全に削除させ、後に残る不要なもの（クラッター）を作らないようにします。",[101,6968,6969],{},"これで、インポートしたアセットがそれぞれの場所に配置される準備が整いました。",[111,6971],{},[114,6973,6975],{"id":6974},"_4-importing-asset-files",[486,6976,6977],{},"4. アセットファイルをインポートする",[101,6979,6980,6981,6984,6985,6988],{},"いよいよ成果です！Kitsuからダウンロードしたファイルは、ジオメトリと基本マテリアルを扱える標準化されたインターチェンジ形式 ",[146,6982,6983],{},".glb"," です。そのため、Blenderの専用 ",[146,6986,6987],{},"gltf"," インポートオペレーターを使用します。",[101,6990,6991,6992,6995,6996,6999],{},"重要なポイントは、ダウンロードしたアセットへの正しい ",[486,6993,6994],{},"絶対ファイルパス","（",[146,6997,6998],{},"glb_path","）を渡すことです。幸いなことに、それらは先ほどのコードスニペットで保存されています:",[188,7001,7002,7006],{},[146,7003,7005],{"className":7004},[260],"for path in local_paths:\n    if path.lower().endswith((\".glb\")):\n        print(f\"Importing: {path}\")\n        bpy.ops.import_scene.gltf(filepath=path)",[101,7007,7008],{},[146,7009,7011],{"className":7010},[260],"print(\"All preview GLB files imported successfully!\")",[101,7013,7014,7016,7019,7020,3793,7023,7026,7027,7030],{},[534,7015],{},[146,7017,7018],{},"bpy.ops.import_scene.gltf()"," が実行されると、Blenderはファイルを読み取り、現在のシーンに対応する ",[486,7021,7022],{},"オブジェクト",[486,7024,7025],{},"メッシュ","、および ",[486,7028,7029],{},"マテリアル"," を自動で作成します。",[101,7032,7033],{},"インポートされたアセットは、ワールド原点（0, 0, 0）に配置された、完成済みのBlenderオブジェクトになります。以降のパイプライン手順の準備ができました。",[111,7035],{},[114,7037,7039],{"id":7038},"_5-saving-the-scene",[486,7040,7041],{},"5. シーンを保存する",[101,7043,7044,7045,7048,7049,7052],{},"このパイプラインの最後のステップは、組み立てたレイアウトを恒久的で、バージョン管理可能なファイルとして保存することです。この手順をせずにBlenderを閉じると、すべての自動作業が失われます。そこで、",[146,7046,7047],{},"bpy.ops.wm.save_as_mainfile"," オペレーターを使います。これは、Blenderのインターフェースで ",[486,7050,7051],{},"File > Save As"," をクリックするのと同等の、プログラム上の操作です:",[188,7054,7055,7062],{},[146,7056,7058,7059],{"className":7057},[260],"scene_save_dir = \"./\"\nos.makedirs(scene_save_dir, exist_ok=True)",[101,7060,7061],{},"blend_filename = \"SH01.blend\"\nblend_path = os.path.join(scene_save_dir, blend_filename)",[101,7063,7064],{},[146,7065,7067],{"className":7066},[260],"bpy.ops.wm.save_as_mainfile(filepath=blend_path)",[101,7069,7070,7072,7073,7076,7077,7080],{},[534,7071],{},"結果として、",[146,7074,7075],{},"SH01.blend"," という新しいBlenderファイルが作成されます。これはKitsuの ",[486,7078,7079],{},"ブレイクダウン要件"," を正確に反映しており、次の部署が受け取る準備が整っています。",[158,7082,7084],{"className":7083},[87,161],[163,7085],{"src":7086,"className":7087,"alt":168,"loading":169,"width":7088,"height":7089,"srcSet":7090,"sizes":173},"https://blog.cg-wire.com/content/images/2025/12/data-src-image-91e5cf8e-acb1-4ac0-b5ec-d2c37a6a1ed6.png",[167],1460,828,"https://blog.cg-wire.com/content/images/size/w600/2025/12/data-src-image-91e5cf8e-acb1-4ac0-b5ec-d2c37a6a1ed6.png 600w, https://blog.cg-wire.com/content/images/size/w1000/2025/12/data-src-image-91e5cf8e-acb1-4ac0-b5ec-d2c37a6a1ed6.png 1000w, https://blog.cg-wire.com/content/images/2025/12/data-src-image-91e5cf8e-acb1-4ac0-b5ec-d2c37a6a1ed6.png 1460w",[111,7092],{},[114,7094,7096],{"id":7095},"_6-user-friendly-addon",[486,7097,7098],{},"6. ユーザーフレンドリーなアドオン",[101,7100,7101],{},"スクリプトは期待どおりに動きますが、アーティストはどうでしょう？スクリプトの実行方法を知っている人ばかりではありません。",[101,7103,7104,7105,7110],{},"コードを少しだけ変更して、",[266,7106,4172,7107],{"href":5902},[4123,7108,7109],{},"Blenderのアドオンに変える"," ことにしましょう:",[188,7112,7113,7265],{},[146,7114,7116,7117,7120,7122,7125,7139,7156,7171,7174,7177,7180,7183,7186,7189,7192,7197,7203,7209,7214,7223,7226,7229,7232,7235,7241,7244,7247,7250,7253,7256,7259,7262],{"className":7115},[260],"bl_info = {\n    \"name\": \"Kitsu Shot Auto-Importer\",\n    \"description\": \"Pick a project and shot and auto-import the latest preview assets\",\n    \"author\": \"cgwire\",\n    \"version\": (1, 0, 0),\n    \"blender\": (3, 0, 0),\n    \"location\": \"Viewport > N-Panel > Kitsu\",\n    \"category\": \"Import-Export\",\n}",[101,7118,7119],{},"import os\nimport sys",[101,7121,5593],{},[101,7123,7124],{},"import bpy\nimport gazu\nfrom bpy.props import EnumProperty, StringProperty",[101,7126,7127,7128,7136,7137],{},"def get_projects():\n    try:\n        projects = gazu.project.all_projects()\n        return ",[285,7129,7130,7131,5682,7133,7135],{},"(p",[285,7132,1703],{},[285,7134,1767],{},", \"\") for p in projects","\n    except:\n        return ",[285,7138],{},[101,7140,7141,7142,7144,7145,7136,7154],{},"def get_sequences(project_id):\n    if not project_id:\n        return ",[285,7143],{},"\n    try:\n        seqs = gazu.shot.all_sequences_for_project(project_id)\n        return ",[285,7146,7147,7148,7150,7151,7153],{},"(s",[285,7149,1703],{},", s",[285,7152,1767],{},", \"\") for s in seqs",[285,7155],{},[101,7157,7158,7159,7161,7162,7136,7169],{},"def get_shots(sequence_id):\n    if not sequence_id:\n        return ",[285,7160],{},"\n    try:\n        shots = gazu.shot.all_shots_for_sequence(sequence_id)\n        return ",[285,7163,7147,7164,7150,7166,7168],{},[285,7165,1703],{},[285,7167,1767],{},", \"\") for s in shots",[285,7170],{},[101,7172,7173],{},"class KITSU_Props(bpy.types.PropertyGroup):\n    project: EnumProperty(name=\"Project\", items=lambda self, context: get_projects())",[101,7175,7176],{},"    sequence: EnumProperty(\n        name=\"Sequence\", items=lambda self, context: get_sequences(self.project)\n    )",[101,7178,7179],{},"    shot: EnumProperty(\n        name=\"Shot\", items=lambda self, context: get_shots(self.sequence)\n    )",[101,7181,7182],{},"class KITSU_OT_import_shot(bpy.types.Operator):\n    bl_idname = \"kitsu.import_shot_assets\"\n    bl_label = \"Import Shot Assets\"\n    bl_description = (\n        \"Download and import latest preview GLB/GLTF files for selected shot\"\n    )",[101,7184,7185],{},"    def execute(self, context):\n        props = context.scene.kitsu_props",[101,7187,7188],{},"        # Fetch shot data\n        shot = gazu.shot.get_shot(props.shot)\n        assets = gazu.casting.get_shot_casting(shot)",[101,7190,7191],{},"        download_dir = os.path.join(bpy.app.tempdir, \"kitsu_previews\")\n        os.makedirs(download_dir, exist_ok=True)",[101,7193,7194,7195],{},"        local_paths = ",[285,7196],{},[101,7198,7199,7200,7202],{},"        for asset in assets:\n            tasks = gazu.task.all_tasks_for_asset(asset",[285,7201,287],{},")\n            if not tasks:\n                continue",[101,7204,7205,7206,7208],{},"            last_task = max(tasks, key=lambda x: x",[285,7207,6893],{},")\n            preview_files = gazu.files.get_all_preview_files_for_task(last_task)\n            if not preview_files:\n                continue",[101,7210,7211,7212,288],{},"            last_preview = max(preview_files, key=lambda x: x",[285,7213,6893],{},[101,7215,7216,7217,7219,7220,7222],{},"            save_path = os.path.join(\n                download_dir,\n                last_preview",[285,7218,1728],{}," + \".\" + last_preview",[285,7221,1732],{},",\n            )",[101,7224,7225],{},"            gazu.files.download_preview_file(last_preview, save_path)\n            local_paths.append(save_path)",[101,7227,7228],{},"        # Clean default cube\n        obj = bpy.data.objects.get(\"Cube\")\n        if obj:\n            bpy.data.objects.remove(obj, do_unlink=True)",[101,7230,7231],{},"        # Import GLB/GLTF assets\n        for path in local_paths:\n            if path.lower().endswith((\".glb\", \".gltf\")):\n                bpy.ops.import_scene.gltf(filepath=path)",[101,7233,7234],{},"        # Auto-save blend file\n        save_dir = os.path.join(os.path.expanduser(\"~\"), \"kitsu_scenes\")\n        os.makedirs(save_dir, exist_ok=True)",[101,7236,7237,7238,7240],{},"        blend_path = os.path.join(save_dir, f\"{shot",[285,7239,2629],{},"}.blend\")\n        bpy.ops.wm.save_as_mainfile(filepath=blend_path)",[101,7242,7243],{},"        self.report({\"INFO\"}, f\"Imported assets and saved: {blend_path}\")\n        return {\"FINISHED\"}",[101,7245,7246],{},"class KITSU_PT_panel(bpy.types.Panel):\n    bl_label = \"Kitsu Auto-Importer\"\n    bl_idname = \"KITSU_PT_auto_importer\"\n    bl_space_type = \"VIEW_3D\"\n    bl_region_type = \"UI\"\n    bl_category = \"Kitsu\"",[101,7248,7249],{},"    def draw(self, context):\n        props = context.scene.kitsu_props\n        layout = self.layout",[101,7251,7252],{},"        layout.separator()\n        layout.prop(props, \"project\")\n        layout.prop(props, \"sequence\")\n        layout.prop(props, \"shot\")",[101,7254,7255],{},"        layout.separator()\n        layout.operator(\"kitsu.import_shot_assets\", icon=\"IMPORT\")",[101,7257,7258],{},"classes = (\n    KITSU_Props,\n    KITSU_OT_import_shot,\n    KITSU_PT_panel,\n)",[101,7260,7261],{},"def register():\n    for c in classes:\n        bpy.utils.register_class(c)\n    bpy.types.Scene.kitsu_props = bpy.props.PointerProperty(type=KITSU_Props)",[101,7263,7264],{},"def unregister():\n    for c in classes:\n        bpy.utils.unregister_class(c)\n    del bpy.types.Scene.kitsu_props",[101,7266,7267],{},[146,7268,3645,7270,3958,7272,5978],{"className":7269},[260],[486,7271,3648],{},[486,7273,3652],{},[101,7275,7276,7278],{},[534,7277],{},"これで、制作プロジェクト、シーケンス、ショットを手動で選択して、ブレイクダウンデータを取得し、対応するキャスティングを現在のBlenderビューポートにインポートできます。",[158,7280,7282],{"className":7281},[87,161],[163,7283],{"src":7284,"className":7285,"alt":168,"loading":169,"width":7286,"height":7287},"https://blog.cg-wire.com/content/images/2025/12/data-src-image-bf3ea18d-fd62-4db5-9977-6374b3ee1aef.png",[167],480,270,[101,7289,7290,7291,7293,7294,7297],{},"ロジックはシンプルです。",[146,7292,299],{}," の同じコードを使ってドロップダウンメニューを埋め込み、それらをビューポート内のパネルにまとめます。",[146,7295,7296],{},"import"," ボタンを押すと、対応するブレイクダウンアセットがすべてダウンロードされ、現在のワークスペースにインポートされます。",[101,7299,7300,7302,7303,7305],{},[146,7301,5593],{}," を追加することで、BlenderがあなたのシステムのPythonインストールを使って ",[146,7304,299],{}," のような外部ライブラリを読み込めるようになります。Blenderには独自に隔離されたPython環境が同梱されているため、パッケージのインストール管理は不便になりがちです。パスを拡張することで、Blenderにローカルのモジュールも確認させるだけで済みます。自分の環境に合わせて、このパスを調整してください。",[111,7307],{},[114,7309,7310],{"id":559},[486,7311,974],{},[101,7313,7314],{},"Kitsuからブレイクダウンリストを直接取得し、Blenderをスクリプトで制御してシーンを組み立てることで、繰り返し発生する手作業をなくし、すべてのショット間でアセットの整合性を保てます。これは単に時間を節約するだけでなく、人為的なミスを減らし、プロデューサーが必要とする正しいアセットのバージョンとシーン構成から、すべてのアーティストが作業を開始できるようにします。こうすれば、10ショットでも10,000ショットでも、同じ信頼性で対応できます。",[101,7316,7317,7318,7323],{},"とはいえ、私たちの言葉だけを信じる必要はありません。",[266,7319,4172,7320],{"href":6720},[4123,7321,7322],{},"Githubリポジトリをクローンして実際に試してみてください","！",[101,7325,7326],{},"このワークフローは、アニメーション中に作成される新しいリビジョンから自動プレビューやレポートを生成したり、アセット情報を更新したりすることで拡張できます。",[84,7328,7330,7333],{"className":7329},[87,88,89],[84,7331,576],{"className":7332},[93],[84,7334,7336,7337,7340],{"className":7335},[98],"アニメーション制作プロセスについてもっと知りたいなら",[266,7338,5315],{"href":583,"rel":7339},[585],"！ベストプラクティスを共有する1,000人以上の専門家とつながり、時にはオフラインイベントも開催しています。ぜひ歓迎します！ 😊",[84,7342,7344],{"className":7343},[87,591,592],[266,7345,598],{"href":583,"className":7346},[596,597],{"title":168,"searchDepth":600,"depth":600,"links":7348},[7349,7350,7351,7352,7353,7354,7355],{"id":6726,"depth":600,"text":6729},{"id":6861,"depth":600,"text":6864},{"id":6936,"depth":600,"text":6939},{"id":6974,"depth":600,"text":6977},{"id":7038,"depth":600,"text":7041},{"id":7095,"depth":600,"text":7098},{"id":559,"depth":600,"text":974},"https://images.unsplash.com/photo-1725888358557-9f70661012c4?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3wxMTc3M3wwfDF8c2VhcmNofDJ8fGFuaW1hdGlvbiUyMHBpcGVsaW5lfGVufDB8fHx8MTc2NTA5ODQ2Mnww&ixlib=rb-4.1.0&q=80&w=2000",{"updated_at":7358,"featured_at":612,"visibility":613},"2026-02-20T06:04:00.000+01:00","/blog-i18n/ja/blender-kitsu-breakdown-automation","2025-12-07T18:11:31.000+01:00",{"title":6655,"description":168},"blender-kitsu-breakdown-automation","blog-i18n/ja/blender-kitsu-breakdown-automation/index",[7365,7366],{"id":620,"name":621,"slug":622,"description":7,"feature_image":7,"visibility":613,"og_image":7,"og_title":7,"og_description":7,"twitter_image":7,"twitter_title":7,"twitter_description":7,"meta_title":7,"meta_description":7,"codeinjection_head":7,"codeinjection_foot":7,"canonical_url":7,"accent_color":7,"url":623},{"id":3465,"name":20,"slug":21,"description":7,"feature_image":7,"visibility":613,"og_image":7,"og_title":7,"og_description":7,"twitter_image":7,"twitter_title":7,"twitter_description":7,"meta_title":7,"meta_description":7,"codeinjection_head":7,"codeinjection_foot":7,"canonical_url":7,"accent_color":7,"url":3466},"NGVgpuWqmUywvK6_dWbVv6GNEseHyTtiWN2FSvxYwvo",{"id":7369,"title":7370,"authors":7371,"body":7373,"description":168,"extension":608,"feature_image":8201,"html":7,"meta":8202,"navigation":11,"path":8204,"published_at":8205,"seo":8206,"slug":8207,"stem":8208,"tags":8209,"__hash__":8212,"updated_at":8203,"featured_at":612,"visibility":613},"blog/blog-i18n/ja/blender-addon-ui-scripting-guide/index.md","BlenderアドオンUI開発のための2026年ガイド",[7372],{"id":76,"name":77,"slug":78,"profile_image":7,"cover_image":7,"bio":7,"website":7,"location":7,"facebook":7,"twitter":7,"meta_title":7,"meta_description":7,"threads":7,"bluesky":7,"mastodon":7,"tiktok":7,"youtube":7,"instagram":7,"linkedin":7,"url":79},{"type":81,"value":7374,"toc":8184},[7375,7386,7394,7397,7423,7425,7431,7434,7454,7463,7470,7473,7479,7499,7505,7516,7530,7568,7574,7577,7580,7585,7591,7596,7602,7607,7613,7621,7623,7629,7632,7646,7649,7659,7664,7670,7675,7681,7686,7692,7697,7703,7706,7744,7747,7749,7755,7758,7768,7771,7777,7828,7837,7843,7846,7858,7910,7916,7919,7931,7992,7998,8001,8013,8039,8046,8071,8073,8079,8082,8104,8114,8120,8129,8132,8148,8150,8154,8157,8162,8165,8178],[84,7376,7378,7382],{"className":7377},[87,88,89],[84,7379,7381],{"className":7380},[93],"📄",[84,7383,7385],{"className":7384},[98],"Blenderスクリプトを、アーティストが実際に使いたくなる本物のツールに変えよう。アドオン用のクリーンで直感的なUIパネルの作り方はこちらです。",[101,7387,7388,7389,7393],{},"これまでに ",[266,7390,7392],{"href":7391},"https://blog.cg-wire.com/blender-scripting-animation/","Blenderスクリプトを書いた","ことがあるなら、正しく機能させるのは戦いの半分にすぎず、もう半分は「誰かにそれを使ってもらうこと」だと気づいたはずです。Blenderアドオンを共有し、販売するには、クリーンなユーザーインターフェースが必須です。",[101,7395,7396],{},"このガイドでは、内蔵のレイアウトシステムを使ってBlenderアドオンのユーザーインターフェースを作る方法を学びます。よく使うUIコンポーネントの種類、パネルが表示され得る場所、そして最小限の動作例を順を追って解説します。最後には、アドオンにBlenderネイティブなグラフィカルインターフェースを与える方法が分かるようになります。",[84,7398,7400,7403],{"className":7399},[87,88,665],[84,7401,669],{"className":7402},[93],[84,7404,7406,7410,7412,7414,7415,7417,1094,7419],{"className":7405},[98],[674,7407,7408],{},[486,7409,2019],{"style":678},[534,7411],{},[534,7413],{},"このガイドで紹介している例の統合についての完全なソースコードは、私たちのGitHubで確認できます：",[534,7416],{},[534,7418],{},[266,7420,7422],{"href":7421},"https://github.com/cgwire/blender-ui-addon-script?ref=blog.cg-wire.com","https://github.com/cgwire/blender-ui-addon-script",[111,7424],{},[114,7426,7428],{"id":7427},"_1-common-ui-components",[486,7429,7430],{},"1. よくあるUIコンポーネント",[101,7432,7433],{},"Blenderでは、ユーザーインターフェースのあらゆる要素に、Pythonライブラリ上の対応物があります。UIは、次のいずれかの型を継承するクラスを作成することで構築します：",[1148,7435,7436,7442,7448],{},[1151,7437,7438,7441],{},[146,7439,7440],{},"bpy.types.Panel"," - カスタムパネル（最も一般的）",[1151,7443,7444,7447],{},[146,7445,7446],{},"bpy.types.Menu"," - メニューおよびサブメニュー",[1151,7449,7450,7453],{},[146,7451,7452],{},"bpy.types.Operator"," - ボタンから実行できるアクションやツール",[158,7455,7457],{"className":7456},[87,161],[163,7458],{"src":7459,"className":7460,"alt":168,"loading":169,"width":7461,"height":7462},"https://blog.cg-wire.com/content/images/2025/11/data-src-image-daa22afa-ac20-4e3e-8543-c694588146bf.png",[167],334,542,[101,7464,7465,7466,7469],{},"これらのクラスは、それぞれ ",[146,7467,7468],{},"draw(self, context)"," メソッドを実装できます。レイアウトコマンドを使って、どのようなインターフェースにするべきかを説明します。Blenderのレイアウトシステムは、スペース、整列、位置などを自動的に処理します。これは宣言的なUIシステムで、何が表示され、どの順番にすべきかを説明するだけです。",[101,7471,7472],{},"ここでは、よく使うレイアウト要素を紹介します：",[4249,7474,7476],{"id":7475},"basic-display-elements",[486,7477,7478],{},"基本的な表示要素",[1148,7480,7481,7490],{},[1151,7482,7483,7486,7487],{},[486,7484,7485],{},"Label"," - 対話なしのテキストをそのまま表示します。形式： ",[146,7488,7489],{},"layout.label(text=\"こんにちは！\")",[1151,7491,7492,7495,7496],{},[486,7493,7494],{},"Separator"," - 読みやすくするために、項目の間に縦方向のスペースを追加します。形式： ",[146,7497,7498],{},"layout.separator()",[4249,7500,7502],{"id":7501},"buttons-inputs-props-and-operators",[486,7503,7504],{},"ボタン、入力、Props（プロパティ）、Operators（オペレーター）",[1148,7506,7507],{},[1151,7508,7509,7512,7513],{},[486,7510,7511],{},"Operatorボタン"," - オペレーター（Blenderコマンドとして登録された関数）を呼び出すクリック可能なボタンを作成します。書き出し、複製、カスタムスクリプトの実行のようなアクションに使えます。構文： ",[146,7514,7515],{},"layout.operator(\"myaddon.some_action\", text=\"アクションを実行\")",[101,7517,7518,7521,7522,7525,7526,7529],{},[146,7519,7520],{},"layout.prop()"," メソッドは、編集可能なBlenderプロパティを表示するために使います。プロパティには、内蔵データ（例： ",[146,7523,7524],{},"context.object","）のほか、自分で定義したカスタムプロパティも含まれます。たとえば ",[146,7527,7528],{},"layout.prop(context.object, \"name\")"," は、オブジェクトの名前の編集用テキストフィールドを表示します。Blenderは、プロパティの型に応じて適切なウィジェット（テキストボックス、スライダー、チェックボックスなど）を自動で選びます：",[1148,7531,7532,7541,7550,7559],{},[1151,7533,7534,7537,7538],{},[486,7535,7536],{},"チェックボックス（Booleanプロパティ）"," - トグル式のチェックボックスを表示します。例： ",[146,7539,7540],{},"layout.prop(context.object, \"hide_viewport\")",[1151,7542,7543,7546,7547],{},[486,7544,7545],{},"数値フィールド／スライダー（FloatまたはInt）"," - 数値入力を表示し、しばしばスライダー付きです。例： ",[146,7548,7549],{},"layout.prop(context.object, \"location\", index=0, text=\"X位置\")",[1151,7551,7552,7555,7556],{},[486,7553,7554],{},"ドロップダウンメニュー（Enumプロパティ）"," - EnumPropertyのときにドロップダウンリストを表示します。例： ",[146,7557,7558],{},"layout.prop(context.object, \"type\")",[1151,7560,7561,7564,7565],{},[486,7562,7563],{},"テキスト入力 ","- 文字列プロパティのためのテキストボックスを表示します。例： ",[146,7566,7567],{},"layout.prop(my_settings, \"username\")",[4249,7569,7571],{"id":7570},"organizing-the-layout",[486,7572,7573],{},"レイアウトを整理する",[101,7575,7576],{},"UIを構造化して理解しやすく保つために、Blenderは行、列、ボックスのようなレイアウトコンテナを提供しています。",[101,7578,7579],{},"パネルには行と列があります。行と列には、プロパティ、オペレーター、ラベルが含まれます。Blenderは、テーマやレイアウトルールに合わせて、パディング、整列、スケーリングを自動的に処理します。",[1148,7581,7582],{},[1151,7583,7584],{},"行（水平グループ）は、要素を横方向に並べます：",[188,7586,7587],{},[146,7588,7590],{"className":7589},[260],"row = layout.row()\nrow.prop(obj, \"location\")\nrow.prop(obj, \"rotation_euler\")",[1148,7592,7593],{},[1151,7594,7595],{},"列（垂直グループ）は、要素を縦方向に積み重ねます：",[188,7597,7598],{},[146,7599,7601],{"className":7600},[260],"col = layout.column()\ncol.prop(obj, \"scale\")\ncol.prop(obj, \"dimensions\")",[1148,7603,7604],{},[1151,7605,7606],{},"ボックス（視覚的グループ）は、セクションのような関連するコントロールを視覚的にまとめるための、枠付きのボックスを描画します：",[188,7608,7609],{},[146,7610,7612],{"className":7611},[260],"box = layout.box()\nbox.label(text=\"変換設定\")\nbox.prop(obj, \"location\")\nbox.prop(obj, \"rotation_euler\")",[101,7614,7615,7616,7620],{},"UIコンポーネントの完全な一覧は、",[266,7617,7619],{"href":7618},"https://docs.blender.org/manual/en/latest/interface/index.html?ref=blog.cg-wire.com","公式Blenderドキュメントの「ユーザーインターフェース」ページ","を参照してください。",[111,7622],{},[114,7624,7626],{"id":7625},"_2-where-you-can-put-ui-panels",[486,7627,7628],{},"2. UIパネルを配置できる場所",[101,7630,7631],{},"Blenderでカスタムパネルを作成する際、インターフェースのどこに表示され、どの領域を占有するかを、2つの重要なクラス属性で決められます：",[1148,7633,7634,7640],{},[1151,7635,7636,7639],{},[146,7637,7638],{},"bl_space_type"," - パネルが属するエディター／ワークスペース（例：3Dビュー、プロパティエディター、ノードエディター）。",[1151,7641,7642,7645],{},[146,7643,7644],{},"bl_region_type"," - そのエディターのどの部分にパネルが表示されるか（例：サイドバー、ツールバー、メインウィンドウ）。",[101,7647,7648],{},"カスタムパネルを置く可能性が高い代表的な場所の一覧です：",[158,7650,7652],{"className":7651},[87,161],[163,7653],{"src":7654,"className":7655,"alt":168,"loading":169,"width":7656,"height":7657,"srcSet":7658,"sizes":173},"https://blog.cg-wire.com/content/images/2025/11/data-src-image-070d3dfe-eb98-42a2-90a2-d2eabc4fc2d4.png",[167],1125,650,"https://blog.cg-wire.com/content/images/size/w600/2025/11/data-src-image-070d3dfe-eb98-42a2-90a2-d2eabc4fc2d4.png 600w, https://blog.cg-wire.com/content/images/size/w1000/2025/11/data-src-image-070d3dfe-eb98-42a2-90a2-d2eabc4fc2d4.png 1000w, https://blog.cg-wire.com/content/images/2025/11/data-src-image-070d3dfe-eb98-42a2-90a2-d2eabc4fc2d4.png 1125w",[1148,7660,7661],{},[1151,7662,7663],{},"3Dビューのサイドバーは、3Dビューポートの右側にあるNパネルサイドバーに表示されます。モデリング、リギング、シーンツールのための最も一般的な配置場所です：",[188,7665,7666],{},[146,7667,7669],{"className":7668},[260],"bl_space_type = 'VIEW_3D'\nbl_region_type = 'UI'",[1148,7671,7672],{},[1151,7673,7674],{},"プロパティエディター内に、オブジェクト、マテリアル、シーンの各タブの間にパネルを追加できます。アドオンがマテリアル、オブジェクト、レンダー設定、シーンプロパティを扱う場合に使います：",[188,7676,7677],{},[146,7678,7680],{"className":7679},[260],"bl_space_type = 'PROPERTIES'\nbl_region_type = 'WINDOW'",[1148,7682,7683],{},[1151,7684,7685],{},"UV/Imageエディターのサイドバー（テクスチャツールや画像ユーティリティに便利）：",[188,7687,7688],{},[146,7689,7691],{"className":7690},[260],"bl_space_type = 'IMAGE_EDITOR'\nbl_region_type = 'UI'",[1148,7693,7694],{},[1151,7695,7696],{},"ノードを扱うツールのための、シェーダー、ジオメトリノード、コンポジターエディターのサイドバー：",[188,7698,7699],{},[146,7700,7702],{"className":7701},[260],"bl_space_type = 'NODE_EDITOR'\nbl_region_type = 'UI'",[101,7704,7705],{},"最適なパネルの配置場所は、ツールの目的によって変わります：",[1148,7707,7708,7719,7728,7736],{},[1151,7709,7710,7711,7714,7715,7718],{},"モデリング／オブジェクトツール → 3Dビューサイドバー（",[146,7712,7713],{},"VIEW_3D"," + ",[146,7716,7717],{},"UI","）",[1151,7720,7721,7722,7714,7725,7718],{},"マテリアルまたはレンダー設定 → プロパティエディター（",[146,7723,7724],{},"PROPERTIES",[146,7726,7727],{},"WINDOW",[1151,7729,7730,7731,7714,7734,7718],{},"テクスチャユーティリティ → 画像エディターサイドバー（",[146,7732,7733],{},"IMAGE_EDITOR",[146,7735,7717],{},[1151,7737,7738,7739,7714,7742,7718],{},"シェーダー／ジオメトリツール → ノードエディターサイドバー（",[146,7740,7741],{},"NODE_EDITOR",[146,7743,7717],{},[101,7745,7746],{},"適切な「スペース」を選ぶと、ユーザーが自然に期待する場所にアドオンが見つかり、UIをBlenderに合わせて一貫させられます。",[111,7748],{},[114,7750,7752],{"id":7751},"_3-minimal-example-custom-panel-in-the-3d-view-sidebar",[486,7753,7754],{},"3. 最小の例：3Dビューサイドバーにカスタムパネル",[101,7756,7757],{},"簡単なプラグインを試してみましょう。ボタンをクリックすると「Hello world」のテキストアラートを表示する、3Dビューサイドバーのカスタムパネルです。",[4249,7759,7761],{"id":7760},"_1-blinfoaddon-metadata",[486,7762,7763,7764,7767],{},"1) ",[146,7765,7766],{},"bl_info"," - アドオンメタデータ",[101,7769,7770],{},"まず、Blenderに対して、アドオンをどのように潜在ユーザーへ提示するかを伝えるためのアドオンメタデータを指定します：",[188,7772,7773],{},[146,7774,7776],{"className":7775},[260],"bl_info = {\n    \"name\": \"Simple Addon Example\",\n    \"author\": \"Your Name\",\n    \"version\": (1, 0),\n    \"blender\": (4, 0, 0),\n    \"location\": \"View3D > Sidebar > Simple Tab\",\n     \"description\": \"A simple example addon that prints a message\",\n     \"category\": \"3D View\",\n}",[1148,7778,7779],{},[1151,7780,7781,7783,7784],{},[146,7782,7766],{}," は、Preferences → Add-ons でアドオン情報を表示するためにBlenderが使う、モジュールレベルの辞書です。",[1148,7785,7786,7792,7798,7804,7810,7816,7822],{},[1151,7787,7788,7791],{},[146,7789,7790],{},"name:"," リストに表示される、読みやすい名前",[1151,7793,7794,7797],{},[146,7795,7796],{},"author:"," 著者文字列",[1151,7799,7800,7803],{},[146,7801,7802],{},"version:"," アドオンのバージョンを表すタプル",[1151,7805,7806,7809],{},[146,7807,7808],{},"blender:"," このアドオンが対象とする最小のBlenderバージョン（タプル）",[1151,7811,7812,7815],{},[146,7813,7814],{},"location:"," アドオンUIが表示される場所（ユーザーにとって役立つ）",[1151,7817,7818,7821],{},[146,7819,7820],{},"description:"," UIで使われる短い説明",[1151,7823,7824,7827],{},[146,7825,7826],{},"category:"," Add-onsリスト内でのカテゴリのグルーピング",[101,7829,7830,7831,7833,7834,7836],{},"インストール済みアドオンをスキャンするときにBlenderが",[146,7832,7766],{},"を読み取るので、",[146,7835,7766],{},"は正確に保つことが重要です。",[4249,7838,7840],{"id":7839},"_2-define-an-operator-class",[486,7841,7842],{},"2) オペレータークラスを定義する",[101,7844,7845],{},"次に、Operatorのサブクラスを定義します。オペレーターは、Blenderでアクションを行うための公式な方法です。UI、ショートカット、検索メニューなどから呼び出せます。",[188,7847,7848,7852],{},[146,7849,7851],{"className":7850},[260],"class SIMPLEADDON_OT_hello(bpy.types.Operator):\n    bl_idname = \"simple_addon.say_hello\"\n    bl_label = \"Say Hello\"\n     bl_description = \"Prints a message to the console\"\n",[101,7853,7854],{},[146,7855,7857],{"className":7856},[260],"    def execute(self, context):\n        self.report({'INFO'}, \"Hello from Blender Addon!\")\n         print(\"Hello from Blender Addon!\")\n         return {'FINISHED'}",[1148,7859,7860,7873,7879,7885],{},[1151,7861,7862,3978,7865,7868,7869,7872],{},[146,7863,7864],{},"bl_idname",[146,7866,7867],{},"\"module_name.operator_name\""," という形式の一意な識別子文字列です。すべて小文字で、ドットで区切ります。コードやUIからオペレーターを呼び出す方法です（",[146,7870,7871],{},"bpy.ops.simple_addon.say_hello()","）。",[1151,7874,7875,7878],{},[146,7876,7877],{},"bl_label"," - ボタン／メニューに表示されるユーザー向けラベル。",[1151,7880,7881,7884],{},[146,7882,7883],{},"bl_description"," - UIに表示されるツールチップ／説明。",[1151,7886,7887,7890,7891,7894,7895,7898,7899,7902,7903,2183,7906,7909],{},[146,7888,7889],{},"execute(self, context)"," - オペレーターが実行されるときに呼び出される中核メソッド（同期実行）。",[146,7892,7893],{},"context"," は、Blenderの現在の状態（アクティブオブジェクト、シーン、エリアなど）にアクセスできるようにします。",[146,7896,7897],{},"self.report({'INFO'}, \"…\")"," は、Blenderの情報バー／ステータスに小さなメッセージを表示します（ユーザーへのフィードバックに適しています）。",[146,7900,7901],{},"print(\"…\")"," は、システム／Blenderコンソールへ出力します（デバッグに便利です）。",[146,7904,7905],{},"{'FINISHED'}",[146,7907,7908],{},"{'CANCELLED'}"," のような set を返します。Blenderは、この結果を使ってオペレーターが正常に完了したかどうかを判断します。",[4249,7911,7913],{"id":7912},"_3-panel-classui-placement",[486,7914,7915],{},"3) パネルクラス - UIの配置",[101,7917,7918],{},"次に、BlenderにUIを追加するためのPanelのサブクラスに進みます：",[188,7920,7921,7925],{},[146,7922,7924],{"className":7923},[260],"class SIMPLEADDON_PT_panel(bpy.types.Panel):\n    bl_label = \"Simple Addon Panel\"\n    bl_idname = \"SIMPLEADDON_PT_panel\"\n    bl_space_type = 'VIEW_3D'\n    bl_region_type = 'UI'\n    bl_category = 'Simple'",[101,7926,7927],{},[146,7928,7930],{"className":7929},[260],"    def draw(self, context):\n        layout = self.layout\n        layout.operator(\"simple_addon.say_hello\")",[1148,7932,7933,7938,7943,7949,7958,7964,7969,7979],{},[1151,7934,7935,7937],{},[146,7936,7877],{}," - UIに表示されるパネルのタイトル。",[1151,7939,7940,7942],{},[146,7941,7864],{}," - 一意なパネル識別子。",[1151,7944,7945,7948],{},[146,7946,7947],{},"bl_space_type = 'VIEW_3D'"," - このパネルが3Dビューポート領域に属することをBlenderに伝えます。",[1151,7950,7951,7954,7955,7872],{},[146,7952,7953],{},"bl_region_type = 'UI'"," - 右側の領域（Nパネル）に配置します。他にも領域があります（例：",[146,7956,7957],{},"'TOOLS', 'WINDOW'",[1151,7959,7960,7963],{},[146,7961,7962],{},"bl_category = 'Simple'"," - サイドバーのタブ名。このパネルは「Simple」というラベルのタブの下に表示されます。",[1151,7965,7966,7968],{},[146,7967,7468],{}," - UIレイアウトを描画するために呼び出されます。",[1151,7970,7971,7974,7975,7978],{},[146,7972,7973],{},"self.layout"," は、",[146,7976,7977],{},"UILayout"," オブジェクトで、ボタン、ラベル、プロパティなどを配置するために使います。",[1151,7980,7981,7984,7985,7988,7989,7991],{},[146,7982,7983],{},"layout.operator(\"simple_addon.say_hello\")"," は、クリックするとbl_idname ",[146,7986,7987],{},"\"simple_addon.say_hello\""," のオペレーターを呼び出すボタンを作成します。ボタンのテキストは、オペレーターの",[146,7990,7877],{},"から取得されます。",[4249,7993,7995],{"id":7994},"_4-register-unregister-functions",[486,7996,7997],{},"4) 登録／登録解除（register / unregister）関数",[101,7999,8000],{},"Blenderは、UI、オペレーター、パネル、プロパティなどを定義するクラスを登録して、Blenderがそれらについて認識できるようにする必要があります：",[188,8002,8003,8007],{},[146,8004,8006],{"className":8005},[260],"def register():\n    bpy.utils.register_class(SIMPLEADDON_OT_hello)\n    bpy.utils.register_class(SIMPLEADDON_PT_panel)",[101,8008,8009],{},[146,8010,8012],{"className":8011},[260],"def unregister():\n    bpy.utils.unregister_class(SIMPLEADDON_PT_panel)\n    bpy.utils.unregister_class(SIMPLEADDON_OT_hello)",[1148,8014,8015,8025,8028],{},[1151,8016,8017,8020,8021,8024],{},[146,8018,8019],{},"bpy.utils.register_class(Class)"," はクラスを登録します。",[146,8022,8023],{},"unregister_class"," は削除します。",[1151,8026,8027],{},"特にクラス同士が参照し合う場合は、登録解除は登録の逆順で行うことが重要です。そのため、パネルをオペレーターより先に登録解除します。",[1151,8029,8030,8031,8034,8035,8038],{},"アドオンがPreferencesで有効化されると、Blenderが",[146,8032,8033],{},"register()","を呼び出します。無効化されると、",[146,8036,8037],{},"unregister()","を呼び出します。",[101,8040,8041,8042,8045],{},"完全なコードは Pythonファイル ",[146,8043,8044],{},"addon.py"," に配置します：",[188,8047,8048,8066],{},[146,8049,8051,8052,8054,8057,8060,8062,8064],{"className":8050},[260],"bl_info = {\n    \"name\": \"Simple Addon Example\",\n    \"author\": \"Your Name\",\n    \"version\": (1, 0),\n    \"blender\": (4, 0, 0),\n    \"location\": \"View3D > Sidebar > Simple Tab\",\n    \"description\": \"A simple example addon that prints a message\",\n    \"category\": \"3D View\",\n}",[101,8053,4598],{},[101,8055,8056],{},"class SIMPLEADDON_OT_hello(bpy.types.Operator):\n    bl_idname = \"simple_addon.say_hello\"\n    bl_label = \"Say Hello\"\n    bl_description = \"Prints a message to the console\"",[101,8058,8059],{},"    def execute(self, context):\n        self.report({'INFO'}, \"Hello from Blender Addon!\")\n        print(\"Hello from Blender Addon!\")\n        return {'FINISHED'}",[101,8061,7924],{},[101,8063,7930],{},[101,8065,8006],{},[101,8067,8068],{},[146,8069,8012],{"className":8070},[260],[111,8072],{},[114,8074,8076],{"id":8075},"_4-running-and-packaging-your-add-on",[486,8077,8078],{},"4. アドオンの実行とパッケージ化",[101,8080,8081],{},"アドオンのスクリプトを書いたら、それをBlenderに読み込んで、すぐにテストできます。特別なツールは不要です。",[3067,8083,8084,8091,8094,8101],{},[1151,8085,8086,8087,8090],{},"スクリプトを保存する - ",[146,8088,8089],{},"my_addon.py"," のように分かりやすい名前でPythonファイルを保存します。",[1151,8092,8093],{},"BlenderのAdd-ons Preferencesを開く - Edit → Preferences → Add-onsへ移動します。ここでBlenderは、インストールされた拡張機能をすべて管理します。",[1151,8095,8096,8097,8100],{},"アドオンをインストールする - Preferencesウィンドウ上部の「Install…」ボタンをクリックします。",[146,8098,8099],{},"Select your my_addon.py"," ファイルを選択して、「Install Add-on」をクリックします。",[1151,8102,8103],{},"有効化する - インストール後、アドオンはリストに表示されます。「My Add-on」を探し、まだ有効になっていない場合はチェックを入れて有効化します。",[158,8105,8107],{"className":8106},[87,161],[163,8108],{"src":8109,"className":8110,"alt":168,"loading":169,"width":8111,"height":8112,"srcSet":8113,"sizes":173},"https://blog.cg-wire.com/content/images/2025/11/data-src-image-27ff3592-fed1-4347-8930-9dd62b2d950b.png",[167],1227,800,"https://blog.cg-wire.com/content/images/size/w600/2025/11/data-src-image-27ff3592-fed1-4347-8930-9dd62b2d950b.png 600w, https://blog.cg-wire.com/content/images/size/w1000/2025/11/data-src-image-27ff3592-fed1-4347-8930-9dd62b2d950b.png 1000w, https://blog.cg-wire.com/content/images/2025/11/data-src-image-27ff3592-fed1-4347-8930-9dd62b2d950b.png 1227w",[3067,8115,8117],{"start":8116},5,[1151,8118,8119],{},"インターフェースで確認する - 3Dビューポートを開き、サイドバーを開いて「Simple」という名前のタブを探します。カスタムパネルがそこにあり、すぐに使えます！",[158,8121,8123],{"className":8122},[87,161],[163,8124],{"src":8125,"className":8126,"alt":168,"loading":169,"width":8111,"height":8127,"srcSet":8128,"sizes":173},"https://blog.cg-wire.com/content/images/2025/11/data-src-image-2a90e13f-b338-4235-a830-f9c8d8060562.png",[167],741,"https://blog.cg-wire.com/content/images/size/w600/2025/11/data-src-image-2a90e13f-b338-4235-a830-f9c8d8060562.png 600w, https://blog.cg-wire.com/content/images/size/w1000/2025/11/data-src-image-2a90e13f-b338-4235-a830-f9c8d8060562.png 1000w, https://blog.cg-wire.com/content/images/2025/11/data-src-image-2a90e13f-b338-4235-a830-f9c8d8060562.png 1227w",[101,8130,8131],{},"アドオンを他の人と共有したいときは、配布用にGitHub、Blender Artists、Gumroadへアップロードできます。アドオンが何をするのか、どうやってインストールするのかを説明する短いREADME.mdを用意しましょう。",[101,8133,8134,8135,8138,8139,8142,8143,8147],{},"複数ファイルのアドオン（例：別々のモジュール、アイコン、リソースなど）がある場合は、フォルダーを作成して、そのフォルダー全体をZIPにして（",[146,8136,8137],{},"my_addon.zip","）共有します。Blenderは同じ「Install…」ボタンから直接",[146,8140,8141],{},".zip","アーカイブをインストールできるため、事前に展開する必要はありません。メインのエントリポイントは",[146,8144,8145,489],{},[486,8146,488],{},"という名前である必要があります。BlenderがそれをPythonパッケージとして扱うためです。",[111,8149],{},[114,8151,8152],{"id":559},[486,8153,560],{},[101,8155,8156],{},"BlenderアドオンのためのUIを作るのは、最初は気後れするかもしれません。しかし、自分で作ったツールを共有するための最も簡単な方法の1つです。パネルとレイアウトの仕組みを理解すれば、ユーザーが直感的に使えるボタン、プロパティ、整理されたセクションを素早く追加できます。",[101,8158,8159,680],{},[266,8160,8161],{"href":7421},"GitHub上のコードリポジトリを見て、ぜひこの例を試してみてください",[101,8163,8164],{},"まずは小さく、シンプルなパネル、ラベル、ボタンを追加してアクションを作り、そこから広げていきましょう！",[84,8166,8168,8171],{"className":8167},[87,88,89],[84,8169,576],{"className":8170},[93],[84,8172,6620,8174,8177],{"className":8173},[98],[266,8175,6624],{"href":583,"rel":8176},[585],"！私たちはベストプラクティスを共有する千人以上の専門家とつながっており、時々現地イベントも企画しています。ぜひ歓迎します！ 😊",[84,8179,8181],{"className":8180},[87,591,592],[266,8182,598],{"href":583,"className":8183},[596,597],{"title":168,"searchDepth":600,"depth":600,"links":8185},[8186,8191,8192,8199,8200],{"id":7427,"depth":600,"text":7430,"children":8187},[8188,8189,8190],{"id":7475,"depth":4819,"text":7478},{"id":7501,"depth":4819,"text":7504},{"id":7570,"depth":4819,"text":7573},{"id":7625,"depth":600,"text":7628},{"id":7751,"depth":600,"text":7754,"children":8193},[8194,8196,8197,8198],{"id":7760,"depth":4819,"text":8195},"1) bl_info - アドオンメタデータ",{"id":7839,"depth":4819,"text":7842},{"id":7912,"depth":4819,"text":7915},{"id":7994,"depth":4819,"text":7997},{"id":8075,"depth":600,"text":8078},{"id":559,"depth":600,"text":560},"https://images.unsplash.com/photo-1760548425425-e42e77fa38f1?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3wxMTc3M3wwfDF8c2VhcmNofDF8fGNvZGluZyUyMGludGVyZmFjZSUyMHRvb2xzfGVufDB8fHx8MTc2Mzg5MzE4MXww&ixlib=rb-4.1.0&q=80&w=2000",{"updated_at":8203,"featured_at":612,"visibility":613},"2026-02-20T06:03:59.000+01:00","/blog-i18n/ja/blender-addon-ui-scripting-guide","2025-11-24T10:00:34.000+01:00",{"title":7370,"description":168},"blender-addon-ui-scripting-guide","blog-i18n/ja/blender-addon-ui-scripting-guide/index",[8210,8211],{"id":620,"name":621,"slug":622,"description":7,"feature_image":7,"visibility":613,"og_image":7,"og_title":7,"og_description":7,"twitter_image":7,"twitter_title":7,"twitter_description":7,"meta_title":7,"meta_description":7,"codeinjection_head":7,"codeinjection_foot":7,"canonical_url":7,"accent_color":7,"url":623},{"id":3465,"name":20,"slug":21,"description":7,"feature_image":7,"visibility":613,"og_image":7,"og_title":7,"og_description":7,"twitter_image":7,"twitter_title":7,"twitter_description":7,"meta_title":7,"meta_description":7,"codeinjection_head":7,"codeinjection_foot":7,"canonical_url":7,"accent_color":7,"url":3466},"jAsYseHWs1DZX2U_wuc_p9fraLT43R7kQvoByh2mUOE",{"id":8214,"title":8215,"authors":8216,"body":8218,"description":168,"extension":608,"feature_image":8940,"html":7,"meta":8941,"navigation":11,"path":8943,"published_at":8944,"seo":8945,"slug":8946,"stem":8947,"tags":8948,"__hash__":8951,"updated_at":8942,"featured_at":612,"visibility":613},"blog/blog-i18n/ja/blender-scripting-geometry-nodes-2/index.md","BlenderでPythonを使ってGeometry Nodesをスクリプトする方法（2026）",[8217],{"id":76,"name":77,"slug":78,"profile_image":7,"cover_image":7,"bio":7,"website":7,"location":7,"facebook":7,"twitter":7,"meta_title":7,"meta_description":7,"threads":7,"bluesky":7,"mastodon":7,"tiktok":7,"youtube":7,"instagram":7,"linkedin":7,"url":79},{"type":81,"value":8219,"toc":8924},[8220,8231,8234,8237,8240,8246,8248,8254,8257,8260,8263,8266,8292,8294,8300,8303,8314,8321,8323,8329,8332,8375,8380,8390,8392,8398,8401,8411,8419,8426,8433,8435,8441,8444,8447,8453,8460,8466,8469,8475,8478,8490,8504,8510,8520,8526,8533,8539,8542,8548,8586,8592,8601,8615,8635,8641,8644,8650,8657,8663,8666,8720,8764,8767,8855,8858,8868,8871,8879,8881,8885,8888,8894,8902,8905,8918],[84,8221,8223,8227],{"className":8222},[87,88,89],[84,8224,8226],{"className":8225},[93],"🐍",[84,8228,8230],{"className":8229},[98],"手作業でノードを配線するよりも、コードでノードを生成すると、手続き的モデリングははるかに強力になります。",[101,8232,8233],{},"Geometry Nodesは信じられないほど優れたBlenderの機能ですが、BlenderのPython APIでも、他のデータブロックと同じようにGeometry Nodesをスクリプトできることをご存じでしたか？",[101,8235,8236],{},"ノードを作成し、パラメータを設定し、プログラム的に接続することで、数行のコードだけでシーン生成を自動化したり、カスタムツールを作ったり、手作業で何十個ものノードを配線する代わりに、モデルのプロトタイプを素早く作成したりできるようになります。",[101,8238,8239],{},"このチュートリアルでは、Pythonスクリプトだけでジオメトリノードのセットアップをすべて作成する方法を学びます。新しいノードツリーを構築するところから、それをオブジェクトに割り当てるところまで、Blenderのスクリプトエディタにそのまま貼り付けられる明確な例を使って、全手順を解説します。",[101,8241,8242,8243,6552],{},"見逃していた場合は、まず",[266,8244,8245],{"href":7391},"Blenderスクリプトの入門",[111,8247],{},[114,8249,8251],{"id":8250},"why-script-geometry-nodes",[486,8252,8253],{},"なぜGeometry Nodesをスクリプトするのか？",[101,8255,8256],{},"BlenderのGeometry Nodesエディタは、手続き的ツールを作るための優れたビジュアルシステムです。直感的で柔軟性が高く、使い方を掴めば実験もしやすいです。とはいえ、プロジェクトが複雑になってくると、大きなノードネットワークを手作業で管理するのは面倒になり、特に多数の3Dモデリングパイプライン全体で再利用する必要がある場合は、保守が難しくなります。",[101,8258,8259],{},"スクリプトを使うと、ノードを自動生成・変更・接続できます。同じセットアップを複数のプロジェクトで毎回作り直す代わりに、スクリプトを書いておけば必要なときにいつでも再利用でき、時間を節約したり、アニメーションをより一貫したものにしたりできます。",[101,8261,8262],{},"スクリプトされたノードセットアップは、単一の.blendファイルに紐づきません。コードの一部と同じように保存でき、バージョン管理でき、共有もできます。これにより、さまざまなプロジェクトで再利用したり、他のアーティストや開発者と共有したりできる手続き的ツールのライブラリを作りやすくなります。",[101,8264,8265],{},"では、いくつかのコードスニペットで、スクリプトが実際にどのように機能するのか見てみましょう。",[84,8267,8269,8272],{"className":8268},[87,88,665],[84,8270,669],{"className":8271},[93],[84,8273,8275,8279,8281,8283,8284,8286,1094,8288],{"className":8274},[98],[674,8276,8277],{},[486,8278,4984],{"style":678},[534,8280],{},[534,8282],{},"このガイドで紹介されている例の統合の完全なソースコードは、GitHub上で確認できます：",[534,8285],{},[534,8287],{},[266,8289,8291],{"href":8290},"https://github.com/cgwire/blender-scripting-geometry-nodes?ref=blog.cg-wire.com","https://github.com/cgwire/blender-scripting-geometry-nodes",[111,8293],{},[114,8295,8297],{"id":8296},"_1-creating-a-new-node-tree",[486,8298,8299],{},"1. 新しいノードツリーを作成する",[101,8301,8302],{},"すべてのGeometry Nodesのセットアップはノードツリーとして始まり、ノードとそれらの接続を保持します。このようなツリーは、BlenderのデータAPIを使ってPythonから作成できます：",[188,8304,8305,8308],{},[146,8306,5019],{"className":8307},[260],[101,8309,8310],{},[146,8311,8313],{"className":8312},[260],"node_tree = bpy.data.node_groups.new(\"MyGeoNodesTree\", 'GeometryNodeTree')",[101,8315,8316,8317,8320],{},"この",[146,8318,8319],{},"node_tree","を、すべての手続き的ロジックを保持するデジタルキャンバスだと考えると分かりやすいです。作成したら、ノードを追加し、接続し、プロパティをBlenderのグラフィカルユーザーインターフェースと同じように設定できます。",[111,8322],{},[114,8324,8326],{"id":8325},"_2-add-nodes-and-connect-them",[486,8327,8328],{},"2. ノードを追加して接続する",[101,8330,8331],{},"次に、いくつかの基本ノードを追加しましょう。Input Geometryノード、Subdivision Surfaceノード、Group Outputノードを作成し、接続してから、その結果をキューブに適用します。",[188,8333,8334,8369],{},[146,8335,8337,8338,8341,8344,8349,8365],{"className":8336},[260],"# ADD NODES\ngeo_input = node_tree.interface.new_socket(\n    name=\"Geometry\",\n    in_out='INPUT',\n    socket_type='NodeSocketGeometry'\n)\ngeo_output = node_tree.interface.new_socket(\n    name=\"Geometry\",\n    in_out='OUTPUT',\n    socket_type='NodeSocketGeometry'\n)",[101,8339,8340],{},"input_node = node_tree.nodes.new(\"NodeGroupInput\")\nsubdivide_node = node_tree.nodes.new(\"GeometryNodeSubdivideMesh\")\noutput_node = node_tree.nodes.new(\"NodeGroupOutput\")",[101,8342,8343],{},"input_node.location = (-300, 0)\nsubdivide_node.location = (0, 0)\noutput_node.location = (300, 0)",[8345,8346,8348],"h1",{"id":8347},"link-nodes","LINK NODES",[101,8350,8351,8352,8355,8356,8359,8360,8362,8363,288],{},"node_tree.links.new(input_node.outputs",[285,8353,8354],{},"'Geometry'",", subdivide_node.inputs",[285,8357,8358],{},"'Mesh'",")\nnode_tree.links.new(subdivide_node.outputs",[285,8361,8358],{},", output_node.inputs",[285,8364,8354],{},[8345,8366,8368],{"id":8367},"apply-to-current-object","APPLY TO CURRENT OBJECT",[101,8370,8371],{},[146,8372,8374],{"className":8373},[260],"obj = bpy.context.object\nmod = obj.modifiers.new(\"MyGeoNodesModifier\", \"NODES\")\nmod.node_group = node_tree",[101,8376,8377,8379],{},[534,8378],{},"このスクリプトを実行すると、適用した任意のジオメトリをサブディビジョンする、動作する（ただしシンプルな）ジオメトリノードのセットアップが得られます：",[158,8381,8383],{"className":8382},[87,161],[163,8384],{"src":8385,"className":8386,"alt":168,"loading":169,"width":8387,"height":8388,"srcSet":8389,"sizes":173},"https://blog.cg-wire.com/content/images/2025/11/data-src-image-de23dbc9-781f-4730-9a46-a6fec93c97a7.png",[167],1314,889,"https://blog.cg-wire.com/content/images/size/w600/2025/11/data-src-image-de23dbc9-781f-4730-9a46-a6fec93c97a7.png 600w, https://blog.cg-wire.com/content/images/size/w1000/2025/11/data-src-image-de23dbc9-781f-4730-9a46-a6fec93c97a7.png 1000w, https://blog.cg-wire.com/content/images/2025/11/data-src-image-de23dbc9-781f-4730-9a46-a6fec93c97a7.png 1314w",[111,8391],{},[114,8393,8395],{"id":8394},"_3-set-parameters-and-link-geometry-to-objects",[486,8396,8397],{},"3. パラメータを設定し、ジオメトリをオブジェクトにリンクする",[101,8399,8400],{},"ノードのプロパティ経由で、パラメータを直接変更できます。たとえば、サブディビジョンレベルを上げて、このノードグループをオブジェクトに適用してみましょう：",[188,8402,8403],{},[146,8404,8406,8407,8410],{"className":8405},[260],"subdivide_node.inputs",[285,8408,8409],{},"'Level'",".default_value = 3",[158,8412,8414],{"className":8413},[87,161],[163,8415],{"src":8416,"className":8417,"alt":168,"loading":169,"width":8387,"height":8388,"srcSet":8418,"sizes":173},"https://blog.cg-wire.com/content/images/2025/11/data-src-image-18e48250-6a76-4eda-b14c-ce8065b78f9e.png",[167],"https://blog.cg-wire.com/content/images/size/w600/2025/11/data-src-image-18e48250-6a76-4eda-b14c-ce8065b78f9e.png 600w, https://blog.cg-wire.com/content/images/size/w1000/2025/11/data-src-image-18e48250-6a76-4eda-b14c-ce8065b78f9e.png 1000w, https://blog.cg-wire.com/content/images/2025/11/data-src-image-18e48250-6a76-4eda-b14c-ce8065b78f9e.png 1314w",[101,8420,8421,8422,8425],{},"入力に対する",[146,8423,8424],{},"default_value","を調整するのは、セットアップをパラメータ化する簡単な方法です。",[101,8427,8428,8429,7620],{},"利用可能なパラメータとタイプの完全な内訳については、",[266,8430,8432],{"href":8431},"https://docs.blender.org/api/current/bpy.types.Node.html?ref=blog.cg-wire.com","公式のBlender Python APIドキュメント",[111,8434],{},[114,8436,8438],{"id":8437},"_4-create-a-custom-%E2%80%9Ccube-crowd-generator%E2%80%9D-node-group-programmatically",[486,8439,8440],{},"4. カスタム「Cube Crowd Generator」ノードグループをプログラム的に作成する",[101,8442,8443],{},"ここまで、Geometry Nodesをプログラム的に定義する方法は分かりましたが、再利用可能なカスタムノードを作るにはどうすればよいのでしょうか？",[101,8445,8446],{},"では、表面上に多数のキューブを散布する小さな手続き的システムを構築する新しい例に取り組みましょう。このスクリプトは、表面を入力として受け取り、その上に点を散布し、それらの点をランダムにオフセットし、各点にキューブを配置（インスタンス）し、インスタンスを実際のジオメトリに変換し、最終的なメッシュを「Cubes」として出力する、Geometry Nodesのグループを作成します。",[4249,8448,8450],{"id":8449},"_1-create-a-new-node-group",[486,8451,8452],{},"1) 新しいノードグループを作成する",[101,8454,8455,8456,8459],{},"まず、Blenderで新しいGeometry Nodeグループを作成し、その名前を",[146,8457,8458],{},"\"CubeCrowdGenerator\"","にします。",[188,8461,8462],{},[146,8463,8465],{"className":8464},[260],"crowd_group = bpy.data.node_groups.new(\"CubeCrowdGenerator\", \"GeometryNodeTree\")",[101,8467,8468],{},"関数のように、このノードを後でGeometry Nodesモディファイアと一緒に任意のオブジェクトに取り付けられるようにしたいです。",[4249,8470,8472],{"id":8471},"_2-add-group-input-and-output-nodes-uientry-points",[486,8473,8474],{},"2) グループの入力・出力ノードを追加する（UI/エントリポイント）",[101,8476,8477],{},"いつも通り、キャンバス上に標準の入出力グループを配置します：",[188,8479,8480,8484],{},[146,8481,8483],{"className":8482},[260],"group_in = crowd_group.nodes.new(\"NodeGroupInput\")\ngroup_out = crowd_group.nodes.new(\"NodeGroupOutput\")",[101,8485,8486],{},[146,8487,8489],{"className":8488},[260],"group_in.location = (-600, 0)\ngroup_out.location = (600, 0)",[1148,8491,8492,8501],{},[1151,8493,8494,1220,8497,8500],{},[146,8495,8496],{},"group_in",[146,8498,8499],{},"group_out","は、Geometry Nodesエディタ上で表示されるノードグループのソケットです。",[1151,8502,8503],{},"スクリプトは、グラフが読みやすくなるように、それらの位置も配置します。",[4249,8505,8507],{"id":8506},"_3-define-the-group-interface-what-the-group-acceptsreturns",[486,8508,8509],{},"3) グループインターフェースを定義する（何を受け取り、何を返すか）",[101,8511,8512,8515,8516,8519],{},[486,8513,8514],{},"入力ソケット「Surface」","を公開して、そこに埋め込みたいメッシュ（例：プレーン）を差し込みます。そして、結果として生成されるジオメトリを返す",[486,8517,8518],{},"出力ソケット「Cubes」","を用意する必要があります。",[188,8521,8522],{},[146,8523,8525],{"className":8524},[260],"interface = crowd_group.interface\ninterface.new_socket(name=\"Surface\", in_out=\"INPUT\", socket_type=\"NodeSocketGeometry\")\ninterface.new_socket(name=\"Cubes\", in_out=\"OUTPUT\", socket_type=\"NodeSocketGeometry\")",[101,8527,8528,8529,8532],{},"実際には、このノードグループをオブジェクトに追加するとき、その表面（オブジェクトの元のジオメトリ）を",[146,8530,8531],{},"Surface","に接続することになります。",[4249,8534,8536],{"id":8535},"_4-create-the-internal-nodes-the-building-blocks",[486,8537,8538],{},"4) 内部ノード（構成要素）を作成する",[101,8540,8541],{},"次に、実際の内部ロジックを作っていきます：",[188,8543,8544],{},[146,8545,8547],{"className":8546},[260],"distribute = crowd_group.nodes.new(\"GeometryNodeDistributePointsOnFaces\")\nrand_vec = crowd_group.nodes.new(\"FunctionNodeRandomValue\")\nset_pos = crowd_group.nodes.new(\"GeometryNodeSetPosition\")\ncube = crowd_group.nodes.new(\"GeometryNodeMeshCube\")\ninstance = crowd_group.nodes.new(\"GeometryNodeInstanceOnPoints\")\nrealize = crowd_group.nodes.new(\"GeometryNodeRealizeInstances\")",[1148,8549,8550,8556,8562,8568,8574,8580],{},[1151,8551,8552,8555],{},[486,8553,8554],{},"GeometryNodeDistributePointsOnFaces",": 入力サーフェス上に点を作成します（点の数や分布を制御します）。",[1151,8557,8558,8561],{},[486,8559,8560],{},"FunctionNodeRandomValue（Float Vector）",": 各点ごとに使う、オフセット用のランダムな3Dベクトルを生成します。",[1151,8563,8564,8567],{},[486,8565,8566],{},"GeometryNodeSetPosition",": ベクトル（ランダムオフセット）により、各点を移動します。",[1151,8569,8570,8573],{},[486,8571,8572],{},"GeometryNodeMeshCube",": インスタンスとして使われるキューブメッシュを生成します。",[1151,8575,8576,8579],{},[486,8577,8578],{},"GeometryNodeInstanceOnPoints",": 各点にキューブを配置します。これは実際のジオメトリを作るわけではなく、元のキューブの安価なインスタンスを作るだけです。",[1151,8581,8582,8585],{},[486,8583,8584],{},"GeometryNodeRealizeInstances",": インスタンスを実際のメッシュジオメトリに変換し、1つのメッシュとして出力できるようにします。",[4249,8587,8589],{"id":8588},"_5-configure-the-random-vector-node",[486,8590,8591],{},"5) ランダムベクトルノードを設定する",[101,8593,8594,8597,8598,8600],{},[146,8595,8596],{},"Random Value","ノードを、3成分のベクトル",[486,8599,4172],{},"として返すように設定し、3D空間内で生成されたキューブをオフセットするために使います：",[188,8602,8603],{},[146,8604,8606,8607,8610,8611,8614],{"className":8605},[260],"rand_vec.data_type = \"FLOAT_VECTOR\"\nrand_vec.inputs",[285,8608,8609],{},"\"Min\"",".default_value = (-0.5, -0.5, 0.0)\nrand_vec.inputs",[285,8612,8613],{},"\"Max\"",".default_value = (0.5, 0.5, 0.5)",[1148,8616,8617,8632],{},[1151,8618,8619,1220,8622,8625,8626,4210,8629,8631],{},[146,8620,8621],{},"Min",[146,8623,8624],{},"Max","は各成分の範囲を定義します。たとえばXは",[146,8627,8628],{},"-0.5",[146,8630,4213],{},"の間になります。",[1151,8633,8634],{},"結果：各点にわずかに異なるオフセットが割り当てられるため、キューブが互いの上に完全に重なって配置されることはありません。",[4249,8636,8638],{"id":8637},"_6-node-layout-ui-only",[486,8639,8640],{},"6) ノードレイアウト（UIのみ）",[101,8642,8643],{},"Blenderでワークフローを確認したいときに分かりやすいように、内部ノードを配置します：",[188,8645,8646],{},[146,8647,8649],{"className":8648},[260],"distribute.location = (-400, 0)\nrand_vec.location = (-200, -200)\nset_pos.location = (-100, 0)\ninstance.location = (100, 0)\ncube.location = (-400, -200)\nrealize.location = (300, 0)",[101,8651,8652,8653,8656],{},"これらの",[146,8654,8655],{},"location","の割り当ては、ノードエディタ上での見た目の配置だけに影響します。グラフが行う処理内容には影響しません。",[4249,8658,8660],{"id":8659},"_7-wire-the-nodes-together",[486,8661,8662],{},"7) ノードをつなぐ",[101,8664,8665],{},"最後に、データの流れを定義します：",[188,8667,8668],{},[146,8669,8671,8672,8675,8676,8679,8680,8683,8684,8687,8688,8683,8691,8694,8695,8697,8698,8700,8701,8697,8703,8706,8707,8710,8711,8713,8714,8716,8717,288],{"className":8670},[260],"links.new(group_in.outputs",[285,8673,8674],{},"\"Surface\"",", distribute.inputs",[285,8677,8678],{},"\"Mesh\"",")\nlinks.new(distribute.outputs",[285,8681,8682],{},"\"Points\"",", set_pos.inputs",[285,8685,8686],{},"\"Geometry\"",")\nlinks.new(rand_vec.outputs",[285,8689,8690],{},"\"Value\"",[285,8692,8693],{},"\"Offset\"",")\nlinks.new(set_pos.outputs",[285,8696,8686],{},", instance.inputs",[285,8699,8682],{},")\nlinks.new(cube.outputs",[285,8702,8678],{},[285,8704,8705],{},"\"Instance\"",")\nlinks.new(instance.outputs",[285,8708,8709],{},"\"Instances\"",", realize.inputs",[285,8712,8686],{},")\nlinks.new(realize.outputs",[285,8715,8686],{},", group_out.inputs",[285,8718,8719],{},"\"Cubes\"",[3067,8721,8722,8728,8734,8740,8746,8752,8758],{},[1151,8723,8724,8727],{},[486,8725,8726],{},"Surface → DistributePointsOnFaces",": 入力サーフェス（プレーン）が散布用の点を作るために使われます。",[1151,8729,8730,8733],{},[486,8731,8732],{},"Points → SetPosition（Geometry）",": set positionは、移動されるジオメトリとして点を受け取ります。",[1151,8735,8736,8739],{},[486,8737,8738],{},"RandomValue → SetPosition（Offset）",": 各点にランダムなベクトルのオフセットが付与されます。",[1151,8741,8742,8745],{},[486,8743,8744],{},"SetPosition → InstanceOnPoints（Points）",": 移動された点が、インスタンスのアンカーポイントになります。",[1151,8747,8748,8751],{},[486,8749,8750],{},"Cube Mesh → InstanceOnPoints（Instance）",": 各点にキューブのインスタンスが割り当てられます。",[1151,8753,8754,8757],{},[486,8755,8756],{},"InstanceOnPoints → RealizeInstances",": インスタンスがメッシュジオメトリに変換されます。",[1151,8759,8760,8763],{},[486,8761,8762],{},"RealizeInstances → Group Output（\"Cubes\"）",": 最終結果がグループ出力として利用可能になります。",[101,8765,8766],{},"これが、得られた完全なコードです：",[188,8768,8769,8821],{},[146,8770,4598,8772,8776,8778,8782,8784,8786,8790,8792,8796,8799,8803,8811,8815,8817],{"className":8771},[260],[8345,8773,8775],{"id":8774},"create-a-new-geometry-node-group","Create a new Geometry Node group",[101,8777,8465],{},[8345,8779,8781],{"id":8780},"create-inputoutput-nodes","Create input/output nodes",[101,8783,8483],{},[101,8785,8489],{},[8345,8787,8789],{"id":8788},"define-group-interface-sockets","Define group interface sockets",[101,8791,8525],{},[8345,8793,8795],{"id":8794},"create-internal-nodes","Create internal nodes",[101,8797,8798],{},"distribute = crowd_group.nodes.new(\"GeometryNodeDistributePointsOnFaces\")\ninstance = crowd_group.nodes.new(\"GeometryNodeInstanceOnPoints\")\ncube = crowd_group.nodes.new(\"GeometryNodeMeshCube\")\nrealize = crowd_group.nodes.new(\"GeometryNodeRealizeInstances\")\nset_pos = crowd_group.nodes.new(\"GeometryNodeSetPosition\")\nrand_vec = crowd_group.nodes.new(\"FunctionNodeRandomValue\")",[8345,8800,8802],{"id":8801},"configure-random-vector-node","Configure random vector node",[101,8804,8606,8805,8807,8808,8810],{},[285,8806,8609],{},".default_value = (-0.5, -0.5, 0.0)  # minimum offset\nrand_vec.inputs",[285,8809,8613],{},".default_value = (0.5, 0.5, 0.5)  # maximum offset",[8345,8812,8814],{"id":8813},"layout-nodes","Layout nodes",[101,8816,8649],{},[8345,8818,8820],{"id":8819},"create-links","Create links",[101,8822,8823],{},[146,8824,8826,8827,8675,8829,8679,8831,8683,8833,8687,8835,8683,8837,8694,8839,8697,8841,8700,8843,8697,8845,8706,8847,8710,8849,8713,8851,8716,8853,288],{"className":8825},[260],"links = crowd_group.links\nlinks.new(group_in.outputs",[285,8828,8674],{},[285,8830,8678],{},[285,8832,8682],{},[285,8834,8686],{},[285,8836,8690],{},[285,8838,8693],{},[285,8840,8686],{},[285,8842,8682],{},[285,8844,8678],{},[285,8846,8705],{},[285,8848,8709],{},[285,8850,8686],{},[285,8852,8686],{},[285,8854,8719],{},[101,8856,8857],{},"次に、このスクリプトをスクリプトワークスペースにコピー＆ペーストして実行すれば、ジオメトリノードのワークスペースからこのカスタムノードを追加できるようになります：",[158,8859,8861],{"className":8860},[87,161],[163,8862],{"src":8863,"className":8864,"alt":168,"loading":169,"width":8865,"height":8866,"srcSet":8867,"sizes":173},"https://blog.cg-wire.com/content/images/2025/11/data-src-image-d4ff8437-efb6-43b0-b45d-a54fce0b74b6.png",[167],1430,920,"https://blog.cg-wire.com/content/images/size/w600/2025/11/data-src-image-d4ff8437-efb6-43b0-b45d-a54fce0b74b6.png 600w, https://blog.cg-wire.com/content/images/size/w1000/2025/11/data-src-image-d4ff8437-efb6-43b0-b45d-a54fce0b74b6.png 1000w, https://blog.cg-wire.com/content/images/2025/11/data-src-image-d4ff8437-efb6-43b0-b45d-a54fce0b74b6.png 1430w",[101,8869,8870],{},"それが中で何をしているのか確認するには、それをダブルクリックしてノードグループを開きます：",[158,8872,8874],{"className":8873},[87,161],[163,8875],{"src":8876,"className":8877,"alt":168,"loading":169,"width":8865,"height":8866,"srcSet":8878,"sizes":173},"https://blog.cg-wire.com/content/images/2025/11/data-src-image-679df6c4-2877-4419-8b79-4758df98290a.png",[167],"https://blog.cg-wire.com/content/images/size/w600/2025/11/data-src-image-679df6c4-2877-4419-8b79-4758df98290a.png 600w, https://blog.cg-wire.com/content/images/size/w1000/2025/11/data-src-image-679df6c4-2877-4419-8b79-4758df98290a.png 1000w, https://blog.cg-wire.com/content/images/2025/11/data-src-image-679df6c4-2877-4419-8b79-4758df98290a.png 1430w",[111,8880],{},[114,8882,8883],{"id":559},[486,8884,974],{},[101,8886,8887],{},"数十行のコードだけで、手作業で組み立てるのにずっと時間がかかるようなGeometry Nodesのセットアップをスクリプト化できます。この記事では、Geometry Nodeツリーの作成、ノードの追加と接続をプログラム的に行うこと、パラメータを制御してノードツリーをオブジェクトに割り当てること、そして完全な手続き的システムを構築する方法を学びました。",[101,8889,8890,8891,6552],{},"例を自分で試すには、",[266,8892,8893],{"href":8290},"Githubのコードリポジトリ",[158,8895,8897],{"className":8896},[87,161],[163,8898],{"src":8899,"className":8900,"alt":168,"loading":169,"width":8387,"height":8388,"srcSet":8901,"sizes":173},"https://blog.cg-wire.com/content/images/2025/11/data-src-image-db488d5a-7ab5-4471-a904-0926b1fa7d11.png",[167],"https://blog.cg-wire.com/content/images/size/w600/2025/11/data-src-image-db488d5a-7ab5-4471-a904-0926b1fa7d11.png 600w, https://blog.cg-wire.com/content/images/size/w1000/2025/11/data-src-image-db488d5a-7ab5-4471-a904-0926b1fa7d11.png 1000w, https://blog.cg-wire.com/content/images/2025/11/data-src-image-db488d5a-7ab5-4471-a904-0926b1fa7d11.png 1314w",[101,8903,8904],{},"このアプローチにより、ツール開発からジェネレーティブアートまで、無限の自動化の可能性が開かれます。 ",[84,8906,8908,8911],{"className":8907},[87,88,89],[84,8909,576],{"className":8910},[93],[84,8912,1001,8914,8917],{"className":8913},[98],[266,8915,6624],{"href":583,"rel":8916},[585],"！私たちはベストプラクティスを共有する1,000人以上の専門家とつながっており、時には現地イベントも企画しています。ぜひようこそお迎えしたいです！😊",[84,8919,8921],{"className":8920},[87,591,592],[266,8922,598],{"href":583,"className":8923},[596,597],{"title":168,"searchDepth":600,"depth":600,"links":8925},[8926,8927,8928,8929,8930,8939],{"id":8250,"depth":600,"text":8253},{"id":8296,"depth":600,"text":8299},{"id":8325,"depth":600,"text":8328},{"id":8394,"depth":600,"text":8397},{"id":8437,"depth":600,"text":8440,"children":8931},[8932,8933,8934,8935,8936,8937,8938],{"id":8449,"depth":4819,"text":8452},{"id":8471,"depth":4819,"text":8474},{"id":8506,"depth":4819,"text":8509},{"id":8535,"depth":4819,"text":8538},{"id":8588,"depth":4819,"text":8591},{"id":8637,"depth":4819,"text":8640},{"id":8659,"depth":4819,"text":8662},{"id":559,"depth":600,"text":974},"https://images.unsplash.com/photo-1675044794037-9262cedb6d5d?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3wxMTc3M3wwfDF8c2VhcmNofDV8fGJsZW5kZXIlMjBnZW9tZXRyeSUyMG5vZGVzfGVufDB8fHx8MTc2MzM2OTc0N3ww&ixlib=rb-4.1.0&q=80&w=2000",{"updated_at":8942,"featured_at":612,"visibility":613},"2026-02-20T06:04:04.000+01:00","/blog-i18n/ja/blender-scripting-geometry-nodes-2","2025-11-17T10:13:21.000+01:00",{"title":8215,"description":168},"blender-scripting-geometry-nodes-2","blog-i18n/ja/blender-scripting-geometry-nodes-2/index",[8949,8950],{"id":620,"name":621,"slug":622,"description":7,"feature_image":7,"visibility":613,"og_image":7,"og_title":7,"og_description":7,"twitter_image":7,"twitter_title":7,"twitter_description":7,"meta_title":7,"meta_description":7,"codeinjection_head":7,"codeinjection_foot":7,"canonical_url":7,"accent_color":7,"url":623},{"id":3465,"name":20,"slug":21,"description":7,"feature_image":7,"visibility":613,"og_image":7,"og_title":7,"og_description":7,"twitter_image":7,"twitter_title":7,"twitter_description":7,"meta_title":7,"meta_description":7,"codeinjection_head":7,"codeinjection_foot":7,"canonical_url":7,"accent_color":7,"url":3466},"WVSnZV3jzjNitPY-mUio9-NjOp_lAoEg52z_Z9mAqoc",{"id":8953,"title":8954,"authors":8955,"body":8957,"description":168,"extension":608,"feature_image":9624,"html":7,"meta":9625,"navigation":11,"path":9626,"published_at":9627,"seo":9628,"slug":9629,"stem":9630,"tags":9631,"__hash__":9633,"updated_at":1933,"featured_at":612,"visibility":613},"blog/blog-i18n/ja/ffmpeg-commands-for-animators/index.md","アニメーターが2026年に知っておくべきFFmpegコマンド10選",[8956],{"id":76,"name":77,"slug":78,"profile_image":7,"cover_image":7,"bio":7,"website":7,"location":7,"facebook":7,"twitter":7,"meta_title":7,"meta_description":7,"threads":7,"bluesky":7,"mastodon":7,"tiktok":7,"youtube":7,"instagram":7,"linkedin":7,"url":79},{"type":81,"value":8958,"toc":9610},[8959,8977,8980,8983,8986,8988,8994,8997,9020,9023,9025,9031,9037,9040,9046,9085,9087,9093,9100,9103,9109,9138,9140,9146,9149,9152,9158,9184,9194,9196,9202,9205,9208,9214,9242,9250,9253,9259,9261,9267,9270,9273,9279,9305,9307,9313,9316,9319,9325,9357,9359,9365,9368,9375,9381,9401,9403,9409,9412,9418,9424,9440,9448,9450,9456,9459,9469,9475,9492,9502,9508,9514,9522,9524,9530,9533,9536,9539,9545,9548,9554,9568,9570,9574,9577,9580,9590,9604],[84,8960,8962,8966],{"className":8961},[87,88,89],[84,8963,8965],{"className":8964},[93],"📼",[84,8967,8969,8970,8976],{"className":8968},[98],"動画変換ツールは編集者だけのものだと思っていませんか？その考えは改めましょう。FFmpegは、あらゆるアニメーションのパイプラインに隠れている“秘密兵器”です。YouTube、Blender、DaVinci Resolveのようなスタジオでも使われており、使い方が分かれば",[699,8971,8972],{},[702,8973,8975],{"className":8974,"style":678},[705],"手作業を何時間も","節約できます。",[101,8978,8979],{},"アニメーションや映像制作の仕事をしているなら、すでにFFmpegに出会っているはずです。",[101,8981,8982],{},"オープンソースで、YouTube、Blender、DaVinci Resolveのような巨大な存在によって使われているにもかかわらず、FFmpegは裏方に隠れがちで、その価値を知っているアーティストは多くありません。",[101,8984,8985],{},"このガイドでは、手作業の時間を何時間も節約するために、アニメーターやパイプライン担当者が知っておくべき実用的なFFmpegコマンド10個を順に紹介します。",[111,8987],{},[114,8989,8991],{"id":8990},"whats-ffmpeg",[486,8992,8993],{},"FFmpegとは？",[101,8995,8996],{},"FFmpegは、映像・音声・画像データを扱うための強力なオープンソースのコマンドラインツールキットです。これは単一のプログラムというより、想像できるほぼすべてのメディア処理タスクを扱う一連のツールです：",[1148,8998,8999,9002,9005,9008,9011,9014,9017],{},[1151,9000,9001],{},"ほぼあらゆる映像・音声・画像フォーマット間で変換。",[1151,9003,9004],{},"画像シーケンスをムービーに組み立て（その逆も可能）。",[1151,9006,9007],{},"レビューやアップロード用に大きなファイルを圧縮／トランスコード。",[1151,9009,9010],{},"フィルター：トリミング、スケーリング、カラー調整、オーバーレイ、ぼかしなど。",[1151,9012,9013],{},"複数の音声／映像ソースを同期または結合。",[1151,9015,9016],{},"メディアのメタデータ解析（フレームレート、コーデック、ビット深度など）。",[1151,9018,9019],{},"スクリプトによるパイプラインでのバッチ処理の自動化。",[101,9021,9022],{},"ここに搭載されている“便利機能”をすべて挙げることはできませんが、まずは実用的なFFmpegコマンド10個を、すぐにターミナルへ貼り付けられる例とともに始めましょう。",[111,9024],{},[114,9026,9028],{"id":9027},"_1-compile-an-image-sequence-into-a-video",[486,9029,9030],{},"1. 画像シーケンスを動画にまとめる",[101,9032,9033,9036],{},[266,9034,9035],{"href":3015},"Blenderのようなレンダラー","では、単一のムービーファイルではなく、画像シーケンス（例：何千ものEXRやPNG）を出力できます。レンダーがクラッシュしてもそこから再開できるので、これなら安全です。問題は、そうしたシーケンスは再生できなかったり、レビューしづらかったりすることです。",[101,9038,9039],{},"FFmpegは数秒で全フレームを1つの動画ファイルに“つなぎ”、ショットの軽量で共有しやすいバージョンを作れます：",[188,9041,9042],{},[146,9043,9045],{"className":9044},[193],"ffmpeg -framerate 24 -i frame_%04d.png -c:v libx264 -pix_fmt yuv420p output.mp4",[1148,9047,9048,9054,9067,9073,9079],{},[1151,9049,9050,9053],{},[146,9051,9052],{},"-framerate 24"," - 24フレーム毎秒でシーケンスを読み取るようFFmpegに指示します。",[1151,9055,9056,9059,9060,3793,9063,9066],{},[146,9057,9058],{},"-i frame_%04d.png - %04d","は、ゼロで埋めて4桁にすることを意味します（例：",[146,9061,9062],{},"0001",[146,9064,9065],{},"0002"," …）。シーケンスが1000フレームを超える場合は、より多くの桁が必要です。",[1151,9068,9069,9072],{},[146,9070,9071],{},"-c:v libx264"," - H.264コーデックで動画をエンコードし、レビュー用途のよいデフォルトになります。",[1151,9074,9075,9078],{},[146,9076,9077],{},"-pix_fmt yuv420p"," - 幅広い互換性を確保します（特にメディアプレーヤーやブラウザで）。",[1151,9080,9081,9084],{},[146,9082,9083],{},"output.mp4"," - 最終的な動画ファイル名です。",[111,9086],{},[114,9088,9090],{"id":9089},"_2-create-a-quick-low-res-review",[486,9091,9092],{},"2. すぐに低解像度のレビュー用を作る",[101,9094,9095,9096,9099],{},"高解像度レンダー（4K、フル品質のEXR、またはProRes）が数GBもあると、",[266,9097,9098],{"href":2473},"フィードバックのためにSlackに送るのには重すぎます","：日々のレビューには、より小さくて高速に読み込めるバージョンが必要です。",[101,9101,9102],{},"マスタービデオをスケール＆圧縮するだけで、再レンダーせずに再生可能な版を自動的に作れます：",[188,9104,9105],{},[146,9106,9108],{"className":9107},[193],"ffmpeg -i output.mp4 -vf scale=960:-1 -b:v 1M review.mp4",[1148,9110,9111,9117,9126,9132],{},[1151,9112,9113,9116],{},[146,9114,9115],{},"-i output.mp4"," - 入力ファイル（高品質レンダー）。",[1151,9118,9119,9122,9123,7872],{},[146,9120,9121],{},"-vf scale=960:-1"," - 動画の幅を960ピクセルにリサイズし、アスペクト比を保つために高さは自動調整します（",[146,9124,9125],{},"-1",[1151,9127,9128,9131],{},[146,9129,9130],{},"-b:v 1M"," - ビットレートを1メガビット毎秒に設定します。低サイズ／高スピードのよい妥協案です。",[1151,9133,9134,9137],{},[146,9135,9136],{},"review.mp4"," - 出力ファイル。",[111,9139],{},[114,9141,9143],{"id":9142},"_3-overlay-a-logo-or-watermark",[486,9144,9145],{},"3. ロゴやウォーターマークをオーバーレイする",[101,9147,9148],{},"スタジオやフリーランスは、制作途中のファイルを共有することがよくあります。しかしウォーターマークがないと、プレビューが再配布されたり流出したり、最終版と混同されたりします。",[101,9150,9151],{},"単一のFFmpegコマンドで、スタジオのロゴ、ユーザー名、または「制作途中（Work In Progress）」のタグを、すべてのフレームに重ねられます。",[188,9153,9154],{},[146,9155,9157],{"className":9156},[193],"ffmpeg -i input.mp4 -i logo.png -filter_complex \"overlay=10:10\" branded.mp4",[1148,9159,9160,9166,9172,9178],{},[1151,9161,9162,9165],{},[146,9163,9164],{},"-i input.mp4"," - メイン動画。",[1151,9167,9168,9171],{},[146,9169,9170],{},"-i logo.png"," - オーバーレイする画像（透過がある必要があります。ないと無地の四角になります）。",[1151,9173,9174,9177],{},[146,9175,9176],{},"-filter_complex \"overlay=10:10\""," - オーバーレイフィルターを適用し、ロゴを左上から10pxの位置に配置します。",[1151,9179,9180,9183],{},[146,9181,9182],{},"branded.mp4"," - ウォーターマークを適用した結果。",[158,9185,9187],{"className":9186},[87,161],[163,9188],{"src":9189,"className":9190,"alt":168,"loading":169,"width":9191,"height":9192,"srcSet":9193,"sizes":173},"https://blog.cg-wire.com/content/images/2025/11/data-src-image-44bab5d8-5532-4d0b-9347-12812a0e1271.png",[167],848,527,"https://blog.cg-wire.com/content/images/size/w600/2025/11/data-src-image-44bab5d8-5532-4d0b-9347-12812a0e1271.png 600w, https://blog.cg-wire.com/content/images/2025/11/data-src-image-44bab5d8-5532-4d0b-9347-12812a0e1271.png 848w",[111,9195],{},[114,9197,9199],{"id":9198},"_4-burn-frame-numbers-or-timecode",[486,9200,9201],{},"4. フレーム番号またはタイムコードを焼き付ける",[101,9203,9204],{},"クライアントやチームのレビューでは、ノート用に誰もが正確なフレームを参照する必要があります。そのためラベルのない映像だと、フィードバックを揃えることができません。",[101,9206,9207],{},"FFmpegのdrawtextフィルターを使えば、フレーム番号や再生中のタイムコードを動画に焼き込んで、正確な参照システムを提供できます。これにより、レビュー中に進行管理者やアニメーターが同期しやすくなります。",[188,9209,9210],{},[146,9211,9213],{"className":9212},[193],"ffmpeg -i input.mp4 -vf \"drawtext=text='%{n}':x=10:y=H-th-10:fontsize=24:fontcolor=white\" numbered.mp4",[1148,9215,9216,9221,9227,9233],{},[1151,9217,9218,9220],{},[146,9219,6329],{},"フィルターが、各フレームにテキストを描画します。",[1151,9222,9223,9226],{},[146,9224,9225],{},"text='%{n}'"," - フレーム番号を挿入します。",[1151,9228,9229,9232],{},[146,9230,9231],{},"x=10:y=H-th-10"," - 左下から10pxの位置に配置します。",[1151,9234,9235,3793,9238,9241],{},[146,9236,9237],{},"fontsize",[146,9239,9240],{},"fontcolor"," - 見た目の制御。",[158,9243,9245],{"className":9244},[87,161],[163,9246],{"src":9247,"className":9248,"alt":168,"loading":169,"width":9191,"height":9192,"srcSet":9249,"sizes":173},"https://blog.cg-wire.com/content/images/2025/11/data-src-image-84b1c23e-6e65-493e-bf3c-96c254d28234.png",[167],"https://blog.cg-wire.com/content/images/size/w600/2025/11/data-src-image-84b1c23e-6e65-493e-bf3c-96c254d28234.png 600w, https://blog.cg-wire.com/content/images/2025/11/data-src-image-84b1c23e-6e65-493e-bf3c-96c254d28234.png 848w",[101,9251,9252],{},"また、提示タイムスタンプ（PTS）を時間：分：秒の形式で使ってタイムコードを表示することもできます：",[188,9254,9255],{},[146,9256,9258],{"className":9257},[193],"ffmpeg -i input.mp4 -vf \"drawtext=text='%{pts\\:hms}':x=10:y=H-th-10:fontsize=24:fontcolor=white\" timecode.mp4",[111,9260],{},[114,9262,9264],{"id":9263},"_5-create-looping-clips-turntables",[486,9265,9266],{},"5. ループするクリップ（回転台）を作る",[101,9268,9269],{},"3Dモデルやショットを提示するときは、ポートフォリオ、社内ライブラリ、デモリール向けに、ループする回転台が必要になることがよくあります。エディターでクリップを手作業で複製するのは面倒です。",[101,9271,9272],{},"FFmpegなら、-stream_loopで指定した回数だけ任意のクリップをループできます。再レンダーせずに、連続再生を即座に作成：",[188,9274,9275],{},[146,9276,9278],{"className":9277},[193],"ffmpeg -stream_loop 3 -i turntable.mp4 -c copy looped.mp4",[1148,9280,9281,9287,9293,9299],{},[1151,9282,9283,9286],{},[146,9284,9285],{},"-stream_loop 3"," - 入力をさらに3回分再生します。",[1151,9288,9289,9292],{},[146,9290,9291],{},"-i turntable.mp4"," - 元のアニメーション。",[1151,9294,9295,9298],{},[146,9296,9297],{},"-c copy"," - 再エンコードせずに音声／映像ストリームをコピーします（高速・ロスレス）。",[1151,9300,9301,9304],{},[146,9302,9303],{},"looped.mp4"," - 最終出力。",[111,9306],{},[114,9308,9310],{"id":9309},"_6-add-sound-to-a-silent-render",[486,9311,9312],{},"6. 無音レンダーに音を追加する",[101,9314,9315],{},"3Dソフトからのレンダーには音声が含まれません。たとえアニメーションがセリフや音楽に同期していても、PremiereやAfter Effectsで手動に音を足す作業は、素早いプレビューのためには手間になりがちです。",[101,9317,9318],{},"FFmpegなら、無音レンダーに音声トラックを即座に結合でき、タイムラインベースのエディターなしで同期も取れます。",[188,9320,9321],{},[146,9322,9324],{"className":9323},[193],"ffmpeg -i render.mp4 -i music.wav -c:v copy -c:a aac -shortest final.mp4",[1148,9326,9327,9333,9339,9345,9351],{},[1151,9328,9329,9332],{},[146,9330,9331],{},"-i render.mp4"," - 動画入力。",[1151,9334,9335,9338],{},[146,9336,9337],{},"-i music.wav"," - 音声入力。",[1151,9340,9341,9344],{},[146,9342,9343],{},"-c:v copy"," - 既存の動画ストリームを維持します（再レンダーなし）。",[1151,9346,9347,9350],{},[146,9348,9349],{},"-c:a aac"," - 音声をAACにエンコードします（広く対応）。",[1151,9352,9353,9356],{},[146,9354,9355],{},"-shortest"," - 2つのトラックのうち短い方が終わった時点でエンコードを停止します。",[111,9358],{},[114,9360,9362],{"id":9361},"_7-extract-every-nth-frame",[486,9363,9364],{},"7. N番ごとのフレームを抽出する",[101,9366,9367],{},"長いショットのすべてのフレームを確認するのは遅いです。特にモーション分析、フリッカー検出、露出の変化チェックでは時間がかかります。そんなとき、10枚おきや20枚おきのように、サンプルとして取り出せれば十分なこともあります。",[101,9369,9370,9371,9374],{},"FFmpegの",[146,9372,9373],{},"select","フィルターで、n番ごとのフレームを自動的に抽出できます。素早いモーション診断、コンタクトシートの作成、サムネイルの生成に最適です：",[188,9376,9377],{},[146,9378,9380],{"className":9379},[193],"ffmpeg -i input.mp4 -vf \"select='not(mod(n,10))',setpts=N/FRAME_RATE/TB\" frames_%04d.png",[1148,9382,9383,9389,9395],{},[1151,9384,9385,9388],{},[146,9386,9387],{},"select='not(mod(n,10))'"," - フレーム番号nが10で割り切れるフレームだけを処理します（10枚ごと）。",[1151,9390,9391,9394],{},[146,9392,9393],{},"setpts=N/FRAME_RATE/TB"," - 出力が速すぎて再生されないよう、タイムスタンプを補正します。",[1151,9396,9397,9400],{},[146,9398,9399],{},"frames_%04d.png"," - 抽出画像の命名パターン。",[111,9402],{},[114,9404,9406],{"id":9405},"_8-compare-two-versions-ab-diff",[486,9407,9408],{},"8. 2つのバージョンを比較する（A/B Diff）",[101,9410,9411],{},"ライティングの微調整、カラー補正、ノイズ除去の更新をテストするとき、目視で2つのバージョンの小さな差を見分けるのは難しいです。",[101,9413,9370,9414,9417],{},[146,9415,9416],{},"blend=all_mode=difference","フィルターは、あるバージョンからもう一方を差し引いて、差分を明るいピクセルとして表示します。バージョン変更のQAを素早く行う方法として便利です。",[188,9419,9420],{},[146,9421,9423],{"className":9422},[193],"ffmpeg -i old.mp4 -i new.mp4 -filter_complex \"blend=all_mode=difference\" diff.mp4",[1148,9425,9426,9429,9434],{},[1151,9427,9428],{},"2つの入力ファイル：旧版と新版のレンダー。",[1151,9430,9431,9433],{},[146,9432,9416],{}," - 片方のピクセル値をもう片方から引き算し、どこが違うかを示します。",[1151,9435,9436,9439],{},[146,9437,9438],{},"diff.mp4"," - 明るいピクセル＝変更点、暗い＝差なし。",[158,9441,9443],{"className":9442},[87,161],[163,9444],{"src":9445,"className":9446,"alt":168,"loading":169,"width":9191,"height":9192,"srcSet":9447,"sizes":173},"https://blog.cg-wire.com/content/images/2025/11/data-src-image-57adc37e-d8c2-407a-9057-1739a959c61f.png",[167],"https://blog.cg-wire.com/content/images/size/w600/2025/11/data-src-image-57adc37e-d8c2-407a-9057-1739a959c61f.png 600w, https://blog.cg-wire.com/content/images/2025/11/data-src-image-57adc37e-d8c2-407a-9057-1739a959c61f.png 848w",[111,9449],{},[114,9451,9453],{"id":9452},"_9-combine-render-passes-side-by-side",[486,9454,9455],{},"9. レンダーパスを左右（上下）に並べる",[101,9457,9458],{},"アーティストはしばしば2つのパス（例：旧版 vs 新版）を比較する必要があります。比較のためだけにコンポジットソフトで開くのは過剰です。",[101,9460,9461,9464,9465,9468],{},[146,9462,9463],{},"hstack","（または",[146,9466,9467],{},"vstack","）フィルターは、動画を横並びまたは縦並びに配置して簡単に比較できるようにします。レビュー書き出しや、クライアント／進行管理者向けに変更点を示すビフォー／アフター動画に最適です。",[188,9470,9471],{},[146,9472,9474],{"className":9473},[193],"ffmpeg -i pass1.mp4 -i pass2.mp4 -filter_complex \"hstack\" side_by_side.mp4",[1148,9476,9477,9480,9487],{},[1151,9478,9479],{},"2つの入力動画。",[1151,9481,9482,9484,9485,2056],{},[146,9483,9463],{}," - 水平方向にスタックします。縦に並べたい場合は",[146,9486,9467],{},[1151,9488,9489,9137],{},[146,9490,9491],{},"side_by_side.mp4",[158,9493,9495],{"className":9494},[87,161],[163,9496],{"src":9497,"className":9498,"alt":168,"loading":169,"width":9499,"height":9500,"srcSet":9501,"sizes":173},"https://blog.cg-wire.com/content/images/2025/11/data-src-image-77024499-0432-4930-97d8-c1aa0942c2e9.png",[167],1186,748,"https://blog.cg-wire.com/content/images/size/w600/2025/11/data-src-image-77024499-0432-4930-97d8-c1aa0942c2e9.png 600w, https://blog.cg-wire.com/content/images/size/w1000/2025/11/data-src-image-77024499-0432-4930-97d8-c1aa0942c2e9.png 1000w, https://blog.cg-wire.com/content/images/2025/11/data-src-image-77024499-0432-4930-97d8-c1aa0942c2e9.png 1186w",[101,9503,9504,9505,9507],{},"さらに、前の",[146,9506,9416],{},"コマンドで作った結果動画も含めて、フレーム間の差を素早く確認することもできます：",[188,9509,9510],{},[146,9511,9513],{"className":9512},[193],"ffmpeg -i pass1.mp4 -i diff.mp4 -i pass2.mp4 \\\n-filter_complex \"[0:v][1:v]hstack=inputs=2[top]; [top][2:v]hstack=inputs=2\" \\\nside_by_side2.mp4",[158,9515,9517],{"className":9516},[87,161],[163,9518],{"src":9519,"className":9520,"alt":168,"loading":169,"width":9499,"height":9500,"srcSet":9521,"sizes":173},"https://blog.cg-wire.com/content/images/2025/11/data-src-image-3179b0a2-949d-468c-ba70-153ae97f0d0c.png",[167],"https://blog.cg-wire.com/content/images/size/w600/2025/11/data-src-image-3179b0a2-949d-468c-ba70-153ae97f0d0c.png 600w, https://blog.cg-wire.com/content/images/size/w1000/2025/11/data-src-image-3179b0a2-949d-468c-ba70-153ae97f0d0c.png 1000w, https://blog.cg-wire.com/content/images/2025/11/data-src-image-3179b0a2-949d-468c-ba70-153ae97f0d0c.png 1186w",[111,9523],{},[114,9525,9527],{"id":9526},"_10-re-time-animation-slow-mo-or-speed-up",[486,9528,9529],{},"10. アニメーションの再タイミング（スローモーション／高速化）",[101,9531,9532],{},"プレビューで遅いカメラ移動を試したり、素早いモーションテストを確認したりするようなタイミング調整は、通常リレンダーやソフトでの編集が必要になります。それなのに、テンポを変える試行だけをするために非効率です。",[101,9534,9535],{},"FFmpegなら、フレームのタイムスタンプを調整して再生速度をその場で変更し、アニメーターが別の速度をすぐにプレビューできるようにできます。",[101,9537,9538],{},"半分の速度にする：",[188,9540,9541],{},[146,9542,9544],{"className":9543},[193],"ffmpeg -i input.mp4 -filter:v \"setpts=2.0*PTS\" slowmo.mp4",[101,9546,9547],{},"2倍の速度にする：",[188,9549,9550],{},[146,9551,9553],{"className":9552},[193],"ffmpeg -i input.mp4 -filter:v \"setpts=0.5*PTS\" fast.mp4",[1148,9555,9556,9562,9565],{},[1151,9557,9558,9561],{},[146,9559,9560],{},"setpts","フィルターは、各フレームの提示タイムスタンプ（PTS）を操作します。",[1151,9563,9564],{},"2.0倍すると再生時間が2倍になり（遅くなる）、",[1151,9566,9567],{},"0.5倍すると半分になり（速くなる）。",[111,9569],{},[114,9571,9572],{"id":559},[486,9573,560],{},[101,9575,9576],{},"FFmpegは単なる動画変換ツールではありません。テキストを数行書くだけで、従来のソフトで通常は数分〜数時間かかる作業を自動化できます：バッチレンダー、バージョン比較、レビュー用書き出し…お好みで。",[101,9578,9579],{},"構文に慣れたら、FFmpegはあなたのクリエイティブなワークフローの拡張になります。このリストから1つコマンドを選んで、次のレンダーパイプラインにそのまま投入し、日々の制作がどれだけスムーズになるか見てみてください！",[101,9581,9582,9583,9586,9587,9589],{},"でも、それだけではありません。ffmpegの力をDCCスクリプト（例：",[266,9584,9585],{"href":7391},"Blenderスクリプト","）と組み合わせれば、人間の理解を超えるほどの“スーパーパワー”（たとえば、シーンの作成全体を自動化するなど）を解放できます。",[266,9588,4025],{"href":3387},"して、さらにどうぞ！",[84,9591,9593,9596],{"className":9592},[87,88,89],[84,9594,576],{"className":9595},[93],[84,9597,9599,9600,9603],{"className":9598},[98],"アニメーション制作プロセスについてもっと学ぶには ",[266,9601,1404],{"href":583,"rel":9602},[585],"！私たちは、ベストプラクティスを共有する1000人以上の専門家とつながっており、時には実際のイベントも企画しています。ぜひ皆さんを歓迎します！😊",[84,9605,9607],{"className":9606},[87,591,592],[266,9608,598],{"href":583,"className":9609},[596,597],{"title":168,"searchDepth":600,"depth":600,"links":9611},[9612,9613,9614,9615,9616,9617,9618,9619,9620,9621,9622,9623],{"id":8990,"depth":600,"text":8993},{"id":9027,"depth":600,"text":9030},{"id":9089,"depth":600,"text":9092},{"id":9142,"depth":600,"text":9145},{"id":9198,"depth":600,"text":9201},{"id":9263,"depth":600,"text":9266},{"id":9309,"depth":600,"text":9312},{"id":9361,"depth":600,"text":9364},{"id":9405,"depth":600,"text":9408},{"id":9452,"depth":600,"text":9455},{"id":9526,"depth":600,"text":9529},{"id":559,"depth":600,"text":560},"https://images.unsplash.com/photo-1727142073871-d40f5a7c76d8?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3wxMTc3M3wwfDF8c2VhcmNofDMwfHx2aWRlbyUyMGVuY29kaW5nJTIwdGVybWluYWx8ZW58MHx8fHwxNzYyMjQ1NjQ3fDA&ixlib=rb-4.1.0&q=80&w=2000",{"updated_at":1933,"featured_at":612,"visibility":613},"/blog-i18n/ja/ffmpeg-commands-for-animators","2025-11-04T10:09:54.000+01:00",{"title":8954,"description":168},"ffmpeg-commands-for-animators","blog-i18n/ja/ffmpeg-commands-for-animators/index",[9632],{"id":620,"name":621,"slug":622,"description":7,"feature_image":7,"visibility":613,"og_image":7,"og_title":7,"og_description":7,"twitter_image":7,"twitter_title":7,"twitter_description":7,"meta_title":7,"meta_description":7,"codeinjection_head":7,"codeinjection_foot":7,"canonical_url":7,"accent_color":7,"url":623},"CkKha0MNY6WKs8W5cm5W5Y91KfhF7jBSEExmzz1O9w8",{"id":9635,"title":9636,"authors":9637,"body":9639,"description":168,"extension":608,"feature_image":10480,"html":7,"meta":10481,"navigation":11,"path":10483,"published_at":10484,"seo":10485,"slug":10486,"stem":10487,"tags":10488,"__hash__":10491,"updated_at":10482,"featured_at":612,"visibility":613},"blog/blog-i18n/ja/blender-scripting-animation/index.md","Blender スクリプトによるアニメーションパイプライン入門: 2026",[9638],{"id":76,"name":77,"slug":78,"profile_image":7,"cover_image":7,"bio":7,"website":7,"location":7,"facebook":7,"twitter":7,"meta_title":7,"meta_description":7,"threads":7,"bluesky":7,"mastodon":7,"tiktok":7,"youtube":7,"instagram":7,"linkedin":7,"url":79},{"type":81,"value":9640,"toc":10471},[9641,9652,9655,9658,9660,9666,9669,9672,9693,9695,9701,9704,9723,9750,9752,9758,9769,9778,9781,9787,9790,9801,9810,9813,9819,9822,9828,9831,9833,9839,9842,9851,9854,9857,9868,9882,9885,9891,9921,9924,9930,9948,9951,9957,9977,9986,9989,9998,10021,10024,10030,10034,10037,10060,10062,10068,10071,10077,10084,10091,10099,10105,10111,10118,10121,10127,10131,10137,10155,10158,10160,10166,10169,10175,10297,10300,10431,10433,10437,10440,10446,10449,10452,10465],[84,9642,9644,9648],{"className":9643},[87,88,89],[84,9645,9647],{"className":9646},[93],"⚙️",[84,9649,9651],{"className":9650},[98],"ほんの数行のコードで、Blenderを思い通りに操れます。繰り返しのクリック作業？ もう不要。複雑なシーン？ 数秒で構築。カスタムツール？ あなたがデザインします。これがスクリプトの魔法です。",[101,9653,9654],{},"Blenderのグラフィカルなユーザーインターフェースは間違いなく素晴らしいですが、どうしても「やるのが面倒」に感じる作業がいくつかあります。チームにプレビューを共有すること、新しいプロジェクトで延々と設定を調整すること、そして同じ手順を何度も繰り返すことです。時には、ただ「それを実行するボタン」が欲しくなるでしょう。スクリプトは、それを実現する鍵です！",[101,9656,9657],{},"この記事では、Pythonというプログラミング言語を使ってBlenderのスクリプト機能を掘り下げます。最初のスクリプトの書き方、実行方法、そしてBlenderのスクリプトモジュールがどのように整理されているかを学びます。最後まで読めば、制作パイプラインを最適化し始めるための理解がしっかり得られます。",[111,9659],{},[114,9661,9663],{"id":9662},"what-can-i-do-with-scripting",[486,9664,9665],{},"スクリプトで何ができる？",[101,9667,9668],{},"Blenderのスクリプトは、趣味の人のためのちょっとした小技というだけではありません。あらゆる規模のスタジオにとって必須のものです。",[101,9670,9671],{},"制作現場では、スピードと一貫性がすべてです。スタジオは常に厳しい締切、大量のアセットライブラリ、そして複数のワークステーション間で多数のショットやシーンを完全に同期させ続ける必要に直面します。これを手作業でやるのは遅く、ミスが起きやすく、高コストです。だからこそ自動化が非常に重要になるのです！",[101,9673,9674,9675,9678,9679,9682,9683,9688,9689,9692],{},"スクリプトは「コードを書く」ことが目的ではありません。あなた自身に創造的なショートカットや超能力を与えることが目的です。Pythonを使えば、時間を奪う退屈で繰り返しの多い作業を自動化したり、手順的ジオメトリ（プロシージャルな幾何）やマテリアル、さらには環境そのものを数行で生成したりできます。",[486,9676,9677],{},"制作フローに合わせて自分だけのツールやメニューを設計","でき、",[486,9680,9681],{},"シーンを完全にコントロール","し、",[266,9684,4172,9685],{"href":3015},[4123,9686,9687],{},"レンダー設定","、カメラ、ライトを思い通りに扱えます。スクリプトならさらに、",[486,9690,9691],{},"Blenderを外部ツールやAPIと連携","できるため、より大きなパイプラインの中でも強力な役割を果たします。",[111,9694],{},[114,9696,9698],{"id":9697},"prerequisites",[486,9699,9700],{},"前提条件",[101,9702,9703],{},"始める前に、次のものが用意できていることを確認してください：",[1148,9705,9706,9717],{},[1151,9707,9708,3978,9710,9716],{},[486,9709,20],{},[266,9711,4172,9713],{"href":9712},"https://www.blender.org/download/?ref=blog.cg-wire.com",[4123,9714,9715],{},"blender.org","から最新バージョンをダウンロードしてインストールします。",[1151,9718,9719,9722],{},[486,9720,9721],{},"Python"," - Blenderのネイティブスクリプトモジュールを使い、OSのターミナルからプログラムを実行するために、Pythonプログラミング言語が必要です。",[84,9724,9727,9730],{"className":9725},[87,88,9726],"kg-callout-card-green",[84,9728,669],{"className":9729},[93],[84,9731,9733,9737,9739,9741,9742,9744,1094,9746],{"className":9732},[98],[674,9734,9735],{},[486,9736,4984],{"style":678},[534,9738],{},[534,9740],{},"このガイドで紹介している例の統合について、完全なソースコードはGitHubで確認できます：",[534,9743],{},[534,9745],{},[266,9747,9749],{"href":9748},"https://github.com/cgwire/intro-blender-scripting?ref=blog.cg-wire.com","https://github.com/cgwire/intro-blender-scripting",[111,9751],{},[114,9753,9755],{"id":9754},"_1-create-a-new-script",[486,9756,9757],{},"1. 新しいスクリプトを作成する",[101,9759,9760,9761,9764,9765,9768],{},"Blenderの中で",[486,9762,9763],{},"スクリプト作業スペース","を開きます。",[486,9766,9767],{},"New","をクリックすると、新しいスクリプトを作成できるテキストエディタのパネルが表示されます。ここでPythonコードを書けます。特に、結果をリアルタイムで確認できる点が便利です：",[158,9770,9772],{"className":9771},[87,161],[163,9773],{"src":9774,"className":9775,"alt":168,"loading":169,"width":1112,"height":9776,"srcSet":9777,"sizes":173},"https://blog.cg-wire.com/content/images/2025/10/data-src-image-05bcd44b-e1a3-4f6a-a5c7-edb11e40b1fb.png",[167],731,"https://blog.cg-wire.com/content/images/size/w600/2025/10/data-src-image-05bcd44b-e1a3-4f6a-a5c7-edb11e40b1fb.png 600w, https://blog.cg-wire.com/content/images/size/w1000/2025/10/data-src-image-05bcd44b-e1a3-4f6a-a5c7-edb11e40b1fb.png 1000w, https://blog.cg-wire.com/content/images/2025/10/data-src-image-05bcd44b-e1a3-4f6a-a5c7-edb11e40b1fb.png 1600w",[101,9779,9780],{},"制作パイプラインでは、コマンドラインインターフェースからスクリプトを実行するほうが、たいていはより役に立ちます。幸い、PythonにはBlender用のモジュールが同梱されています。このチュートリアルでは、グラフィカルユーザーインターフェースを行き来する手順を省くために、OSのターミナルから直接Pythonプログラムを実行します。まずは必要なBlenderモジュールをインストールしましょう：",[188,9782,9783],{},[146,9784,9786],{"className":9785},[193],"pip install bpy==3.6.0 --extra-index-url \u003Chttps://download.blender.org/pypi/>",[101,9788,9789],{},"テストとして、Pythonで新しい空のBlenderファイルを作成してみましょう：",[188,9791,9792,9795],{},[146,9793,5019],{"className":9794},[260],[101,9796,9797],{},[146,9798,9800],{"className":9799},[260],"bpy.ops.wm.save_as_mainfile(filepath=\"./new_empty_file.blend\")",[101,9802,9803,9804,9807,9809],{},"まず、Blenderの",[486,9805,9806],{},"Python APIモジュール",[146,9808,4876],{},"をインポートします。これにより、Blenderのほぼすべてを操作できます（オブジェクト、マテリアル、レンダリングなど）。次に、現在のワークスペースを新しいファイルとして保存します。",[101,9811,9812],{},"ターミナルでプログラムを次のように実行できます：",[188,9814,9815],{},[146,9816,9818],{"className":9817},[260],"python3 script.py",[101,9820,9821],{},"新しく作成したファイルは、BlenderのCLIから開くこともできます：",[188,9823,9824],{},[146,9825,9827],{"className":9826},[193],"blender new_empty_file.blend",[101,9829,9830],{},"おめでとうございます！これで最初のスクリプトは完了です。次は、もっと実用的な例として「3Dテキストの生成」に進みましょう。",[111,9832],{},[114,9834,9836],{"id":9835},"_2-hello-world-text-example",[486,9837,9838],{},"2. Hello Worldテキストの例",[101,9840,9841],{},"スター・ウォーズのオープニングアニメーションを作りたいと想像してみてください。つまり、角度をつけた状態でテキストがゆっくり上にスクロールしていくあの演出です。",[158,9843,9845],{"className":9844},[87,161],[163,9846],{"src":9847,"className":9848,"alt":168,"loading":169,"width":1112,"height":9849,"srcSet":9850,"sizes":173},"https://blog.cg-wire.com/content/images/2025/10/data-src-image-02ff3b4e-8e6f-4f1a-b6d0-e4fb9e0622eb.png",[167],681,"https://blog.cg-wire.com/content/images/size/w600/2025/10/data-src-image-02ff3b4e-8e6f-4f1a-b6d0-e4fb9e0622eb.png 600w, https://blog.cg-wire.com/content/images/size/w1000/2025/10/data-src-image-02ff3b4e-8e6f-4f1a-b6d0-e4fb9e0622eb.png 1000w, https://blog.cg-wire.com/content/images/2025/10/data-src-image-02ff3b4e-8e6f-4f1a-b6d0-e4fb9e0622eb.png 1600w",[101,9852,9853],{},"編集しやすいように、これを効率よく行うにはどうすればいいでしょう？もちろんスクリプトを使います！では、簡単な例としていくつかの3Dテキストを生成してみましょう。",[101,9855,9856],{},"新しいファイルを作成し、シーン内のすべてのオブジェクトを削除して、最初はスッキリした状態から始めます：",[188,9858,9859,9862],{},[146,9860,4598],{"className":9861},[260],[101,9863,9864],{},[146,9865,9867],{"className":9866},[260],"bpy.ops.object.select_all(action='SELECT')\nbpy.ops.object.delete(use_global=False)",[1148,9869,9870,9876],{},[1151,9871,9872,9875],{},[146,9873,9874],{},"bpy.ops.object.select_all(action='SELECT')",": 現在シーン内にあるすべてのオブジェクトを選択します。",[1151,9877,9878,9881],{},[146,9879,9880],{},"bpy.ops.object.delete(use_global=False)",": 選択されたすべてのオブジェクトを削除します。",[101,9883,9884],{},"シーンに新しいテキストオブジェクトを追加するには、次の2つの指示だけで十分です：",[188,9886,9887],{},[146,9888,9890],{"className":9889},[260],"bpy.ops.object.text_add(enter_editmode=False, location=(0, 0, 0))\ntext_obj = bpy.context.object",[1148,9892,9893,9907],{},[1151,9894,9895,9898,9899,9902,9903,9906],{},[146,9896,9897],{},"bpy.ops.object.text_add(...)",": 3Dワールド（XYZ座標）の",[146,9900,9901],{},"(0, 0, 0)","に",[486,9904,9905],{},"テキストオブジェクト","を追加します。",[1151,9908,9909,9912,9913,9916,9917,9920],{},[146,9910,9911],{},"text_obj = bpy.context.object",": 新しく作成したテキストオブジェクトへの参照を、変数",[146,9914,9915],{},"text_obj","に保存します。何かを新しく追加すると、Blenderはそれをアクティブオブジェクトにします。アクティブオブジェクトは",[146,9918,9919],{},"bpy.context.object","でアクセスできます。",[101,9922,9923],{},"テキストの文字列を「Hello World」に変更します：",[188,9925,9926],{},[146,9927,9929],{"className":9928},[260],"text_obj.data.body = \"Hello World\"",[1148,9931,9932,9942],{},[1151,9933,9934,9937,9938,9941],{},[146,9935,9936],{},"text_obj.data","は",[486,9939,9940],{},"Text DataBlock","を指し、テキストオブジェクトの実際の内容や設定です。",[1151,9943,9944,9947],{},[146,9945,9946],{},".body = \"Hello World\"","で、表示する文字列を「Hello World」に設定します。",[101,9949,9950],{},"次に、テキストに少し厚みを出して、X軸とY軸の中央に配置します：",[188,9952,9953],{},[146,9954,9956],{"className":9955},[260],"text_obj.data.extrude = 0.05\ntext_obj.data.align_x = 'CENTER'\ntext_obj.data.align_y = 'CENTER'",[1148,9958,9959,9965,9971],{},[1151,9960,9961,9964],{},[146,9962,9963],{},"extrude = 0.05",": テキストの奥行きを与え、平面の2Dテキストから、少し押し出された3Dテキストにします。",[1151,9966,9967,9970],{},[146,9968,9969],{},"align_x = 'CENTER'",": テキストを水平方向に中央揃えします。",[1151,9972,9973,9976],{},[146,9974,9975],{},"align_y = 'CENTER'",": テキストを垂直方向に中央揃えします。",[101,9978,9979,9980],{},"他にも多くのオプションは、",[266,9981,4172,9983],{"href":9982},"https://docs.blender.org/manual/en/latest/modeling/texts/properties.html?ref=blog.cg-wire.com",[4123,9984,9985],{},"Blenderのテキストオブジェクトのプロパティに関するドキュメント",[101,9987,9988],{},"最後に、BlenderのテキストはデフォルトでXY平面に平たく置かれるため、地面に寝かせた状態ではなく、カメラのほうを向くように回転させます：",[188,9990,9991],{},[146,9992,9994,9995,9997],{"className":9993},[260],"text_obj.rotation_euler",[285,9996,1294],{}," = 1.5708   # 90 degrees in radians",[1148,9999,10000,10012],{},[1151,10001,10002,10007,10008,10011],{},[146,10003,10004,10005],{},"rotation_euler",[285,10006,1294],{},": ",[486,10009,10010],{},"X軸まわりの回転","を指します。",[1151,10013,10014,10017,10018,680],{},[146,10015,10016],{},"1.5708","ラジアン ≈ ",[486,10019,10020],{},"90度",[101,10022,10023],{},"結果を保存するには、先ほどの指示を使います：",[188,10025,10026],{},[146,10027,10029],{"className":10028},[260],"bpy.ops.wm.save_as_mainfile(filepath=\"./text.blend\")",[101,10031,10032],{},[534,10033],{},[101,10035,10036],{},"まとめると、最終的なコードは次のようになります：",[188,10038,10039,10055],{},[146,10040,4598,10042,10044,10046,10048,10050],{"className":10041},[260],[101,10043,9867],{},[101,10045,9890],{},[101,10047,9929],{},[101,10049,9956],{},[101,10051,9994,10052,10054],{},[285,10053,1294],{}," = 1.5708",[101,10056,10057],{},[146,10058,10029],{"className":10059},[260],[111,10061],{},[114,10063,10065],{"id":10064},"_3-how-to-run-a-script-script-loading",[486,10066,10067],{},"3. スクリプトの実行方法（スクリプト読み込み）",[101,10069,10070],{},"前述のとおり、ヘッドレスモードでスクリプトを実行する構文は、基本的にどんなPythonプログラムと同じです：",[188,10072,10073],{},[146,10074,10076],{"className":10075},[260],"python3 text.py",[101,10078,10079,10080,10083],{},"以上です！これで、最初の",[702,10081,10082],{},"実用的な","Blenderスクリプトを実行できました。自動化、パイプライン、バッチ処理にとても役立ちます。",[101,10085,10086,10087,10090],{},"あとは",[146,10088,10089],{},"text.blend","ファイルを開いて結果を確認するだけです：",[158,10092,10094],{"className":10093},[87,161],[163,10095],{"src":10096,"className":10097,"alt":168,"loading":169,"width":1112,"height":9776,"srcSet":10098,"sizes":173},"https://blog.cg-wire.com/content/images/2025/10/data-src-image-eab235c1-3513-4b9d-9f89-8a4d7c1cd122.png",[167],"https://blog.cg-wire.com/content/images/size/w600/2025/10/data-src-image-eab235c1-3513-4b9d-9f89-8a4d7c1cd122.png 600w, https://blog.cg-wire.com/content/images/size/w1000/2025/10/data-src-image-eab235c1-3513-4b9d-9f89-8a4d7c1cd122.png 1000w, https://blog.cg-wire.com/content/images/2025/10/data-src-image-eab235c1-3513-4b9d-9f89-8a4d7c1cd122.png 1600w",[101,10100,10101,10102,10104],{},"また、特定の",[146,10103,3213],{},"ファイルを開き、そのコンテキスト内でスクリプトを実行することもできます：",[188,10106,10107],{},[146,10108,10110],{"className":10109},[260],"bpy.ops.wm.open_mainfile(filepath='my_scene.blend')",[101,10112,10113,10114,10117],{},"まず",[146,10115,10116],{},"my_scene.blend","を読み込み、その後に残りのスクリプトをそれに対して実行します。",[101,10119,10120],{},"場合によっては、独自の引数を渡したいこともあります：",[188,10122,10123],{},[146,10124,10126],{"className":10125},[193],"python3 args.py – --text \"CLI Hello\"",[101,10128,10129],{},[534,10130],{},[101,10132,10133,10136],{},[146,10134,10135],{},"args.py","の中では、このようにして引数にアクセスできます：",[188,10138,10139,10149],{},[146,10140,5590,10142],{"className":10141},[260],[101,10143,10144,10145,10148],{},"argv = sys.argv\nargv = argv",[285,10146,10147],{},"argv.index(\"--\") + 1:","  # get args after --",[101,10150,10151],{},[146,10152,10154],{"className":10153},[260],"print(\"Custom args:\", argv)",[101,10156,10157],{},"基本はここまでですが、まだまだ発見できることはたくさんあります。",[111,10159],{},[114,10161,10163],{"id":10162},"_4-scripting-modules-explained",[486,10164,10165],{},"4. スクリプトモジュールを解説",[101,10167,10168],{},"Blenderは、さまざまなモジュールを通じてスクリプト機能を公開しています。それぞれのモジュールが何をするのかを理解すると、何をスクリプトできるのか、そしてドキュメントをどう検索してコード化するかがわかってきます。",[101,10170,10171,10172,10174],{},"まず、コアとなる",[146,10173,4876],{},"モジュールです：",[1148,10176,10177,10189,10204,10213,10226,10245,10257,10269,10285],{},[1151,10178,10179,10185,10186,10188],{},[486,10180,10181,10184],{},[146,10182,10183],{},"bpy.context","（コンテキストアクセス）"," - Blenderの現在の状態（アクティブオブジェクト、シーン、モード、選択中のオブジェクトなど）に関する情報を提供します。たとえば",[146,10187,9919],{},"でアクティブオブジェクトが取得できます。",[1151,10190,10191,10197,10198,10203],{},[486,10192,10193,10196],{},[146,10194,10195],{},"bpy.data","（データアクセス）"," - メッシュ、オブジェクト、マテリアル、カメラなど、Blenderのデータブロックに直接アクセスできます。例：",[146,10199,10200,10201],{},"bpy.data.objects",[285,10202,6156],{},"でCubeオブジェクトを取得します。",[1151,10205,10206,10212],{},[486,10207,10208,10211],{},[146,10209,10210],{},"bpy.msgbus","（メッセージバス）"," - Blenderのデータの変更を監視し、フレーム変更イベントへの購読のようなコールバックをトリガーするためのpub/subシステムです。",[1151,10214,10215,10221,10222,10225],{},[486,10216,10217,10220],{},[146,10218,10219],{},"bpy.ops","（オペレーター）"," - オブジェクトの追加、削除、レンダリングといったUI操作を模倣する関数を公開します。例：",[146,10223,10224],{},"bpy.ops.mesh.primitive_cube_add()","でキューブを追加します。",[1151,10227,10228,10234,10235,3793,10238,3793,10241,10244],{},[486,10229,10230,10233],{},[146,10231,10232],{},"bpy.types","（タイプ）"," - 拡張やカスタマイズのために、Blenderのデータのコアクラス（例：",[146,10236,10237],{},"Object",[146,10239,10240],{},"Mesh",[146,10242,10243],{},"Material","）を定義し、カスタムパネルやオペレーターを作成できます。",[1151,10246,10247,10253,10254,680],{},[486,10248,10249,10252],{},[146,10250,10251],{},"bpy.utils","（ユーティリティ）"," - クラス登録、アドオン処理、システムのパスアクセスなどのためのヘルパー関数を提供します。例：",[146,10255,10256],{},"bpy.utils.register_class(MyOperator)",[1151,10258,10259,10265,10266,680],{},[486,10260,10261,10264],{},[146,10262,10263],{},"bpy.path","（パスユーティリティ）"," - 相対パスの解決や絶対パスの作成など、ファイルパスを扱うためのツールです。例：",[146,10267,10268],{},"bpy.path.abspath(\"//textures/wood.png\")",[1151,10270,10271,10277,10278,9937,10281,10284],{},[486,10272,10273,10276],{},[146,10274,10275],{},"bpy.app","（アプリケーションデータ）"," - バージョン、ビルド情報、実行モードなど、Blender自身に関する情報を提供します。例：",[146,10279,10280],{},"bpy.app.version",[146,10282,10283],{},"(3, 6, 2)","を返します。",[1151,10286,10287,10293,10294,680],{},[486,10288,10289,10292],{},[146,10290,10291],{},"bpy.props","（プロパティ定義）"," - オペレーター、パネル、アドオンのために、数値、文字列、列挙型などのカスタムプロパティを定義するのに使われます。例：",[146,10295,10296],{},"my_prop: bpy.props.IntProperty(name=\"My Number\")",[101,10298,10299],{},"次に、さらに専門的なライブラリもあります：",[1148,10301,10302,10311,10324,10333,10345,10354,10363,10372,10383,10392,10401,10410],{},[1151,10303,10304,10310],{},[486,10305,10306,10309],{},[146,10307,10308],{},"aud","（オーディオシステム）"," - サウンドの再生、ファイルの読み込み、オーディオのミキシングのためのBlenderのオーディオライブラリです。例：Pythonで直接Blenderに.wavファイルを再生します。",[1151,10312,10313,10319,10320,10323],{},[486,10314,10315,10318],{},[146,10316,10317],{},"bgl","（OpenGLラッパー）"," - カスタム3Dビューポート描画のための低レベルOpenGLラッパー（",[146,10321,10322],{},"gpu","に置き換えられています）。たとえばカスタムオーバーレイを描画するために使います。",[1151,10325,10326,10332],{},[486,10327,10328,10331],{},[146,10329,10330],{},"bl_math","（追加の数学関数）"," - 補間、距離計算、ジオメトリ操作などのための追加の数学ヘルパー。たとえば点同士の距離を計算します。",[1151,10334,10335,10341,10342,680],{},[486,10336,10337,10340],{},[146,10338,10339],{},"blf","（フォント描画）"," - ビューポートオーバーレイやパネル内でテキストを描画するためのBlenderのフォント描画モジュールです。例：",[146,10343,10344],{},"blf.draw(font_id, \"Hello World\")",[1151,10346,10347,10353],{},[486,10348,10349,10352],{},[146,10350,10351],{},"bmesh","（BMeshモジュール）"," - プロシージャルモデリングやトポロジー操作のために、Blenderのメッシュ編集システムへ直接低レベルにアクセスできます。例：編集モードで頂点や面を作成または変更する。",[1151,10355,10356,10362],{},[486,10357,10358,10361],{},[146,10359,10360],{},"bpy_extras","（追加ユーティリティ）"," - インポート/エクスポート対応、数学の変換、view3dユーティリティなどのヘルパー関数を含みます。例：座標変換を簡略化します。",[1151,10364,10365,10371],{},[486,10366,10367,10370],{},[146,10368,10369],{},"freestyle","（Freestyleモジュール）"," - 写真のようなレンダリングではないエッジ描画のための、BlenderのFreestyleラインレンダリングを制御します。例：ラインスタイルや可視性ルールの調整。",[1151,10373,10374,10379,10380,10382],{},[486,10375,10376,10378],{},[146,10377,10322],{},"（GPUモジュール）"," - カスタムシェーダーやビューポートオーバーレイを可能にする最新のGPU描画API（",[146,10381,10317],{},"の後継）。例：カスタムGLSLシェーダーで描画する。",[1151,10384,10385,10391],{},[486,10386,10387,10390],{},[146,10388,10389],{},"gpu_extras","（GPUユーティリティ）"," - 完全なGLSLコードなしで図形描画を簡単にするためのGPU描画ヘルパー関数。例：シンプルな長方形を描画する。",[1151,10393,10394,10400],{},[486,10395,10396,10399],{},[146,10397,10398],{},"idprop.types","（IDプロパティアクセス）"," - 辞書/配列形式でBlenderのカスタムIDプロパティに構造化されたアクセスを提供します。例：オブジェクト上のカスタムメタデータを操作する。",[1151,10402,10403,10409],{},[486,10404,10405,10408],{},[146,10406,10407],{},"imbuf","（画像バッファ）"," - 画像バッファを扱い、読み込み、保存、ピクセルレベルの操作を可能にします。例：プロシージャルな画像生成。",[1151,10411,10412,3978,10418,3793,10421,3793,10424,10427,10428,680],{},[486,10413,10414,10417],{},[146,10415,10416],{},"mathutils","（数学タイプ & ユーティリティ）",[146,10419,10420],{},"Vector",[146,10422,10423],{},"Matrix",[146,10425,10426],{},"Quaternion","、および幾何ユーティリティを提供するBlenderの数学ライブラリ。例：",[146,10429,10430],{},"Vector((1,0,0)).cross(Vector((0,1,0))) → (0,0,1)",[111,10432],{},[114,10434,10435],{"id":559},[486,10436,560],{},[101,10438,10439],{},"PythonによるBlenderスクリプトは、ワークフローを拡張し、パーソナライズするための最も強力な方法の一つです。",[101,10441,10442,10443,10445],{},"この記事では、スクリプトの作成と実行方法、3D空間で最初の「Hello World」を表示する方法、そして",[146,10444,4876],{},"モジュールを使ってBlenderを思い通りに動かす方法を見てきました。",[101,10447,10448],{},"一見するとスクリプトは難しそうに感じるかもしれませんが、見てきたように、ほんの数行でもまったく新しい可能性への扉が開きます！",[101,10450,10451],{},"あとはあなたの番です。退屈な作業は自動化し、制作スタジオのパイプライン用のツールは最初から作り上げましょう。できます！",[84,10453,10455,10458],{"className":10454},[87,88,89],[84,10456,576],{"className":10457},[93],[84,10459,1910,10461,10464],{"className":10460},[98],[266,10462,6624],{"href":583,"rel":10463},[585],"！ 私たちはベストプラクティスを共有する1,000人以上の専門家とつながっており、時には対面イベントも企画しています。ぜひあなたを歓迎したいです！😊",[84,10466,10468],{"className":10467},[87,591,592],[266,10469,598],{"href":583,"className":10470},[596,597],{"title":168,"searchDepth":600,"depth":600,"links":10472},[10473,10474,10475,10476,10477,10478,10479],{"id":9662,"depth":600,"text":9665},{"id":9697,"depth":600,"text":9700},{"id":9754,"depth":600,"text":9757},{"id":9835,"depth":600,"text":9838},{"id":10064,"depth":600,"text":10067},{"id":10162,"depth":600,"text":10165},{"id":559,"depth":600,"text":560},"https://images.unsplash.com/photo-1760548425425-e42e77fa38f1?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3wxMTc3M3wwfDF8c2VhcmNofDd8fCUyMHNjcmlwdGluZ3xlbnwwfHx8fDE3NjA2MTMxODl8MA&ixlib=rb-4.1.0&q=80&w=2000",{"updated_at":10482,"featured_at":612,"visibility":613},"2026-02-20T06:04:03.000+01:00","/blog-i18n/ja/blender-scripting-animation","2025-10-21T10:00:42.000+02:00",{"title":9636,"description":168},"blender-scripting-animation","blog-i18n/ja/blender-scripting-animation/index",[10489,10490],{"id":620,"name":621,"slug":622,"description":7,"feature_image":7,"visibility":613,"og_image":7,"og_title":7,"og_description":7,"twitter_image":7,"twitter_title":7,"twitter_description":7,"meta_title":7,"meta_description":7,"codeinjection_head":7,"codeinjection_foot":7,"canonical_url":7,"accent_color":7,"url":623},{"id":3465,"name":20,"slug":21,"description":7,"feature_image":7,"visibility":613,"og_image":7,"og_title":7,"og_description":7,"twitter_image":7,"twitter_title":7,"twitter_description":7,"meta_title":7,"meta_description":7,"codeinjection_head":7,"codeinjection_foot":7,"canonical_url":7,"accent_color":7,"url":3466},"NijcIXb7bCm7ihcnD1FGpArXKjDyaWOvCTdNCWywkhE",{"id":10493,"title":10494,"authors":10495,"body":10497,"description":168,"extension":608,"feature_image":11050,"html":7,"meta":11051,"navigation":11,"path":11053,"published_at":11054,"seo":11055,"slug":11056,"stem":11057,"tags":11058,"__hash__":11061,"updated_at":11052,"featured_at":612,"visibility":613},"blog/blog-i18n/ja/dcc-integration-blender-kitsu/index.md","BlenderからKitsuへ：カスタムDCCブリッジの作り方（2026）",[10496],{"id":76,"name":77,"slug":78,"profile_image":7,"cover_image":7,"bio":7,"website":7,"location":7,"facebook":7,"twitter":7,"meta_title":7,"meta_description":7,"threads":7,"bluesky":7,"mastodon":7,"tiktok":7,"youtube":7,"instagram":7,"linkedin":7,"url":79},{"type":81,"value":10498,"toc":11041},[10499,10509,10521,10524,10527,10530,10532,10538,10545,10555,10564,10573,10575,10581,10584,10590,10597,10604,10607,10610,10612,10618,10644,10647,10650,10656,10659,10666,10680,10683,10686,10694,10703,10713,10718,10726,10731,10741,10744,10750,10753,10778,10789,10791,10797,10800,10803,10823,10857,10860,10868,10871,10877,10887,10889,10895,10898,10901,10921,10924,10927,10936,10939,10945,10948,10958,10960,10966,10969,10991,11001,11003,11007,11010,11013,11022,11035],[84,10500,10502,10505],{"className":10501},[87,88,89],[84,10503,9647],{"className":10504},[93],[84,10506,10508],{"className":10507},[98],"制作ツール同士が制作管理トラッカーと会話できたらいいのに…と思ったことはありませんか？カスタムDCC連携があれば、ようやくそれが可能になります。BlenderとKitsuの間で起きがちな手作業のアップロード、バージョンの不一致、そして時間のロス—もうそんな手間とはおさらばです。",[101,10510,10511,10512,3793,10514,3793,10517,10520],{},"アーティストは物語を形にするために、",[486,10513,20],{},[486,10515,10516],{},"Maya",[486,10518,10519],{},"Houdini"," のようなデジタル・コンテンツ・クリエイション（DCC）ツールに頼っています。",[101,10522,10523],{},"しかし、クリエイティブ作業はこれらのツールの中で行われる一方で、制作のトラッキングは別の場所で行われます。この断絶は、バージョン不一致、繰り返し作業になる手動アップロードで失われる時間、そして結果的に「作る時間」が減ることにつながり得ます。DCCソフトと制作トラッカーの間にスムーズな接続がないと、パイプラインが損なわれてしまいます。",[101,10525,10526],{},"そこで役立つのが、カスタム連携です。",[101,10528,10529],{},"この記事では、Kitsu Publisherと同様の考え方で、BlenderからKitsuへ3Dモデルのプレビュ―を公開するためのKitsuにおけるBlender連携の基本を解説します。",[111,10531],{},[114,10533,10535],{"id":10534},"what%E2%80%99s-a-dcc-integration",[486,10536,10537],{},"DCC連携とは？",[101,10539,10540,10541,10544],{},"DCC連携とは、",[486,10542,10543],{},"クリエイティブ用ソフトと、別のソフトウェアツールの間をつなぐ「ブリッジ」","のことです。たとえば制作トラッカーのようなものです。",[101,10546,10547,10548,10554],{},"例えば、ファイルを書き出し、ウェブブラウザを開いて、バージョンを手作業でアップロードする代わりに、連携によって",[266,10549,4172,10551],{"href":10550},"https://blog.cg-wire.com/working-with-multiple-digital-content-creation-tools/",[4123,10552,10553],{},"選んだツールから直接公開できるようにする","ことが可能になります。",[101,10556,10557,10558],{},"連携は、",[266,10559,4172,10561],{"href":10560},"https://blog.cg-wire.com/rendering-explained/",[4123,10562,10563],{},"複雑なレンダリングパイプラインの管理",[101,10565,10566,10567,10572],{},",",[266,10568,4172,10569],{"href":3392},[4123,10570,10571],{},"アセットの保存とバージョン管理","、あるいはプレビュー画像の生成など、さまざまな作業を担えます。面倒な制作工程を自動化することで、アーティストが「物語を伝える」ことに集中できるようになります。",[111,10574],{},[114,10576,10578],{"id":10577},"why-dcc-integration",[486,10579,10580],{},"なぜDCC連携なのか？",[101,10582,10583],{},"どのスタジオも、いずれは同じボトルネックに突き当たります。プロジェクトが成長するほど、手作業のプロセスは破綻しやすくなるのです。",[101,10585,10586,10589],{},[486,10587,10588],{},"連携は時間を節約します","。ソフト間で文脈を切り替える必要がなくなるためです。",[101,10591,10592,10593,10596],{},"また、命名規則、フォーマット、メタデータの整合性を強制することで、",[486,10594,10595],{},"繰り返し作業によるエラーを減らす","ことにもつながります。",[101,10598,10599,10600,10603],{},"最後に、監督者やプロデューサーへリアルタイムの更新を届けることで、",[486,10601,10602],{},"プロジェクト管理とコミュニケーションを改善する","ことができます。",[101,10605,10606],{},"すべてのプロのアニメーションスタジオはパイプラインに依存しており、DCC連携は不可欠です。",[101,10608,10609],{},"具体例として、BlenderからKitsuへプレビューをアップロードするスクリプト連携を作って、チームでの作業レビューを簡単にしてみましょう。",[111,10611],{},[114,10613,10615],{"id":10614},"_1-getting-started",[486,10616,10617],{},"1. はじめに",[84,10619,10621,10624],{"className":10620},[87,88,9726],[84,10622,669],{"className":10623},[93],[84,10625,10627,10631,10633,10635,10636,10638,1094,10640],{"className":10626},[98],[674,10628,10629],{},[486,10630,2019],{"style":678},[534,10632],{},[534,10634],{},"このガイドで紹介している、Blender–Kitsu連携の完全なソースコードは、GitHubで確認できます：",[534,10637],{},[534,10639],{},[266,10641,10643],{"href":10642},"https://github.com/cgwire/blender-kitsu-dcc-integration-example?ref=blog.cg-wire.com","github.com/cgwire/blender-kitsu-dcc-integration-example",[101,10645,10646],{},"スクリプトに取りかかる前に、安全に連携をテストできるローカルのKitsuインスタンスを用意しましょう。",[101,10648,10649],{},"Kitsuをローカルで最も簡単に動かす方法は、kitsu-dockerリポジトリを使うことです。リポジトリをマシンにクローンし、手順に従ってください：",[188,10651,10652],{},[146,10653,10655],{"className":10654},[193],"git clone \u003Chttps://github.com/cgwire/kitsu-docker.git>\ncd kitsu-docker\ndocker build -t cgwire/cgwire .\ndocker run --init -ti --rm -p 80:80 -p 1080:1080 --name cgwire cgwire/cgwire",[101,10657,10658],{},"これで、Kitsu、postgresデータベース、そしてそれを支えるコンポーネントがすべて起動します。",[101,10660,10661,10662,10665],{},"コンテナが動き出したら、ブラウザで ",[146,10663,10664],{},"http://localhost:80"," を開いてください。デフォルトの認証情報は以下です：",[1148,10667,10668,10674],{},[1151,10669,10670,10673],{},[486,10671,10672],{},"Email",": admin@example.com",[1151,10675,10676,10679],{},[486,10677,10678],{},"Password:"," mysecretpassword",[101,10681,10682],{},"Kitsuのダッシュボードに移動します。",[101,10684,10685],{},"プレビューをアップロードする前に、アップロード先が必要です。Kitsuでは：",[3067,10687,10688],{},[1151,10689,10690,10691,10693],{},"サイドバーの \"",[486,10692,5491],{},"\" ページからアクセスして、新しい制作（例：Blender Test Project）を作成します。",[158,10695,10697],{"className":10696},[87,161],[163,10698],{"src":10699,"className":10700,"alt":168,"loading":169,"width":10701,"height":10702},"https://blog.cg-wire.com/content/images/2025/10/CleanShot-2025-10-13-at-9---.26.46-1.png",[167],206,479,[158,10704,10706],{"className":10705},[87,161],[163,10707],{"src":10708,"className":10709,"alt":168,"loading":169,"width":10710,"height":10711,"srcSet":10712,"sizes":173},"https://blog.cg-wire.com/content/images/2025/10/data-src-image-0e43401b-afb6-4345-b773-db3d9b03bed3.png",[167],946,914,"https://blog.cg-wire.com/content/images/size/w600/2025/10/data-src-image-0e43401b-afb6-4345-b773-db3d9b03bed3.png 600w, https://blog.cg-wire.com/content/images/2025/10/data-src-image-0e43401b-afb6-4345-b773-db3d9b03bed3.png 946w",[3067,10714,10715],{"start":600},[1151,10716,10717],{},"制作の中でアセットを作成します。",[158,10719,10721],{"className":10720},[87,161],[163,10722],{"src":10723,"className":10724,"alt":168,"loading":169,"width":10710,"height":10711,"srcSet":10725,"sizes":173},"https://blog.cg-wire.com/content/images/2025/10/data-src-image-83cce3b0-70a0-486d-87e7-4914a5304262.png",[167],"https://blog.cg-wire.com/content/images/size/w600/2025/10/data-src-image-83cce3b0-70a0-486d-87e7-4914a5304262.png 600w, https://blog.cg-wire.com/content/images/2025/10/data-src-image-83cce3b0-70a0-486d-87e7-4914a5304262.png 946w",[3067,10727,10728],{"start":4819},[1151,10729,10730],{},"アセットを作成すると、制作作成時に選択したタスクカテゴリに応じて、自動的に新しいタスクが追加されます。これらを使ってプレビューをアップロードできます。",[101,10732,10733,10734,10740],{},"Kitsuをプログラム的に操作するには、",[266,10735,4172,10737],{"href":10736},"https://github.com/cgwire/gazu?ref=blog.cg-wire.com",[4123,10738,10739],{},"gazu（Kitsu API向けの公式Pythonクライアント）を使用します","。認証、エンティティの作成、そしてスクリプトからのプレビューの直接アップロードが可能になります。",[101,10742,10743],{},"インストールは：",[188,10745,10746],{},[146,10747,10749],{"className":10748},[193],"pip install gazu",[101,10751,10752],{},"次に、ユーザー名とパスワードでKitsuインスタンスに認証します：",[188,10754,10755,10769],{},[146,10756,1192,10758,10764],{"className":10757},[260],[101,10759,5630,10760,10763],{},[266,10761,1197],{"href":1197,"rel":10762},[270],">\")",[101,10765,10766,10767,280],{},"user = gazu.log_in(\"",[266,10768,279],{"href":278},[101,10770,10771],{},[146,10772,10774,10775,288],{"className":10773},[260],"print(\"Logged in as:\", user['user']",[285,10776,10777],{},"'full_name'",[101,10779,10780,10782,10783,680],{},[534,10781],{},"ログインできたら、",[266,10784,4172,10786],{"href":10785},"https://gazu.cg-wire.com/?ref=blog.cg-wire.com",[4123,10787,10788],{},"gazuを使って制作、アセット、タスクを取得し、それらにメディアファイルを紐づけます",[111,10790],{},[114,10792,10794],{"id":10793},"_2-creating-a-preview-from-blender",[486,10795,10796],{},"2. Blenderからプレビューを作成する",[101,10798,10799],{},"プレビュ―レンダ―を制作することは、アニメーターにとってよくある用途です。制作段階を通して定期的なフィードバックを得る必要があり、プレビューは、プロジェクト全体を読み込むよりも判断しやすいからです。",[101,10801,10802],{},"これは、BlenderのPython APIで自動化できます。ビューポートのキャプチャを設定して1フレームだけレンダリングし、出力を一時フォルダに保存し、さらにスタジオ全体のレンダリング設定（解像度、フォーマット、水印）を適用します：",[188,10804,10805,10817],{},[146,10806,4598,10808,10811,10814],{"className":10807},[260],[101,10809,10810],{},"bpy.ops.wm.open_mainfile(filepath=\"./project.blend\")",[101,10812,10813],{},"bpy.context.scene.render.resolution_x = 256\nbpy.context.scene.render.resolution_y = 256\nbpy.context.scene.render.resolution_percentage = 100",[101,10815,10816],{},"bpy.context.scene.render.image_settings.file_format = 'PNG'\nbpy.context.scene.render.filepath = \"./preview.png\"",[101,10818,10819],{},[146,10820,10822],{"className":10821},[260],"bpy.ops.render.render(write_still=True)",[1148,10824,10825,10830,10839,10847],{},[1151,10826,10827,10829],{},[146,10828,4598],{},": BlenderのPython APIを読み込みます",[1151,10831,674,10832,10007,10835,10838],{},[146,10833,10834],{},"py.ops.wm.open_mainfile(filepath=\"./project.blend\")",[146,10836,10837],{},"project.blend"," という既存のBlenderプロジェクトファイルを開きます",[1151,10840,10841,10846],{},[146,10842,10843,10844],{},"bpy.context.scene.render.resolution_x = 256 ",[285,10845,2248],{},"We configure the render resolution to 256 pixels by 256 pixels with no downscale.",[1151,10848,10849,10852,10853,10856],{},[146,10850,10851],{},"bpy.context.scene.render.image_settings.file_format = 'PNG'",": 出力フォーマットをPNGに設定し、シーンのスティルレンダ―を実行する前に、出力先を ",[146,10854,10855],{},"preview.png"," に定義します。",[101,10858,10859],{},"このスクリプトにより、軽量なプレビュー用ファイルが生成されます。Kitsuに保存するのが簡単で、監督者が素早く確認できるようになります。",[158,10861,10863],{"className":10862},[87,161],[163,10864],{"src":10865,"className":10866,"alt":168,"loading":169,"width":10710,"height":10711,"srcSet":10867,"sizes":173},"https://blog.cg-wire.com/content/images/2025/10/data-src-image-e936efc9-2c3b-43ea-86f7-8845bdc6c50f.png",[167],"https://blog.cg-wire.com/content/images/size/w600/2025/10/data-src-image-e936efc9-2c3b-43ea-86f7-8845bdc6c50f.png 600w, https://blog.cg-wire.com/content/images/2025/10/data-src-image-e936efc9-2c3b-43ea-86f7-8845bdc6c50f.png 946w",[101,10869,10870],{},"実行するには、bpyパッケージをインストールして、他のPythonスクリプトと同様にプログラムを起動するだけです：",[188,10872,10873],{},[146,10874,10876],{"className":10875},[193],"python3 preview.py",[158,10878,10880],{"className":10879},[87,161],[163,10881],{"src":10882,"className":10883,"alt":168,"loading":169,"width":10884,"height":10885,"srcSet":10886},"https://blog.cg-wire.com/content/images/2025/10/data-src-image-8fc4a1a4-01c7-4fcb-a8a6-b5d50588d6b8.png",[167],687,768,"https://blog.cg-wire.com/content/images/size/w600/2025/10/data-src-image-8fc4a1a4-01c7-4fcb-a8a6-b5d50588d6b8.png 600w, https://blog.cg-wire.com/content/images/2025/10/data-src-image-8fc4a1a4-01c7-4fcb-a8a6-b5d50588d6b8.png 687w",[111,10888],{},[114,10890,10892],{"id":10891},"_3-uploading-a-preview-to-kitsu",[486,10893,10894],{},"3. プレビューをKitsuへアップロードする",[101,10896,10897],{},"プレビュー用ファイルの準備ができたら、最後のステップはgazuを使ってデータをKitsuに送り込むことです。",[101,10899,10900],{},"まず、先ほど作成したタスクを取得します：",[188,10902,10903,10912],{},[146,10904,10906,10907],{"className":10905},[260],"projects = gazu.project.all_projects()",[101,10908,10909,10910,288],{},"assets = gazu.asset.all_assets_for_project(projects",[285,10911,1294],{},[101,10913,10914],{},[146,10915,10917,10918,10920],{"className":10916},[260],"tasks = gazu.task.all_tasks_for_asset(assets",[285,10919,1294],{},")\ntask_status = gazu.task.get_task_status_by_short_name(\"todo\")",[101,10922,10923],{},"このために、まず利用可能な制作の一覧を取得し、次に新しく作成した制作のアセットを取得し、最後にこのアセットに割り当てられたタスクを取得します。",[101,10925,10926],{},"プレビュー用ファイルをタスクに紐づけながら、タスクに対するコメントを公開します：",[188,10928,10929],{},[146,10930,10932,10933,10935],{"className":10931},[260],"(comment, preview_file) = gazu.task.publish_preview(\n tasks",[285,10934,1294],{},",\n task_status,\n    comment=\"upload preview\",\n    preview_file_path=\"./preview.png\"\n)",[101,10937,10938],{},"そしてスクリプトを実行します：",[188,10940,10941],{},[146,10942,10944],{"className":10943},[193],"python3 upload.py",[101,10946,10947],{},"アップロード後、ファイルはすぐにKitsuのWebインターフェースで利用可能になります。監督者はそれを確認し、フィードバックを残し、ステータスをマークできます。アーティスト側での手作業によるファイルのやりくりは一切不要です。",[158,10949,10951],{"className":10950},[87,161],[163,10952],{"src":10953,"className":10954,"alt":168,"loading":169,"width":10955,"height":10956,"srcSet":10957,"sizes":173},"https://blog.cg-wire.com/content/images/2025/10/data-src-image-e9710dd1-d727-4e9f-85f8-9db075a159f4.png",[167],955,931,"https://blog.cg-wire.com/content/images/size/w600/2025/10/data-src-image-e9710dd1-d727-4e9f-85f8-9db075a159f4.png 600w, https://blog.cg-wire.com/content/images/2025/10/data-src-image-e9710dd1-d727-4e9f-85f8-9db075a159f4.png 955w",[111,10959],{},[114,10961,10963],{"id":10962},"_4-distribution",[486,10964,10965],{},"4. 配布",[101,10967,10968],{},"スクリプトが動くようになったら、使ったり共有したりする方法はいくつかあります：",[1148,10970,10971,10979,10985],{},[1151,10972,10973,3978,10976,10978],{},[486,10974,10975],{},"Blender内で直接実行する",[702,10977,4585],{}," ワークスペースを開き、そこからスクリプトを実行します。",[1151,10980,10981,10984],{},[486,10982,10983],{},"コマンドラインから実行する"," - 先ほどと同様に、任意のPythonプログラムと同じようにターミナルからスクリプトを起動できます。",[1151,10986,10987,10990],{},[486,10988,10989],{},"アドオンとしてパッケージ化する"," - Blenderの環境設定から有効化でき、さらに使いやすいように独自のユーザーインターフェースを設計することも可能です。",[101,10992,10993,10994,11000],{},"UI付きの完全なアドオンを作り、アーティストに対して連携を共有できるようにするのが理想ですが、これはかなり大きなテーマであり、ここでは扱いません。さらに詳しく知りたい場合は、",[266,10995,4172,10997],{"href":10996},"https://docs.blender.org/manual/en/latest/advanced/scripting/addon_tutorial.html?ref=blog.cg-wire.com",[4123,10998,10999],{},"公式のBlenderアドオンチュートリアル","をご覧ください。そして続報もお待ちください。将来の投稿で、これをさらに詳しく取り上げます！",[111,11002],{},[114,11004,11005],{"id":559},[486,11006,974],{},[101,11008,11009],{},"DCCパイプラインの連携は、効率的なアニメーションスタジオにとって基盤です。BlenderのようなツールをKitsuへ直接つなぐことで、摩擦を減らし、コミュニケーションを改善し、アーティストと制作管理者の双方にとって仕事を楽にできます。",[101,11011,11012],{},"連携の恩恵を見るために、大規模なパイプラインチームは必要ありません。小さなスタジオでも、まずはシンプルに始め、いくつかのつらいポイントを自動化し、必要に応じて時間とともに段階的に拡張していくことができます。",[101,11014,11015,11021],{},[266,11016,11018],{"href":11017},"https://github.com/cgwire/kitsu-publisher-next?ref=blog.cg-wire.com#readme",[4123,11019,11020],{},"Kitsu Publisherのドキュメントを確認する","ことで、Blender、Toon Boom Harmony、Unreal Engine向けの本番環境対応のDCC連携ソリューションを見つけられます。",[84,11023,11025,11028],{"className":11024},[87,88,89],[84,11026,576],{"className":11027},[93],[84,11029,2917,11031,11034],{"className":11030},[98],[266,11032,6624],{"href":583,"rel":11033},[585],"！ベストプラクティスを共有する1,000人以上の専門家とつながっており、時には現地でのイベントも企画しています。ぜひ歓迎します！ 😊",[84,11036,11038],{"className":11037},[87,591,592],[266,11039,598],{"href":583,"className":11040},[596,597],{"title":168,"searchDepth":600,"depth":600,"links":11042},[11043,11044,11045,11046,11047,11048,11049],{"id":10534,"depth":600,"text":10537},{"id":10577,"depth":600,"text":10580},{"id":10614,"depth":600,"text":10617},{"id":10793,"depth":600,"text":10796},{"id":10891,"depth":600,"text":10894},{"id":10962,"depth":600,"text":10965},{"id":559,"depth":600,"text":974},"https://images.unsplash.com/photo-1580894894513-541e068a3e2b?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3wxMTc3M3wwfDF8c2VhcmNofDV8fFNvZnR3YXJlJTIwaW50ZWdyYXRpb258ZW58MHx8fHwxNzYwMzE0NjM1fDA&ixlib=rb-4.1.0&q=80&w=2000",{"updated_at":11052,"featured_at":612,"visibility":613},"2026-02-20T06:04:22.000+01:00","/blog-i18n/ja/dcc-integration-blender-kitsu","2025-10-14T11:23:34.000+02:00",{"title":10494,"description":168},"dcc-integration-blender-kitsu","blog-i18n/ja/dcc-integration-blender-kitsu/index",[11059,11060],{"id":3465,"name":20,"slug":21,"description":7,"feature_image":7,"visibility":613,"og_image":7,"og_title":7,"og_description":7,"twitter_image":7,"twitter_title":7,"twitter_description":7,"meta_title":7,"meta_description":7,"codeinjection_head":7,"codeinjection_foot":7,"canonical_url":7,"accent_color":7,"url":3466},{"id":620,"name":621,"slug":622,"description":7,"feature_image":7,"visibility":613,"og_image":7,"og_title":7,"og_description":7,"twitter_image":7,"twitter_title":7,"twitter_description":7,"meta_title":7,"meta_description":7,"codeinjection_head":7,"codeinjection_foot":7,"canonical_url":7,"accent_color":7,"url":623},"20bHK19sNC42GI-j8-y1JO3g9anGfJzJmaosj59Mmds",{"id":11063,"title":11064,"authors":11065,"body":11075,"description":168,"extension":608,"feature_image":11411,"html":7,"meta":11412,"navigation":11,"path":11414,"published_at":11415,"seo":11416,"slug":11417,"stem":11418,"tags":11419,"__hash__":11421,"updated_at":11413,"featured_at":612,"visibility":613},"blog/blog-i18n/ja/animation-file-formats-guide/index.md","アニメーションのファイル拡張子：2026年に知っておくべきこと",[11066],{"id":11067,"name":11068,"slug":11069,"profile_image":11070,"cover_image":7,"bio":11071,"website":7,"location":11072,"facebook":7,"twitter":11073,"meta_title":7,"meta_description":7,"threads":7,"bluesky":7,"mastodon":7,"tiktok":7,"youtube":7,"instagram":7,"linkedin":7,"url":11074},"5fe9b27094f20f00398a1673","Gwénaëlle Dupré","gwen","https://blog.cg-wire.com/content/images/2020/12/profile_pics.png","Product Manager at CGWire","Paris, France","@gelnior","https://blog.cg-wire.com/author/gwen/",{"type":81,"value":11076,"toc":11404},[11077,11088,11091,11094,11097,11100,11102,11108,11111,11137,11147,11150,11152,11158,11168,11208,11216,11218,11224,11227,11235,11253,11268,11270,11276,11283,11286,11325,11334,11337,11346,11366,11369,11371,11375,11378,11381,11384,11398],[84,11078,11080,11084],{"className":11079},[87,88,89],[84,11081,11083],{"className":11082},[93],"📁",[84,11085,11087],{"className":11086},[98],"ファイル形式は、あらゆるアニメーション制作パイプラインの土台であり、適切な形式を選ぶことで手戻りの作業を数時間節約できます。制作の各段階において、最適な形式を選ぶ方法を紹介します。",[101,11089,11090],{},"\"このデータは、どの形式で書き出せばいい？\"",[101,11092,11093],{},"いきなり、アルファベットだらけの略語に直面します。GIF、MP4、MOV、WebM……そして、これで終わりではありません。",[101,11095,11096],{},"それぞれの形式には独自のルールがあります。ループするアニメーションのミームに最適なものもあれば、高解像度の動画に向いているものもあり、デジタルコンテンツ制作のプロジェクトを素早く共有できるものもあります。しかし、間違った形式を選ぶと、悪いトポロジー、肥大化、連携できないプラットフォームによって、せっかくの作業が台無しになることがあります。",[101,11098,11099],{},"だからこそ、この記事では、各アニメーション用ファイル形式が何をもって独自なのか、どこで強みを発揮し、どこで弱いのかを学べるようにまとめました。さっそく始めましょう！",[111,11101],{},[114,11103,11105],{"id":11104},"_1-nativesoftware-specific-formats",[486,11106,11107],{},"1. ネイティブ／ソフト固有の形式",[101,11109,11110],{},"主要な3D／2Dアニメーションソフトのそれぞれには、プロジェクトのあらゆる情報を記録するためのネイティブファイル形式があります。ジオメトリやテクスチャから、リギング、シーン構成、アニメーション、ライティング、さらにはレンダリング設定まで。これらの形式は、同じソフトのエコシステム内で作業しているときに非常に役立ちます：",[1148,11112,11113,11119,11125,11131],{},[1151,11114,11115,11118],{},[486,11116,11117],{},".BLEND"," — BLEND形式は、オープンソースのエコシステムで動作するBlenderのネイティブプロジェクトファイルです。",[1151,11120,11121,11124],{},[486,11122,11123],{},".MB / .MA"," — Maya Binary（.MB）とMaya ASCII（.MA）は、Autodesk Mayaの標準形式です。どちらもモデル、リグ、アニメーションを含む完全なシーンデータを保存しますが、用途はわずかに異なります。バイナリファイルはコンパクトで効率的です。一方、ASCIIファイルはプレーンテキストで書かれているため、デバッグやバージョン管理システムでの管理がしやすくなります。Mayaの形式は映画、VFX、AAAゲームで長年の業界標準となっていますが、欠点として、独自仕様で高価なソフトウェアライセンスに紐づく点があります。",[1151,11126,11127,11130],{},[486,11128,11129],{},".MAX"," — .MAX形式はAutodesk 3ds Maxにネイティブで、特に建築ビジュアライゼーションやモーショングラフィックスで強みを発揮します。映画やVFXでMayaほど支配的ではないものの、建築レンダリングやゲームアセット制作といった分野では、.MAXファイルが重要な基盤となっています。",[1151,11132,11133,11136],{},[486,11134,11135],{},".C4D"," — モーショングラファーにとって、.C4D形式はCinema 4Dプロジェクトの基盤です。MoGraphのような高度なセットアップなど、Cinema 4Dをモーショングラフィックスで特に強力にする要素も含め、シーンのあらゆる詳細を取り込みます。この形式の強みは、Adobe After Effectsのような他のAdobeツールとのシームレスな連携にあります。これが、広告・デザイン業界で好まれる理由になっています。",[158,11138,11140],{"className":11139},[87,161],[163,11141],{"src":11142,"className":11143,"alt":168,"loading":169,"width":11144,"height":11145,"srcSet":11146,"sizes":173},"https://blog.cg-wire.com/content/images/2025/10/data-src-image-775fa889-ad23-49d9-81a3-6e32161aa863.png",[167],1105,674,"https://blog.cg-wire.com/content/images/size/w600/2025/10/data-src-image-775fa889-ad23-49d9-81a3-6e32161aa863.png 600w, https://blog.cg-wire.com/content/images/size/w1000/2025/10/data-src-image-775fa889-ad23-49d9-81a3-6e32161aa863.png 1000w, https://blog.cg-wire.com/content/images/2025/10/data-src-image-775fa889-ad23-49d9-81a3-6e32161aa863.png 1105w",[101,11148,11149],{},"各ファイル形式の欠点は、移植性（ポータビリティ）が限定的なことです。あるソフトで作成したファイルは、別のソフトで開こうとすると、変換やデータ損失なしには難しい、または不可能であることが多いため、クロスプラットフォームでの共同作業には向きにくくなります。そこでアニメーターは交換形式を使います。",[111,11151],{},[114,11153,11155],{"id":11154},"_2-exchangeinterchange-formats",[486,11156,11157],{},"2. 交換／インターチェンジ形式",[101,11159,11160,11161,11167],{},"交換形式は",[266,11162,4172,11164],{"href":11163},"https://blog.cg-wire.com/getting-started-with-export-in-blender/",[4123,11165,11166],{},"異なる3Dツール間でモデルやアニメーションを受け渡す","ために使えます：",[1148,11169,11170,11181,11188,11195,11201],{},[1151,11171,11172,11173,11176,11177,11180],{},"現代のワークフローでは、",[486,11174,11175],{},".GLTF"," と ",[486,11178,11179],{},".GLB"," が「3DのJPEG」として登場してきました。Khronos Groupによって開発されたこれらの形式は、Webとリアルタイムレンダリングを念頭に作られています。ジオメトリ、PBR（物理ベースレンダリング）マテリアル、アニメーション、さらにはシーン階層にも対応しています。.GLBはバイナリ版で、すべてをコンパクトなパッケージに収めてくれるため、ゲームエンジンやAR／VRアプリケーションで特に効率的です。",[1151,11182,11183,11184,11187],{},"対照的に、",[486,11185,11186],{},".OBJ","形式は、最もシンプルで古い部類の交換標準のひとつです。ジオメトリだけに焦点を当て、頂点、辺、面を保存し、テクスチャやマテリアルは任意で対応します。アニメーションやリギングには対応しませんが、その強みは信頼性と汎用性にあります。ほぼすべての3DプログラムがOBJファイルの読み込みと書き出しを行えるのです。静的モデルやアセット共有の定番として広く使われています。",[1151,11189,11190,11191,11194],{},"最も広く認知されている交換形式のひとつが ",[486,11192,11193],{},".FBX","（Filmbox）でもあります。これはソフト間でアニメーションやリグ付きアセットを受け渡すための基盤として確立されました。もともとはKaydaraによって開発され、その後Autodeskに買収されました。メッシュ、ボーン、スキニング、キーフレーム、カメラ、ライトに対応しており、とても汎用性が高いです。UnityやUnrealのようなゲームエンジンはFBXに強く依存しており、アニメーションパイプラインの標準になっています。ただし独自仕様なので、ツールによってバージョンの不整合や変換時の癖が起きることがあります。",[1151,11196,11197,11200],{},[486,11198,11199],{},".DAE","（Collada）形式は、相互運用性を促すためのオープン標準として設計されました。「COLLAborative Design Activity」の略で、ジオメトリとアニメーションデータの両方を保存できます。Colladaは初期の頃に大きく採用されましたが、FBXやglTFが勢いを得るにつれて人気は低下しました。それでも、独自仕様のソリューションよりオープン標準を優先するパイプラインでは役に立ちます。",[1151,11202,11203,11204,11207],{},"最後に ",[486,11205,11206],{},".USD","（Universal Scene Description）と、その派生である .USDA（ASCII）および .USDC（バイナリ）は、Pixarが現代のパイプライン向けに用意した意欲的な解決策です。USDはアニメーションやシミュレーションの保存を超え、3Dシーン、アセット、ワークフローを大規模に管理するためのフルな枠組みです。非破壊編集、レイヤー、複雑な階層への対応といった機能により、スタジオで急速に支持され、Maya、Houdini、Blenderのようなツールにもますます統合されています。まだ比較的新しいものの、USDは大規模制作、特にVFXや共同作業のパイプラインにおける将来の標準として急速に位置付けを進めています。",[158,11209,11211],{"className":11210},[87,161],[163,11212],{"src":11213,"className":11214,"alt":168,"loading":169,"width":11144,"height":11145,"srcSet":11215,"sizes":173},"https://blog.cg-wire.com/content/images/2025/10/data-src-image-fef19519-ed43-4e90-99bd-7377f6866787.png",[167],"https://blog.cg-wire.com/content/images/size/w600/2025/10/data-src-image-fef19519-ed43-4e90-99bd-7377f6866787.png 600w, https://blog.cg-wire.com/content/images/size/w1000/2025/10/data-src-image-fef19519-ed43-4e90-99bd-7377f6866787.png 1000w, https://blog.cg-wire.com/content/images/2025/10/data-src-image-fef19519-ed43-4e90-99bd-7377f6866787.png 1105w",[111,11217],{},[114,11219,11221],{"id":11220},"_3-simulations-motion-capture",[486,11222,11223],{},"3. シミュレーション＆モーションキャプチャ",[101,11225,11226],{},"物理シミュレーションのように大量のデータを生成するプロシージャルツールでは、より効率的な交換用ファイル形式が使われます：",[1148,11228,11229],{},[1151,11230,11231,11234],{},[486,11232,11233],{},".BVH","（Biovision Hierarchy）形式は、モーションキャプチャの世界で長く定番として使われてきました。これは、ボーン階層やモーションカーブを含むスケルトンベースのアニメーションデータを保存するために開発されたもので、モーションキャプチャデータ（mocap）を3Dソフトへ受け渡すための、手軽な方法になっています。BVHはやや古めで、高度な機能の面では制限がありますが、それでも人気があるのは、シンプルで、アニメーションツール全般に幅広く対応しているからです。特にキャラクターのモーションキャプチャワークフローではよく使われます。",[158,11236,11238,11245],{"className":11237},[87,161,689],[163,11239],{"src":11240,"className":11241,"alt":168,"loading":169,"width":11242,"height":11243,"srcSet":11244,"sizes":173},"https://blog.cg-wire.com/content/images/2025/10/data-src-image-b81d8932-aa6e-4061-96b7-03a938ca1ba6.png",[167],1200,709,"https://blog.cg-wire.com/content/images/size/w600/2025/10/data-src-image-b81d8932-aa6e-4061-96b7-03a938ca1ba6.png 600w, https://blog.cg-wire.com/content/images/size/w1000/2025/10/data-src-image-b81d8932-aa6e-4061-96b7-03a938ca1ba6.png 1000w, https://blog.cg-wire.com/content/images/2025/10/data-src-image-b81d8932-aa6e-4061-96b7-03a938ca1ba6.png 1200w",[696,11246,11247],{},[699,11248,11249],{},[702,11250,11252],{"className":11251,"style":678},[705],"Source: 3DArt.it",[1148,11254,11255,11261],{},[1151,11256,11257,11260],{},[486,11258,11259],{},".MDD","形式（Mesh Deformation Dataの略）は、別の目的のためのものです。スケルトンやリグに焦点を当てるのではなく、メッシュの頂点が時間とともにどう動くかを記録し、モーフターゲットやソフトボディのダイナミクスといったベイク済みの変形を保存します。ただし、MDDファイルはかなり大きくなり得て、特定のメッシュにアニメーションを固定してしまうため、リグ付きアニメーション形式ほどの柔軟性がありません。とはいえ、正確な変形データを保持する必要があるベイク済みシミュレーションの受け渡しには役立ちます（たとえば、HoudiniのクロスシミュレーションをLightWaveやMayaでレンダリングするために書き出すケースなど）。",[1151,11262,11263,11264,11267],{},"より複雑なニーズには、",[486,11265,11266],{},".ABC","（Alembic）形式が強力です。Sony Pictures ImageworksとLucasfilmによって開発され、重い制作ワークフローを扱うためのものです。粒子、クロス、流体、破壊可能な環境のような複雑なシミュレーションを、効率的なキャッシュファイルへベイクすることに優れています。さらに、そのキャッシュは複数のアプリケーションで読み取れます。FBXやBVHのような形でリギングやプロシージャルアニメーションを直接サポートするわけではありませんが、巨大なデータセットに対する信頼性の高さから、AlembicはVFXと映画制作で信頼される標準として定着しました。",[111,11269],{},[114,11271,11273],{"id":11272},"_4-renderingoutput-formats",[486,11274,11275],{},"4. レンダリング／出力形式",[101,11277,4172,11278,4172],{},[266,11279,4172,11280],{"href":3015},[4123,11281,11282],{},"レンダリングして最終アニメーションを納品する",[101,11284,11285],{},"標準的な動画形式は、再生用途で最もよく使われます：",[1148,11287,11288,11294,11300,11306,11312,11318],{},[1151,11289,11290,11293],{},[486,11291,11292],{},".MP4"," — 品質と圧縮のバランスが良いため、最も一般的な選択肢です。MP4は互換性が高く、SNSからプロのプレゼンテーションまで幅広く活躍します。",[1151,11295,11296,11299],{},[486,11297,11298],{},".MOV"," — AppleのQuickTimeと強く結びついており、高品質なコーデックをサポート。プロの制作環境でよく使われます。",[1151,11301,11302,11305],{},[486,11303,11304],{},".AVI"," — 以前からあるMicrosoft形式で、現在では一般的ではありませんが、一部のワークフローで使われています。",[1151,11307,11308,11311],{},[486,11309,11310],{},"Apple ProRes"," — 編集や仕上げで頻繁に使われる高品質なコーデックです。ProResは効率と画像の忠実性のバランスが良く、ポストプロダクションのパイプラインで標準になっています。",[1151,11313,11314,11317],{},[486,11315,11316],{},"Avid DNxHR"," — ProResと同様に、DNxHRは高品質なマルチ世代編集を想定して設計されており、放送や映画で広く使われています。",[1151,11319,11320,11321,11324],{},"アニメーターは、これらのコンテナ内で使われる",[486,11322,11323],{},"個別のコーデック","も考慮する必要があります。たとえば動画ではH.264やH.265、音声ではAACやPCMなどです。これらは、使用するレンダリングハードウェアによって、互換性、圧縮品質、再生性能に直接影響するからです。",[158,11326,11328],{"className":11327},[87,161],[163,11329],{"src":11330,"className":11331,"alt":168,"loading":169,"width":11332,"height":11333},"https://blog.cg-wire.com/content/images/2025/10/data-src-image-87b55b08-c8f1-45ed-9774-852aed69006c.png",[167],509,512,[101,11335,11336],{},"これらの形式は、フレームを圧縮された動画ファイルにまとめており、プラットフォームをまたいで共有、アップロード、埋め込みがしやすくなっています。トレードオフは、これらが最終出力だという点です。いったんレンダリングすると、再書き出しを行わない限り、フレームごとに簡単に調整できません。",[101,11338,11339,11340,11345],{},"より柔軟性が必要なプロ向けパイプラインでは、スタジオは画像シーケンスに切り替えることがよくあります。単一の動画ファイルに圧縮してしまうのではなく、各フレームを個別の画像としてレンダリングする方法です。このアプローチにはいくつかの利点があります。フレーム単位での正確な編集が可能になり、",[266,11341,4172,11342],{"href":10560},[4123,11343,11344],{},"長時間のレンダリングがクラッシュしても復旧しやすい","、さらにコンポジットやポストプロダクション向けのより高品質なデータが得られるのです。",[1148,11347,11348,11354,11360],{},[1151,11349,11350,11353],{},[486,11351,11352],{},".EXR（OpenEXR）"," — HDR（ハイダイナミックレンジ）と、1つのファイル内に複数のレンダーパスを収められることを強みに、VFX業界での業界標準。",[1151,11355,11356,11359],{},[486,11357,11358],{},".PNG"," — ロスレス圧縮と透過に対応し、アルファチャンネルやクリーンなエッジが必要なプロジェクトでよく使われます。",[1151,11361,11362,11365],{},[486,11363,11364],{},".TIFF"," — 頑丈さと色深度が評価され、コンポジットのワークフローにおいて強力な選択肢になります。",[101,11367,11368],{},"最大の不便は保存容量です。画像シーケンスは、圧縮された動画ファイルと比べて非常に大きな容量を必要とすることがあります。",[111,11370],{},[114,11372,11373],{"id":559},[486,11374,560],{},[101,11376,11377],{},"アニメーションは創造性と物語を伝えることに尽きます。しかしこの記事で見てきた通り、ファイル形式という技術的な土台が、創造性を実際に観客へ届けることを可能にしています。",[101,11379,11380],{},"シーンのあらゆる細部を守るネイティブのプロジェクトファイルから、共同作業を可能にする交換形式、そして結果を届けるレンダリング形式まで、それぞれの種類のファイルには、アニメーションパイプライン内で明確な役割があります。",[101,11382,11383],{},"「唯一の最良の形式」はありません。適切な選択は目的によって決まります。制作途中の状態を保持したいのか、プラットフォームをまたいでアセットを移動したいのか、シミュレーションをベイクしたいのか、配布のために最終成果物を書き出したいのか。これらの違いを理解することで時間を節約でき、すべてのファイル形式をうまく回しながら効率的な制作パイプラインを設計するのに役立ちます。",[84,11385,11387,11390],{"className":11386},[87,88,89],[84,11388,576],{"className":11389},[93],[84,11391,11393,11394,11397],{"className":11392},[98],"アニメーション制作プロセスについてもっと知りたい方は ",[266,11395,3436],{"href":583,"rel":11396},[585],"！ 私たちはベストプラクティスを共有する1,000人以上の専門家とつながっており、たまに対面イベントも企画しています。ぜひあなたを歓迎したいです！ 😊",[84,11399,11401],{"className":11400},[87,591,592],[266,11402,598],{"href":583,"className":11403},[596,597],{"title":168,"searchDepth":600,"depth":600,"links":11405},[11406,11407,11408,11409,11410],{"id":11104,"depth":600,"text":11107},{"id":11154,"depth":600,"text":11157},{"id":11220,"depth":600,"text":11223},{"id":11272,"depth":600,"text":11275},{"id":559,"depth":600,"text":560},"https://images.unsplash.com/photo-1637423604589-3eab4f288ddc?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3wxMTc3M3wwfDF8c2VhcmNofDJ8fGFuaW1hdGlvbiUyMGZpbGUlMjBmb3JtYXRzfGVufDB8fHx8MTc1OTcxMjE4Nnww&ixlib=rb-4.1.0&q=80&w=2000",{"updated_at":11413,"featured_at":612,"visibility":613},"2026-02-20T06:03:48.000+01:00","/blog-i18n/ja/animation-file-formats-guide","2025-10-06T10:00:13.000+02:00",{"title":11064,"description":168},"animation-file-formats-guide","blog-i18n/ja/animation-file-formats-guide/index",[11420],{"id":620,"name":621,"slug":622,"description":7,"feature_image":7,"visibility":613,"og_image":7,"og_title":7,"og_description":7,"twitter_image":7,"twitter_title":7,"twitter_description":7,"meta_title":7,"meta_description":7,"codeinjection_head":7,"codeinjection_foot":7,"canonical_url":7,"accent_color":7,"url":623},"nTwG2SqAvTYag-t0UiFPQlNW5mohLEPyzmeEWut-OhY",{"id":11423,"title":11424,"authors":11425,"body":11427,"description":168,"extension":608,"feature_image":11774,"html":7,"meta":11775,"navigation":11,"path":11776,"published_at":11777,"seo":11778,"slug":11779,"stem":11780,"tags":11781,"__hash__":11783,"updated_at":8203,"featured_at":612,"visibility":613},"blog/blog-i18n/ja/background-characters-animation/index.md","あなたが思う以上に重要な背景キャラクター（2026）",[11426],{"id":11067,"name":11068,"slug":11069,"profile_image":11070,"cover_image":7,"bio":11071,"website":7,"location":11072,"facebook":7,"twitter":11073,"meta_title":7,"meta_description":7,"threads":7,"bluesky":7,"mastodon":7,"tiktok":7,"youtube":7,"instagram":7,"linkedin":7,"url":11074},{"type":81,"value":11428,"toc":11765},[11429,11440,11443,11459,11462,11465,11467,11473,11476,11482,11488,11495,11497,11503,11513,11516,11534,11537,11547,11549,11555,11562,11565,11582,11600,11602,11608,11615,11618,11632,11634,11640,11643,11668,11686,11688,11694,11701,11710,11727,11730,11732,11736,11739,11742,11745,11759],[84,11430,11432,11436],{"className":11431},[87,88,89],[84,11433,11435],{"className":11434},[93],"👥",[84,11437,11439],{"className":11438},[98],"活気のあるシーンは主役だけのものではありません。背景キャラクターが世界に息づく命を与え、現実味を感じさせます。",[101,11441,11442],{},"アニメーションの世界が、きれいに描かれているのに、なぜか空っぽに感じることはありませんか？ 主人公たちが前面にいるとしても、周囲の“生活感”がないとシーンの印象は薄くなります。そこで役に立つのが背景キャラクターです。背景キャラクターがいることで、世界が“ありそう”に見えてきます。",[158,11444,11446,11451],{"className":11445},[87,161,689],[163,11447],{"src":11448,"className":11449,"alt":168,"loading":169,"width":11333,"height":11450},"https://blog.cg-wire.com/content/images/2025/09/data-src-image-e015949a-4c62-4d1c-9dcd-828f8001a1c4.png",[167],606,[696,11452,11453],{},[699,11454,11455],{},[702,11456,11458],{"className":11457,"style":678},[705],"Source: SpongeBob SquarePants",[101,11460,11461],{},"難しいのはここです。アニメーターは、群衆の“ひとりひとり”を延々と考えてアニメーションする時間はありません。では、予算を爆発させずに、にぎやかな街の通りや盛り上がるスタジアム、活気に満ちたフェスをどうやって作るのでしょう？",[101,11463,11464],{},"続きを読んで確認しましょう！",[111,11466],{},[114,11468,11470],{"id":11469},"why-background-characters-matter-in-animation",[486,11471,11472],{},"なぜアニメーションにおいて背景キャラクターが重要なのか",[101,11474,11475],{},"物語を前進させる主役の存在感は、しばしばスポットライトを浴びます。けれども、物語における強力な要素の一部は、主役キャラクターそのものではなく、静かに“余白”を埋めているキャラクターたち――つまり背景キャラクター――から生まれます。",[101,11477,6458,11478,11481],{},[486,11479,11480],{},"背景キャラクターは舞台を静的な“背景”から生きた環境へと変えていく","のです。にぎやかな街の通り、活気あるマーケット、静かな村――どのような場所でも、ちょっとした動きである“歩く”“会話する”“日常のルーティンをこなす”といった存在感が、現実味を高めます。そうした控えめな行動は、物語の中心の外側にも世界が存在するという錯覚を生み、物語をより広がりのあるものに、そして信じられるものにしていきます。",[101,11483,11484,11487],{},[486,11485,11486],{},"シーンのムードは文脈によって形作られる","ものです。周囲の群衆が生み出す“集団のエネルギー”もその一部です。背景キャラクターは、主軸となるプロットを補完したり、逆に対比したりする感情を、さりげなく伝えることができます。うれしいシーンで笑っていたり、緊迫した瞬間に小声でつぶやいていたり、ドラマチックな間に黙って立ち尽くしていたり。こうした小さく、丁寧に振り付けられた動きが、観客に物語へどう反応させるかを導く“トーン”と“感情の深み”を作り上げます。",[101,11489,11490,11491,11494],{},"背景キャラクターは物語の中心プロットを担うわけではありませんが、",[486,11492,11493],{},"それでも“物語としての役割”は果たします","。重要な出来事に反応する通行人、静かなうなずきを返す店主、遠くで遊ぶ子どもは、文脈を与えたり、先の展開をほのめかしたり、文化的な質感を添えたりします。背景キャラクターの存在は、テーマやワールド構築の細部、そしてキャラクター同士の関係性を、目立たない形で補強していきます。",[111,11496],{},[114,11498,11500],{"id":11499},"_1-grey-silhouettes-subtle-background-animation",[486,11501,11502],{},"1. グレーのシルエット＆控えめな背景アニメーション",[101,11504,11505,11506,11508,11509,11512],{},"多くのアニメーション制作では、背景キャラクターは“視覚的な句読点”として機能",[486,11507,10566],{},"し、中心となる物語の流れから注意をそらすことなく世界を引き立てます。そのために最も効果的なのが、",[486,11510,11511],{},"低解像度のキャラクター","を使うことです。ここでの低解像度とは、細部を最小限に抑え、彩度を落としたカラーパレットや、簡略化された線描を前提に設計されていることを指します。",[101,11514,11515],{},"この考え方は特にアニメでよく見られます。細部へのスタイル的な節約が受け入れられているからです。場合によっては、アニメーターはそもそも手間をかけず、背景キャラクターの代わりに“文字通りグレーのシルエット”を使ってしまうこともあります：",[158,11517,11519,11526],{"className":11518},[87,161,689],[163,11520],{"src":11521,"className":11522,"alt":168,"loading":169,"width":11523,"height":11524,"srcSet":11525},"https://blog.cg-wire.com/content/images/2025/09/data-src-image-91a98f90-be07-42ca-b9d9-07b535951482.png",[167],661,349,"https://blog.cg-wire.com/content/images/size/w600/2025/09/data-src-image-91a98f90-be07-42ca-b9d9-07b535951482.png 600w, https://blog.cg-wire.com/content/images/2025/09/data-src-image-91a98f90-be07-42ca-b9d9-07b535951482.png 661w",[696,11527,11528],{},[699,11529,11530],{},[702,11531,11533],{"className":11532,"style":678},[705],"Source: JoJo's Bizarre Adventure Stone Ocean",[101,11535,11536],{},"背景の“おまけ”キャラクターは、目や口のような顔の特徴がまったくないこともあります。主人公たちのシーンに直接関わる場合を除いて、その必要がないからです。形状はモノクロっぽい、あるいはコントラストの低いトーンで描かれることが多く、その結果、環境の中でより目立ちにくくなります。制作が効率化できるだけでなく、視覚的な重要度の序列も強化されます。つまり、手前のキャラクターが注意を集め、背景では静かな生活感が“うっすら”と続いている状態です。",[101,11538,11539,11540,11546],{},"「少ないほど良い」こともあります。",[266,11541,11543],{"href":11542},"about:blank",[4123,11544,11545],{},"過剰にアニメーションしないためのもう1つのシンプルな方法","は、アセットを再利用することです。",[111,11548],{},[114,11550,11552],{"id":11551},"_2-asset-reuse-efficiently-populating-scenes",[486,11553,11554],{},"2. アセットの再利用：シーンを効率よく埋める",[101,11556,11557,11558,11561],{},"毎回のシーンごとに、ゼロからまったく新しいキャラクターを作るのではなく、",[486,11559,11560],{},"アニメーターは既存のキャラクター用リグ、モデル、デザインを流用して、服装、カラースキーム、ヘアスタイルといった“わずかな違い”だけを加える","ことが頻繁にあります。",[101,11563,11564],{},"この方法は、時間やリソースを大幅に節約できるだけでなく、制作全体の視覚的な一貫性を保つのにも役立ちます。特に大規模なプロジェクトでは重要です：",[1148,11566,11567,11575],{},[1151,11568,11569,11570,11574],{},"2Dアニメーションでは、アセットの再利用は既存のキャラクターセル（cels）の再着色や描き直しで行われることが多いです。例えば、基本となるキャラクターデザインは、シャツの色を変えたり、帽子を追加したり、髪型を調整したりすることで素早く対応できます。これは",[266,11571,11573],{"href":11572},"https://blog.cg-wire.com/character-design-animation/","フルのキャラクター作成","に比べて必要な作業が最小限で済みます。こうした小さな調整によって、アニメーターは多様な背景キャラクターで、にぎやかな街の通り、混雑したマーケット、忙しいオフィスのシーンなどを埋めていけます。",[1151,11576,11577,11581],{},[266,11578,11580],{"href":11579},"https://blog.cg-wire.com/3d-modeling-animation/","3Dアニメーション","では、再利用はモジュール設計とテクスチャの差し替えによって実現されます。アニメーターはベースのキャラクターリグを使い、テクスチャを別の衣装、肌の色、アクセサリーに置き換えられます。場合によっては、腕や頭といった身体パーツを丸ごと入れ替えてバリエーションを作ることも可能です。高度なリグでは、シンプルなパラメータ調整によって、ヘアスタイルや顔の特徴の動的な変更までサポートできることがあります。",[158,11583,11585,11592],{"className":11584},[87,161,689],[163,11586],{"src":11587,"className":11588,"alt":168,"loading":169,"width":11589,"height":11590,"srcSet":11591,"sizes":173},"https://blog.cg-wire.com/content/images/2025/09/data-src-image-29ae003f-3f85-42af-baa3-35affc5bd437.png",[167],1493,514,"https://blog.cg-wire.com/content/images/size/w600/2025/09/data-src-image-29ae003f-3f85-42af-baa3-35affc5bd437.png 600w, https://blog.cg-wire.com/content/images/size/w1000/2025/09/data-src-image-29ae003f-3f85-42af-baa3-35affc5bd437.png 1000w, https://blog.cg-wire.com/content/images/2025/09/data-src-image-29ae003f-3f85-42af-baa3-35affc5bd437.png 1493w",[696,11593,11594],{},[699,11595,11596],{},[702,11597,11599],{"className":11598,"style":678},[705],"Source: Sword of the Demon Hunter",[111,11601],{},[114,11603,11605],{"id":11604},"_3-looping-for-natural-movement",[486,11606,11607],{},"3. 自然な動きのためのループ",[101,11609,11610,11611,11614],{},"背景キャラクターは一般的に、",[486,11612,11613],{},"歩くループ、アイドルの呼吸動作、控えめな会話のジェスチャー","のようなシンプルで反復的なサイクルを使ってアニメーションされます。そうすることで、複雑なフレームごとのアニメーションが不要になるのです。",[101,11616,11617],{},"こうした最小限のループは、効率を重視して設計されています。大人数の集団や長いシーンに対して、レンダリングのリソースを使いすぎずに視覚的な面白さを維持できます。",[101,11619,11620,11621,11624,11625,11631],{},"これらのループを“自然”に感じさせるための重要な技術が",[486,11622,11623],{},"タイミングのバリエーション","です。",[266,11626,11628],{"href":11627},"https://blog.cg-wire.com/timing-animation-principle/",[4123,11629,11630],{},"個々のループの開始タイミングや継続時間をずらす","ことで、あるキャラクターを別のキャラクターより少し先に歩き始めさせると、同じサイクルの機械的で繰り返しっぽい印象を避けられます。",[111,11633],{},[114,11635,11637],{"id":11636},"_4-layering-for-depth-and-realism",[486,11638,11639],{},"4. 奥行きとリアリティのためのレイヤリング",[101,11641,11642],{},"レイヤリングは、背景キャラクターがカメラからどれくらい離れていると“知覚されるか”に基づいて、詳細度や動きの度合いを変えることで、奥行きを感じさせる別の技術でもあります。",[1148,11644,11645,11651,11662],{},[1151,11646,11647,11650],{},[486,11648,11649],{},"距離で単純化する"," - カメラから遠いほど、デザインと動きの両方でディテールを減らすべきです。広く、ゆっくりした動きは距離があっても読みやすくなります。",[1151,11652,11653,11656,11657,11661],{},[486,11654,11655],{},"ぼかしと奥行きの手がかり"," - 合成（compositing）では、奥のレイヤーにモーションブラーを適用します。これは単に",[266,11658,11660],{"href":11659},"https://blog.cg-wire.com/compositing-in-animation-definition-process-challenges/","実在するカメラの被写界深度","を模倣するだけでなく、自然にピント面を分離する効果もあります。",[1151,11663,11664,11667],{},[486,11665,11666],{},"光と影の分離"," - 背景キャラクターが、メインのアクションに対して影に落ちたり、より柔らかなハイライトになったりするようにライティングを調整します。",[158,11669,11671,11678],{"className":11670},[87,161,689],[163,11672],{"src":11673,"className":11674,"alt":168,"loading":169,"width":11675,"height":11676,"srcSet":11677,"sizes":173},"https://blog.cg-wire.com/content/images/2025/09/data-src-image-a8b442ea-c6ef-4f84-a4c7-9068902a695f.png",[167],1037,536,"https://blog.cg-wire.com/content/images/size/w600/2025/09/data-src-image-a8b442ea-c6ef-4f84-a4c7-9068902a695f.png 600w, https://blog.cg-wire.com/content/images/size/w1000/2025/09/data-src-image-a8b442ea-c6ef-4f84-a4c7-9068902a695f.png 1000w, https://blog.cg-wire.com/content/images/2025/09/data-src-image-a8b442ea-c6ef-4f84-a4c7-9068902a695f.png 1037w",[696,11679,11680],{},[699,11681,11682],{},[702,11683,11685],{"className":11684,"style":678},[705],"Source: Captain Tsubasa",[111,11687],{},[114,11689,11691],{"id":11690},"_5-procedural-generation",[486,11692,11693],{},"5. プロシージャル生成",[101,11695,11696,11697,11700],{},"プロシージャル生成は、各個体を手作業でアニメーションすることなく、",[486,11698,11699],{},"アルゴリズムを使ってダイナミックな群衆を作成する","という現代的なアプローチです。この方法は、街のにぎやかな通り、壮大な戦場、その他の大量の群衆のような大規模シーンで特に効果的です。キャラクターの数が膨大だと、従来のアニメーションでは現実的に運用できないからです。",[101,11702,11703,11704,7718],{},"代表例が、VFXシミュレーションシステムのMassiveです。Massiveは当初、『ロード・オブ・ザ・リング』三部作のために開発されました。これにより、背景エージェントは自律的な振る舞いができるようになり、環境の手がかり、社会的なダイナミクス、そしてスクリプト化されたルールに基づいて判断します。エージェントは歩いたり、近くのキャラクターに反応したり、脅威に応答したり、あるいはシーン中に行動を即興で変えたりすることさえ可能です。そうすることで、自然に感じられる予測不能さの層が追加されます。（参照：",[266,11705,11707],{"href":11706},"https://blog.cg-wire.com/vfx-artist-definition-process-challenges/",[4123,11708,11709],{},"VFXアーティストの役割と課題",[158,11711,11713,11719],{"className":11712},[87,161,689],[163,11714],{"src":11715,"className":11716,"alt":168,"loading":169,"width":1112,"height":11717,"srcSet":11718,"sizes":173},"https://blog.cg-wire.com/content/images/2025/09/data-src-image-e7970f24-3765-4066-80d3-0036a3dbc190.png",[167],874,"https://blog.cg-wire.com/content/images/size/w600/2025/09/data-src-image-e7970f24-3765-4066-80d3-0036a3dbc190.png 600w, https://blog.cg-wire.com/content/images/size/w1000/2025/09/data-src-image-e7970f24-3765-4066-80d3-0036a3dbc190.png 1000w, https://blog.cg-wire.com/content/images/2025/09/data-src-image-e7970f24-3765-4066-80d3-0036a3dbc190.png 1600w",[696,11720,11721],{},[699,11722,11723],{},[702,11724,11726],{"className":11725,"style":678},[705],"Source: The Lord of the Rings",[101,11728,11729],{},"プロシージャル生成によって、背景キャラクターは単なる“受け身の埋め草”ではなくなります。動きはバリエーションに富み、状況に応じて反応します。この技術は時間やリソースを節約するだけでなく、環境そのものが本当に生きていると感じられるようにすることで、物語作りをより強力にします。",[111,11731],{},[114,11733,11734],{"id":559},[486,11735,560],{},[101,11737,11738],{},"アニメーションはヒーロー、ヴィラン、そして重要な瞬間だけのものではありません。物語が存在する“世界”そのものについてです。そして、その世界が本当にリアルに感じられるのは、フレームの外側まで含めて“呼吸”し、“動いている”ときだけです。",[101,11740,11741],{},"背景キャラクターに意図を持ったアニメーションを与えると、シーンのインパクトは格段に増します。",[101,11743,11744],{},"問いかけてみてください。あなたが見ているこの世界は本当に生きているでしょうか？ キャラクターをただ見せるのではなく、それを使って物語を伝えるのです。背景キャラクターには、目的、リズム、そして存在感が必要です。控えめなループでも、計算されたシルエットでも、ダイナミックなプロシージャルシステムでも――あらゆる“おまけ”が重要なのです！",[84,11746,11748,11751],{"className":11747},[87,88,89],[84,11749,576],{"className":11750},[93],[84,11752,11754,11755,11758],{"className":11753},[98],"アニメーション制作プロセスの詳細を知るには ",[266,11756,5315],{"href":583,"rel":11757},[585],"！ ベストプラクティスを共有する1,000人以上の専門家とつながり、たまに対面イベントも企画しています。ぜひ歓迎します！ 😊",[84,11760,11762],{"className":11761},[87,591,592],[266,11763,598],{"href":583,"className":11764},[596,597],{"title":168,"searchDepth":600,"depth":600,"links":11766},[11767,11768,11769,11770,11771,11772,11773],{"id":11469,"depth":600,"text":11472},{"id":11499,"depth":600,"text":11502},{"id":11551,"depth":600,"text":11554},{"id":11604,"depth":600,"text":11607},{"id":11636,"depth":600,"text":11639},{"id":11690,"depth":600,"text":11693},{"id":559,"depth":600,"text":560},"https://images.unsplash.com/photo-1736180613586-f275eace0731?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3wxMTc3M3wwfDF8c2VhcmNofDEwfHxhbmltYXRlZCUyMGNyb3dkfGVufDB8fHx8MTc1NzkyMjkwMHww&ixlib=rb-4.1.0&q=80&w=2000",{"updated_at":8203,"featured_at":612,"visibility":613},"/blog-i18n/ja/background-characters-animation","2025-09-15T10:02:09.000+02:00",{"title":11424,"description":168},"background-characters-animation","blog-i18n/ja/background-characters-animation/index",[11782],{"id":620,"name":621,"slug":622,"description":7,"feature_image":7,"visibility":613,"og_image":7,"og_title":7,"og_description":7,"twitter_image":7,"twitter_title":7,"twitter_description":7,"meta_title":7,"meta_description":7,"codeinjection_head":7,"codeinjection_foot":7,"canonical_url":7,"accent_color":7,"url":623},"OQrlnQ0pAOWwWBV-pZABmQV6-Ek5_boCf55lYs-KFsQ",{"id":11785,"title":11786,"authors":11787,"body":11789,"description":168,"extension":608,"feature_image":12115,"html":7,"meta":12116,"navigation":11,"path":12118,"published_at":12119,"seo":12120,"slug":12121,"stem":12122,"tags":12123,"__hash__":12125,"updated_at":12117,"featured_at":612,"visibility":613},"blog/blog-i18n/ja/animation-moodboard/index.md","アニメーション用ムードボードの作り方（2026）：バイブからビジョンへ",[11788],{"id":11067,"name":11068,"slug":11069,"profile_image":11070,"cover_image":7,"bio":11071,"website":7,"location":11072,"facebook":7,"twitter":11073,"meta_title":7,"meta_description":7,"threads":7,"bluesky":7,"mastodon":7,"tiktok":7,"youtube":7,"instagram":7,"linkedin":7,"url":11074},{"type":81,"value":11790,"toc":12105},[11791,11802,11808,11811,11814,11817,11820,11822,11828,11835,11838,11840,11846,11851,11858,11870,11872,11878,11881,11901,11904,11907,11909,11915,11925,11945,11947,11953,11956,11986,11989,11991,11997,12000,12003,12023,12026,12028,12034,12037,12040,12054,12056,12059,12061,12065,12068,12071,12074,12077,12080,12083,12086,12099],[84,11792,11794,11798],{"className":11793},[87,88,89],[84,11795,11797],{"className":11796},[93],"🖼️",[84,11799,11801],{"className":11800},[98],"ムードボードは飾りではありません。あなたのアニメーションの創造的な羅針盤です。",[101,11803,11804,11805,11624],{},"最初のカットが動き出す前に、どんな優れたアニメーションにも必要なのは、",[702,11806,11807],{},"唯一のムード",[101,11809,11810],{},"いいえ、それはストーリーボードの中で魔法のように現れるものではありません。",[101,11812,11813],{},"途中で「なんだかトーンが違う」と気づいてから制作に突入するのは避けたいところです。",[101,11815,11816],{},"そこでムードボードの出番です。",[101,11818,11819],{},"このガイドでは、見た目をきれいにするだけでは終わらないアニメーション用ムードボードの作り方をお教えします。さっそく始めましょう。",[111,11821],{},[114,11823,11825],{"id":11824},"what-is-a-moodboard",[486,11826,11827],{},"ムードボードとは",[101,11829,11830,11831,11834],{},"アニメーションにおいて、",[486,11832,11833],{},"ムードボードは視覚的なリファレンスをキュレーションしてまとめたコラージュ","であり、アニメーションを始める前にプロジェクト全体の見た目とトーンを捉えるためのものです。",[101,11836,11837],{},"色のパレット、ライティングのスタイル、キャラクターデザイン、環境、タイポグラフィ、そして質感やモーションのリファレンスまで、意図した雰囲気（バイブ）を伝えるための要素を組み合わせます。",[111,11839],{},[114,11841,11843],{"id":11842},"why-you-need-a-moodboard-for-animation",[486,11844,11845],{},"なぜアニメーションにムードボードが必要なのか",[101,11847,11848,680],{},[486,11849,11850],{},"ムードボードは、本制作が始まる前にアニメーションの「見た目」と「手触り」を具体的にします",[101,11852,11853,11854,11857],{},"「夢みたいだけど現実的」「レトロ・フューチャー」などの抽象的な説明に頼るのではなく、チームに対して自分の意図をそのまま見せられます。アニメーションは、たいてい一人の作業ではありません。大きなスタジオであれ小さなチームであれ、",[486,11855,11856],{},"ムードボードは全員を同じ方向に揃えます","。キャラクターデザイン、環境づくり、ライティング、さらには動きに至るまで、意思決定を導く共有リファレンスです。明確なビジュアルの土台があれば、修正回数を減らし、誤解を避け、創造のプロセスを加速できます。",[101,11859,11860,11861,680,11867,680],{},"最初の1フレームもアニメートする前に、",[266,11862,4172,11864],{"href":11863},"https://blog.cg-wire.com/animation-pitch/",[4123,11865,11866],{},"ムードボードはクライアント、プロデューサー、ステークホルダーが反応できる具体的な材料を提供します",[486,11868,11869],{},"単なる概念ではなく「見える化」することで、あなたのアイデアを売り込めます",[111,11871],{},[114,11873,11875],{"id":11874},"_1-define-the-creative-direction",[486,11876,11877],{},"1. クリエイティブ・ディレクションを定義する",[101,11879,11880],{},"ムードボードを作る前に、一歩引いてプロジェクトの全体像となるクリエイティブなビジョンを定めましょう。つまり、トーン、テーマ、そして作品の背後にある感情的な意図です。",[1148,11882,11883,11889,11895],{},[1151,11884,11885,11888],{},[486,11886,11887],{},"物語の核となるメッセージとジャンルを探る"," - たとえば次のような重要な問いを立てます。「このアニメーションは何を伝えようとしているのか？ どんな感情を呼び起こすべきか？ トーンは明るくて遊び心があるのか、それとも暗くて湿り気のあるものか？」この最初の明確さが、その後のプロセスの羅針盤になります。物語とジャンルの核心に深く入り込み、観客に体験してほしい感情の流れ（エモーショナル・アーク）を特定してください。答えが具体的で意図的であるほど、後からまとまりのある適切な視覚リファレンスを集めやすくなります。",[1151,11890,11891,11894],{},[486,11892,11893],{},"観客を考える"," - 誰に向けたアニメーションなのかを考えます。年齢層（子ども、ティーン、大人）といったデモグラフィックに加え、文化的または地域的な文脈でも観客を定義しましょう。視聴者が視覚的に惹かれるものを理解できれば、より深く共感を呼ぶ美的判断をしやすくなります。",[1151,11896,11897,11900],{},[486,11898,11899],{},"明確なビジュアル上の制約を設定する"," - 画像を集め始める前に、視覚的な探究の範囲を絞るための境界線を設けましょう。「アニメーションは\\[X] と \\[Y] のミックスのように感じるべき」「ネオンのパレットは避けて自然なトーンにする」など、短く要点をまとめたガイド文を書きます。こうした制約があいまいさを排除します。",[101,11902,11903],{},"クリエイティブ・ディレクションを、プロジェクトを一言で強く表す文に凝縮しましょう。例：「日焼けしたようなローファイのSF世界。シュールなアニメーションで、どこかもの悲しいトーン。」この一文が、ムードボード全体の指針となり、視覚リファレンスを選ぶ際の基準にもなります。",[101,11905,11906],{},"このクリエイティブなビジョンを主要なステークホルダーと共有し、早い段階で認識を揃え、後から高コストな手戻りを避けましょう。",[111,11908],{},[114,11910,11912],{"id":11911},"_2-gather-references",[486,11913,11914],{},"2. リファレンスを集める",[101,11916,11917,11918,11924],{},"クリエイティブ・ディレクションが定まったら、次は",[266,11919,4172,11921],{"href":11920},"https://blog.cg-wire.com/concept-in-animation-definition-process-and-challenges/",[4123,11922,11923],{},"ビジョンを視覚的に支えるリファレンスを集め始める","段階です。",[1148,11926,11927,11933,11939],{},[1151,11928,11929,11932],{},[486,11930,11931],{},"多様なメディアから出典する"," - 映画、アニメ、イラスト、写真、ファッション、建築、ミュージックビデオ、モーショングラフィックスのリールなどから着想を引き出しましょう。各メディアは独自の視覚的手がかりをもたらし、より豊かで層のあるムードボードを作る手助けになります。",[1151,11934,11935,11938],{},[486,11936,11937],{},"感情面とスタイル面で一致するビジュアルを選ぶ"," - 驚くほどすごい、あるいは流行っているビジュアルを集めるだけでは不十分です。プロジェクト固有のアイデンティティ、感情的なトーン、そしてナラティブの声を反映したリファレンスを優先してください。適切なリファレンスは、あなたが作っている世界に「属している」感覚を与えるはずです。",[1151,11940,11941,11944],{},[486,11942,11943],{},"動きやエネルギーのためにダイナミックなリファレンスを使う"," - インスピレーションは静止している必要はありません。ミュージックビデオ、実写のCM、モーショングラフィックスのリールは、ペース配分、編集のリズム、トランジション、そして作品を高めるアニメーションによる視覚的ストーリーテリングの手法などのアイデアを引き出してくれます。",[111,11946],{},[114,11948,11950],{"id":11949},"_3-curate-don%E2%80%99t-dump",[486,11951,11952],{},"3. キュレーションしよう。放り込まない。",[101,11954,11955],{},"幅広くリファレンスを集めたら、次は集めることから編集することへ切り替えるタイミングです。",[1148,11957,11958,11968,11974,11980],{},[1151,11959,11960,11963,11964,11967],{},[486,11961,11962],{},"取捨選択して、まとまりを保つ"," - 数を増やすことは目標にしないでください。統一感を目指します。自分のコアとなるクリエイティブの土台、つまりトーン、テーマ、そしてビジュアル上の制約に立ち返りましょう。各画像について問いかけます：",[702,11965,11966],{},"これは、私たちが定義した方向性を支えているだろうか？"," そうでなければ、その画像は入れるべきではありません。好きなものを何でも放り込むと、見た目が衝突したりメッセージが混ざったりして、ムードボードの説得力が弱まり、観客を混乱させてしまいます。",[1151,11969,11970,11973],{},[486,11971,11972],{},"意味を失わずに冗長さをなくす"," - 複数の画像が同じことを語っている場合は、いちばん強いものだけを残しましょう。反復は、その視覚的なアイデアを深める場合にのみ有効で、散らかしを生むだけなら意味がありません。量よりも明快さを優先して、各リファレンスを価値あるものにします。",[1151,11975,11976,11979],{},[486,11977,11978],{},"「たぶん」フォルダを使って集中を保つ"," - 特定の画像について確信が持てない場合は、それらを別の「たぶん」フォルダへ移動します。これにより、メインのボードは清潔で一貫したままにでき、後から見返す選択肢は保持できます。気が散る要素が取り除かれると、コアとなる方向性を判断しやすくなります。",[1151,11981,11982,11985],{},[486,11983,11984],{},"画像の総数を制限する"," - インパクトの高いビジュアルを10〜25点目指しましょう。視聴者を圧倒せずに、奥行きや立体感を伝えるのに十分です。編集がうまくできたボードは、30秒以内に自分自身で語り、ムード、設定、トーンを一目で伝えるはずです。",[101,11987,11988],{},"キュレーションには時間がかかるので、休憩することをためらわないでください。可能なら一晩寝てください。新鮮な視点で戻れば、まだ入れるべきでない画像をいくつか見つけることが多いはずです。ボードがより引き締まり、より焦点が定まるほど、ビジュアル・ディレクションは強く、説得力のあるものになります。",[111,11990],{},[114,11992,11994],{"id":11993},"_4-organize-the-layout",[486,11995,11996],{},"4. レイアウトを整理する",[101,11998,11999],{},"よくキュレーションされたムードボードは、コンテンツだけでなく、そのコンテンツがどのように配置されているかも重要です。",[101,12001,12002],{},"良いレイアウトは明快さをもたらし、クリエイティブビジョンの伝達をより効果的にし、パッと見で読み取りやすくします。",[1148,12004,12005,12011,12017],{},[1151,12006,12007,12010],{},[486,12008,12009],{},"カテゴリまたはテーマごとにビジュアルをまとめる"," - キャラクターデザイン、環境、カラーパレット、ライティングのリファレンス、タイポグラフィ、あるいはGIFやフレームスティルのようなモーションの手がかりなど、画像を分かりやすいセクションに整理しましょう。この構造により、ボードの移動と理解がしやすくなります。いったん全体を見渡してください。繰り返される色、ライティングスタイル、形、感情的なトーンが見えてきますか？ こうしたパターンは貴重です。プロジェクトのビジュアル上のDNAを明らかにしてくれます。これらのパターンを強めるリファレンスをハイライトし、優先して選ぶことで、一体感を作れます。",[1151,12012,12013,12016],{},[486,12014,12015],{},"論理的な流れを作る"," - レイアウトは、あるセクションから次のセクションへと、視聴者の視線が自然に流れるように設計します。最も重要なリファレンスを目立つ位置に置くことで視覚的な階層を作り、適切な余白と構図で読みやすさを保ちましょう。",[1151,12018,12019,12022],{},[486,12020,12021],{},"一貫性と柔軟性のバランスを取る"," - サイズと配置の整合性でリズムを保ちつつ、強調が必要なときはグリッドを崩すことを恐れないでください。密度の高いビジュアルは余白でバランスし、グループはそれぞれ明確にしながらも見た目でつながるようにして、散らかりを避けます。",[101,12024,12025],{},"リファレンスが揃ったら、必要に応じて調整・洗練しましょう。",[111,12027],{},[114,12029,12031],{"id":12030},"_5-add-context",[486,12032,12033],{},"5. 文脈（コンテキスト）を追加する",[101,12035,12036],{},"1枚の画像は、見る人の視点や背景によって、まったく異なる解釈を生むことがあります。",[101,12038,12039],{},"たとえばネオンで照らされた路地は、ある人にはグリティなサイバーパンク・ノワールを連想させ、別の人には洗練されたロマンティックコメディの舞台を連想させるかもしれません。短いキャプションやメモを添えることで、画像の意図が定まり、全員があなたの狙いを理解しやすくなります。だからといって、各画像ごとにレポートを書かなければならないわけではありません。狙いを持った言葉をほんの少し添えるだけで十分です。「ディストピアな雰囲気のためのグリティな質感」または「感情が頂点に達するシーンのためのソフトなリムライト」。",[1148,12041,12042,12048],{},[1151,12043,12044,12047],{},[486,12045,12046],{},"ムードボードを分かりやすくラベル付けして構造化する"," - ボードがカテゴリ別（キャラクター、環境、ライティング、タイポグラフィ）に整理されているなら、その構造を明確にしましょう。見出しを使って視線を導き、レイアウトの論理性を補強することで、内容が素早く把握でき、プレゼンにもそのまま使える状態になります。",[1151,12049,12050,12053],{},[486,12051,12052],{},"アノテーションで具体的なディテールを強調する"," - ときには、画像の一部だけが重要な場合があります。矢印、線、またはハイライト用の形で注目させたいポイントを示し、それに「高コントラストな影に注目—ドラマチックな緊張感に最適」などの短いメモを添えましょう。これによりリファレンスがより正確になり、読み違えを防げます。",[111,12055],{},[101,12057,12058],{},"ボードの上部または横に、全体のクリエイティブビジョンを要約する短い段落を追加することも検討してください。これは、先ほどの一文によるスタイル要約を、感情的なトーン、視覚的な影響、またはデザイン思想まで広げることができます。例：「このボードでは、色が色褪せた、ウォームなライティング、そして手描きのような不完全さを持つ、土台のある感情的なSF世界を探ります。ローファイなインディー映画や90年代アニメに触発され、懐かしく、同時にどこか奇妙に感じられることを目指しています。」",[111,12060],{},[114,12062,12063],{"id":559},[486,12064,560],{},[101,12066,12067],{},"素晴らしいアニメーションはタイムラインでは始まりません。ビジョンから始まります。",[101,12069,12070],{},"あなたのモルドボード（ムードボード）は？ それが、そのビジョンを具体的な形にする最初の本当の一歩です。",[101,12072,12073],{},"バラバラのアイデアが、方向性になる場所。トーン、スタイル、そしてストーリーテリングが、きちんと形になっていく場所。作業ではありません。それは設計図です。",[101,12075,12076],{},"まず、クリエイティブ・ディレクションを定義します。次に、意図を持ってリファレンスを集めます。容赦ないアートディレクターのようにキュレーションし、デザイナーのようにすべてを並べ、ストーリーテラーのように文脈を加えます。",[101,12078,12079],{},"正しく作れば、ムードボードは意思決定のための機械になります。アイデアを売り、チームを揃え、（日数でなくても）混乱した手戻りの時間を何時間も節約できます。",[101,12081,12082],{},"待たないでください。今作りましょう。アニマティクスの前に、キーフレームの前に—ビジュアル言語を固定してください。",[101,12084,12085],{},"リファレンスを手に取り、境界線をスケッチし、ボードにこう言わせましょう。「私たちが作るのはこれで、そしてこのように感じるべきだ。」ムードボードがしっかりしていれば、他のすべてが自然に流れていきます。",[84,12087,12089,12092],{"className":12088},[87,88,89],[84,12090,576],{"className":12091},[93],[84,12093,11393,12095,12098],{"className":12094},[98],[266,12096,6624],{"href":583,"rel":12097},[585],"！ ベストプラクティスを共有する1,000人以上の専門家とのつながりがあり、時には対面イベントを企画することもあります。ぜひ歓迎します！ 😊",[84,12100,12102],{"className":12101},[87,591,592],[266,12103,598],{"href":583,"className":12104},[596,597],{"title":168,"searchDepth":600,"depth":600,"links":12106},[12107,12108,12109,12110,12111,12112,12113,12114],{"id":11824,"depth":600,"text":11827},{"id":11842,"depth":600,"text":11845},{"id":11874,"depth":600,"text":11877},{"id":11911,"depth":600,"text":11914},{"id":11949,"depth":600,"text":11952},{"id":11993,"depth":600,"text":11996},{"id":12030,"depth":600,"text":12033},{"id":559,"depth":600,"text":560},"https://images.unsplash.com/photo-1521249664898-864e6c1b6d5c?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3wxMTc3M3wwfDF8c2VhcmNofDZ8fGFuaW1hdGlvbiUyMG1vb2QlMjBib2FyZHxlbnwwfHx8fDE3NTQ4OTc3Nzl8MA&ixlib=rb-4.1.0&q=80&w=2000",{"updated_at":12117,"featured_at":612,"visibility":613},"2026-03-26T10:22:24.000+01:00","/blog-i18n/ja/animation-moodboard","2025-08-11T10:00:44.000+02:00",{"title":11786,"description":168},"animation-moodboard","blog-i18n/ja/animation-moodboard/index",[12124],{"id":620,"name":621,"slug":622,"description":7,"feature_image":7,"visibility":613,"og_image":7,"og_title":7,"og_description":7,"twitter_image":7,"twitter_title":7,"twitter_description":7,"meta_title":7,"meta_description":7,"codeinjection_head":7,"codeinjection_foot":7,"canonical_url":7,"accent_color":7,"url":623},"aLvI5ugYoLlV6AXf-8OzR1jq6zHavuqVqyYSh0-wiWg",{"id":12127,"title":12128,"authors":12129,"body":12131,"description":168,"extension":608,"feature_image":12451,"html":7,"meta":12452,"navigation":11,"path":12454,"published_at":12455,"seo":12456,"slug":12457,"stem":12458,"tags":12459,"__hash__":12461,"updated_at":12453,"featured_at":612,"visibility":613},"blog/blog-i18n/ja/secondary-action-principle/index.md","The Secondary Action Principle (2026): Animation’s Unsung Hero",[12130],{"id":11067,"name":11068,"slug":11069,"profile_image":11070,"cover_image":7,"bio":11071,"website":7,"location":11072,"facebook":7,"twitter":11073,"meta_title":7,"meta_description":7,"threads":7,"bluesky":7,"mastodon":7,"tiktok":7,"youtube":7,"instagram":7,"linkedin":7,"url":11074},{"type":81,"value":12132,"toc":12440},[12133,12148,12151,12154,12157,12160,12162,12168,12175,12178,12180,12186,12192,12199,12206,12208,12214,12220,12223,12230,12233,12235,12241,12247,12253,12256,12259,12269,12272,12274,12280,12286,12296,12299,12302,12309,12311,12317,12323,12326,12332,12335,12338,12340,12346,12353,12363,12366,12369,12376,12378,12384,12390,12393,12396,12399,12401,12405,12408,12411,12421,12434],[84,12134,12136,12140],{"className":12135},[87,88,89],[84,12137,12139],{"className":12138},[93],"🎭",[84,12141,12143],{"className":12142},[98],[674,12144,12145],{},[486,12146,12147],{"style":678},"小さなことが世界を生かす――一瞬の視線、身じろぎ、揺れる葉。アニメーションの世界は、そうした細部でいきいきと動き出します。",[101,12149,12150],{},"キャラクターの動きをアニメーション化するだけでは不十分です。",[101,12152,12153],{},"もしバーで2人の男が会話しているなら、リップシンクを合わせて「それで終わり」とはできません。背景のアニメーション、バーテンダーのグラスを拭くようなさりげない動き、さらにはコーナーにあるジュークボックスの振動まで考慮する必要があります。",[101,12155,12156],{},"時には、あまり目立たないセカンダリーアクションが、良いアニメーションと素晴らしいアニメーションを分けます。",[101,12158,12159],{},"この記事では、アニメーターがそれをどう実現しているか、そしてあなたもどう取り入れられるかを見ていきましょう！",[111,12161],{},[114,12163,12165],{"id":12164},"what-is-the-secondary-action-principle",[486,12166,12167],{},"セカンダリーアクションの原則とは？",[101,12169,12170,12171,12174],{},"セカンダリーアクションの原則とは、",[486,12172,12173],{},"シーン内で主なアクションを支える追加の動き","のことを指します。",[101,12176,12177],{},"キャラクターが手を振っているなら、主なアクションは腕の動きです。しかし、頷くように首が動いたり、髪がそれに呼応して揺れたりすることで、セカンダリーアクションが生まれ、シーンが豊かになります。",[111,12179],{},[114,12181,12183],{"id":12182},"why-is-the-secondary-action-principle-important",[486,12184,12185],{},"なぜセカンダリーアクションの原則は重要なのか？",[101,12187,12188,12191],{},[486,12189,12190],{},"セカンダリーアクションは、メインの動きを邪魔せずにキャラクターと環境に奥行きを与える","ものです。たとえばキャラクターが怒って本を閉じる（主なアクション）一方で、アニメーターは苛立ちを強調するために彼に足をせわしなくトントンと叩かせることができます（セカンダリーアクション）。",[101,12193,12194,12195,12198],{},"セカンダリーアクションを加えると、",[486,12196,12197],{},"より現実味のある動きになる","という効果があります。身体は複雑なシステムで、パーツ同士がつながっています。それと同じように、私たちの環境や人間関係のネットワークも相互に影響し合います。ひとつの部位が動けば、別の部位も追随するものです。",[101,12200,12201,12202,12205],{},"それは娯楽としてだけでなく、",[486,12203,12204],{},"視聴者にとって魅力的でもあります","。セカンダリーアクションはシーンにリズムを生み、退屈に感じさせないためです。セリフを言い終えたあとに、観客が台詞を受け取るための間として、少しだけ頭をかくような動きを挟むキャラクターもいるかもしれません。",[111,12207],{},[114,12209,12211],{"id":12210},"_1-start-with-the-primary-action",[486,12212,12213],{},"1. まず主なアクションから始める",[101,12215,12216,12219],{},[486,12217,12218],{},"最初にメインの動きに集中しましょう。","それは明確で目的があるものであるべきです。これが、あらゆるセカンダリーアクションの土台になります。主なアクションがしっかりしていないと、セカンダリーアクションはアニメーションを弱くしてしまいます。",[101,12221,12222],{},"たとえば、キャラクターが水たまりを飛び越えているなら、テイクオフから着地までの跳躍の軌道が主なアクションです。ジャンプは自然に見えなければならないので、キャラクターが膝をどう曲げ、地面をどう蹴り、どう着地するのかに注意を払います。",[101,12224,12225,12226,12229],{},"主なアクションが滑らかで信じられるものになったら、セカンダリーアクションを追加します――布のひらめきや勝利を表す表情など。",[486,12227,12228],{},"ただし必須ではありません","。低予算のアニメーションでは、多くのシーンでセカンダリーアクションが省かれていることもありますし、それで世界が終わるわけでもありません。Wojackアニメーションはリップシンクですらしませんが、それでも何百万人もの人が見ています：",[101,12231,12232],{},"とはいえ、わずかなセカンダリーアクション――たとえば少しよろめく程度――でも、歩くといった基本的な動作を引き上げることができます。これは、キャラクターの体重や勢いに対して考えが込められていることを示し、さらに観客に身体的に「その影響を感じさせる」ことにつながります。豊かな体験を作るのに、たくさんの層は必要ありません！",[111,12234],{},[114,12236,12238],{"id":12237},"_2-avoid-over-animating",[486,12239,12240],{},"2. 動かしすぎない",[101,12242,12243,12244,680],{},"セカンダリーアクションはアニメーションに大きな付加価値を与えますが、",[486,12245,12246],{},"メインのアクションとのバランスを適切に取ることが重要です",[101,12248,12249,12252],{},[486,12250,12251],{},"動きが多すぎるとシーンが圧倒され","、視聴者の注意をそらしてしまいます。",[101,12254,12255],{},"キャラクターが棚から本を取ろうとしているなら、フォーカスすべきはシンプルな手の把握動作です。頭の傾きや体重移動は、細かいけれど効果的なセカンダリーアクションの選択肢です。注目を奪うことなく、その瞬間を豊かにしてくれるからです。",[101,12257,12258],{},"逆に、指を叩くなどの不必要な動きや、大げさな瞬きは避けるべきです。シーンを散らかしてしまうからです。",[101,12260,12261,12262,12268],{},"これらの動きを効果的に計画するには、",[266,12263,4172,12265],{"href":12264},"https://blog.cg-wire.com/storyboard-animation/",[4123,12266,12267],{},"ストーリーボードを使い","、セカンダリーアクションが自然に入る場所を可視化してスケッチしましょう。計画しておくことで、終わりのない手直しを必要とせずにアニメーションの一貫性を保てます。",[101,12270,12271],{},"日常の行動を観察してみてください。多くの人は、ほとんど完璧に静止してはいません。足が微調整されます。手が袖に触れます。こうした自然なマイクロアクションを選択的にまねることで、やりすぎずにアニメーションを地に足のついたものにできます。",[111,12273],{},[114,12275,12277],{"id":12276},"_3-experiment-with-timing",[486,12278,12279],{},"3. タイミングを試してみる",[101,12281,12282,12285],{},[486,12283,12284],{},"セカンダリーアクションの速度や遅れを調整することは、ムードを作り","、メインのアクションを際立たせます。タイミングを試行錯誤することで、ニュアンスを加えられます。",[101,12287,12288,12289,12295],{},"検討すると良い実用的なツールのひとつが",[266,12290,4172,12292],{"href":12291},"https://blog.cg-wire.com/onion-skinning/",[4123,12293,12294],{},"セカンダリーの動きを可視化して調整するゴーストフレーム","です。アクションが時間の中でどう展開するかを示してくれます。",[101,12297,12298],{},"Blenderでは、オニオンスキニングによって過去と未来のフレームの両方を見られるため、アニメーションのタイミング感をつかめます：",[101,12300,12301],{},"しかし、モーションパスは身体の別々のパーツを切り分ける点で、より効果的です：",[101,12303,12304,12305,12308],{},"キャラクターが手を叩くなら、遅れて入る頭の頷きや、控えめな笑みがジェスチャーを増幅します。",[486,12306,12307],{},"この遅れによって、セカンダリーアクションが「拍手が与える衝撃」を強調できる","のです。こうした要素を丁寧にタイミングさせることで、キャラクターの表情をより豊かにできます。",[111,12310],{},[114,12312,12314],{"id":12313},"_4-dont-forget-the-context-of-the-scene",[486,12315,12316],{},"4. シーンの文脈を忘れない",[101,12318,12319,12320,680],{},"アニメーションでセカンダリーアクションを使うときは、",[486,12321,12322],{},"必ずシーンの文脈を考慮してください",[101,12324,12325],{},"手を振るという例に立ち返るなら、このアクションがどこで行われるのか、そしてほかのキャラクターや環境がどう影響し、またはどう影響を受けるのかを想像する必要があります。",[101,12327,12328,12331],{},[486,12329,12330],{},"環境や小道具とのやり取りは、セカンダリーアクションの豊かな源になります","。キャラクターがコーヒーを飲んでいるなら、カップの取っ手をいじってしまうかもしれません。この小さな仕草は、その人物像に奥行きを与えます。カップから立ち上る湯気は、現実味のある微かなセカンダリーアクションを生み出します。",[101,12333,12334],{},"背景のアニメーションも重要です。環境全体が生きているように感じられるからです。風で揺れる葉や、暖かい歩道でだらんと伸びをする猫は、物語を支え、信じられる世界を作ります。",[101,12336,12337],{},"文脈に注意を払うことで、主なアクションを良くするだけでなく、意味の層を追加して、より記憶に残る体験になります。",[111,12339],{},[114,12341,12343],{"id":12342},"_5-work-these-rigs",[486,12344,12345],{},"5. これらのリグを活用する",[101,12347,12348,12349,12352],{},"リグは、",[486,12350,12351],{},"3Dモデリングにおけるキャラクターのデジタルな骨格","です。キャラクターの動き方を制御します。",[101,12354,12355,12356,12362],{},"セカンダリーアクションには",[266,12357,12359],{"href":12358},"https://blog.cg-wire.com/rigging-in-animation/",[4123,12360,12361],{},"良いリグ","が欠かせません。キャラクターが同意して頷くなら、髪も少し揺れる必要があります。リグは、そのような追加の動きも支えられるようになっていなければなりません。",[101,12364,12365],{},"リギングのアーティストは通常、Inverse Kinematics（IK）で手足を操作し、Forward Kinematics（FK）で個々の関節を扱います。こうしたリグの制約によって、アニメーターはポーズを作れるようになります。",[101,12367,12368],{},"その後で、髪・尻尾・衣服といったセカンダリー要素のためのコントロールを追加します。",[101,12370,12371,12372,12375],{},"ときには、",[486,12373,12374],{},"これらのセカンダリー要素自体に独自の物理エンジンがあり、より現実的にレンダリングできることもあります","。一般的に、フォトリアルな髪のシミュレーションは、極めて計算コストが高いです：",[111,12377],{},[114,12379,12381],{"id":12380},"_6-mastering-layers",[486,12382,12383],{},"6. レイヤーを使いこなす",[101,12385,12386,12387,680],{},"Maya、Blender、Toon Boom HarmonyのようなDCCツールを使っているときは、",[486,12388,12389],{},"他のチームメンバーと同じシーンで作業しながらも明確さを保つために、レイヤーを効率よく管理することが重要になります",[101,12391,12392],{},"メインのアクションとセカンダリーのアクションは、通常別々のレイヤーに配置します。たとえば、主要な身体の動きは1つのレイヤーにし、髪、衣服、または手を振る動作はセカンダリーのレイヤーに置くといった具合です。アニメーターはレイヤーグループやネスト機能を使って関連する要素を整理し、表示の切り替えを効率化します。",[101,12394,12395],{},"コンストレイントスタックを使うと、あるアクションが別のアクションに影響するような、複雑な階層構造のアニメーションレイヤーを作れます。これはBlenderのようなツールでの高度な手法で、オブジェクトやボーンをリンクして、ベースとなるアクションに対してセカンダリー側が細やかにニュアンスを乗せることができます。",[101,12397,12398],{},"命名規則、カラーボード、メモなどを通じてレイヤーにメタデータを追加し、モデルをより読みやすくするようにしましょう。",[111,12400],{},[114,12402,12403],{"id":559},[486,12404,560],{},[101,12406,12407],{},"セカンダリーアクションは、アニメーションをより没入感のあるものにするための貴重なストーリーテリングの手段です。",[101,12409,12410],{},"主なアクションを正しく作ることが重要で、動かしすぎには注意が必要ですが、うまくタイミングされたセカンダリーアクションなら、動きを際立たせたり、キャラクターが進む先の世界をより深く見せたりできます。",[101,12412,12413,12414,12420],{},"セカンダリーアクションは",[266,12415,4172,12417],{"href":12416},"https://blog.cg-wire.com/follow-through-overlapping-action/",[4123,12418,12419],{},"オーバーラッピング・アクションと混同しないように","。そして主なアクションと同様に、フォロー・スルー（余韻の）アクションの計画も必要です。このテーマに関する詳細ガイドはこちらをご覧ください！",[84,12422,12424,12427],{"className":12423},[87,88,89],[84,12425,576],{"className":12426},[93],[84,12428,9599,12430,12433],{"className":12429},[98],[266,12431,586],{"href":583,"rel":12432},[585],"！私たちはベストプラクティスを共有する1,000人以上の専門家とつながっており、時には対面イベントも企画しています。ぜひ歓迎します！ 😊",[84,12435,12437],{"className":12436},[87,591,592],[266,12438,598],{"href":583,"className":12439},[596,597],{"title":168,"searchDepth":600,"depth":600,"links":12441},[12442,12443,12444,12445,12446,12447,12448,12449,12450],{"id":12164,"depth":600,"text":12167},{"id":12182,"depth":600,"text":12185},{"id":12210,"depth":600,"text":12213},{"id":12237,"depth":600,"text":12240},{"id":12276,"depth":600,"text":12279},{"id":12313,"depth":600,"text":12316},{"id":12342,"depth":600,"text":12345},{"id":12380,"depth":600,"text":12383},{"id":559,"depth":600,"text":560},"https://images.unsplash.com/photo-1655532391070-ef6c6e922e39?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3wxMTc3M3wwfDF8c2VhcmNofDI2fHxhbmltYXRpb24lMjBiYWNrZ3JvdW5kfGVufDB8fHx8MTc1MTkxMzc3OXww&ixlib=rb-4.1.0&q=80&w=2000",{"updated_at":12453,"featured_at":612,"visibility":613},"2026-03-26T10:40:29.000+01:00","/blog-i18n/ja/secondary-action-principle","2025-07-28T10:00:56.000+02:00",{"title":12128,"description":168},"secondary-action-principle","blog-i18n/ja/secondary-action-principle/index",[12460],{"id":620,"name":621,"slug":622,"description":7,"feature_image":7,"visibility":613,"og_image":7,"og_title":7,"og_description":7,"twitter_image":7,"twitter_title":7,"twitter_description":7,"meta_title":7,"meta_description":7,"codeinjection_head":7,"codeinjection_foot":7,"canonical_url":7,"accent_color":7,"url":623},"jwrZkuQrR3GGuI2aAVyti4Er3rC-2CibWHOQQNqtXKE",{"id":12463,"title":12464,"authors":12465,"body":12467,"description":168,"extension":608,"feature_image":12808,"html":7,"meta":12809,"navigation":11,"path":12811,"published_at":12812,"seo":12813,"slug":12814,"stem":12815,"tags":12816,"__hash__":12818,"updated_at":12810,"featured_at":612,"visibility":613},"blog/blog-i18n/ja/color-correction-animation/index.md","アニメーションにおけるカラ―補正（2026）：洗練されたシーンの秘訣",[12466],{"id":11067,"name":11068,"slug":11069,"profile_image":11070,"cover_image":7,"bio":11071,"website":7,"location":11072,"facebook":7,"twitter":11073,"meta_title":7,"meta_description":7,"threads":7,"bluesky":7,"mastodon":7,"tiktok":7,"youtube":7,"instagram":7,"linkedin":7,"url":11074},{"type":81,"value":12468,"toc":12795},[12469,12479,12482,12485,12488,12490,12496,12510,12513,12523,12526,12528,12534,12540,12546,12553,12555,12561,12564,12584,12594,12597,12599,12605,12612,12615,12618,12620,12626,12632,12635,12638,12640,12646,12652,12655,12657,12663,12670,12673,12676,12678,12684,12690,12693,12696,12699,12701,12707,12713,12716,12719,12722,12724,12730,12736,12739,12742,12744,12748,12751,12762,12765,12774,12789],[84,12470,12472,12475],{"className":12471},[87,88,89],[84,12473,4082],{"className":12474},[93],[84,12476,12478],{"className":12477},[98],"カラ―補正で、アニメーションは“それなり”から“まばゆいほど”へ。しかも、1枚も再アニメーションすることなく実現できます。",[101,12480,12481],{},"ときどき、アニメーションを仕上げたあとに色がくすんで見えることがあります。あるいは、ただ“雰囲気”に合わせてトーンを変えたいこともあります。",[101,12483,12484],{},"各フレームを1枚ずつ編集するのではなく、ポストプロダクションでまとめて一度に色を補正できます。",[101,12486,12487],{},"カラ―補正の始め方のヒントを読み進めてください！",[111,12489],{},[114,12491,12493],{"id":12492},"what-is-color-correction",[486,12494,12495],{},"カラ―補正とは？",[84,12497,12499,12502],{"className":12498},[87,88,665],[84,12500,669],{"className":12501},[93],[84,12503,12505],{"className":12504},[98],[674,12506,12507],{},[486,12508,12509],{"style":678},"カラ―補正は、見た目の美しさを得るために、アニメーションの色の値を調整することです。",[101,12511,12512],{},"その結果、ラフに見える3Dシーンから魅力的な最終成果物へと変わります：",[158,12514,12516],{"className":12515},[87,161],[163,12517],{"src":12518,"className":12519,"alt":168,"loading":169,"width":12520,"height":12521,"srcSet":12522,"sizes":173},"https://blog.cg-wire.com/content/images/2026/03/image-14.png",[167],1920,1080,"https://blog.cg-wire.com/content/images/size/w600/2026/03/image-14.png 600w, https://blog.cg-wire.com/content/images/size/w1000/2026/03/image-14.png 1000w, https://blog.cg-wire.com/content/images/size/w1600/2026/03/image-14.png 1600w, https://blog.cg-wire.com/content/images/2026/03/image-14.png 1920w",[101,12524,12525],{},"違いはすぐに分かります。",[111,12527],{},[114,12529,12531],{"id":12530},"why-is-color-correction-important",[486,12532,12533],{},"なぜカラ―補正が重要なのですか？",[101,12535,12536,12539],{},[486,12537,12538],{},"別々のシーンは、異なるタイミングで、あるいは別々のアーティストによってアニメ化されます。"," ミスがあると、色のトーンにわずかな差が生じることがあります。カラ―補正によってそれを解消し、すべてのシーンが一貫したカラ―パレットを保てるようになります。",[101,12541,12542,12545],{},[486,12543,12544],{},"色はシーンの感情的なトーンに大きく影響します。"," カラ―補正を通じて、アニメーターは、悲しみを想起させる“涼しげなトーン”や、安心感・幸福感につながる“暖かい色合い”など、特定の感情を強調することもできます。物語の中で特定のテーマやモチーフを伝えるために、ある色が使われることもよくあります。",[101,12547,12548,12549,12552],{},"制作のスタイルによっては、",[486,12550,12551],{},"カラ―補正によりアニメーションがより生き生きと見えたり、審美的な仕上がり","になったりします。たとえばリアル寄りのアニメでは、自然な照明条件に合わせるために正確な色調整が必要になることがあります。一方でスタイライズされた作品では、誇張されたカラ―設計が有効な場合があります。",[111,12554],{},[114,12556,12558],{"id":12557},"the-elements-of-color",[486,12559,12560],{},"色の要素",[101,12562,12563],{},"カラ―補正がどのように機能するかを理解するには、色の基本要素である色相（ヒュー）、彩度（サチュレーション）、明度（ブライトネス）、そして“色づけ（tinting）”と“陰影（shading）”のプロセスを知っておく必要があります。",[1148,12565,12566,12572,12578],{},[1151,12567,12568,12571],{},[486,12569,12570],{},"色相（Hue）"," は色の系統、つまりアニメーションのベースカラーです。何の色づけ（tint）も陰影（shade）もない“純粋な色”。カラーホイールのようなツールを使うと、調和の取れた色相をイメージして選びやすくなります。",[1151,12573,12574,12577],{},[486,12575,12576],{},"彩度（Saturation）"," は色の強さ、または純度を定義します。彩度が高いと鮮やかな色になり、彩度が低いとくすんだ色になります。彩度が高いと高揚感や活動性を示し、脱彩度の色は懐かしさや厳粛さを連想させます。",[1151,12579,12580,12583],{},[486,12581,12582],{},"明度（Brightness）"," は、その色がどれくらい明るく見えるか、または暗く見えるかを決めます。シーンのムードや奥行きに大きく関わります。明度の変化を使ってコントラストを作り、視覚的な興味を生み出せます。たとえば暗い背景に明るいキャラクターがあると、視線の焦点になります。",[101,12585,12586,12589,12590,12593],{},[486,12587,12588],{},"色づけ（Tinting）"," は色に白を加えて明るくすることで、",[486,12591,12592],{},"陰影（Shading）"," は黒を加えて暗くすることです。これらの手法でライティングの効果を作り出せます。",[101,12595,12596],{},"制作全体で一貫性を保つために、アニメーターはカラースクリプト（プロジェクト全体のカラースキームを戦略的にまとめたもの）を使います。",[111,12598],{},[114,12600,12602],{"id":12601},"_1-white-balance-adjustment",[486,12603,12604],{},"1. ホワイトバランスの調整",[101,12606,12607,12608,12611],{},"ホワイトバランスの調整は、アニメーション内の不自然な色被り（キャスト）を取り除き、白を“純粋な白”に見せ、他の色も自然に見えるようにする工程です。このプロセスでは、シーン内の色を、中立的な照明条件のもとでどのように見えるはずかに合わせて微調整します。",[486,12609,12610],{},"これは、さまざまな照明環境において私たちの目が色を知覚する仕組みを模倣する","ものです。",[101,12613,12614],{},"ほとんどのアニメ制作・編集ソフトには、ホワイトバランスツールがあり、選んだ中立点（白またはグレーの領域）に基づいてシーンを自動調整できます。",[101,12616,12617],{},"たとえばBlenderでは、レンダーのプロパティにあるカラーマネジメントパネルでホワイトバランス機能を見つけられます。",[111,12619],{},[114,12621,12623],{"id":12622},"_2-exposure-correction",[486,12624,12625],{},"2. エクスポージャー（露出）の補正",[101,12627,12628,12631],{},[486,12629,12630],{},"露出の補正は、最も暗い部分と最も明るい部分の情報が見えるようにし、正しく釣り合うように、明るさのレベルを変更する","ことです。フレーム内の光量を調整して、観客が意図したディテールや色をはっきり見られるようにします。露出不足（暗すぎ）や露出過多（明るすぎ）の部分が出ないようにするのがポイントです。",[101,12633,12634],{},"ヒストグラムのツールは、画像内のトーン値を表示することで適切な露出レベルを把握するのに役立ちます。影（シャドウ）、中間調（ミッドトーン）、ハイライトの分布です。フラッシュバックや夢のシーケンスをアニメ化しない限り、各シーンが同じ露出レベルになるようにスコープを使って確認できます。 ",[101,12636,12637],{},"Blenderでは、領域の明るさを上げるためのExposureノードが提案されます。たとえば、部屋の窓などです。",[111,12639],{},[114,12641,12643],{"id":12642},"_3-contrast-enhancement",[486,12644,12645],{},"3. コントラストの強化",[101,12647,12648,12651],{},[486,12649,12650],{},"コントラストの強化は、画像の最も明るい部分と最も暗い部分の差を変える","ことです。これらの差を強調することで、アニメーターはビジュアルをより魅力的にできます。",[101,12653,12654],{},"これは、フレーム内の各要素が適切に目立つように、明るさのレベルを変更することで実現します。コントラストの高い領域は自然に視線を引きます。",[111,12656],{},[114,12658,12660],{"id":12659},"_4-color-balance-adjustment",[486,12661,12662],{},"4. カラーバランスの調整",[101,12664,12665,12666,12669],{},"カラーバランスの調整とは、",[486,12667,12668],{},"シーン内の色の強さを変更して、望むビジュアルのトーンを得る","ためのプロセスです。色同士がうまく補完し合い、調和のとれた見た目になるように調整します。",[101,12671,12672],{},"たとえば、日の出の設定でアニメ化されたシーンがあるなら、早朝の光の持つやさしい暖かさを反映したバランスを目指します。まずカラーホイール上で、日の出シーンの支配的な色を特定します。たとえば柔らかい黄みのオレンジであることが多いでしょう。そしてその暖かさを強めるために、バランスを少し赤側へ寄せることで、穏やかな朝の印象を作れます。",[101,12674,12675],{},"カラーバランスがどのように効くかを見るには、カラーホイール上での色同士の相互作用を確認するとよいでしょう。もしシーンに黄色が多すぎると（カラーホイール上で緑の隣に位置します）、意図せずクールな緑みの色相が引き込まれてしまい、意図に反する結果になるかもしれません。バランスを慎重に調整すれば、黄色を“より涼しさ寄り”へ倒し込むことなく、柔らかく親しみやすい状態に保てます。",[111,12677],{},[114,12679,12681],{"id":12680},"_5-saturation-control",[486,12682,12683],{},"5. 彩度（サチュレーション）のコントロール",[101,12685,12686,12687,11624],{},"これは",[486,12688,12689],{},"フレーム内の色の強度や純度を調整すること",[101,12691,12692],{},"たとえば、夜明けの静かな森のシーンをアニメ化しているとしましょう。落ち着いた（くすんだ）色や脱彩度の色を選ぶことで、穏やかで平和な雰囲気を表せます。逆に彩度を上げると、すべてが誇張されたように見えてしまい、物語から注意をそらしてしまいます。過剰な彩度はディテールの損失にもつながります。",[101,12694,12695],{},"もし“色をパッと目立たせる”ことがスタイリッシュな選択なら、より彩度の高いパレットは意図的で効果的にもなりえます。",[101,12697,12698],{},"目安としては、まず中立のベースラインから始め、段階的に調整していくのが簡単です。",[111,12700],{},[114,12702,12704],{"id":12703},"_6-color-grading",[486,12705,12706],{},"6. カラ―グレーディング",[101,12708,12709,12710,11624],{},"カラ―グレーディングは、",[486,12711,12712],{},"アニメーション内の色を変更して、特定のルックやムードを作ること",[101,12714,12715],{},"キャラクターが晴れたビーチにいるシーンを想像してみてください。カラ―グレーディングの手法を適用すれば、空の明るさを高め、海の色を彩度高くして、より活気があり心を惹きつける雰囲気を作れます。さらに、日光の下で肌のトーンがより自然に見えるようにキャラクターの肌色も調整できます。",[101,12717,12718],{},"一貫して再現性のあるカラ―グレーディングを行う方法の1つは、Color Lookup Tables（LUTs）を使うことです。これは、あらかじめ用意された色設定で、アニメーションに適用するだけで、素早くプロっぽい見た目を実現できます。",[101,12720,12721],{},"また、ビデオスコープ／ヒストグラムを使えば、色のバランス、露出、明るさのレベルを正確に評価でき、明るすぎる／暗すぎる色を避けられます。",[111,12723],{},[114,12725,12727],{"id":12726},"_7-skin-tone-correction",[486,12728,12729],{},"7. 肌のトーンの補正",[101,12731,12732,12735],{},[486,12733,12734],{},"肌のトーン補正は、キャラクターの肌色を磨き上げて、さまざまな照明条件やシーンの中でも自然で一貫した見た目にする","ことです。",[101,12737,12738],{},"強い日差しは色を白飛びさせてしまい、肌のトーンが極端に淡く見えたり、判別しにくくなったりすることがあります。",[101,12740,12741],{},"これを補正するために、アニメーターはソフトウェアのツールを使ってカラーバランスを調整します。たとえば、暖色系のトーン（赤や黄）で彩度を少し上げることで、厳しい光の下でも肌が持つ鮮やかさを保てます。",[111,12743],{},[114,12745,12746],{"id":559},[486,12747,560],{},[101,12749,12750],{},"カラ―補正は、ポストプロダクションにおける重要な工程で、最終結果を磨き上げます。さまざまな手法にはそれぞれ異なるメリットがあり、最大限に活かすにはそれらがどのように機能するかを理解しておくことが大切です。",[101,12752,12753,12754,12761],{},"使うDCCツールによってワークフローは変わりますが、基本原則はだいたい同じです。レンダリングにおけるカラ―補正を学ぶために、",[266,12755,4172,12758],{"href":12756,"rel":12757},"https://docs.blender.org/manual/en/latest/render/color_management?ref=blog.cg-wire.com",[585],[4123,12759,12760],{},"Blenderのカラーマネジメントのセクション","を見てみてください。",[101,12763,12764],{},"同じセット（背景設定）の中に複数のショットがある場合、アニメーターは通常、正しいバランスの入った1つの「ヒーローフレーム」を選び、他のシーンの基準として使ってマッチングの手間を減らしつつ、視覚的な一貫性にもつなげます。",[101,12766,12767,12768,6552],{},"ただしカラ―補正は、良いカラーデザインの代わりではありません。企画・構想段階から、物語に合ったカラーパレットを能動的に選ぶ必要があります。より詳しくは",[266,12769,4172,12771],{"href":12770},"https://blog.cg-wire.com/character-color-palettes/",[4123,12772,12773],{},"キャラクターデザインのためのカラーパレット選びガイド",[84,12775,12777,12780],{"className":12776},[87,88,89],[84,12778,576],{"className":12779},[93],[84,12781,12783,12784,12788],{"className":12782},[98],"アニメーションの制作プロセスについてもっと学ぶには",[266,12785,12787],{"href":583,"rel":12786},[585],"、Discordコミュニティへの参加をご検討ください","！ベストプラクティスを共有する1,000人以上の専門家とつながっており、たまに現地イベントも企画しています。ぜひ歓迎します！ 😊",[84,12790,12792],{"className":12791},[87,591,592],[266,12793,598],{"href":583,"className":12794},[596,597],{"title":168,"searchDepth":600,"depth":600,"links":12796},[12797,12798,12799,12800,12801,12802,12803,12804,12805,12806,12807],{"id":12492,"depth":600,"text":12495},{"id":12530,"depth":600,"text":12533},{"id":12557,"depth":600,"text":12560},{"id":12601,"depth":600,"text":12604},{"id":12622,"depth":600,"text":12625},{"id":12642,"depth":600,"text":12645},{"id":12659,"depth":600,"text":12662},{"id":12680,"depth":600,"text":12683},{"id":12703,"depth":600,"text":12706},{"id":12726,"depth":600,"text":12729},{"id":559,"depth":600,"text":560},"https://images.unsplash.com/photo-1627873828998-50b7aeec7ffe?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3wxMTc3M3wwfDF8c2VhcmNofDMwfHxjb2xvciUyMHBhbGV0dGV8ZW58MHx8fHwxNzUxOTEzMTY3fDA&ixlib=rb-4.1.0&q=80&w=2000",{"updated_at":12810,"featured_at":612,"visibility":613},"2026-03-26T10:31:44.000+01:00","/blog-i18n/ja/color-correction-animation","2025-07-21T10:00:36.000+02:00",{"title":12464,"description":168},"color-correction-animation","blog-i18n/ja/color-correction-animation/index",[12817],{"id":620,"name":621,"slug":622,"description":7,"feature_image":7,"visibility":613,"og_image":7,"og_title":7,"og_description":7,"twitter_image":7,"twitter_title":7,"twitter_description":7,"meta_title":7,"meta_description":7,"codeinjection_head":7,"codeinjection_foot":7,"canonical_url":7,"accent_color":7,"url":623},"6CxGwD2AoUM9dR5RLJjzs9GU1mNJZU5yJ8y2Hm_w0gw",{"id":12820,"title":12821,"authors":12822,"body":12824,"description":168,"extension":608,"feature_image":13179,"html":7,"meta":13180,"navigation":11,"path":13182,"published_at":13183,"seo":13184,"slug":13185,"stem":13186,"tags":13187,"__hash__":13189,"updated_at":13181,"featured_at":612,"visibility":613},"blog/blog-i18n/ja/avoid-over-animating-scenes/index.md","なぜ過剰なアニメーションがストーリーテリングを台無しにするのか（2026年版）",[12823],{"id":11067,"name":11068,"slug":11069,"profile_image":11070,"cover_image":7,"bio":11071,"website":7,"location":11072,"facebook":7,"twitter":11073,"meta_title":7,"meta_description":7,"threads":7,"bluesky":7,"mastodon":7,"tiktok":7,"youtube":7,"instagram":7,"linkedin":7,"url":11074},{"type":81,"value":12825,"toc":13169},[12826,12837,12844,12847,12850,12853,12856,12858,12864,12867,12874,12880,12887,12889,12895,12901,12904,12907,12910,12912,12918,12923,12926,12929,12932,12940,12949,12952,12954,12960,12966,12969,12972,12975,12978,12981,12984,12986,12992,12995,13004,13007,13010,13015,13018,13020,13026,13029,13032,13035,13040,13050,13060,13062,13068,13074,13077,13080,13083,13089,13092,13102,13105,13125,13127,13131,13134,13137,13140,13143,13146,13149,13163],[84,12827,12829,12833],{"className":12828},[87,88,89],[84,12830,12832],{"className":12831},[93],"⏳",[84,12834,12836],{"className":12835},[98],"砂粒ひとつひとつをアニメーションしないで—砂漠をアニメーションしよう 😮",[101,12838,12839],{},[486,12840,12841],{},[702,12842,12843],{},"\"いったい何が起きてるの？\"",[101,12845,12846],{},"シーンを見ている途中でそんな疑問が浮かんだなら、あなたは過剰なアニメーションの被害者かもしれません。",[101,12848,12849],{},"過剰なアニメーションとは、アニメーターが、物語の犠牲になってでも現実味の必要性を強く握りしめていることを示すように、シーンが過剰な動きや細部で飽和している状態のことです。",[101,12851,12852],{},"最近では、One Pieceのあるエピソードが、作画スタイルが「過剰にアニメーションされている」と一部の批評家から見なされたことで物議を醸しました：",[101,12854,12855],{},"この議論には深入りせずとも、なぜ過剰なアニメーションがスタジオにとって悪い結果になり得るのか、そしてそれを防ぐためのワークフローをどう設計すべきかを振り返るのは興味深いことです。",[111,12857],{},[114,12859,12861],{"id":12860},"why-is-over-animating-counter-productive",[486,12862,12863],{},"なぜ過剰なアニメーションは逆効果なのか？",[101,12865,12866],{},"脳が動きをどう処理するのかを理解することは、このパズルの重要なピースです。私たちの目は、単に「動く」だけでなく、明るさや色の変化も含めたコントラストと変化に引き寄せられます。人間の視覚は、バランスと注目点に最適化されています。",[101,12868,12869,12870,12873],{},"すべてが動いていれば、何も目立ちません。視覚知覚に関する研究では、人間の脳が周辺視野で自動的に動きを優先して処理することが示されています。つまり、関係の薄いアニメーション付きの背景のごちゃごちゃが、実際には主人公から注意をそらしてしまうのです。画面上のあらゆる要素が同じ強さでアニメーションされていると、",[486,12871,12872],{},"視聴者は「どこに注目すべきか」を把握しにくくなります","。混乱の中に観客が疲れ切ってしまえば、重要な瞬間や感情は簡単に見落とされます。 ",[101,12875,12876,12879],{},[486,12877,12878],{},"ストーリーテリングが常に主役であるべき","です。細かなディテールを足して現実味や創造性を引き出せそうだとしても、それはメインの物語から注意を逸らしてしまうことがあります。観客に「呼吸する余白」と「考える時間」を与える必要があります。",[101,12881,12882,12883,12886],{},"アニメーションに携わったことがある人なら誰でも知っているように、",[486,12884,12885],{},"過剰なアニメーションは時間もコストもかかる","のです。プロジェクトを完成させるために必要なリソースが伸びてしまい、慎重に管理しないとアニメーションの品質にばらつきが出ます。すべてのシーンで最大限の動きを目指すのではなく、まずは物語を前進させる主要なキーフレームやシーンを優先すべきです。",[111,12888],{},[114,12890,12892],{"id":12891},"_1-use-live-footage",[486,12893,12894],{},"1. ライブ映像を使う",[101,12896,12897,12898,12735],{},"過剰なアニメーションを避ける最良の方法のひとつは、",[486,12899,12900],{},"参照用にライブ映像を使う",[101,12902,12903],{},"小さなため息が、感情の大きさを語ってしまうのを見たことはありませんか？私たちは、微妙な身体の動きでコミュニケーションすることが多いのです。その本質をアニメーションで捉えることで、やり過ぎずに共感できるキャラクターを作れます。",[101,12905,12906],{},"DCCソフトでは、参照動画を背景に重ねて表示できることが多いです：",[101,12908,12909],{},"そうすれば、この参照を使ってキーポーズを設計することも、より一般的にはアニメーションの計画に役立てることもできます。",[111,12911],{},[114,12913,12915],{"id":12914},"_2-you-need-good-planning",[486,12916,12917],{},"2. 良い計画が必要",[101,12919,12920,680],{},[486,12921,12922],{},"計画が、進むべき道を明確にしてくれます",[101,12924,12925],{},"最初のフレームをスケッチする前に、まずはシーンを丁寧にアウトラインしましょう。",[101,12927,12928],{},"特に強調すべき重要な瞬間を特定します。キャラクターの「気づきの瞬間」でも、ドラマチックなアクションの連続でも構いません。こうした要所を先に把握しておくことで、時間とリソースを賢く配分できます。",[101,12930,12931],{},"このプリプロダクション段階では、ストーリーボードとアニマティクスが鍵です。それらを使って、物語のリズムと流れを設計しましょう。",[101,12933,12934,12939],{},[266,12935,12936],{"href":12264},[4123,12937,12938],{},"ストーリーボードなら、ショットを簡単に計画できる","ので、予算の見積もりもしやすくなります。",[101,12941,12942,12948],{},[266,12943,12945],{"href":12944},"https://blog.cg-wire.com/how-animatics-bring-stories-to-life/",[4123,12946,12947],{},"アニマティクスは、シーンが時間とともにどう展開するかを見せてくれる","です。進行テンポを改善し、物語を曇らせるような余計な動きを取り除くのに役立ちます。",[101,12950,12951],{},"アニメーションの各パートにどれくらい時間がかかるかを見積もり、それを実際の予算と照らし合わせます。シリーズの序盤で最初の数話を過剰に作り込んでしまい、後半は予算が尽きて品質が落ちる、となれば、あなたの観客は不満を抱くでしょう。",[111,12953],{},[114,12955,12957],{"id":12956},"_3-simplify",[486,12958,12959],{},"3. シンプルにする",[101,12961,12962,12965],{},[486,12963,12964],{},"各シーンの目的に焦点を当てましょう。 ","過剰なアニメーションは、アニメーターが「なぜそのシーンが必要なのか」を十分に考えずに、いきなり動きに飛びついてしまうことで生まれがちです。",[101,12967,12968],{},"キャラクター同士の間に緊張がある場面ですか？それともコメディの息抜き（間）でしょうか？",[101,12970,12971],{},"アニメーションしながら、各要素がその目的にどれだけ貢献しているかを継続的に評価してください。自分に問いましょう——この動きは物語の流れを前に進めますか？ムードを高めますか？キャラクターを掘り下げますか？",[101,12973,12974],{},"答えがノーなら、その動きは不要かもしれません。",[101,12976,12977],{},"シンプルにすることは、作品を骨だけに削ることではありません。物語にとって最も役立つものに集中する、という意味です。",[101,12979,12980],{},"キャンバスの片付けだと思ってください。不要なアニメーションを掃除することで、重要な瞬間がより強く輝きます。",[101,12982,12983],{},"時には、回転させた1枚のフレームのほうが、手の込んだフル3Dレンダリングのハイパー・リアルなアニメーションよりも強く語ることがあります：",[111,12985],{},[114,12987,12989],{"id":12988},"_4-leverage-exaggeration-properly",[486,12990,12991],{},"4. 誇張を適切に活用する",[101,12993,12994],{},"興奮で弾けそうなキャラクターを想像してください。重力を無視するようなジャンプや、耳から耳まで伸びるような笑顔で動きを選択的に誇張すれば、その圧倒的な喜びを、明確で印象に残る形で伝えられます。",[101,12996,12686,12997,13003],{},[266,12998,4172,13000],{"href":12999},"https://blog.cg-wire.com/exaggeration-animation-principle/",[4123,13001,13002],{},"誇張の魔法","です。観客を引き込み、物語を追いかけてくれるようになります。",[101,13005,13006],{},"このアプローチは、キャラクターがどう感じているかを観客に伝えるだけではありません。観客にも「そう感じさせる」のです！",[101,13008,13009],{},"誇張があることで、観客は「どこを見て、何を感じればいいのか」をはっきり理解できます。",[101,13011,13012],{},[486,13013,13014],{},"少ないもので、もっと見せること。",[101,13016,13017],{},"ただし、有効な誇張と過剰なアニメーションの境界線は薄いです。根拠のない誇張でシーンを過負荷にすると、キャラクターが過演技になってしまいます。そんな“本物っぽくない”キャラクターは誰も好きになれません。",[111,13019],{},[114,13021,13023],{"id":13022},"_5-focus-on-keyframes",[486,13024,13025],{},"5. キーフレームに集中する",[101,13027,13028],{},"キーフレームは、動きの開始地点と終了地点を決めます。",[101,13030,13031],{},"不要なフレームでシーケンスを詰め込みすぎるのは、特に新米アニメーターにありがちな落とし穴です。アニメーションが「なんか変」と感じたとき、ついフレームを追加したくなる——つまり、より多くのインビトウィーン、より多くの動き、より多くのセカンダリーアクションです。",[101,13033,13034],{},"しかしその溢れはノイズを生み、強化するどころか物語をぼやけさせてしまいます。",[101,13036,13037],{},[486,13038,13039],{},"キーフレームを完璧に磨くことに集中すれば、より少ないフレームでより多くを伝えられます。",[101,13041,13042,13043,13049],{},"かつて",[266,13044,4172,13046],{"href":13045},"https://blog.cg-wire.com/smear-frames/",[4123,13047,13048],{},"スミア・フレーム","がとても効果的だったのはまさにここです。観客に何かを感じさせるために、毎秒60フレームも必要ではなかったのです。",[101,13051,13052,13053,13059],{},"まずは明確なロードマップ——ストーリーボード——から始め、",[266,13054,4172,13056],{"href":13055},"https://blog.cg-wire.com/straight-ahead-action-pose-to-pose-animation/",[4123,13057,13058],{},"ポーズ・トゥ・ポーズのアプローチ","でキーポーズを計画的に配置します。そして、そのキーフレームをつなぐためにインビトウィーンを戦略的に使うのは、その後です。",[111,13061],{},[114,13063,13065],{"id":13064},"_6-stay-consistent",[486,13066,13067],{},"6. 一貫性を保つ",[101,13069,13070,13073],{},[486,13071,13072],{},"アニメーションにおける一貫性は「あると便利」ではありません","：それがないと、信じられる世界を作れません。",[101,13075,13076],{},"先ほども述べたように、過剰なアニメーションは邪魔になります。持続できないため、シーンごとに品質が変わってしまうのです。",[101,13078,13079],{},"例えば、主人公が非常に緻密な表情で動いていて、髪や服が動きのわずかな変化に反応しているシーンを想像してみてください。",[101,13081,13082],{},"しかし同じシーンの背景は極端にシンプルで、群衆の人たちはほとんど動かず、表情の変化もありません。高精細なキャラクターを、ピントの合っていない風景の中に置いて見ているようなもので、場違いに見えて没入感が壊れてしまいます。Jojo's Stone Oceanのアニメの一部背景群衆は、特におかしく見えることがあります：",[101,13084,13085,13086,680],{},"こうした不一致は、多くの場合制作現場の現実が原因です：",[486,13087,13088],{},"チームが入れ替わり、予算が変わり、タイムラインがずれる",[101,13090,13091],{},"アニメーターがメインキャラクターの完成度を高めることに力を注ぐほど、背景要素は後回しになり、しかるべき注意や時間を与えられないことがあります。",[101,13093,13094,13095,13101],{},"早い段階でバランスを見つける必要があります。",[266,13096,4172,13098],{"href":13097},"https://blog.cg-wire.com/lod-levels-of-detail/",[4123,13099,13100],{},"アニメーションのあらゆる要素におけるディテールのレベル","は、物語のトーンに合わせなければなりません。",[101,13103,13104],{},"背景にメインキャラクターと同程度のディテールが必要だと言っているわけではありませんが、物語の流れを邪魔してはいけません：",[1148,13106,13107,13113,13119],{},[1151,13108,13109,13112],{},[486,13110,13111],{},"明確なビジュアル基準を定める","。シーン内のさまざまな要素に適したディテールの度合いを決めます。",[1151,13114,13115,13118],{},[486,13116,13117],{},"シーン全体を定期的に見直す","。単体ではなく全体として確認します。",[1151,13120,13121,13124],{},[486,13122,13123],{},"物語にとって最も役立つ場所に、ディテールのあるアニメーション努力を集中する","。その一方で、サポート要素は一貫した雰囲気を保ちつつ、ディテールは控えめにします。",[111,13126],{},[114,13128,13129],{"id":559},[486,13130,560],{},[101,13132,13133],{},"まとめると、できる限り多くのディテールや動きを足したくなる気持ちは分かりますが、過剰なアニメーションは物語を薄め、観客を疲れさせます。",[101,13135,13136],{},"ライブ映像を使い、計画を効果的に行い、動きをシンプルにし、誇張を活用し、キーフレームに集中することで、過剰なアニメーションによくある落とし穴を回避できます。",[101,13138,13139],{},"砂漠の砂粒を全部アニメーションしなくていい。砂漠をアニメーションしよう。",[101,13141,13142],{},"過剰なアニメーションは主観的な面もあります。とはいえ、東映クラスの予算でOne Pieceをアニメーションできるなら、すべてのフレームが“映えショット”になっても許されるかもしれません。小規模スタジオなら、そうはいきません。 ",[101,13144,13145],{},"高いインパクトを持つ、様式化されたシーンでは、視覚的な過剰さが役立つ例外もあります。たとえばカオスなバトルシーンです。",[101,13147,13148],{},"一文で言うと、過剰なアニメーションとは、制作期間を通して同じレベルのディテールを維持できないときのことです。",[84,13150,13152,13155],{"className":13151},[87,88,89],[84,13153,576],{"className":13154},[93],[84,13156,13158,13159,13162],{"className":13157},[98],"アニメーション制作のプロセスについてもっと知るには ",[266,13160,6624],{"href":583,"rel":13161},[585],"！ 私たちは、ベストプラクティスを共有する1,000人以上の専門家とつながっており、時には現地イベントも企画しています。ぜひ歓迎します！ 😊",[84,13164,13166],{"className":13165},[87,591,592],[266,13167,598],{"href":583,"className":13168},[596,597],{"title":168,"searchDepth":600,"depth":600,"links":13170},[13171,13172,13173,13174,13175,13176,13177,13178],{"id":12860,"depth":600,"text":12863},{"id":12891,"depth":600,"text":12894},{"id":12914,"depth":600,"text":12917},{"id":12956,"depth":600,"text":12959},{"id":12988,"depth":600,"text":12991},{"id":13022,"depth":600,"text":13025},{"id":13064,"depth":600,"text":13067},{"id":559,"depth":600,"text":560},"https://images.unsplash.com/photo-1737134385541-dd2af8ae1113?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3wxMTc3M3wwfDF8c2VhcmNofDF8fGV4YWdnZXJhdGV8ZW58MHx8fHwxNzUxOTEyNDk3fDA&ixlib=rb-4.1.0&q=80&w=2000",{"updated_at":13181,"featured_at":612,"visibility":613},"2026-03-26T10:26:55.000+01:00","/blog-i18n/ja/avoid-over-animating-scenes","2025-07-14T10:00:07.000+02:00",{"title":12821,"description":168},"avoid-over-animating-scenes","blog-i18n/ja/avoid-over-animating-scenes/index",[13188],{"id":620,"name":621,"slug":622,"description":7,"feature_image":7,"visibility":613,"og_image":7,"og_title":7,"og_description":7,"twitter_image":7,"twitter_title":7,"twitter_description":7,"meta_title":7,"meta_description":7,"codeinjection_head":7,"codeinjection_foot":7,"canonical_url":7,"accent_color":7,"url":623},"n7AScJ64g9MiUX2pdds87gi2Vd3v1NptHulVMc-RJ94",{"id":13191,"title":13192,"authors":13193,"body":13195,"description":168,"extension":608,"feature_image":13547,"html":7,"meta":13548,"navigation":11,"path":13550,"published_at":13551,"seo":13552,"slug":13553,"stem":13554,"tags":13555,"__hash__":13557,"updated_at":13549,"featured_at":612,"visibility":613},"blog/blog-i18n/ja/arc-animation-principle/index.md","アーク原則（2026年）を極める：アニメーションにフローとリアリズムをもたらす",[13194],{"id":11067,"name":11068,"slug":11069,"profile_image":11070,"cover_image":7,"bio":11071,"website":7,"location":11072,"facebook":7,"twitter":11073,"meta_title":7,"meta_description":7,"threads":7,"bluesky":7,"mastodon":7,"tiktok":7,"youtube":7,"instagram":7,"linkedin":7,"url":11074},{"type":81,"value":13196,"toc":13536},[13197,13208,13211,13218,13221,13224,13226,13232,13239,13242,13244,13250,13257,13264,13271,13273,13279,13282,13314,13316,13322,13325,13333,13336,13344,13346,13352,13361,13371,13374,13381,13383,13389,13397,13400,13414,13416,13422,13430,13433,13453,13455,13461,13464,13471,13474,13477,13480,13482,13486,13489,13506,13516,13530],[84,13198,13200,13204],{"className":13199},[87,88,89],[84,13201,13203],{"className":13202},[93],"💫",[84,13205,13207],{"className":13206},[98],"すべての動きに優雅さ、重み、そして物語を。あなたのアニメーションには、直線以上のものが必要です。",[101,13209,13210],{},"アニメーションの品質を高める良い方法は、動きをもっと直線的にしないで、より“カーブ”を描くようにすることです。",[101,13212,13213,13214,13217],{},"これはディズニーのアニメーターたちが",[486,13215,13216],{},"アーク原則","と呼ぶもので、彼らが1930年代にスタジオを世界的成功へと押し進めるために用いた12の原則の1つでもあります。",[101,13219,13220],{},"この記事では、なぜアークが不可欠なのか、そして最大限の効果を得るためにアニメーションでアークをどう使うのが最適かを解説します。",[101,13222,13223],{},"実践的なヒントを読み進めてください！",[111,13225],{},[114,13227,13229],{"id":13228},"whats-the-arc-principle",[486,13230,13231],{},"アーク原則とは？",[101,13233,13234,13235,13238],{},"アーク原則とは、",[486,13236,13237],{},"物体やキャラクターが空間を移動するときにたどる視覚的な経路","のことです。この経路は、現実世界で物事が動く様子を反映するために、直線ではなく弧（アーク）であることが多くなります。",[101,13240,13241],{},"例えば、腕を振る動きはある点から別の点へ一直線に動くのではなく、放物線状の軌道をたどります。ワンピースのアニメーターがルフィの腕の軌道をどう遊ばせて、シーンをより魅力的にしているか見てみてください：",[111,13243],{},[114,13245,13247],{"id":13246},"why-is-the-arc-principle-important",[486,13248,13249],{},"なぜアーク原則は重要なの？",[101,13251,13252,13253,13256],{},"先ほども述べたように、",[486,13254,13255],{},"アークはアニメーションのシーンをより現実的にします","。実際、ほとんどの動きはカーブを描きます。歩く脚のスイング、跳ねるボールの軌道、あるいはフォロースルー（余韻）で勢いを伝えるための動きなどです。",[101,13258,13259,13260,13263],{},"しかしそれだけでなく、",[486,13261,13262],{},"シーンをより魅力的にします","。私たちの脳は、こうした自然な曲線を好むように作られています。アニメーションにそれがないと、硬く見えてしまいます。",[101,13265,13266,13267,13270],{},"さらに、動きの経路はキャラクターの性格特性や感情状態を見せるための",[486,13268,13269],{},"ストーリーテリングの道具","にもなります。鋭く角ばった経路で動くキャラクターは緊張しているように見え、なめらかなアークで動くキャラクターはよりリラックスして見えるのです。",[111,13272],{},[114,13274,13276],{"id":13275},"_1-plan-with-thumbnails-storyboards-animatics",[486,13277,13278],{},"1. サムネイル、ストーリーボード、アニマティクスで計画する",[101,13280,13281],{},"良い計画は、時間と手間を節約しながらアークの一貫性を保つために役立ちます。動きがたどる軌道を把握していれば、不必要な修正を避けられます。",[1148,13283,13284,13290,13302],{},[1151,13285,13286,13289],{},[486,13287,13288],{},"アークをキャラクターの意図に合わせる"," - キャラクターの動きの背景にある動機や感情を考えましょう。これらの意図にアークを合わせることで、物理的な動きだけでなく、ストーリー性も高まります。",[1151,13291,13292,13295,13296,13301],{},[486,13293,13294],{},"サムネイルやストーリーボードで重要ポーズとアークを描き出す"," - 何かをアニメーションする前に、時間",[266,13297,4172,13298],{"href":12264},[4123,13299,13300],{},"ストーリーボードをスケッチする","ために取ってください。こうしたラフな下描きは、キーポーズと、それに続くアークを配置しやすくするための俯瞰図になります。",[1151,13303,13304,13307,13308,13313],{},[486,13305,13306],{},"アニマティクスでフローをテストする"," -",[266,13309,4172,13310],{"href":12944},[4123,13311,13312],{},"ストーリーボードをアニマティクスに変換する","——タイミング、モーション、トランジションを含む“動くストーリーボード”です。これにより、アークとポーズが時間の経過の中でどれだけうまくつながるかを視覚化し、本制作プロセスにコミットする前に磨き込めます。",[111,13315],{},[114,13317,13319],{"id":13318},"_2-arc-visualization-with-motion-paths-and-onion-skinning",[486,13320,13321],{},"2. モーションパスとオンアイナーでアークを可視化する",[101,13323,13324],{},"アークを可視化することは、動きの自然な進行を理解するための鍵です。この用途では、次の2つのDCCツールの機能を使えます。",[1148,13326,13327],{},[1151,13328,13329,13332],{},[486,13330,13331],{},"モーションパス"," - モーションパスは、複数フレームにわたる動きの軌道を確認できるようにします。これらの経路を観察することで、直線ではなくなめらかで円弧状のアークに沿うようにモーションを調整できます。",[101,13334,13335],{},"たとえばBlenderでは、過去フレームは赤、未来フレームは緑でモーションパスが表示されます：",[1148,13337,13338],{},[1151,13339,13340,13343],{},[486,13341,13342],{},"オンアイナー（タマネギスキニング）"," - オンアイナーは複数のフレームを同時に表示し、時間経過での進行を確認できるようにします。こうすることで、アーチ状のアニメーションがうまくレンダリングされるかを確かめられます。",[111,13345],{},[114,13347,13349],{"id":13348},"_3-easing-for-realism",[486,13350,13351],{},"3. リアリズムのためのイージング",[101,13353,13354,13355,13360],{},"適切なタイミングやスペーシングがないと、アークは違和感のある見え方になります。",[266,13356,4172,13357],{"href":11627},[4123,13358,13359],{},"タイミングはアニメーションのリズム","ですが、スペーシングは各フレーム間でオブジェクトが移動する距離のことです。",[101,13362,13363,13364,13370],{},"車が停まるとき、あるいはスプリンターがスタートのブロックを押し出すときを思い浮かべてください。こうした動きをアニメートするための秘密は、イージングです。アニメーションでは、これは",[266,13365,4172,13367],{"href":13366},"https://blog.cg-wire.com/slow-in-out/",[4123,13368,13369],{},"スローイン／アウトの原則","としても知られています。",[101,13372,13373],{},"キーフレームのスペーシングを調整することで、加速と減速の錯覚を作り、動きをよりスムーズに見せられます。まずは、動きの始まりと終わりの近くでフレームをより密にしましょう。",[101,13375,13376,13377,13380],{},"Blenderでは、",[486,13378,13379],{},"グラフエディター","がイージングの最良の相棒です。イージングカーブを操作することで、時間の経過に伴うアニメーション特性の変化を細かく調整できます。滑らかなS字カーブはより自然な動きを生みやすい一方、より鋭いカーブは、切れ味のあるダイナミックな動きを作りやすくなります。",[111,13382],{},[114,13384,13386],{"id":13385},"_4-exaggeration-for-storytelling",[486,13387,13388],{},"4. ストーリーテリングのための誇張",[101,13390,13391,13392],{},"アニメーションは、現実をそのまま再現することだけではありません。あなたには",[266,13393,4172,13394],{"href":12999},[4123,13395,13396],{},"物語のために境界線を押し広げる",[101,13398,13399],{},"アークを強調することで、シーンにエネルギーを注ぎ込めます。",[1148,13401,13402,13408],{},[1151,13403,13404,13407],{},[486,13405,13406],{},"境界線を押し広げる"," - まずは、キャラクターの動きのアークを、最初に計画したよりも少しだけさらに伸ばしてみましょう。誇張の度合いをいろいろ試してください。たとえば、キャラクターが走るときは、ポーズのカーブをよりはっきりさせることを検討します。ナルトの忍者走りが象徴的なのは、まさにアーチ状の身体が誇張されているからです：",[1151,13409,13410,13413],{},[486,13411,13412],{},"表情"," - ただし、アークは手足や身体に限りません。顔のアニメーションにも使えます。しかめっ面から笑顔へ移行するときは、眉と口角によって形作られるアークに注目してください。感情状態も、リップシンク（口パク）のために使う口の形のアークに影響します。ホーマー・シンプソンのボディランゲージに使われている数々のアークを見てみましょう。彼が違和感から衝撃へと移り変わる様子がわかります：",[111,13415],{},[114,13417,13419],{"id":13418},"_5-dont-forget-follow-through-overlapping-action",[486,13420,13421],{},"5. フォロースルー＆オーバーラップアクションを忘れない",[101,13423,13424,13425],{},"流れるようなアークには、他のアニメーション原則も必要です。それは",[266,13426,4172,13427],{"href":12416},[4123,13428,13429],{},"フォロースルー（余韻）とオーバーラップアクション",[101,13431,13432],{},"フォロースルーのアクションとは、主となるアクションの後も続く動きのことです。ジャンプするキャラクターなら、髪、ゆるめの服、手足が主たるジャンプ動作の後ろに遅れてついてきます。アークが関係しているなら、フォロースルーにもそれが影響します。同様にオーバーラップアクションでは、キャラクターの体のさまざまな部分が異なる速度で動きます。",[1148,13434,13435,13441,13447],{},[1151,13436,13437,13440],{},[486,13438,13439],{},"リファレンス映像を使う"," - DCCツールにリファレンス映像を取り込み、動きの遅れに注目してください。たとえば、手が振られるのは腕の振りが止まった後だ、というようなタイミングです。",[1151,13442,13443,13446],{},[486,13444,13445],{},"動きを分解する"," - アニメーションを計画するときは、動作を主なものと副次的なものに分けましょう。どの部分が先導し、どの部分が追従すべきか考えます。",[1151,13448,13449,13452],{},[486,13450,13451],{},"レイヤーでアニメートする"," - まずはコアとなる動きを中心に作り、その後でフォロースルー要素を追加します。この手法は、各要素が全体の動きに与える影響や順序を把握するのに役立ちます。",[111,13454],{},[114,13456,13458],{"id":13457},"_6-anti-principle-linear-animations",[486,13459,13460],{},"6. 逆の原則：リニア（直線的）なアニメーション",[101,13462,13463],{},"ルールは素晴らしいですが、破るためにあるのです！",[101,13465,13466,13467,13470],{},"アークの動きから逸脱し、",[486,13468,13469],{},"線形（リニア）な動きにすることが、効果的であるだけでなく、特定のムードやアイデアを伝えるために必要な場合","があります。",[101,13472,13473],{},"リニアな動きは、ロボットや機械のような機械的な存在を描くのに最適です。なぜなら、正確で計算されたように見え、不自然だと感じさせやすいからです。サイバーパンク エッジランナーズでは、アダム・スマッシャーのアニメーションされた動きが、単に翻訳されたフレームとして描かれています：",[101,13475,13476],{},"また、緊張感や居心地の悪さを生み出すためにも使えます。突然で直接的な動きは、シーンの流動性を壊し、ホラーの場面やプロットの転換のための不意打ちの瞬間を導入します。",[101,13478,13479],{},"逆に、物理法則をすべて無視してシーンから急に直線的に退出するような動きは、行動の滑稽さや緊迫感を強調し、笑いを生み出すのに役立ちます。",[111,13481],{},[114,13483,13484],{"id":559},[486,13485,560],{},[101,13487,13488],{},"アーク原則は、動きの視覚的なリズム、リアリズム、そして魅力に大きく貢献します。あなたのアニメーションを改善するために必要なのは多くありません。",[3067,13490,13491,13494,13497,13500,13503],{},[1151,13492,13493],{},"まずは重要ポーズをスケッチしましょう。これらのポーズをつなぐアークの経路を可視化して描きます。",[1151,13495,13496],{},"アニメーションソフトでガイドラインやオンアイナーの手法を使い、動きの経路を確認します。",[1151,13498,13499],{},"アークは単なる位置決めだけではありません。アーク上を動く速度が、アニメーションの滑らかさに影響します。",[1151,13501,13502],{},"現実的であるかもしれない範囲を超えてポーズを押し広げ、経路を延ばすことで、アニメーションの表現力を高められます。",[1151,13504,13505],{},"キャラクターの主となるアクションが終わった後も、服や髪、手足などの要素がアークの経路をたどり続けます。",[101,13507,13508,13509,13515],{},"アーク原則と、それらがすべてどのように関連しているのかをよりよく理解するために、",[266,13510,4172,13512],{"href":13511},"https://blog.cg-wire.com/12-principles-animation/",[4123,13513,13514],{},"他の11のアニメーション原則","もぜひ見てみてください。ただし、ルールをときには破って、面白い結果のためにリニアな動きを使うことも忘れないでください！",[84,13517,13519,13522],{"className":13518},[87,88,89],[84,13520,576],{"className":13521},[93],[84,13523,13525,13526,13529],{"className":13524},[98],"アニメーション制作のプロセスについてもっと学ぶには ",[266,13527,6624],{"href":583,"rel":13528},[585],"！私たちはベストプラクティスを共有する1,000人以上の専門家とつながっており、時には対面イベントも企画しています。ぜひ歓迎します！😊",[84,13531,13533],{"className":13532},[87,591,592],[266,13534,598],{"href":583,"className":13535},[596,597],{"title":168,"searchDepth":600,"depth":600,"links":13537},[13538,13539,13540,13541,13542,13543,13544,13545,13546],{"id":13228,"depth":600,"text":13231},{"id":13246,"depth":600,"text":13249},{"id":13275,"depth":600,"text":13278},{"id":13318,"depth":600,"text":13321},{"id":13348,"depth":600,"text":13351},{"id":13385,"depth":600,"text":13388},{"id":13418,"depth":600,"text":13421},{"id":13457,"depth":600,"text":13460},{"id":559,"depth":600,"text":560},"https://images.unsplash.com/photo-1457365050282-c53d772ef8b2?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3wxMTc3M3wwfDF8c2VhcmNofDJ8fGFyY3xlbnwwfHx8fDE3NTE2NDU2MTJ8MA&ixlib=rb-4.1.0&q=80&w=2000",{"updated_at":13549,"featured_at":612,"visibility":613},"2026-03-26T10:25:52.000+01:00","/blog-i18n/ja/arc-animation-principle","2025-07-07T10:00:53.000+02:00",{"title":13192,"description":168},"arc-animation-principle","blog-i18n/ja/arc-animation-principle/index",[13556],{"id":620,"name":621,"slug":622,"description":7,"feature_image":7,"visibility":613,"og_image":7,"og_title":7,"og_description":7,"twitter_image":7,"twitter_title":7,"twitter_description":7,"meta_title":7,"meta_description":7,"codeinjection_head":7,"codeinjection_foot":7,"canonical_url":7,"accent_color":7,"url":623},"6mLz4T9K6Dx4V7ZeQ1OG-KkOgYTGHD0q3cq91oltWDk",{"id":13559,"title":13560,"authors":13561,"body":13563,"description":168,"extension":608,"feature_image":13867,"html":7,"meta":13868,"navigation":11,"path":13870,"published_at":13871,"seo":13872,"slug":13873,"stem":13874,"tags":13875,"__hash__":13877,"updated_at":13869,"featured_at":612,"visibility":613},"blog/blog-i18n/ja/animation-asset-storage/index.md","アニメーション制作におけるアセットを大規模に整理・管理する方法（2026年版）",[13562],{"id":11067,"name":11068,"slug":11069,"profile_image":11070,"cover_image":7,"bio":11071,"website":7,"location":11072,"facebook":7,"twitter":11073,"meta_title":7,"meta_description":7,"threads":7,"bluesky":7,"mastodon":7,"tiktok":7,"youtube":7,"instagram":7,"linkedin":7,"url":11074},{"type":81,"value":13564,"toc":13859},[13565,13576,13579,13582,13592,13595,13597,13603,13610,13617,13628,13630,13636,13639,13646,13649,13670,13679,13681,13687,13690,13696,13699,13721,13731,13734,13736,13742,13745,13752,13755,13782,13797,13800,13802,13808,13811,13818,13821,13824,13826,13830,13833,13836,13839,13853],[84,13566,13568,13572],{"className":13567},[87,88,89],[84,13569,13571],{"className":13570},[93],"💿",[84,13573,13575],{"className":13574},[98],"アニメーションファイルは、データがテラバイト規模まで膨れ上がることがあります。より良いストレージ運用で、制作を整理し、共同作業を可能にし、効率よく進める方法を学びましょう。",[101,13577,13578],{},"1つのアニメーション制作プロジェクトでは、複雑な3Dモデルや初期プレビューから、完全にレンダリングされた動画まで、膨大な量のデジタルアセットが生成されます。",[101,13580,13581],{},"これらのアセットはそれぞれ大きなストレージ容量を必要とします――時にはテラバイト規模のデータ！――そのため制作スタジオには固有の課題が生じます。",[101,13583,13584,13585,13591],{},"分散プロセスを調整しながら、リモートチームのコラボレーションを促進することに加えて、さまざまなデジタルコンテンツ制作（DCC）ツールにわたってストレージを効果的に管理することは、アニメーション制作における大きな悩みどころです。私たちは",[266,13586,4172,13588],{"href":13587},"https://www.cg-wire.com/kitsu?ref=blog.cg-wire.com",[4123,13589,13590],{},"Kitsuを構築する","という現場の経験から、それを理解しています。",[101,13593,13594],{},"アセット管理をマスターするためのベストプラクティスを読み進めてください！",[111,13596],{},[114,13598,13600],{"id":13599},"why-storage-management",[486,13601,13602],{},"なぜストレージ管理が重要なのか",[101,13604,13605,13606,13609],{},"アニメーションプロジェクト――特に3D要素や高解像度の出力を含むもの――は、大量のデータを生成します。効率的なストレージ管理によって、",[486,13607,13608],{},"生の映像からレンダリング済みファイルまで、すべてのアセットが整理され、インフラを圧迫することなくアクセス可能","になります。チームがさまざまな専門ソフトウェアを使う以上、これらのアセットを保存し、整理し、共有するのは複雑なパズルになります。",[101,13611,13612,13613,13616],{},"アニメーションプロジェクトでは、複数の拠点にまたがって（場合によっては異なるスタジオに）チームが分かれていることがよくあります。効果的な",[486,13614,13615],{},"ストレージソリューションは、チームの協働を促進","し、所在地に関係なく、メンバーがファイルにアクセスし、共有し、効率よく更新できるようにします。サイバー脅威が創造産業をますます狙うようになっている今、知的財産を不正アクセスから守るためにも、安全なストレージ管理が重要です。",[101,13618,13619,13620,13623,13624,13627],{},"効率的なストレージシステムは、大きなアセットの読み込み時間も削減し、制作ソフトのパフォーマンスを高めます。そして",[486,13621,13622],{},"制作全体の生産性を向上","させます。さらに、既存のストレージリソースを最適化することで、",[486,13625,13626],{},"不要なコストの削減","にもつながります。つまり、不必要なハードウェア購入を避け、クラウドストレージの料金も最小限に抑えられるのです。",[111,13629],{},[114,13631,13633],{"id":13632},"_1-resilient-centralized-storage",[486,13634,13635],{},"1. 耐障害性のある集中型ストレージ",[101,13637,13638],{},"プロジェクトのすべてのアセットを、1つの安全な場所に集約する堅牢なストレージソリューションを用意することが重要です。",[101,13640,13641,13642,13645],{},"すべての重要なアセットが、簡単にアクセスできるだけでなく、損失や破損から確実に保護されるようにするには、",[486,13643,13644],{},"集中型のデータリポジトリと冗長性およびバックアップシステム","を組み合わせる必要があります。この仕組みにより、アニメーター、デザイナー、その他のチームメンバーは、必要な素材がハードウェア障害、サイバー脅威、そして誤った削除から守られていると理解したうえで、対立なく一緒に作業できます。",[101,13647,13648],{},"制作において時間は極めて重要な要素です。分散型または断片化されたストレージシステムでは、チームがアセットを探し回ったり、繰り返し損失が発生して制作スケジュールが遅れたりして、失われる時間が数時間どころか数日になることがあります。重要な作業を失うリスクが高まれば、大きな後れや金銭的損失につながり得ます。",[3067,13650,13651,13657,13664],{},[1151,13652,13653,13656],{},[486,13654,13655],{},"まずは、プロジェクト要件に合った信頼性の高いストレージソリューションを選定","してください。徹底的な調査を行い、必要に応じてITの専門家に相談して、ストレージ技術の最適な組み合わせを見極めることが重要です。大容量のサーバーで集中的なデータ負荷に対応し、データを定期的に安全な場所へ複製するための高度なバックアップ技術を導入しましょう。",[1151,13658,13659,13660,13663],{},"不正アクセスやデータ侵害から守るために、",[486,13661,13662],{},"強力なサイバーセキュリティ対策","に投資します。セキュリティプロトコルの定期的な更新と、継続的な監視は標準手順にすべきです。",[1151,13665,13666,13669],{},[486,13667,13668],{},"共同作業を前提としたワークフローを育てる","ために、チームメンバーがリアルタイムでアセットに簡単にアクセスでき、共有でき、更新できる集中型のアセット管理プラットフォームを作成します。こうすることで生産性が高まるだけでなく、制作全体を通じた一貫性も保証できます。",[101,13671,13672,13678],{},[266,13673,13675],{"href":13674},"https://www.cg-wire.com/studio-database?ref=blog.cg-wire.com",[4123,13676,13677],{},"Kitsu APIはアセットのための集中型ストレージを提供します","。アセット、ショット、キャスティング、タスク、そして制作パイプラインに必要なあらゆるものが対象です。キャスティング管理機能を使えば、各ショットでキャストされたアセットを意味のある形で一覧化するブレイクダウンテーブルを簡単に作成できます：",[111,13680],{},[114,13682,13684],{"id":13683},"_2-dcc-tool-integrations",[486,13685,13686],{},"2. DCCツールの連携",[101,13688,13689],{},"現代のストレージソリューションは、生産パイプライン内の他のツールと統合され、ワークフローを効率化し、高い生産性のために反復作業を自動化することが多くあります。",[101,13691,13692,13695],{},[486,13693,13694],{},"DCCツールの連携","により、3Dモデル、テクスチャ、アニメーション、その他のデジタル要素など、さまざまなソフトウェア間でアセットの転送と同期が可能になります。",[101,13697,13698],{},"一般的なパイプラインでは、アーティストはモデリング、リギング、アニメーション、テクスチャリング、ライティング、レンダリングなどの作業に向けて、複数の専門ツールを使います。連携が効果的でない場合、これらのツール間でアセットを切り替える作業は、すぐに面倒でミスが起きやすいプロセスになり、不整合が生じやすくなります。DCC連携は、重複した作業をなくし、エラーの可能性を減らし、アセットの互換性やデータ転送に関する技術的な課題ではなく、クリエイティブな作業にチームが集中できるようにします。",[3067,13700,13701,13708,13714],{},[1151,13702,13703,13704,13707],{},"Alembic、USD、FBXのような",[486,13705,13706],{},"業界標準および相互運用性プロトコルとの互換性を確保","することが重要です。これにより、異なるシステム間でスムーズにデータ交換ができます。",[1151,13709,13710,13713],{},[486,13711,13712],{},"連携プロセスを明確に文書化する","ことで、テクニカルアーティストがワークフローを理解し、問題を迅速に解決できます。",[1151,13715,13716,13717,13720],{},"ソフトウェアの更新や新機能に合わせるために、",[486,13718,13719],{},"連携を定期的に更新・テスト","します。これにより、継続的なパフォーマンスが確保されます。",[101,13722,13723,13724,13730],{},"例えば、",[266,13725,4172,13727],{"href":13726},"https://www.cg-wire.com/software-integrations?ref=blog.cg-wire.com",[4123,13728,13729],{},"Kitsuは、DCCツールからアセットのプレビューを直接公開できる","ため、フルの3DモデルやHD動画でストレージ容量を圧迫することなく、チームの制作状況を把握しやすくなります：",[101,13732,13733],{},"データベース間でアセットを複製すると、必要なストレージ容量が簡単に膨らんでしまうため、適切なレベルの詳細度を使うことが重要です。",[111,13735],{},[114,13737,13739],{"id":13738},"_3-traceability",[486,13740,13741],{},"3. トレーサビリティ",[101,13743,13744],{},"トレーサビリティとは、プロジェクトのライフサイクルを通して、アニメーションアセットの履歴・所在・利用状況を追跡し、管理する能力です。",[101,13746,13747,13748,13751],{},"これには、",[486,13749,13750],{},"アセットの変更に関する詳細な記録を維持すること","が含まれます。具体的には、誰がいつ、どのような変更を加えたのかを明確にし、すべてのチームメンバーが最新の情報にアクセスできるようにします。",[101,13753,13754],{},"多数のアセットが同時に開発され、反復的に改良されていく中で、堅牢なトレーサビリティシステムを備えることで秩序を保ちやすくなります。チームメンバーは、アセットに関わる問題の発端を素早く特定できるため、責任の所在が明確になります。さらに、問題解決を迅速化できます。加えて、アセットの進捗やステータスに関する明確な見通しが得られることで、期限や予算をより効果的に達成するためのプロジェクト管理にも役立ちます。",[3067,13756,13757,13764,13770,13776],{},[1151,13758,13759,13760,13763],{},"集中型のアセット管理システムは、アセット関連情報の",[486,13761,13762],{},"単一の真実の情報源","として機能します。",[1151,13765,13766,13769],{},[486,13767,13768],{},"一貫した命名規則とメタデータ","により、アセットを効率よく整理・検索できます。",[1151,13771,13772,13775],{},[486,13773,13774],{},"アセットデータベースの定期的な監査と更新","により、正確性と信頼性を確保します。",[1151,13777,13778,13781],{},[486,13779,13780],{},"チームメンバーが変更内容を入念に文書化","し、効果的にコミュニケーションするという協働の文化を育てることで、トレーサビリティと制作全体の効率が大幅に向上します。",[101,13783,13784,13789,13790,13796],{},[266,13785,13786],{"href":2905},[4123,13787,13788],{},"Kitsuのようなレビューエンジン","では、チームと一緒に次の編集バッチに向けて注釈を素早く追加でき、また",[266,13791,4172,13793],{"href":13792},"https://www.cg-wire.com/casting-management?ref=blog.cg-wire.com",[4123,13794,13795],{},"ブレイクダウンテーブル","によって各ショットに関連するアセットへ単一の場所から簡単にアクセスできます。",[101,13798,13799],{},"最後に、このシステムはバージョン管理をサポートする必要があります。",[111,13801],{},[114,13803,13805],{"id":13804},"_4-versioning",[486,13806,13807],{},"4. バージョン管理",[101,13809,13810],{},"アニメーション制作には複数回の反復が伴うため、アセットやシーンのバージョンを追跡することが不可欠です。",[101,13812,13813,13814,13817],{},"複数のアーティストやチームが、さまざまな要素に同時並行で取り組むことがよくあります。",[486,13815,13816],{},"バージョン管理により、全員が最新で正しいファイルで作業できる","ため、エラー（例：ファイルの上書き）や最終成果物の不整合のリスクを最小化できます。必要に応じて、チームが過去のバージョンへロールバックできるだけでなく、アセットの開発履歴も明確に保てます。",[101,13819,13820],{},"レビュー後、Kitsuのプレビューは自動的にバージョン管理されるため、比較が簡単です。",[101,13822,13823],{},"コメントやプレビューなど、すべての新しい変更はニュースフィードに表示され、利用可能なバージョンについて全員に情報が行き渡ります。",[111,13825],{},[114,13827,13828],{"id":559},[486,13829,560],{},[101,13831,13832],{},"アニメーション制作のための効果的なアセット保管ソリューションには、レジリエンス（耐障害性）、集中化、デジタルコンテンツ制作ツールとの統合、トレーサビリティ、バージョン管理といった主要な機能が含まれている必要があります。これにより、アセットが潜在的なデータ損失から守られるだけでなく、制作チーム全体にとって効率よく整理され、簡単にアクセスできる状態になります。",[101,13834,13835],{},"さらに、アセット保管ソリューションをプロジェクト管理ツールと統合することで、制作ワークフローが大きく改善されます。異なる部門、あるいは異なるスタジオにまたがるチームを調整しやすくなるためです。Kitsuのようなパイプライントラッカーを使えば、プロジェクトのアセット全体を俯瞰し、ステータス更新やチーム間のやり取りを含めて包括的に把握できるため、このプロセスがさらに効率化されます。",[101,13837,13838],{},"アニメーションスタジオとして、アセット保管ソリューションの設計は自社のニーズに合う形で考えることが重要です。テラバイト級のデータを扱うのに、すべてをGoogleドライブに放り込むだけでは不十分です。Kitsuはショットとプレビューの論理構造で整理をきれいに行い、APIを使えばストレージのロジックをスタジオのワークフローに合わせられます。",[84,13840,13842,13845],{"className":13841},[87,88,89],[84,13843,576],{"className":13844},[93],[84,13846,13848,13849,13852],{"className":13847},[98],"アニメーション制作プロセスについてもっと知りたい方は、",[266,13850,6624],{"href":583,"rel":13851},[585],"！私たちは1,000人以上の専門家とつながっており、ベストプラクティスを共有したり、時には対面イベントを企画したりしています。ぜひようこそお迎えしたいです！ 😊",[84,13854,13856],{"className":13855},[87,591,592],[266,13857,598],{"href":583,"className":13858},[596,597],{"title":168,"searchDepth":600,"depth":600,"links":13860},[13861,13862,13863,13864,13865,13866],{"id":13599,"depth":600,"text":13602},{"id":13632,"depth":600,"text":13635},{"id":13683,"depth":600,"text":13686},{"id":13738,"depth":600,"text":13741},{"id":13804,"depth":600,"text":13807},{"id":559,"depth":600,"text":560},"https://images.unsplash.com/photo-1611153730462-e84a16b8c6e1?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3wxMTc3M3wwfDF8c2VhcmNofDMyfHxkYXRhJTIwc3RvcmFnZXxlbnwwfHx8fDE3NDgyNzY0Mzl8MA&ixlib=rb-4.1.0&q=80&w=2000",{"updated_at":13869,"featured_at":612,"visibility":613},"2026-03-26T10:09:13.000+01:00","/blog-i18n/ja/animation-asset-storage","2025-06-23T10:00:57.000+02:00",{"title":13560,"description":168},"animation-asset-storage","blog-i18n/ja/animation-asset-storage/index",[13876],{"id":620,"name":621,"slug":622,"description":7,"feature_image":7,"visibility":613,"og_image":7,"og_title":7,"og_description":7,"twitter_image":7,"twitter_title":7,"twitter_description":7,"meta_title":7,"meta_description":7,"codeinjection_head":7,"codeinjection_foot":7,"canonical_url":7,"accent_color":7,"url":623},"WPWAC7TgVV-82-E1bDlYbJJ3L8LXP-LuBW735AGEh0o",{"id":13879,"title":13880,"authors":13881,"body":13883,"description":168,"extension":608,"feature_image":14195,"html":7,"meta":14196,"navigation":11,"path":14198,"published_at":14199,"seo":14200,"slug":14201,"stem":14202,"tags":14203,"__hash__":14205,"updated_at":14197,"featured_at":612,"visibility":613},"blog/blog-i18n/ja/straight-ahead-action-pose-to-pose-animation/index.md","(2026) ストレート・アヘッドかポーズ・トゥ・ポーズか：いつ使うべきか",[13882],{"id":11067,"name":11068,"slug":11069,"profile_image":11070,"cover_image":7,"bio":11071,"website":7,"location":11072,"facebook":7,"twitter":11073,"meta_title":7,"meta_description":7,"threads":7,"bluesky":7,"mastodon":7,"tiktok":7,"youtube":7,"instagram":7,"linkedin":7,"url":11074},{"type":81,"value":13884,"toc":14185},[13885,13896,13899,13902,13905,13907,13913,13916,13933,13936,13938,13944,13947,13963,13966,13968,13974,13977,13980,13983,13985,13991,13998,14005,14012,14019,14026,14034,14036,14042,14045,14057,14063,14078,14080,14086,14092,14108,14111,14119,14121,14127,14134,14148,14151,14154,14156,14160,14163,14166,14179],[84,13886,13888,13892],{"className":13887},[87,88,89],[84,13889,13891],{"className":13890},[93],"🤔",[84,13893,13895],{"className":13894},[98],"すべてのアニメーターが直面する同じ疑問があります。アクションの各フレームを順に追うべきか、それともまずキーポーズをブロックアウトすべきでしょうか？",[101,13897,13898],{},"アニメーターは最初のフレームを描いてそこから即興で続けるべきなのか、それともまずキーフレームを作ることに集中すべきなのでしょうか。このジレンマは、アニメーション技法における基本的な選択を示しています。「ストレート・アヘッド」か「ポーズ・トゥ・ポーズ」か、どちらのアプローチを採用するのかという選択です。",[101,13900,13901],{},"アニメーションには多くのスタイルと複雑さの段階があり、それぞれに必要な計画と実行のレベルが異なります。すべてのアニメーションが同じではありません。複雑なディテールを捉えるには、入念な準備が求められるものもあります。ストレート・アヘッドのアクション原則とポーズ・トゥ・ポーズの考え方は、ディズニーのアニメーターによって、こうした多様なニーズに対応するために開発され、クリエイティブなプロセスを効果的に進める方法を示してくれます。",[101,13903,13904],{},"続けて読み、これらの原則をどのように活用すれば、現代のアニメーション課題に対応できるのかを見ていきましょう！",[111,13906],{},[114,13908,13910],{"id":13909},"whats-straight-ahead-action",[486,13911,13912],{},"ストレート・アヘッド・アクションとは",[101,13914,13915],{},"ストレート・アヘッド・アクションは、最初から最後まで、フレームごとに動きを作っていくことに重点を置きます。",[158,13917,13919,13925],{"className":13918},[87,161,689],[163,13920],{"src":13921,"className":13922,"alt":168,"loading":169,"width":13923,"height":13924},"https://lh7-rt.googleusercontent.com/docsz/AD_4nXeRF645aEZpyWtRn1uWptYW9FTxISne5v4PrNMGeBnqfKnE7RH-YW1coDZTcK0_0rJSU6gCBM1wBctY805OWNkRCRm62OVpd-EThpFTI5ctnpgCapJjAk7I0lOJ0evmTOTxTdf9HQ?key=CHOiUiba8JrsBzDfvMO3Zw",[167],624,339,[696,13926,13927],{},[699,13928,13929],{},[702,13930,13932],{"className":13931,"style":678},[705],"Source: Animost Studio",[101,13934,13935],{},"ストレート・アヘッド・アクションの例としては、キャラクターが素早く、制御されていないダンスをしている動きをアニメーション化するケースが挙げられます。アニメーターは最初のポーズから開始し、フレームごとに進めることで、各動きが次の動きへと予測不能なまま自然に流れ込むようにします。",[111,13937],{},[114,13939,13941],{"id":13940},"whats-pose-to-pose",[486,13942,13943],{},"ポーズ・トゥ・ポーズとは",[101,13945,13946],{},"ポーズ・トゥ・ポーズは、最初に特定のキーフレーム（またはポーズ）を計画して作り、その後でインビトゥーン（中間フレーム）を埋めてモーションを滑らかにする手法です。",[158,13948,13950,13955],{"className":13949},[87,161,689],[163,13951],{"src":13952,"className":13953,"alt":168,"loading":169,"width":13923,"height":13954},"https://lh7-rt.googleusercontent.com/docsz/AD_4nXeohtT1gRj7AO0hosHESzpyUVT0wAp8s86dgIB3RD8xMF8OzofE0xvlpAUR6N10-bfs9CJVOsDkOB2-Jbb4pjpbyx9_hJLJQjgkjyXD-M1Ph-Lw8gkZC88_j9KLh8aBOM7hF3Fkfg?key=CHOiUiba8JrsBzDfvMO3Zw",[167],351,[696,13956,13957],{},[699,13958,13959],{},[702,13960,13962],{"className":13961,"style":678},[705],"Source: Creativity School",[101,13964,13965],{},"キャラクターがジャンプする動きをアニメーション化するなら、まずはジャンプ前のしゃがんだ姿勢、空中にいるジャンプの頂点、そして着地のポーズを描きます。これらのキーフレームを設定したら、あるキーポーズから次のキーポーズへスムーズにつながるように、中間フレームを描いていきます。",[111,13967],{},[114,13969,13971],{"id":13970},"why-is-this-principle-important",[486,13972,13973],{},"なぜこの原則が重要なのか",[101,13975,13976],{},"ストレート・アヘッドとポーズ・トゥ・ポーズのアクション原則を理解することは重要です。各手法には明確なメリットと課題があり、アニメーターは制作プロセスの質を高めるために、適切な技術を選ぶ必要があります。",[101,13978,13979],{},"正しい手法を選ぶことで、特にフレーム数が多い場合のコストのかかる修正を防げます。たとえば、ポーズ・トゥ・ポーズを採用したほうが適切な状況でストレート・アヘッドの手法を使ってしまうと、意図したタイミングや構造に合わせるために、アニメーションのかなり大きな範囲をやり直さなければならなくなるかもしれません。これは、予算とスケジュールの両方に負担となり得ます。",[101,13981,13982],{},"また、適切なアプローチを選ぶことで、作り出す動きに対して可能な限り創造的なコントロールを維持できます。品質やクリエイティブなビジョンを損なうことなく、意図したムード、感情、そしてストーリーテリング要素を効果的に伝えられます。",[111,13984],{},[114,13986,13988],{"id":13987},"straight-ahead-vs-pose-to-pose-pros-cons",[486,13989,13990],{},"ストレート・アヘッド vs ポーズ・トゥ・ポーズ：メリット＆デメリット",[101,13992,13993,13994,13997],{},"ストレート・アヘッド・アクションは、目的が",[486,13995,13996],{},"ダイナミックで、細部までの描写がある、または予測不能な動きを捉えること","である場合に、アニメーターに好まれやすい手法です。連続した流れの中で1フレームずつアニメーションしていくことで、アクションがどう進化していくかに対して、非常に高い創造性と即興性を発揮できます。その結果、構造化された手法では実現しにくい、生き生きとした有機的な質感になることが多いです。",[101,13999,14000,14001,14004],{},"しかしこの手法は、アニメーターがあらかじめ決められたキーフレームなしで作業するため、",[486,14002,14003],{},"タイミングやプロポーションにばらつきや不正確さが生じる","原因にもなり得ます。ストレート・アヘッド・アクションでは、明確なビジョンが必要です。なぜなら、ミスや調整が発生した場合、実質的に大幅なやり直しが必要になることがあり、それが時間的にもコスト的にも負担になり得るからです。",[101,14006,14007,14008,14011],{},"一方、ポーズ・トゥ・ポーズのアプローチは、キーフレームから始めてインビトゥーンを埋めていくことで、アニメーターに",[486,14009,14010],{},"タイミングと精度に対するより大きなコントロール","を提供します。この手法では、アニメ化されたシーンが意図したとおりに、特定のポーズや表情を正確に通過することが保証されます。特に、シーン全体で一貫性と正確さが求められる複雑な場面で有用です。アニメーターがシーケンスのテンポを綿密に計画できるためです。",[101,14013,14014,14015,14018],{},"注意深く実行しない場合、ポーズ・トゥ・ポーズのアニメーションは",[486,14016,14017],{},"より機械的に感じられる動き","になってしまうことがあり、そのためアニメーターが自然に見えるシーケンスの流れにするために追加の微調整を行う必要が出るかもしれません。",[101,14020,14021,14022,14025],{},"現代のアニメーション業界では、",[486,14023,14024],{},"ストレート・アヘッド・アクションよりも「ポーズ・トゥ・ポーズ」を頼る傾向がはっきり見られます","。アニメーション制作スタジオは厳しいスケジュールと予算のもとで動いているためです：",[1148,14027,14028,14031],{},[1151,14029,14030],{},"ポーズ・トゥ・ポーズのアクションは、キーフレームを、より時間のかかるインビトゥーンの作業に入る前に計画し承認できるため、より効率的なワークフローを支えます。",[1151,14032,14033],{},"デジタルアニメーションツールによって、キーフレーム設定とインビトゥーンの自動化がスムーズになります。リギングや補間の扱い方によって、ポーズ・トゥ・ポーズはデフォルトのワークフローになります。",[111,14035],{},[114,14037,14039],{"id":14038},"_1-step-spline-mode",[486,14040,14041],{},"1. ステップ＆スプラインモード",[101,14043,14044],{},"Blenderのようなデジタルコンテンツ制作ツールでは、アニメーションはしばしばキーフレームを使って作られます。そして、ポーズ・トゥ・ポーズのアニメーション原則に直接関係する代表的な補間モードが「ステップ」モードと「スプライン」モードです。",[101,14046,14047,14050,14051,14056],{},[486,14048,14049],{},"ステップモードでは、次のキーフレームに到達するまでアニメーションが1つのキーフレームを保持","し、途中で補間は行われません。そのため、アニメーションされたオブジェクトやキャラクターは、ポーズ間を滑らかに遷移することなく、あるポーズから次のポーズへと「ジャンプ」します。",[266,14052,4172,14053],{"href":5095},[4123,14054,14055],{},"ステップモードは重要","です。ポーズ・トゥ・ポーズの初期段階では、早すぎるスムージング遷移によって生じる気を散らす要素を排除することで、アニメーターが強くて明確なポーズを作ることに集中できるからです。",[101,14058,14059,14062],{},[486,14060,14061],{},"スプラインモードではキーフレーム間に補間が導入","され、滑らかな遷移を作ります。ソフトウェアは曲線（スプライン）を使ってインビトゥーンフレームを計算し、ポーズからポーズへ流れるような動きを実現します。ステップモードでキーポーズとタイミングを固めたら、アニメーターはスプラインモードに切り替えてアニメーションを仕上げます。スプラインモードへの切り替えにより、動きの弧、イーズ（入る）／イーズ（出る）、その他の微妙な演技のディテールを調整して、アニメーションを完成へ導けます。スプライン補間により、アニメーターはポーズ間でオブジェクトがどれくらい速く・遅く動くかを制御するために、これらのカーブを調整できます。",[158,14064,14066,14070],{"className":14065},[87,161,689],[163,14067],{"src":14068,"className":14069,"alt":168,"loading":169,"width":13923,"height":13954},"https://lh7-rt.googleusercontent.com/docsz/AD_4nXdo1TYT4fW66k26X2otVlHjlyvkTBTjYkFs_NRZ71EKE4eguU0AV8Zm33vJMyCCy8g0LbdVYPssGWdsPBDEyTILOnpIA7k5uCkw5vcP-KgPfFqJjEXzP14yGBCa1IjlaqZFmQ6y?key=CHOiUiba8JrsBzDfvMO3Zw",[167],[696,14071,14072],{},[699,14073,14074],{},[702,14075,14077],{"className":14076,"style":678},[705],"Source: Wobbe Koning on YouTube",[111,14079],{},[114,14081,14083],{"id":14082},"_2-onion-skinning",[486,14084,14085],{},"2. オニオンスキニング",[101,14087,14088,14091],{},[486,14089,14090],{},"オニオンスキニング（ゴースティングとも呼ばれます）は、シーケンス内で複数のフレームを同時に可視化するための別の機能","であり、より高い精度で作業内容を見直し、調整することを可能にします。このツールはデジタルコンテンツ制作（DCC）ソフトウェアの中で不可欠で、アニメーションにおいてストレート・アヘッドとポーズ・トゥ・ポーズの原則を適用するときに特に役立ちます。",[158,14093,14095,14100],{"className":14094},[87,161,689],[163,14096],{"src":14097,"className":14098,"alt":168,"loading":169,"width":13923,"height":14099},"https://lh7-rt.googleusercontent.com/docsz/AD_4nXfaBrvcnRnpgagOoWmL9-Kk5utl-LiiCGGd-SDUGngBLF5twVtjbtRLJXwe9utyj8GogxXS3t1jWEsmwiNehHT75iekWRMs7G4dvIkq4_QhsKso0jgaLVmULmmIkdY-LkY7TrnLLQ?key=CHOiUiba8JrsBzDfvMO3Zw",[167],316,[696,14101,14102],{},[699,14103,14104],{},[702,14105,14107],{"className":14106,"style":678},[705],"Source: Blender Manual",[101,14109,14110],{},"オニオンスキニングは、アニメーターが現在作業しているフレームの前後の複数フレームを確認できるようにすることで、ストレート・アヘッドのアプローチを助けます。この可視化によって、アニメーターはフレーム間の動きの一貫性、タイミング、そして間隔を保てるようになります。隣接するフレームを同時に見られることで、アニメーターは各フレームをどう進めるべきか、より情報に基づいた判断が可能になります。",[101,14112,14113,14118],{},[266,14114,14115],{"href":12291},[4123,14116,14117],{},"オニオンスキニングはポーズ・トゥ・ポーズにも欠かせない","のは、キーフレームとそのインビトゥーンの進行状況が同時に表示されるからです。これによりアニメーターはインビトゥーンを効果的に比較して調整できます。",[111,14120],{},[114,14122,14124],{"id":14123},"_3-motion-trails",[486,14125,14126],{},"3. モーショントレイル",[101,14128,14129,14130,14133],{},"オニオンスキニングと似ており、3Dアニメーションでよく使われる ",[486,14131,14132],{},"モーショントレイルは、動くオブジェクトの流れを可視化するのに特に有効","です。これは、そのオブジェクトが通っている軌道（道のり）を示すラインやカーブとして提供され、速度や軌道に関する情報を伝えます。",[158,14135,14137,14141],{"className":14136},[87,161,689],[163,14138],{"src":14139,"className":14140,"alt":168,"loading":169,"width":13923,"height":14099},"https://lh7-rt.googleusercontent.com/docsz/AD_4nXfnBVONywBweE62vvKBrQpEQzf3he6HI9FhT39sePsdNKmmY0K5lC4sCQdoC_fOzWJ-Lvnv2UansKRfS86ypdxnsZ0N7AyVZGsJ7hDPfCQA8Tk0BBcW2k3vmp5isEvgFG3XV68SWw?key=CHOiUiba8JrsBzDfvMO3Zw",[167],[696,14142,14143],{},[699,14144,14145],{},[702,14146,14107],{"className":14147,"style":678},[705],[101,14149,14150],{},"トレイル上の点の分布を見ることで、アニメーターは動きの速度とタイミングを調整できます。また、キャラクター同士やオブジェクト同士のインタラクションをアニメーション化するときには、現実離れした重なりや衝突を避けるために、移動の軌道を予測し計画するのにも役立ちます。",[101,14152,14153],{},"ポーズ・トゥ・ポーズで剣の振りアニメーションを作るなら、モーショントレイルを使って剣が移動する弧の形を視覚化し、その動きを調整します。そしてゴースティングを使って、さまざまな間隔での剣の位置を確認します。",[111,14155],{},[114,14157,14158],{"id":559},[486,14159,974],{},[101,14161,14162],{},"ストレート・アヘッドとポーズ・トゥ・ポーズはいずれも、明確なメリットと課題がありますが、現代のアニメーションスタジオではポーズ・トゥ・ポーズが主流です。ストレート・アヘッドのアニメーションは、より自発的で流れるような動きを生みやすい一方で、ポーズ・トゥ・ポーズは精密なタイミングを実現するのに適した構造化されたアプローチであり、さらに修正もしやすい余地を残します。",[101,14164,14165],{},"現代のワークフローでポーズ・トゥ・ポーズが広く採用されているのは、コラボレーションを促進し、アニメーション制作プロセスを効率化できるためです。アーティストは主要な動きを計画でき、複雑なシーンにおいても一貫性を確保できます。この手法はさらに、ステップ／スプラインモード、オニオンスキニング、モーショントレイルといったDCCツール機能が一般的に使われていることによって強化されています。",[84,14167,14169,14172],{"className":14168},[87,88,89],[84,14170,576],{"className":14171},[93],[84,14173,2917,14175,14178],{"className":14174},[98],[266,14176,6624],{"href":583,"rel":14177},[585],"！ベストプラクティスを共有する1,000人以上の専門家とつながっており、時には現地でのイベントも企画しています。ぜひ私たちと一緒にいらっしゃいませんか？ 😊",[84,14180,14182],{"className":14181},[87,591,592],[266,14183,598],{"href":583,"className":14184},[596,597],{"title":168,"searchDepth":600,"depth":600,"links":14186},[14187,14188,14189,14190,14191,14192,14193,14194],{"id":13909,"depth":600,"text":13912},{"id":13940,"depth":600,"text":13943},{"id":13970,"depth":600,"text":13973},{"id":13987,"depth":600,"text":13990},{"id":14038,"depth":600,"text":14041},{"id":14082,"depth":600,"text":14085},{"id":14123,"depth":600,"text":14126},{"id":559,"depth":600,"text":974},"https://images.unsplash.com/photo-1529229504105-4ea795dcbf59?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3wxMTc3M3wwfDF8c2VhcmNofDZ8fG1vdmVtZW50fGVufDB8fHx8MTc0ODI2MTMxOXww&ixlib=rb-4.1.0&q=80&w=2000",{"updated_at":14197,"featured_at":612,"visibility":613},"2026-02-20T06:05:00.000+01:00","/blog-i18n/ja/straight-ahead-action-pose-to-pose-animation","2025-06-09T10:00:37.000+02:00",{"title":13880,"description":168},"straight-ahead-action-pose-to-pose-animation","blog-i18n/ja/straight-ahead-action-pose-to-pose-animation/index",[14204],{"id":620,"name":621,"slug":622,"description":7,"feature_image":7,"visibility":613,"og_image":7,"og_title":7,"og_description":7,"twitter_image":7,"twitter_title":7,"twitter_description":7,"meta_title":7,"meta_description":7,"codeinjection_head":7,"codeinjection_foot":7,"canonical_url":7,"accent_color":7,"url":623},"uJ0Ut6qdFaQfo6R9Ovq2kI4w2kwdWKhWERJF73zWdxU",{"id":14207,"title":14208,"authors":14209,"body":14211,"description":168,"extension":608,"feature_image":14507,"html":7,"meta":14508,"navigation":11,"path":14510,"published_at":14511,"seo":14512,"slug":14513,"stem":14514,"tags":14515,"__hash__":14517,"updated_at":14509,"featured_at":612,"visibility":613},"blog/blog-i18n/ja/from-script-to-screen-voice-acting-in-animated-storytelling/index.md","アニメーションによる物語作りにおける吹き替え（2026）：脚本からスクリーンへ",[14210],{"id":11067,"name":11068,"slug":11069,"profile_image":11070,"cover_image":7,"bio":11071,"website":7,"location":11072,"facebook":7,"twitter":11073,"meta_title":7,"meta_description":7,"threads":7,"bluesky":7,"mastodon":7,"tiktok":7,"youtube":7,"instagram":7,"linkedin":7,"url":11074},{"type":81,"value":14212,"toc":14496},[14213,14224,14230,14233,14236,14238,14244,14250,14253,14255,14261,14267,14274,14281,14283,14289,14292,14295,14321,14324,14326,14332,14338,14345,14352,14354,14360,14363,14366,14379,14390,14392,14398,14404,14411,14418,14420,14426,14429,14441,14447,14454,14461,14463,14467,14470,14473,14476,14489],[84,14214,14216,14220],{"className":14215},[87,88,89],[84,14217,14219],{"className":14218},[93],"🗣️",[84,14221,14223],{"className":14222},[98],"吹き替え（声の演技）は、セリフを読むだけの仕事ではありません。パフォーマンス、トレーニング、そして感情を読み取る力の融合です。ナレーション、吹き替え、あるいは本格的なキャラクター演技まで、声優はアニメーションの世界をリアルで印象に残るものにするために欠かせない存在です。",[114,14225,14227],{"id":14226},"introduction",[486,14228,14229],{},"はじめに",[101,14231,14232],{},"日本では、声優はアイドルや映画スターに匹敵する“スター力”を持ち、ファンクラブやバラエティ番組もあります。こうした「声優（seiyuu）」は、物語における声の演技が果たす重要な役割を強く示しています。",[101,14234,14235],{},"しかし、世界の他の地域では、吹き替え（声の演技）はまだ過小評価されている職業です。この記事では、声優という魅力的な職業と、印象に残るキャラクターをどう作り出すのかを紹介したいと思います。",[111,14237],{},[114,14239,14241],{"id":14240},"whats-voice-acting",[486,14242,14243],{},"吹き替え（声の演技）とは",[101,14245,14246,14247,11624],{},"吹き替え（声の演技）とは、",[486,14248,14249],{},"アニメーションキャラクターに声を当てる技術",[101,14251,14252],{},"アニメーションにおける吹き替えの例としては、『トイ・ストーリー』シリーズでトム・ハンクスがウッディを演じていることが挙げられます。",[111,14254],{},[114,14256,14258],{"id":14257},"why-animation-needs-voice-actors",[486,14259,14260],{},"なぜアニメーションには声優が必要なのか",[101,14262,14263,14266],{},[486,14264,14265],{},"声優は、性格や感情を吹き込むことでアニメーションキャラクターに命を吹き込みます","。ディズニー『アラジン』でジーニーを演じたロビン・ウィリアムズのパフォーマンスは、キャラクターに強く印象に残る個性を与え、それが作品の成功に大きく貢献しました。ウィリアムズの即興のスキルが、ジーニーにさらに多層的で愛らしく、そしてユーモラスな魅力を加えています。",[101,14268,14269,14270,14273],{},"声のパフォーマンスを通して、",[486,14271,14272],{},"声優は視覚だけでは完全に捉えきれない物語上のニュアンスを伝えます","。『ライオン・キング』でムファサを演じたジェームズ・アール・ジョーンズの深く響く声は、権威、知恵、そして温かさを表現する助けとなりました。",[101,14275,14276,14277,14280],{},"物語作りの枠を超えて、",[486,14278,14279],{},"良い声の演技は、キャラクターの魅力と記憶に残りやすさに大きな影響を与えます","。特に、すでに声優に一定のファン層がいる場合はなおさらです。お気に入りのアニメキャラクターを思い浮かべるとき、その声は真っ先に頭に浮かぶ要素の一つです。",[111,14282],{},[114,14284,14286],{"id":14285},"types-of-voice-acting-in-animation",[486,14287,14288],{},"アニメーションにおける吹き替え（声の演技）の種類",[101,14290,14291],{},"吹き替え（声の演技）は、大きく4つのタイプに分類できます。キャラクター、ナレーション、コマーシャル、翻訳です。",[101,14293,14294],{},"それぞれのカテゴリは、固有のスキルを必要とし、物語のプロセスにおいて異なる目的を果たします：",[1148,14296,14297,14303,14309,14315],{},[1151,14298,14299,14302],{},[486,14300,14301],{},"キャラクターの声の演技"," - キャラクターの声の演技は、アニメーションで最もよく知られた形の声の仕事です。俳優は、キャラクターの性格、感情、そして物語上の変化（アーク）を反映するヴォーカル・パフォーマンスによって、アニメの人格に命を吹き込みます。このタイプは多様性が求められます。というのも、俳優はしばしば、ヒーローやヴィランから相棒、さらには背景の人物まで、時には同じプロジェクト内で幅広いキャラクターを体現する必要があるからです。キャラクターの声優は、画面上のキャラクターに合わせて、声のトーン、ピッチ、スタイルを自在に変えるのに長けていなければなりません。",[1151,14304,14305,14308],{},[486,14306,14307],{},"ナレーション"," - ナレーションは、物語に状況や説明、洞察を与える“導く声”として機能します。ナレーターの役割は、役に立つ情報と引き込まれる面白さのバランスを保つことにあります。多くの場合、作品全体のムードやトーンを設定します。視覚的な手掛かりだけでは十分でない可能性がある物語手法において、この声の演技の形式は要となります。ナレーターは、全知の存在のように振る舞い、シーンの橋渡しをしたり、キャラクターを紹介したり、過去の背景（バックストーリー）を提供したりする助けになります。",[1151,14310,14311,14314],{},[486,14312,14313],{},"コマーシャルの声の演技"," - アニメーションにおけるコマーシャルの声の演技は、アニメ広告やプロモーションコンテンツで使われます。このタイプの声の仕事は、ブランドのトーンを尊重しながら、メッセージを明確かつ説得力を持って届けることに重点を置きます。声優は、特定の感情を呼び起こしたり購買行動を促したりできるよう、ターゲットとなる視聴者層に合わせて声の出し方を調整します。課題は、しばしば短い時間枠の中で、熱意、信頼性、そして明瞭さを効果的に伝え、視聴者を惹きつけて説得することにあります。",[1151,14316,14317,14320],{},[486,14318,14319],{},"翻訳の声の演技"," - 翻訳の声の演技は、吹き替え（dubbing）とも呼ばれ、国際的な視聴者向けにアニメの内容を適応させる上で重要です。オリジナルのパフォーマンスの誠実さを保ちながら、元の台詞を翻訳された台本に置き換えます。通常の声の演技と同様に、吹き替えでは、アニメキャラクターの口の動きや感情表現に合わせる必要があります。俳優は、翻訳された台詞が現地の視聴者に響きつつ、オリジナルの内容の本質を損なわないようにするために、文化的なニュアンスや慣用表現の扱いを乗りこなさなければならないことも多いです。",[101,14322,14323],{},"いずれにせよ、声優は同様の4フェーズのプロセスに従います。",[111,14325],{},[114,14327,14329],{"id":14328},"_1-voice-training",[486,14330,14331],{},"1. 声のトレーニング",[101,14333,14334,14335,680],{},"声のトレーニングは、",[486,14336,14337],{},"説得力のあるパフォーマンスを届けるための土台を作ります",[101,14339,14340,14341,14344],{},"声のトレーニングで中心になる要素の一つは、",[486,14342,14343],{},"多様性（ヴァーサタイルさ）","です。これは、幅広い声のレンジを育てることで、俳優がそれぞれ固有の声を持つさまざまなキャラクターに命を吹き込めるようにすることです。幼い子を演じるにせよ、無骨なヴィランを演じるにせよ、風変わりな生き物を演じるにせよ、さまざまなピッチ、トーン、スタイルを切り替えられる力は、際立っていて記憶に残るキャラクターを作るうえで不可欠です。",[101,14346,14347,14348,14351],{},"そしてもう一つ重要なのが、",[486,14349,14350],{},"持久力","です。声優は、声に負担がかかり得る長時間の録音セッションを行うことが多いため、長い時間にわたって安定した品質を保つためには、声のコントロールやスタミナの育成が必要です。適切な呼吸法、姿勢、そしてボイストレーニングは、持久力を高めるために欠かせません。",[111,14353],{},[114,14355,14357],{"id":14356},"_2-character-analysis",[486,14358,14359],{},"2. キャラクター分析",[101,14361,14362],{},"キャラクターを深く理解することは、どのように演じるかだけでなく、視聴者にどう響くかも左右します。この分析は、脚本作りとキャラクターデザインの両方と密接に結びつき、声優がアニメーションキャラクターに命を吹き込むパフォーマンスを行うための一貫した枠組みを形作ります。",[101,14364,14365],{},"ナレーションやコマーシャルの声優も例外ではありません。むしろそうではなく、やはり“キャラクター”を演じ、視聴者と関わる存在だからです。",[101,14367,14368,14374,14375,14378],{},[266,14369,14371],{"href":14370},"https://blog.cg-wire.com/animation-scripts/",[4123,14372,14373],{},"脚本作りはキャラクター開発の土台を築く","。キャラクターの性格、動機、そして独特の声が生まれるのは脚本を通してです。",[486,14376,14377],{},"よく練られた脚本は、キャラクターの背景、感情の変化（感情アーク）、行動上のニュアンスについて、声優に詳細な洞察を与えます。","この情報は、役にどう向き合うかという判断を俳優が納得して下すために重要です。セリフを解釈し、文脈を理解することで、声優はパフォーマンスに深みの層を加え、各キャラクターが脚本家や監督のビジョンに沿って、真にその姿で表現されることを確実にできます。",[101,14380,14381,11624,14386,14389],{},[266,14382,14383],{"href":11572},[4123,14384,14385],{},"キャラクターデザインは、キャラクター分析プロセスのもう一つの重要な要素",[486,14387,14388],{},"キャラクターの外見、動き、表現力のようなビジュアルの要素を含み、それが、俳優と視聴者の両方にとってキャラクターがどう認識されるかに影響します。"," たとえば、デザインで描かれた身体的特徴（サイズ、形、顔の特徴など）は、声優が取り入れる可能性のある声の質を教えてくれます。ピッチ、テンポ、トーンを調整する必要があるのかどうか、といった判断にも関わります。",[111,14391],{},[114,14393,14395],{"id":14394},"_3-acting",[486,14396,14397],{},"3. 演技（アクティング）",[101,14399,14400,14403],{},[486,14401,14402],{},"吹き替え（声の演技）の中心にあるのは、まさにその“演技”そのものです。"," 各俳優はそれぞれの独自のスタイルを役に持ち込みますが、その際にはキャラクターの本質を尊重し、体現しなければなりません。個人の持ち味とキャラクターへの忠実さのバランスが、優れた声の演技を際立たせます。",[101,14405,14406,14407,14410],{},"声の演技の土台は、俳優が",[486,14408,14409],{},"台本を正確に読み取り、解釈する能力","にあります。熟練した声優は、セリフを読むだけでなく、その背後にあるサブテキストを理解し、監督の意図に合わせながら、自分のパフォーマンスに奥行きをもたらします。",[101,14412,14413,14414,14417],{},"台詞を届けるには、明瞭な声だけでは不十分です。",[486,14415,14416],{},"他のキャラクターとのやり取りにおけるタイミングやリズムも求められます","。スタジオで一人で収録している場合であっても同様です。課題は、セリフの明瞭さと流れを保ちながら、そのシーンのエネルギーや意図に合わせることにあります。",[111,14419],{},[114,14421,14423],{"id":14422},"_4-sound-design",[486,14424,14425],{},"4. サウンドデザイン",[101,14427,14428],{},"最後に、声優はサウンドデザインも考慮する必要があります。",[101,14430,14431,14437,14438,680],{},[266,14432,14434],{"href":14433},"https://blog.cg-wire.com/sound-design-in-animation-definition-process-challenges/",[4123,14435,14436],{},"サウンドデザインは、単に環境ノイズや効果音を足すだけのものではありません","。それは制作の初期段階から始まり、多くの場合、声の演技チームと連携しながら、全体の聴覚的な雰囲気がアニメーションのトーンと一致するように調整します。このシナジーは非常に重要です。声の演技がキャラクターと視聴者の間に生まれる主要な感情的なつながりだからです。",[486,14439,14440],{},"サウンドデザインは、それぞれのシーンの独特の本質を捉える没入感のあるサウンドスケープを作ることで、このつながりを支え、さらに強めます",[101,14442,14443,14444,680],{},"初期の段階では、サウンドデザイナーがテーブルリードや録音セッションに参加し、声優と並んでキャラクターの声のニュアンスや台詞のタイミングを理解することもあります。",[486,14445,14446],{},"これらの要素を理解することで、会話のエネルギー、リズム、テンポに合う音を設計できます",[101,14448,14449,14450,14453],{},"場合によっては、",[486,14451,14452],{},"声優がボイス・フォーリーを担当することもあります","。うなずき声、うなり、吠え声、ハミングなどの音が含まれます。",[101,14455,14456,14457,14460],{},"ポストプロダクションでは、",[486,14458,14459],{},"サウンドデザイナーが音響効果をアニメの映像とボーカルトラックにきめ細かく同期させます","。環境音、フォーリー効果、空気感のあるオーディオを重ねることで、キャラクターが存在する世界を立体的に作り上げます。",[111,14462],{},[114,14464,14465],{"id":559},[486,14466,974],{},[101,14468,14469],{},"吹き替え（声の演技）は、創造性と技術力がダイナミックに融合する、多面的な芸術です。この記事では、吹き替え（声の演技）のさまざまな種類を取り上げ、印象に残るパフォーマンスを届けるために、専門的な声のトレーニングと深いキャラクター分析が重要であることを強調しました。声優は、自分の声の能力を磨くだけでなく、キャラクターの性格、動機、感情を見通す洞察も備えている必要があります。",[101,14471,14472],{},"声優はただの“演者”ではありません。視聴者をアニメーションの世界へとつなぐ語り手なのです。",[101,14474,14475],{},"日本における声優現象は、文化的な意義だけでなく、熟練した声優がアニメーションにもたらす芸術的な深さも際立たせています。これらの力強い声によって、アニメーションの未来が今後も大きく形作られていくことは明らかです。だからこそ、吹き替え（声の演技）を現実的なキャリアパスとして考えてみてください！",[84,14477,14479,14482],{"className":14478},[87,88,89],[84,14480,576],{"className":14481},[93],[84,14483,11393,14485,14488],{"className":14484},[98],[266,14486,6624],{"href":583,"rel":14487},[585],"！ ベストプラクティスを共有する1000人以上の専門家とつながれ、時には対面イベントも企画しています。ぜひ歓迎します！ 😊",[84,14490,14492],{"className":14491},[87,591,592],[266,14493,14495],{"href":583,"className":14494},[596,597],"私たちのDiscordコミュニティに参加する",{"title":168,"searchDepth":600,"depth":600,"links":14497},[14498,14499,14500,14501,14502,14503,14504,14505,14506],{"id":14226,"depth":600,"text":14229},{"id":14240,"depth":600,"text":14243},{"id":14257,"depth":600,"text":14260},{"id":14285,"depth":600,"text":14288},{"id":14328,"depth":600,"text":14331},{"id":14356,"depth":600,"text":14359},{"id":14394,"depth":600,"text":14397},{"id":14422,"depth":600,"text":14425},{"id":559,"depth":600,"text":974},"https://images.unsplash.com/photo-1516485392461-3961cc21f1e7?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3wxMTc3M3wwfDF8c2VhcmNofDF8fHZvaWNlJTIwYWN0b3J8ZW58MHx8fHwxNzQ2NjAyNzEyfDA&ixlib=rb-4.1.0&q=80&w=2000",{"updated_at":14509,"featured_at":612,"visibility":613},"2026-03-26T10:34:47.000+01:00","/blog-i18n/ja/from-script-to-screen-voice-acting-in-animated-storytelling","2025-05-26T10:00:24.000+02:00",{"title":14208,"description":168},"from-script-to-screen-voice-acting-in-animated-storytelling","blog-i18n/ja/from-script-to-screen-voice-acting-in-animated-storytelling/index",[14516],{"id":620,"name":621,"slug":622,"description":7,"feature_image":7,"visibility":613,"og_image":7,"og_title":7,"og_description":7,"twitter_image":7,"twitter_title":7,"twitter_description":7,"meta_title":7,"meta_description":7,"codeinjection_head":7,"codeinjection_foot":7,"canonical_url":7,"accent_color":7,"url":623},"bWohps3522INtg7wMHh47SAZCpAokZwW_QhUYVHJCAQ",{"id":14519,"title":14520,"authors":14521,"body":14523,"description":168,"extension":608,"feature_image":14864,"html":7,"meta":14865,"navigation":11,"path":14867,"published_at":14868,"seo":14869,"slug":14870,"stem":14871,"tags":14872,"__hash__":14874,"updated_at":14866,"featured_at":612,"visibility":613},"blog/blog-i18n/ja/animation-art-style/index.md","AIの時代（2026）であなたのアニメーション作風を見つける方法",[14522],{"id":11067,"name":11068,"slug":11069,"profile_image":11070,"cover_image":7,"bio":11071,"website":7,"location":11072,"facebook":7,"twitter":11073,"meta_title":7,"meta_description":7,"threads":7,"bluesky":7,"mastodon":7,"tiktok":7,"youtube":7,"instagram":7,"linkedin":7,"url":11074},{"type":81,"value":14524,"toc":14854},[14525,14535,14539,14549,14552,14555,14558,14561,14564,14567,14569,14575,14582,14589,14592,14595,14606,14613,14616,14618,14624,14630,14633,14636,14642,14648,14655,14657,14663,14669,14675,14678,14681,14684,14693,14699,14702,14704,14710,14717,14723,14726,14729,14732,14735,14741,14743,14749,14755,14761,14767,14780,14786,14788,14794,14797,14804,14813,14820,14822,14826,14829,14832,14835,14848],[84,14526,14528,14531],{"className":14527},[87,88,89],[84,14529,4082],{"className":14530},[93],[84,14532,14534],{"className":14533},[98],"あなたのアニメーション作風を見つけることは、見た目だけの話ではありません。物語、探求、そしてあなた固有のクリエイティブな声のためのスペースをつくることでもあります。このガイドでは、真実味と意図をもって、同じように見える作品の海の中でどう目立つかを示します。",[114,14536,14537],{"id":14226},[486,14538,14229],{},[101,14540,14541,14542,14545,14546,14548],{},"テクノロジーがすべてを食べてしまう世界では（",[702,14543,14544],{},"ごほごほ"," AI ",[702,14547,14544],{},"）、アニメーションの芸術が独自の魅力を失ってしまうのではと考えがちです。",[101,14550,14551],{},"宮崎駿はかつて、アニメーションにおける人工知能の活用を有名に批判し、機械では芸術の魂は決して再現できない、と示唆していました。",[101,14553,14554],{},"でも、いま私たちは2025年にいて、誰もが生成された「ジブリ風のアート」を投稿しています。",[101,14556,14557],{},"幸い、アニメーションはキャラクターに命を吹き込むだけではありません。すべてのフレームとシーンに、あなた自身の刻印を残すことにもつながります。",[101,14559,14560],{},"宮崎の作品がアイコニックなのは、型に従っているからではなく、彼独自のビジョン、ストーリーテリングの力、そして深い感情の響きが染み込んでいるからです。宮崎が、自分の情熱と信念に忠実でいることで自分の居場所を切り拓いたのと同じように、あなたにも自分の道を切り開く可能性があります。",[101,14562,14563],{},"「AIアート」が溢れる世界では、あなたのはっきりした作風が、あなたを際立たせる要素になり得ます。",[101,14565,14566],{},"この記事では、どこから始めればよいかのヒントを紹介します。",[111,14568],{},[114,14570,14572],{"id":14571},"why-you-need-an-art-style-as-an-animator",[486,14573,14574],{},"なぜアニメーターに作風が必要なのか",[101,14576,14577,14578,14581],{},"アニメーション業界のような競争の激しい世界では、",[486,14579,14580],{},"認識できる作風が他のアニメーターとあなたを分けます","。それはあなたのパーソナル・ブランドの一部になります。",[101,14583,14584,14585,14588],{},"フリーランスのアニメーター、あるいは自分のスタジオを立ち上げたい人にとっては、",[486,14586,14587],{},"強く一貫した作風が、あなたのビジョンに共感するクライアントを惹きつけます","。観客もまた、新しくて独自の視点を提供するアニメーションに引き寄せられます。",[101,14590,14591],{},"AIなら何の後ろめたさもなく作風を堂々と盗めるのに、自分の作風を育てる意味はどこにあるのか、と疑問に思うかもしれません。",[101,14593,14594],{},"ジブリの状況は極端なケースであることは重要です。インターネット上のコミュニティでは、それは「ジブリの数十年にわたる影響」が集合的無意識に与えたものに火をつけるミームです。そこにはスタジオのビジョンも、物語としての感覚もなく、空っぽの殻になっています。",[101,14596,14597,14598,14601,14602,14605],{},"あなたの作風は",[486,14599,14600],{},"あなたの性格、経験、そして影響源の反映","です。制作を通して、",[486,14603,14604],{},"自分らしさを表現する","ことを可能にします。つまり、考え、気持ち、視点を作品に込めることができるのです。この個人的な手触りが、アニメーションをより身近に感じさせます。",[101,14607,14608,14609,14612],{},"本当に自分のものだと感じられる作風を育てることは、",[486,14610,14611],{},"満足感","をもたらしてくれます。周囲の人が決めた期待や常識に縛られないため、より大きな創造の自由が得られるからです。",[101,14614,14615],{},"AIにはそれらを盗むことはできません。だから、ぜひ楽しんでください！",[111,14617],{},[114,14619,14621],{"id":14620},"_1-finding-your-voice",[486,14622,14623],{},"1. 自分の声を見つける",[101,14625,14626,14627,11624],{},"アニメーションは物語のためのものですから、",[486,14628,14629],{},"あなたの作風は、あなたが伝えたい物語の反映であるべき",[101,14631,14632],{},"ストーリーテリングに意識を向けることで、自然にアニメーターとしてのあなたらしい独自の声が見えてくるでしょう。",[101,14634,14635],{},"このプロセスの中心にあるのがあなたのビジョンです。これは、物語をどう解釈し、どう作り出すかに影響する個人的な視点のことです。",[101,14637,14638,14641],{},[486,14639,14640],{},"あなたの芸術的ビジョンが、あなたの選択を導く","のです。キャラクターデザインからカラーパレットまで、そしてあなたが探求したい物語の形を形づくるのもそれです。ティム・バートンはその完璧な例です。ゴシック的な気まぐれさとクセのあるキャラクターを特徴とする彼の独特な作風は、彼の唯一無二のビジョンと創造のマインドの直の反映です。彼のアニメーションは一目でわかり、彼の名前と同義になっています。",[101,14643,14644,14647],{},[486,14645,14646],{},"いきなり「自分の作風」をきっちり固定しようとしなくていい","ことも覚えておいてください。作風は自然に感じられるべきで、成長して経験を重ねるにつれて少しずつ現れてくる、本物の自己表現であるべきです。あなたの作風は、あなたとともに進化していきます。",[101,14649,14650,14651,14654],{},"この有機的な成長を受け入れることが鍵です。",[486,14652,14653],{},"物語が時間とともに変わるのと同じように、アニメーションへのアプローチも変わっていく","からです。ビジョンを育てつつ、成長に対してオープンでいることで、あなたのユニークな作風が姿を現すはずです。",[111,14656],{},[114,14658,14660],{"id":14659},"_2-the-importance-of-consumption",[486,14661,14662],{},"2. 消費（インプット）の重要性",[101,14664,14665,14666],{},"自分だけのユニークな作風を見つける旅は、私たちが何を消費するか――つまり、触れてきたメディア、アート、アニメーション――から始まることが多いです。それらはすべて、創造的な見通しを形づくるうえで重要な役割を果たします。",[486,14667,14668],{},"この消費を通じて、インスピレーションを集めるのです。",[101,14670,14671,14672,12735],{},"クリエイティブなコミュニティでよく語られる人気のアイデアに、「芸術家のように盗む」という考え方があります。これは、他人の作品をそのままコピーすることを意味しません。むしろ",[486,14673,14674],{},"多種多様な影響源を吸収し、それらを個人的かつ革新的な方法で再構築する",[101,14676,14677],{},"他のアーティストがどのように創造の問題を解決し、心を引く物語をどう語っているのかを観察することで、私たちは「何が自分に響くのか」をより洗練された理解へと発展させ、その要素を作風に取り込めます。それが、人類が何千年もかけて進化してきたやり方です。",[101,14679,14680],{},"この実践は、私たちが「素晴らしい」と感じた要素を借り、それを自分の視点と混ぜ合わせ、最終的に「自分だけのもの」として何かを生み出すことを後押しします。",[101,14682,14683],{},"宮崎駿自身も、教えを受けた師匠の大塚康生のような巨人の肩の上に立っていたり、フランスのアニメーターであるポール・グリモーのように、かつての先人たちの上に立っていたりします。『王と鳥』：",[101,14685,4089,14686,10566,14689,14692],{},[702,14687,14688],{},"私たちは1950年代の映画や映画作家たちによって形作られた。当時",[702,14690,14691],{},"僕はたくさんの映画を観始めた。僕に強く影響を与えたのはフランスのアニメーター、ポール・グリモーだった。[...]ポール・グリモーの『ル・ロワ・エ・ロワゾー』を観て初めて、縦方向に空間を使う必要があると理解したんだ。","」",[101,14694,14695,14696,680],{},"ただし、",[486,14697,14698],{},"振り返りや意図なしにインプットを続けると、独自性が薄まってしまうことがあります",[101,14700,14701],{},"外部からの影響や、脳の疲労（いわゆる「脳の腐り」）に飲み込まれる前に、定期的に一歩離れてみることが大切です。そして、クリエイティブ・デトックス――取り込んだものを処理し、自分の自然な好みが、今の流行や他人の作風に邪魔されずに表れてくるのを許すための、意図的なブレイク――に取り組みましょう。内なる声が語れるスペースを作る必要があります。",[111,14703],{},[114,14705,14707],{"id":14706},"_3-exploration",[486,14708,14709],{},"3. 探求",[101,14711,14712,14713,14716],{},"インプットはそれだけで一歩ですが、",[486,14714,14715],{},"意図的な実践も必要","です。さまざまな芸術のメディアや手法を探ることは、ユニークな作風に磨きをかける良い方法になります。",[101,14718,14719,14720,12735],{},"始める方法の一つは、",[486,14721,14722],{},"ドローイングや絵画のような伝統的なアートの形式に取り組む",[101,14724,14725],{},"素早いスケッチでも丁寧な研究でも、描くことで形、線、質感の理解が研ぎ澄まされます。周りの世界を鋭い目で観察し、その観察を視覚的な物語へと翻訳することを促します。",[101,14727,14728],{},"同様に、絵を描くことは色と構図の世界を開き、気分や光を、あなたのアニメーションをより豊かにできる形で試せるようにします。",[101,14730,14731],{},"彫刻も、特にクレイアニメ（クレイマーション）のために模型を作る場合など、探求の別の道です。手でキャラクターやシーンを成形することで、制作プロセスに触感の次元が加わります。さらに、三次元で考える必要があり、キャラクターが「いる物理的な空間」を考慮することにもつながります。これは、アニメーションに奥行きやリアリティを伝える能力を高めることに活きます。",[101,14733,14734],{},"より広く言えば、あらゆる種類のアートを探ることで、さまざまな恩恵を得られます。",[101,14736,14737,14740],{},[486,14738,14739],{},"新しいツールを試すことも、創造の限界を押し広げる方法の一つ","です。新しいタイプのソフトに慣れる、デジタル描画にタブレットを使う、あるいはストップモーションや3Dモデリングのようなアニメーション手法を使う――どのツールも、それぞれ独自の可能性を提供し、革新的なアプローチを引き出してくれます。",[111,14742],{},[114,14744,14746],{"id":14745},"_4-change-your-process",[486,14747,14748],{},"4. プロセスを変える",[101,14750,14751,14752,680],{},"ツールやアート技法のほかに、アニメーターとして自分だけの作風を見つけるには、",[486,14753,14754],{},"創作ルーティンを揺さぶる必要があります",[101,14756,2587,14757,14760],{},[486,14758,14759],{},"業界のベストプラクティスを学ぶ","ことは、非常に有益です。確立された手法に慣れることで、土台ができます。そして逆説的に、それらは「時が来たらどうやって常識を打ち破るか」を理解するための道しるべにもなり得ます。",[101,14762,14763,14764,12735],{},"作風を進化させるための効果的な戦略の一つは、",[486,14765,14766],{},"異なる環境、ワークフロー、テーマで実験する",[101,14768,14769,14770,14775,14776,14779],{},"前述のとおり、",[266,14771,4172,14772],{"href":13587},[4123,14773,14774],{},"新しいアニメーションソフトやツールを試す","ことで、あなたのアートに対する考え方を変えるきっかけになりますが、",[486,14777,14778],{},"いつもの作業スペースを変える","ことも検討できます。",[101,14781,14782,14785],{},[486,14783,14784],{},"馴染みのないテーマや物語","をアニメーション内で探ることは、いつもの前提を揺さぶり、快適ゾーンの境界線を押し広げます。",[111,14787],{},[114,14789,14791],{"id":14790},"_5-create-your-studio",[486,14792,14793],{},"5. 自分のスタジオをつくる",[101,14795,14796],{},"あなたのユニークなアニメーション作風を受け入れることは、他人のスタジオの枠を飛び出すことを意味する場合があります。",[101,14798,14799,14800,14803],{},"確立されたスタジオで働くことは、貴重な経験と洞察を得られる一方で、あなたの個別の作風を最大限に表現することを制限します。",[486,14801,14802],{},"本当に創造性を花開かせるには、自分の居場所が必要","です――それが物理的なスタジオでも、比喩的な創作環境でも構いません。",[101,14805,14806,14812],{},[266,14807,14809],{"href":14808},"https://blog.cg-wire.com/how-to-start-an-animation-studio-as-a-freelancer/",[4123,14810,14811],{},"自分のスタジオをつくる","ことにより、あなたの創作プロセスのパラメータを定義でき、邪魔されることなくあなたの芸術的な声が届くようになります。この自由によって、試してみたいこと、冒険、そして他のスタジオの確立した常識に合わないかもしれない新しい技法を探ることが可能になります。",[101,14814,14815,14816,14819],{},"自立は力になりますが、それでも",[486,14817,14818],{},"外部からの承認やフィードバックを求めることは重要なまま","です。作品を公開してください。アニメーター仲間、メンター、そして観客からなるコミュニティと関わり、あなたの作品について多様な視点を集めましょう。建設的な批評は、作風をさらに磨くための動機と方向性を与えてくれます。",[111,14821],{},[114,14823,14824],{"id":559},[486,14825,560],{},[101,14827,14828],{},"では、アニメーターとして自分の作風を見つけるとは、いったい何を意味するのでしょうか？ それは発見の旅です。影響源を混ぜ合わせ、さまざまな技法を試し、最終的にはあなたの個性を受け入れること。ほかのスタジオからインスピレーションを得ることはできますが、アーティストとしてのあなたの署名は、あなたが作品に持ち込む「本物らしさ」から生まれます。",[101,14830,14831],{},"あなたはアートを作っているだけではありません。アニメーションの世界であなたのレガシーを定義していて、さらに自分が誰であるかを表現するチャンスも得ています。挑戦を受け入れ、あなたの作風に語らせましょう。アニメーションの魔法は、私たちが使う道具ではなく、私たちがその技に注ぐ魂に宿っています。",[101,14833,14834],{},"この理由に加えて、倫理的な側面はさておき、AIに作風を盗まれることを心配するのは過剰反応です。見た目が似ていたとしても、あなたのように物語を語れる人はいません。だから、どうぞそのままやってみてください。",[84,14836,14838,14841],{"className":14837},[87,88,89],[84,14839,576],{"className":14840},[93],[84,14842,6620,14844,14847],{"className":14843},[98],[266,14845,6624],{"href":583,"rel":14846},[585],"！私たちは、ベストプラクティスを共有する1000人以上の専門家とつながっていて、時々リアルイベントも企画しています。ぜひ歓迎します！ 😊",[84,14849,14851],{"className":14850},[87,591,592],[266,14852,598],{"href":583,"className":14853},[596,597],{"title":168,"searchDepth":600,"depth":600,"links":14855},[14856,14857,14858,14859,14860,14861,14862,14863],{"id":14226,"depth":600,"text":14229},{"id":14571,"depth":600,"text":14574},{"id":14620,"depth":600,"text":14623},{"id":14659,"depth":600,"text":14662},{"id":14706,"depth":600,"text":14709},{"id":14745,"depth":600,"text":14748},{"id":14790,"depth":600,"text":14793},{"id":559,"depth":600,"text":560},"https://images.unsplash.com/photo-1630207831419-3532bcb828d7?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3wxMTc3M3wwfDF8c2VhcmNofDE0fHxhbmltYXRpb258ZW58MHx8fHwxNzQ2NjAyMzI5fDA&ixlib=rb-4.1.0&q=80&w=2000",{"updated_at":14866,"featured_at":612,"visibility":613},"2026-03-26T10:06:15.000+01:00","/blog-i18n/ja/animation-art-style","2025-05-19T10:00:50.000+02:00",{"title":14520,"description":168},"animation-art-style","blog-i18n/ja/animation-art-style/index",[14873],{"id":620,"name":621,"slug":622,"description":7,"feature_image":7,"visibility":613,"og_image":7,"og_title":7,"og_description":7,"twitter_image":7,"twitter_title":7,"twitter_description":7,"meta_title":7,"meta_description":7,"codeinjection_head":7,"codeinjection_foot":7,"canonical_url":7,"accent_color":7,"url":623},"7JYPQ2L_G26uRt8IjG1X78x5DKnD1xWa4QxQ5IXN_M0",{"id":14876,"title":14877,"authors":14878,"body":14880,"description":168,"extension":608,"feature_image":15221,"html":7,"meta":15222,"navigation":11,"path":15224,"published_at":15225,"seo":15226,"slug":15227,"stem":15228,"tags":15229,"__hash__":15231,"updated_at":15223,"featured_at":612,"visibility":613},"blog/blog-i18n/ja/character-sheet-animation/index.md","キャラクターシート（2026）：一貫したアニメーションのための設計図",[14879],{"id":11067,"name":11068,"slug":11069,"profile_image":11070,"cover_image":7,"bio":11071,"website":7,"location":11072,"facebook":7,"twitter":11073,"meta_title":7,"meta_description":7,"threads":7,"bluesky":7,"mastodon":7,"tiktok":7,"youtube":7,"instagram":7,"linkedin":7,"url":11074},{"type":81,"value":14881,"toc":15209},[14882,14892,14896,14899,14902,14905,14908,14910,14916,14922,14925,14928,14930,14936,14943,14950,14960,14962,14968,14971,14997,14999,15005,15008,15028,15030,15036,15039,15065,15067,15073,15076,15079,15105,15107,15113,15121,15141,15144,15146,15152,15155,15162,15165,15168,15170,15174,15177,15180,15189,15203],[84,14883,14885,14888],{"className":14884},[87,88,89],[84,14886,7381],{"className":14887},[93],[84,14889,14891],{"className":14890},[98],"アニメーションにおいて一貫性は要です——そして、その一貫性を保つ方法がキャラクターシートです。コンセプトから最終フレームまで、チームを支える表情豊かで機能的なキャラクターシートの作り方を学びましょう。",[114,14893,14894],{"id":14226},[486,14895,14229],{},[101,14897,14898],{},"印象に残るキャラクターを作るのは一つの芸術ですが、それを制作全体を通して一貫した形でアニメーション化することは、同じくらい難しい挑戦です。",[101,14900,14901],{},"これをより効果的にするために、アニメーターたちはシンプルなツール——キャラクターシート——に頼ります。",[101,14903,14904],{},"この記事では、キャラクターの本質を捉えるだけでなく、ビジュアルスタイルを明確に定義することから、あらゆるアニメーションの動きで一貫性を確実にすることまで——制作パイプライン全体にわたって役立つ、キャラクターシート作成のプロセスを探ります。",[101,14906,14907],{},"より良いキャラクターシートの作り方を見ていきましょう！",[111,14909],{},[114,14911,14913],{"id":14912},"whats-a-character-sheet",[486,14914,14915],{},"キャラクターシートとは",[101,14917,14918,14919,11624],{},"キャラクターシートは、キャラクターのデザイン、動き、そしてしばしば性格特性に関する詳細情報を提供する",[486,14920,14921],{},"参照ドキュメント",[101,14923,14924],{},"通常、ターンアラウンド、表情、ポーズ、そして特定の特徴や衣服の詳細が含まれます。また、制作を通して一貫している必要のある配色、比率、特徴的な要素についてのメモを含めることもできます。",[101,14926,14927],{},"『アバター 伝説の少年アン』では、アンのキャラクターシートに、青い矢印のタトゥーが入った丸い頭と、空の遊牧民の美学を反映した衣服の詳細が含まれているかもしれません。このシートによって、シリーズに携わるすべてのアニメーターが、どのようなシーンでもアンを正確に描写できます：",[111,14929],{},[114,14931,14933],{"id":14932},"why-a-character-sheet-is-important",[486,14934,14935],{},"なぜキャラクターシートが重要なのか",[101,14937,14938,14939,14942],{},"キャラクターシートは、プロジェクトに関わる",[486,14940,14941],{},"すべてのアニメーターおよびアーティストが、キャラクターの見た目とデザインの一貫性を維持できるようにする","ためのものです。これにより、観客の注意をそらしてしまう可能性のある視覚的な食い違いを防げます。特に長編アニメーションやシリーズでは、複数のシーンが異なるチームや異なる時期に制作されることがあるため、この統一感は非常に重要です。",[101,14944,14945,14946,14949],{},"キャラクターシートは、見た目だけでなく動きや感情表現の仕方も示します。",[486,14947,14948],{},"アニメーターがキャラクターの性格を理解する助けになる","ことで、アニメーションの品質が向上します。",[101,14951,14952,14953,14956,14957],{},"キャラクターシートは、ストーリーボード担当、アニメーター、キャラクターデザイナー、監督など、アニメ制作のさまざまな部門間における",[486,14954,14955],{},"重要なコミュニケーションツール","です。誰もが追えるビジュアルリファレンスを提供することで、制作のワークフローがスムーズになり、修正の必要性を最小限に抑えて誤解を減らし、時間を節約できます。",[486,14958,14959],{},"スタジオがコストを節約するためにも欠かせません。",[111,14961],{},[114,14963,14965],{"id":14964},"_1-character-turnaround",[486,14966,14967],{},"1. キャラクターターンアラウンド",[101,14969,14970],{},"キャラクターターンアラウンドは、画像の連続によってキャラクターを360度の視点で理解できるようにします：",[3067,14972,14973,14979,14985,14991],{},[1151,14974,14975,14978],{},[486,14976,14977],{},"正面図","—アニメーターは、詳細な正面図のドローイングから始めます。これは多くの場合、最もシンプルで、他のビューの土台になります。正面図では、キャラクターが正面を向いている状態が示され、視聴者はキャラクターの左右対称性や主要な特徴を理解しやすくなります。",[1151,14980,14981,14984],{},[486,14982,14983],{},"横顔／サイドビュー"," - 次に、特徴が正しく正面から揃うように、水平ガイドラインを使用します。横顔ビューは、通常は右側から見た状態で、キャラクターを描写します。鼻、耳、腕などを輪郭の方向から捉えることで、奥行きとシルエットを強調します。",[1151,14986,14987,14990],{},[486,14988,14989],{},"背面図"," - 正面図を使って背面図の要素をミラーし、非対称な詳細がある場合はそれに合わせて調整します。背面図は、キャラクターを後ろから見た状態です。髪型、衣服の詳細、体勢など、背面に特有の特徴を理解するのに重要です。",[1151,14992,14993,14996],{},[486,14994,14995],{},"三分の二（スリークォーター）ビュー"," - これらのビューは、通常、正面とサイドビューの中間（正面と背面の両方）です。よりダイナミックな視点を提供し、奥行きや、要素がキャラクターの形に沿って包み込まれる様子を明らかにします。これらは、縮尺（フォアショートニング）と遠近法が関わるため、最も難しいことが多いです。正面図とサイドビューを参照してください。",[111,14998],{},[114,15000,15002],{"id":15001},"_2-expression-sheet",[486,15003,15004],{},"2. 表情シート",[101,15006,15007],{},"表情シートは、キャラクターが表現できるさまざまな顔の表情を提示し、その感情、態度、性格を反映するタイプのモデルシートです：",[3067,15009,15010,15016,15022],{},[1151,15011,15012,15015],{},[486,15013,15014],{},"感情の幅"," - シートには、喜び、悲しみ、怒り、驚き、恐怖など多様な感情が表示されます。各表情は、キャラクターの性格にとって本物らしく感じられるよう、丁寧に作り込まれています。",[1151,15017,15018,15021],{},[486,15019,15020],{},"頭部の角度"," - 多くの場合、表情はさまざまな角度（正面、横顔、三分の二ビューなど）から示されます。これにより、アニメーターは、視点の違いによってキャラクターの顔がどう変化するかを理解できます。",[1151,15023,15024,15027],{},[486,15025,15026],{},"目と口の形"," - それぞれの表情で、目と口がどのように変わるかを正確に伝えるための、詳細なイラストを示します。",[111,15029],{},[114,15031,15033],{"id":15032},"_3-pose-sheet",[486,15034,15035],{},"3. ポーズシート",[101,15037,15038],{},"ポーズシートは、キャラクターがさまざまな状況でどのように動き、どのように振る舞うかを説明します。",[3067,15040,15041,15047,15053,15059],{},[1151,15042,15043,15046],{},[486,15044,15045],{},"基本ポーズ"," - キャラクターの身体的特徴、性格、ふるまいを定義する標準的なポジションです。制作では、アニメーターがキャラクターの比率やディテールをはっきり確認できるようにするため、腕を左右に大きく伸ばしたTポーズが含まれていることがよくあります。",[1151,15048,15049,15052],{},[486,15050,15051],{},"キーポーズ"," - キャラクターの主要な動作や感情状態を反映する重要なポジションです。例としては、走る、跳ぶ、笑う、などキャラクターに特徴的なアクションが挙げられます。",[1151,15054,15055,15058],{},[486,15056,15057],{},"シルエットビュー"," - 内部のディテールなしで、キャラクターの形が読み取れるかを確認するための、さまざまなポーズにおけるシンプルな輪郭です。",[1151,15060,15061,15064],{},[486,15062,15063],{},"インタラクションポーズ"," - アニメーションの複雑さ次第ですが、キャラクターが物や他のキャラクターとやり取りしている様子を示すポーズを含めることもあります。",[111,15066],{},[114,15068,15070],{"id":15069},"_4-props",[486,15071,15072],{},"4. small道具（小物）",[101,15074,15075],{},"小道具は、キャラクターの個性の拡張になりえます。たとえば、キャラクター独自の武器や、ちょっと変わったガジェットは、その人物らしさを象徴する要素になり得ます。",[101,15077,15078],{},"小道具はしばしば物語の重要な要素です（例：ファンタジー設定における魔法の杖、SFの物語におけるハイテク機器）。それらは物語を前に進める原動力になり、小道具のデザインもその重要性を反映しているべきです。",[3067,15080,15081,15087,15093,15099],{},[1151,15082,15083,15086],{},[486,15084,15085],{},"小道具の文脈づけ"," - 小道具がキャラクターとの関連で描かれていることを確認してください。銃がホルスターにどのように収まるのか、帽子がキャラクターの頭にどう載るのかを示すことで、アニメーターはキャラクターに対するスケールや比率を明確に理解できます。",[1151,15088,15089,15092],{},[486,15090,15091],{},"複数の角度"," - 小道具をさまざまな角度・視点から描写します。",[1151,15094,15095,15098],{},[486,15096,15097],{},"機能ごとの分解"," - 小道具に可動部や機能的な要素がある場合は、それらを分解して含めます（例：折りたたみ傘、変形するガジェット）。アニメーターは、それらの要素が仕組みとしてどう動くのかを理解する必要があります。そうすることで、説得力のある動きをアニメーションにできます。",[1151,15100,15101,15104],{},[486,15102,15103],{},"素材と質感のメモ"," - テクスチャリングやレンダリングの際に役立つよう、小道具の素材や質感に関するメモを追加します。たとえば、光沢の有無、布の種類、光の反射の仕方などです。",[111,15106],{},[114,15108,15110],{"id":15109},"_5-color-palette",[486,15111,15112],{},"5. カラーパレット",[101,15114,15115,15120],{},[266,15116,15117],{"href":12770},[4123,15118,15119],{},"カラーパレットはキャラクターの個性を伝えます"," そして、アニメーション全体のトーンも決めます。",[3067,15122,15123,15129,15135],{},[1151,15124,15125,15128],{},[486,15126,15127],{},"重要な色を強調"," - アーティストは、キャラクターのデザインで使われる主要な色を特定し、一覧にします。肌、髪、衣服のベースカラーに加えて、目やアクセサリーのようなディテールも含めます。これらの色は、キャラクターのイラストの近くに、通常は横一列またはグリッド形式でスウォッチとして提示します。",[1151,15130,15131,15134],{},[486,15132,15133],{},"シェードのバリエーション"," - 各主要色について、光、中間調、暗い色合いまでの一連のシェードバリエーションを用意し、さまざまなライティング条件下でキャラクターがどう見えるかを示します。",[1151,15136,15137,15140],{},[486,15138,15139],{},"ラベリングと表記"," - 各スウォッチには、RGB、HEX、Pantone のような名前やコードを明確に付けて、異なるプラットフォームやメディア間で一貫性を保ちます。アーティストは必要に応じて、それぞれの色の使い分けに関するメモ（例：明るい光と影で使う色など）を提供することがよくあります。",[101,15142,15143],{},"また、用意されたカラーパレットを参照しながら、キャラクターシート内に、さまざまなライティング状況での小さなイラストを追加することもできます。",[111,15145],{},[114,15147,15149],{"id":15148},"_6-dont-underestimate-annotations",[486,15150,15151],{},"6. 注釈を過小評価しない",[101,15153,15154],{},"アニメーションにおいては、「見せるのであって、語らない」という格言を優先すべきです。",[101,15156,15157,15158,15161],{},"ただし時には ",[486,15159,15160],{},"推測を避けるために書き残しておく必要がある","ことがあります。キャラクターシートに注釈を入れることは、重要な詳細を明確にするために欠かせません。",[101,15163,15164],{},"視覚的な特徴（頭部、身体の構造、衣服、アクセサリー、カラーパレットなど）についての情報を提示できるだけでなく、ニュアンス、比率、状況に応じた手がかりを補助するために、ターンアラウンドや表情シートについての情報も書き込めます。",[101,15166,15167],{},"注釈は、アニメーションに影響し得る性格特性を伝えるのにも最適です。たとえば、キャラクターがそわそわしている、自己に自信がある、どこか不器用であるといったことです。動きに反映されるべき典型的な癖や仕草を説明できます。さらに、リップシンク用に、特定の話し方の癖や発声上の特徴を書き留めることも可能です。",[111,15169],{},[114,15171,15172],{"id":559},[486,15173,560],{},[101,15175,15176],{},"結論として、キャラクターシートは（事前）制作に必要なあらゆるディテールをアニメーターが捉えるための、非常に貴重なツールです。",[101,15178,15179],{},"カラーパレットの慎重な選定からターンアラウンドまで、すべての要素が一貫性の観点から細部まで精密に分析されます。注釈は、キャラクター固有の特性についての追加の洞察を与え、表情シートやポーズシートは、キャラクターの感情面・身体面の幅を捉えます。小道具は、さらなる文脈をもったストーリーテリングを提供します。",[101,15181,15182,15183,15188],{},"しかし、キャラクターシートが",[266,15184,4172,15185],{"href":11572},[4123,15186,15187],{},"強いキャラクターデザイン","に基づいていなければ作っても意味がありません。ですので、コンセプト開発に十分な時間をかけてください。",[84,15190,15192,15195],{"className":15191},[87,88,89],[84,15193,576],{"className":15194},[93],[84,15196,15198,15199,15202],{"className":15197},[98],"アニメーション制作プロセスについてもっと知るには ",[266,15200,6624],{"href":583,"rel":15201},[585],"！私たちは、ベストプラクティスを共有する1000人以上の専門家とつながっており、時には対面イベントも企画しています。ぜひようこそお迎えします！ 😊",[84,15204,15206],{"className":15205},[87,591,592],[266,15207,598],{"href":583,"className":15208},[596,597],{"title":168,"searchDepth":600,"depth":600,"links":15210},[15211,15212,15213,15214,15215,15216,15217,15218,15219,15220],{"id":14226,"depth":600,"text":14229},{"id":14912,"depth":600,"text":14915},{"id":14932,"depth":600,"text":14935},{"id":14964,"depth":600,"text":14967},{"id":15001,"depth":600,"text":15004},{"id":15032,"depth":600,"text":15035},{"id":15069,"depth":600,"text":15072},{"id":15109,"depth":600,"text":15112},{"id":15148,"depth":600,"text":15151},{"id":559,"depth":600,"text":560},"https://blog.cg-wire.com/content/images/2025/05/character-design-sheet-for-2d-animation-1024x545.jpg",{"updated_at":15223,"featured_at":612,"visibility":613},"2026-03-26T10:29:53.000+01:00","/blog-i18n/ja/character-sheet-animation","2025-05-12T10:00:47.000+02:00",{"title":14877,"description":168},"character-sheet-animation","blog-i18n/ja/character-sheet-animation/index",[15230],{"id":620,"name":621,"slug":622,"description":7,"feature_image":7,"visibility":613,"og_image":7,"og_title":7,"og_description":7,"twitter_image":7,"twitter_title":7,"twitter_description":7,"meta_title":7,"meta_description":7,"codeinjection_head":7,"codeinjection_foot":7,"canonical_url":7,"accent_color":7,"url":623},"szmWce7fLQUy7-BxgnLBZmf7zX3noA_SO669DxlfDIE",{"id":15233,"title":15234,"authors":15235,"body":15237,"description":168,"extension":608,"feature_image":15648,"html":7,"meta":15649,"navigation":11,"path":15651,"published_at":15652,"seo":15653,"slug":15654,"stem":15655,"tags":15656,"__hash__":15658,"updated_at":15650,"featured_at":612,"visibility":613},"blog/blog-i18n/ja/appeal-animation-principle/index.md","魅力の原則（2026）：すべての偉大なアニメーションの核心",[15236],{"id":11067,"name":11068,"slug":11069,"profile_image":11070,"cover_image":7,"bio":11071,"website":7,"location":11072,"facebook":7,"twitter":11073,"meta_title":7,"meta_description":7,"threads":7,"bluesky":7,"mastodon":7,"tiktok":7,"youtube":7,"instagram":7,"linkedin":7,"url":11074},{"type":81,"value":15238,"toc":15637},[15239,15250,15253,15256,15259,15262,15265,15267,15273,15279,15282,15285,15291,15298,15308,15314,15316,15322,15325,15328,15335,15372,15374,15380,15388,15395,15418,15420,15426,15429,15457,15459,15465,15473,15476,15497,15500,15502,15508,15516,15542,15545,15547,15553,15560,15588,15595,15597,15601,15604,15607,15617,15631],[84,15240,15242,15246],{"className":15241},[87,88,89],[84,15243,15245],{"className":15244},[93],"😍",[84,15247,15249],{"className":15248},[98],"トトロやミッキーマウスのようなキャラクターが、あっという間に「かわいくて好き」になってしまうのはなぜだろう？――それはすべて「魅力」にあります。",[101,15251,15252],{},"なぜ、私たちは何でも実写にできるのに、それでもアニメーションをこれほど好きになるのでしょうか？",[101,15254,15255],{},"答えは魅力です。アニメーションは表現のための独自の媒体であり、それぞれ固有の魅力があります。そして、その魅力を他のメディアに簡単には移し替えられません。",[101,15257,15258],{},"では、その独自の魅力を、アニメーターは自分の作業からどのように引き出せばよいのでしょうか？",[101,15260,15261],{},"ディズニーを思い浮かべてください。そこには、象徴的なミッキーマウスが出てきます。丸みのある特徴的な耳と明るい表情によって、ミッキーマウスは「魅力」の原則を体現しています。",[101,15263,15264],{},"ミッキーマウス級のカリスマにまで、あなたのアニメーションの魅力を高めるための一般的なテクニックとベストプラクティスを、ぜひ読み進めてください！",[111,15266],{},[114,15268,15270],{"id":15269},"whats-appeal",[486,15271,15272],{},"魅力とは",[101,15274,15275,15276,11624],{},"魅力の原則とは、",[486,15277,15278],{},"観客にとって魅力的だと感じられるキャラクターやビジュアルを作り出すという考え方",[101,15280,15281],{},"キャラクター、表情、動きを面白く、惹きつけるものにして、見続ける価値を生み出すことが重要です。",[101,15283,15284],{},"それは必ずしも、キャラクターが一般的に美しかったり、かわいらしかったりする必要があるという意味ではありません。たとえ悪役や、型にはまらないキャラクターであっても、独自で記憶に残る特徴を設計していれば魅力的になり得ます。『ライオン・キング』のスカーは、鋭い輪郭、表情豊かな目、そして印象に残る声といった特徴によって、面白くて惹きつけられる存在になっています。彼の動きや表情は、狡猾さとカリスマを伝えています。",[114,15286,15288],{"id":15287},"why-appeal",[486,15289,15290],{},"なぜ魅力なのか",[101,15292,15293,15294,15297],{},"『カールじいさんの空飛ぶ家』では、四角い体格、四角い眼鏡、表情の乏しい顔によって、カール・フレデリクセンの頑固だが愛される性格と、キャラクターとしての物語の奥深さが伝わります。",[486,15295,15296],{},"カールのデザインの魅力は、ストーリーテリングにおいて大きな役割を果たします","。つまり、機嫌が悪く孤立した未亡人から、思いやりのある冒険好きの相棒へと変化していく様子を、視覚的に表現しているのです。",[101,15299,15300,15301,4172,15304,15307],{},"トトロは、シンプルながらも印象的なシルエット、大きな目、そしてやわらかく抱きしめたくなるような雰囲気でデザインされています。",[486,15302,15303],{},"その魅力があまりに印象的で",[486,15305,15306],{},"映画だけでなくスタジオ自体の象徴","になり、さらにキャラクターを大衆文化の中にしっかり根付かせました。",[101,15309,15310,15311,680],{},"『アナと雪の女王』では、オラフのようなサブキャラクターが、丸みのある形、表情豊かな目、そしてフレンドリーな雰囲気によって、瞬時に好感を持てるように設計されています。これらの魅力的な特性は、観客が感情的にオラフとつながるのを助け、エルサとアナにとってのコミカルな癒し役であり、大切にされる相棒としての役割を支えます。",[486,15312,15313],{},"さらに、オラフの魅力は、物語の中でサブ的な立場であっても観客が彼を気にかけるために欠かせません",[111,15315],{},[114,15317,15319],{"id":15318},"_1-character-design",[486,15320,15321],{},"1. キャラクターデザイン",[101,15323,15324],{},"キャラクターデザインとは、アニメーションに登場するキャラクターの見た目、性格、特徴を作り出すプロセスです。",[101,15326,15327],{},"多くの場合、コンセプトのラフスケッチから始まり、アニメーターが参照として使う、より詳細な2Dまたは3Dモデルへと発展していきます。",[101,15329,15330,15331,15334],{},"魅力の原則においてキャラクターデザインが重要なのは、",[486,15332,15333],{},"キャラクターの見た目に直接影響する","からです。つまり、視覚的な魅力だけでなく、感情や物語をどれだけ効果的に伝えられるかにも関わります：",[3067,15336,15337,15349,15361],{},[1151,15338,15339,13307,15342,15348],{},[486,15340,15341],{},"シェイプ言語",[266,15343,4172,15345],{"href":15344},"https://blog.cg-wire.com/character-shape-language/",[4123,15346,15347],{},"アニメーターは基本的な形を活用する","（円、四角、三角形）ことで、さまざまな特性や性格を伝えます。",[1151,15350,15351,13307,15354,15360],{},[486,15352,15353],{},"ソリッドドローイング",[266,15355,4172,15357],{"href":15356},"https://blog.cg-wire.com/solid-drawing/",[4123,15358,15359],{},"深さと重さの感覚が、説得力と魅力につながる","。アーティストは、影の中にあっても各キャラクターがはっきりと識別できる、明確なシルエットを持つことを確実にします。輪郭がクリアであるほど、観客はキャラクターの形を素早く理解できます。",[1151,15362,15363,13307,15366,15371],{},[486,15364,15365],{},"色彩理論",[266,15367,4172,15368],{"href":12770},[4123,15369,15370],{},"色は戦略的に使われる","ことで、キャラクター同士を区別し、性格を反映します。暖色はエネルギーや攻撃性を示すことができ、寒色は落ち着きやミステリアスさを示唆しやすくなります。対比のある色使いは、より強い印象と記憶に残りやすさを生みます。",[111,15373],{},[114,15375,15377],{"id":15376},"_2-exaggeration",[486,15378,15379],{},"2. 誇張",[101,15381,15382,15387],{},[266,15383,15384],{"href":12999},[4123,15385,15386],{},"誇張は、アニメーション12の原則のもう一つ","であり、キャラクターやシーンの効果を高めるために、動作・表情・特徴を大きく強調することを指します。",[101,15389,15390,15391,15394],{},"誇張は魅力の原則においても重要です。なぜなら、",[486,15392,15393],{},"キャラクターの性格や行動がより記憶に残る","からです。動く、反応する、そして感情を誇張して表現するキャラクターは、ずっと魅力的で、アイデアや気持ちもより効果的に伝えられます。",[1148,15396,15397,15404],{},[1151,15398,15399,15400,15403],{},"アニメーターは、感情をより明確に描くために",[486,15401,15402],{},"顔の特徴や表情を誇張する","ことがあります。驚いたとき、目がぱっと開いたり、眉が大きくアーチ状に動いたりします。",[1151,15405,15406,15407,15413,15414,15417],{},"誇張と密接に関連しているのが、",[266,15408,4172,15410],{"href":15409},"https://blog.cg-wire.com/squash-stretch-principle/",[4123,15411,15412],{},"スクワッシュ＆ストレッチ","です。これは、物体やキャラクターを",[486,15415,15416],{},"形の中で誇張して、重さと柔軟性を伝える","別のアニメーション原則です。跳ねるボールは接触の瞬間に潰れて、地面を離れるときに伸びます。これは動きをよりダイナミックにするだけでなく、物体の素材特性も伝えます。同じ原則は、たとえば追いかけっこや格闘のシーンのように、相互に作用する力を表すためにも使えます。そうすることで、見ていてより面白く感じられるのです。",[111,15419],{},[114,15421,15423],{"id":15422},"_3-poses-overlapping-actions",[486,15424,15425],{},"3. ポーズ＆オーバーラップアクション",[101,15427,15428],{},"ポーズや顔の表情は、私たちが動作や感情をどう捉えるかに影響します。",[1148,15430,15431,15437,15444,15450],{},[1151,15432,15433,15436],{},[486,15434,15435],{},"シーン全体で多様なポーズを提示する","ことで、観客の興味を維持できます。キャラクターが悲しいとき、うなだれた肩を見せるだけではなく、手に顔を埋めるようなポーズや、背を向けたまま深いため息をつくといった別のポーズも入れます。",[1151,15438,15439,15440,15443],{},"アニメーターは、動作線（ライン・オブ・アクション）を使いながら、シルエットの状態でも",[486,15441,15442],{},"キャラクターの感情や意図がはっきり伝わる強くて読み取れるポーズを設計します","。たとえば、キャラクターが驚いたとき、そのボディランゲージ（大きく開いた目、開いた腕）が、1フレームの中でこの感情を明確に強調します。",[1151,15445,15446,15449],{},[486,15447,15448],{},"オーバーラップアクション","は、流れるような滑らかさとリアリティを加えます。動作は慣性や重さを反映するため、同時に始まり同時に終わってはいけません。キャラクターが首を回すとき、アニメーターは髪やダボついた衣服が、ほんの少し遅れて動作に追随するようにします。体のさまざまな部位を少し位相をずらしてアニメートすることで、より自然な結果が得られます。",[1151,15451,15452,15453,15456],{},"同様に、",[486,15454,15455],{},"セカンダリアクション","は主要な動作を支えながら、シーンに奥行きを加えます。悲しそうに歩いているキャラクターなら、帽子がステップに合わせて少し上下する、といった微細な動作を加えて主な動作を豊かにします。",[111,15458],{},[114,15460,15462],{"id":15461},"_4-timing",[486,15463,15464],{},"4. タイミング",[101,15466,15467,15472],{},[266,15468,15469],{"href":11627},[4123,15470,15471],{},"タイミングは、動作が画面に現れる速さと遅さを決め","、アニメーションの流れを形づくります。",[101,15474,15475],{},"タイミングが悪いと、アニメーションの魅力に大きな悪影響が出ます。タイミングを使えば、観客に物体やキャラクターの重さを感じさせることができます。重いものほど加速と減速はゆっくり必要で、軽いものはより素早く動きます。たとえば、キャラクターが物体を持ち上げたり落としたりするシーンだけでなく、ジャンプ、歩き、走りなどにも応用できます。",[1148,15477,15478,15485,15491],{},[1151,15479,15480,15481,15484],{},"大きな動作の前にタイミングを調整することで、",[486,15482,15483],{},"予兆（アンサンティシペーション）を作れます","。パンチやジャンプの前に一歩引く動きは、パンチやジャンプ自体よりも遅いタイミングにすると緊張感が生まれ、その後の動作のインパクトが増します。",[1151,15486,15487,15490],{},[486,15488,15489],{},"キャラクターの動きのタイミングを変えることでも、異なる感情状態を伝えられます","。素早く鋭い動きは興奮、怒り、驚きを示しやすい一方で、ゆっくりで意図的な動きは悲しみ、疲れ、または考え込んでいる様子を表します。コメディのシーケンスでは、遅れたリアクション、素早い動き、突然の間（ポーズ）の精密なタイミングが重要です。",[1151,15492,15493,15496],{},[486,15494,15495],{},"アニメーション全体のテンポが、トーンを決めます","：テンポの速いシーンはアクションや混乱を示し、遅く落ち着いた、ゆっくり意図的なペースは、静けさやサスペンスの雰囲気を作ります。",[101,15498,15499],{},"タイミングが不足すると、退屈で、簡単に忘れられてしまう“生気のない”シーンになります。",[111,15501],{},[114,15503,15505],{"id":15504},"_5-camera",[486,15506,15507],{},"5. カメラ",[101,15509,15510,680],{},[266,15511,15513],{"href":15512},"https://blog.cg-wire.com/camera-work-in-animation/",[4123,15514,15515],{},"カメラワークは、観客を物語へ導く手段であるだけでなく、アニメーションをより魅力的にするためのストーリーテリングツールでもあります",[1148,15517,15518,15524,15530,15536],{},[1151,15519,15520,15523],{},[486,15521,15522],{},"ダイナミックなカメラアングルを使うと、ドラマやスケールが加わります","。俯瞰（バードアイ）や見下ろし（ワームズアイ）といった視点は、観客をアニメの世界へさらに没入させます。オランダ角――カメラがわずかに傾いている構図――は、不安感や緊張感を生み出します。",[1151,15525,15526,15529],{},[486,15527,15528],{},"滑らかなカメラの動きは、観客の集中を維持します","。アクションに追従するトラッキングショットは、展開していくシーンへ観客を引き込みます。パンやチルトによって重要なシーン要素を順番に見せることで、自然に観客の視線を誘導できます。",[1151,15531,15532,15535],{},[486,15533,15534],{},"ズーム技法は緊張感を高め、重要なディテールを強調します","。ドリーズーム、いわゆるヴァーティゴ効果は、カメラを近づける（または逆に動かしながら）と同時にズームアウト（またはその逆）することで、視覚的に強い違和感を生み出し、重要な瞬間に強烈な印象を与えます。",[1151,15537,15538,15541],{},[486,15539,15540],{},"見栄えの良いショットを作るには、構図もまた重要です","。三分割法は、グリッド線上に主要要素を配置して、目に心地よいバランスを作るのに役立ちます。道路や建物のようなリーディングラインを使えば、視線を中心となる被写体へ直接導き、物語の意図をさりげなく補強できます。",[101,15543,15544],{},"肩越しのショットで親密な会話を、視点ショットで視点の切り替えを、被写界深度の操作で奥行きを、テンポのためのトランジションで…と、挙げればきりがありません。",[111,15546],{},[114,15548,15550],{"id":15549},"_6-audio",[486,15551,15552],{},"6. オーディオ",[101,15554,15555,680],{},[266,15556,15557],{"href":14433},[4123,15558,15559],{},"音は、映像要素を補完することで、観客により豊かで没入感のある体験を生みます",[1148,15561,15562,15569,15575,15581],{},[1151,15563,15564,15565,15568],{},"まず、キャラクターの性格や身体的特徴に合う声を選ぶことが重要です。",[486,15566,15567],{},"適切な声は、キャラクターの独自性と親しみやすさを豊かにし、より記憶に残り、魅力的にします","。表情豊かなボーカル（声の演技）なら、感情や成長が伝わります。個性的な声優を選ぶことで、キャラクターは見た目の表現を超えて“生きている”ようになります。",[1151,15570,15571,15574],{},[486,15572,15573],{},"背景の音は、シーンに命を吹き込みます","。街のにぎわい、森の穏やかな環境音、あるいは海の波が心地よく砕ける音などです。こうしたさりげないレイヤーは質感を与え、設定を豊かにし、物語の焦点から注意を逸らすことなく、観客の体験にもう一つの次元を加えます。",[1151,15576,15577,15580],{},[486,15578,15579],{},"画面上の動作に対して効果音を正確にタイミング良く合わせることは、動きの身体感を強化し","、明確な因果関係を作ります。この同期によって、映像が現実感の限界を超えていたとしても、アニメーションは“もっともらしい現実”の中にしっかり根付くのです。",[1151,15582,15583,15584,15587],{},"繰り返し登場するキャラクターの動作や特徴、例えば印象に残るテーマや特徴的な足音などに対して、",[486,15585,15586],{},"独自のサウンドキューを作り込む","ことも有効です。それらはキャラクターの性格や気分を反映します。こうした“聴こえるサイン”は、キャラクターのアイデンティティの一部になります。",[101,15589,15590,15591,15594],{},"そして同じくらい大切なのが、",[486,15592,15593],{},"沈黙の場面を効果的に導入して、緊張感を作ったり視覚要素を際立たせたりすること","です。適切に配置した静かな時間は、感情を観客の心に残し、より深く響かせます。",[111,15596],{},[114,15598,15599],{"id":559},[486,15600,560],{},[101,15602,15603],{},"まとめると、魅力はアニメーションの土台であり、プロジェクトが観客に受け入れられるかどうかを左右します。キャラクターデザイン、音、カメラワーク、タイミング、誇張、ポーズといったさまざまな要素が、シーンの魅力を大きく高めることを見てきましたが、アニメーションをもっと魅力的にするために考慮すべき要素はまだまだたくさんあります。",[101,15605,15606],{},"エンド結果の魅力を高めるために、すべてのアニメーション要素やツールを使うことができます。唯一無二のアートスタイルであれ、色の創造的な使い方であれ、目的は同じです。アニメーターとして心に留めておくべきなのは、観客にどれだけうまく物語を伝えられるかで、あとは自然に展開していきます。",[101,15608,15609,15616],{},[266,15610,4172,15611],{"href":13511},[486,15612,15613],{},[4123,15614,15615],{},"他の11のアニメーション基本原則についても読んで","、魅力の原則とどのように統合されるかを確認しましょう！",[84,15618,15620,15623],{"className":15619},[87,88,89],[84,15621,576],{"className":15622},[93],[84,15624,15626,15627,15630],{"className":15625},[98],"アニメーション制作プロセスについてもっと知りたい方は",[266,15628,586],{"href":583,"rel":15629},[585],"！ 私たちは、ベストプラクティスを共有する1,000人以上の専門家とつながっていて、時には対面イベントを企画することもあります。ぜひようこそお迎えします！ 😊",[84,15632,15634],{"className":15633},[87,591,592],[266,15635,598],{"href":583,"className":15636},[596,597],{"title":168,"searchDepth":600,"depth":600,"links":15638},[15639,15640,15641,15642,15643,15644,15645,15646,15647],{"id":15269,"depth":600,"text":15272},{"id":15287,"depth":600,"text":15290},{"id":15318,"depth":600,"text":15321},{"id":15376,"depth":600,"text":15379},{"id":15422,"depth":600,"text":15425},{"id":15461,"depth":600,"text":15464},{"id":15504,"depth":600,"text":15507},{"id":15549,"depth":600,"text":15552},{"id":559,"depth":600,"text":560},"https://images.unsplash.com/photo-1615493749953-742903db7e9d?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3wxMTc3M3wwfDF8c2VhcmNofDEwfHxoYXBweSUyMGNoYXJhY3RlcnxlbnwwfHx8fDE3NDY0MjUzMzV8MA&ixlib=rb-4.0.3&q=80&w=2000",{"updated_at":15650,"featured_at":612,"visibility":613},"2026-03-26T10:25:19.000+01:00","/blog-i18n/ja/appeal-animation-principle","2025-05-05T10:00:50.000+02:00",{"title":15234,"description":168},"appeal-animation-principle","blog-i18n/ja/appeal-animation-principle/index",[15657],{"id":620,"name":621,"slug":622,"description":7,"feature_image":7,"visibility":613,"og_image":7,"og_title":7,"og_description":7,"twitter_image":7,"twitter_title":7,"twitter_description":7,"meta_title":7,"meta_description":7,"codeinjection_head":7,"codeinjection_foot":7,"canonical_url":7,"accent_color":7,"url":623},"8GQkAVJJeoZSsjpCWYbBy-sCyjB5DLW2kNSJm8X_fBQ",{"id":15660,"title":15661,"authors":15662,"body":15664,"description":168,"extension":608,"feature_image":16069,"html":7,"meta":16070,"navigation":11,"path":16072,"published_at":16073,"seo":16074,"slug":16075,"stem":16076,"tags":16077,"__hash__":16079,"updated_at":16071,"featured_at":612,"visibility":613},"blog/blog-i18n/ja/timing-animation-principle/index.md","タイミングアニメーションの原則（2026）：より良いストーリーテリングのための隠された鍵",[15663],{"id":11067,"name":11068,"slug":11069,"profile_image":11070,"cover_image":7,"bio":11071,"website":7,"location":11072,"facebook":7,"twitter":11073,"meta_title":7,"meta_description":7,"threads":7,"bluesky":7,"mastodon":7,"tiktok":7,"youtube":7,"instagram":7,"linkedin":7,"url":11074},{"type":81,"value":15665,"toc":16057},[15666,15677,15681,15684,15701,15704,15713,15715,15721,15724,15741,15744,15747,15749,15755,15758,15761,15764,15767,15769,15775,15778,15794,15797,15800,15803,15805,15811,15814,15830,15833,15836,15868,15870,15876,15879,15896,15899,15902,15904,15910,15918,15933,15936,15939,15941,15947,15950,15965,15968,15971,15973,15979,15982,16020,16023,16025,16029,16032,16035,16038,16051],[84,15667,15669,15673],{"className":15668},[87,88,89],[84,15670,15672],{"className":15671},[93],"😀",[84,15674,15676],{"className":15675},[98],"アニメーションにおいて、タイミングはすべてです。うまく決めればシーンが生き生きとし、外すと魔法が失われます。",[114,15678,15679],{"id":14226},[486,15680,14229],{},[101,15682,15683],{},"誰でも、キャラクターがアクションの途中で不意に遮られ、気まずい間が入るシーンを思い出せるはずです——ほんの少しの間が、つい笑ってしまうほどの“間（タイミング）”を生みます。これは、ストーリーテリングのためにアニメーションにおけるタイミングがどれほど重要かを示す完璧な例です。",[158,15685,15687,15693],{"className":15686},[87,161,689],[163,15688],{"src":15689,"className":15690,"alt":168,"loading":169,"width":15691,"height":15692},"https://lh7-rt.googleusercontent.com/docsz/AD_4nXchOK682m_JCJiaFIBNdRMXIkMsaosbSyETGvAUC5XmfXpEP57EofiqtZ2keBglvVi30ChS1rypx2c61c6im0kYmWFr5_ck6Ad8ydM9CiM9xt4RPESkiokWlafBQy9y5rOdEwfO?key=efl3qnIZjmsN6y8rnyUBQP9A",[167],464,279,[696,15694,15695],{},[699,15696,15697],{},[702,15698,15700],{"className":15699,"style":678},[705],"出典: Hitpig!",[101,15702,15703],{},"タイミングは、単にシーケンスを正しく並べるためのものではありません。より魅力的なアニメーションを作るためのツールであり、すべてのアニメーターが習得する必要があります。",[101,15705,15706,15707,15712],{},"この記事では、タイミングとは何か——",[266,15708,4172,15709],{"href":13511},[4123,15710,15711],{},"アニメーションの12の原則","のうちの一つ——そして制作プロセスの中で、よりインパクトのあるアニメーションに磨かれていく過程を探っていきます。",[111,15714],{},[114,15716,15718],{"id":15717},"whats-timing",[486,15719,15720],{},"タイミングとは",[101,15722,15723],{},"タイミングとは、2つのキー・ポーズまたはアクションの間にあるフレーム数、あるいは時間の量です。アニメーションにおいて、動きの速度と流動性（スムーズさ）の両方を決定します。",[158,15725,15727,15733],{"className":15726},[87,161,689],[163,15728],{"src":15729,"className":15730,"alt":168,"loading":169,"width":15731,"height":15732},"https://lh7-rt.googleusercontent.com/docsz/AD_4nXd-cWFAm02Dr5QM1SXBUff2_Ki9mq8Tc4x9E8vKDfvtEDzs5SZAz0ueUEn9Id9r32MoSugHLNqYlJ6pRCvNxXLQMl2oJBEP8k4kRTIZ9f_Z-M0jdFDvwdUvGTn7LjKFNYYq9bngcg?key=efl3qnIZjmsN6y8rnyUBQP9A",[167],459,248,[696,15734,15735],{},[699,15736,15737],{},[702,15738,15740],{"className":15739,"style":678},[705],"出典: fullfrontal.moe",[101,15742,15743],{},"タイミングは、フレームレート（1秒あたりのフレーム数）や、間隔（2つのフレームまたはポーズの距離）と混同しないようにしましょう。",[101,15745,15746],{},"タイミングを少し変えるだけでも、アニメーションにははっきりした影響が出ます。",[111,15748],{},[114,15750,15752],{"id":15751},"why-timing-is-important",[486,15753,15754],{},"なぜタイミングが重要なのか",[101,15756,15757],{},"まずタイミングはリアリティにとって重要です。現実の世界では、物体やキャラクターは大きさ、重さ、そしてそこに作用する力によって、異なる速度で動きます。重い物体は、動き始めたり止まったりするまでに時間がかかります。アニメーターは、これらの要因を正確なタイミングで再現することで、より説得力のあるアニメーションを作ります。",[101,15759,15760],{},"導入で述べた通り、タイミングはストーリーテリングのための強力な手段でもあります。動きの速度やポーズ間の休止時間を操作することで、特定の瞬間を際立たせ、キャラクターの行動や反応に深みを与えられます。シーンをゆっくりにすると、起きていることの重要性を観客が受け止めるための余韻が生まれます。逆にシーケンスを速めると、興奮と切迫感が注入され、エネルギーをもって物語を前へ押し進められます。",[101,15762,15763],{},"良いタイミングは、良いペーシングの前提条件です。観客の関心を維持するには、これが欠かせません。物体がどれくらい速く、あるいは遅く動くかによって決まるアニメーションのリズムが、視聴者を引きつけ続けます。例えば、素早いタイミングのアクションシーケンスは観客の注意を捉え、スピード感のあるスリルを伝えます。しかし、思索的なシーンでは、ゆっくりとしたタイミングが観客に考える時間を与え、キャラクターと感情的につながるきっかけになります。",[101,15765,15766],{},"アニメーターには、シーンのタイミングを改善するためのいくつかのツールがあります。",[111,15768],{},[114,15770,15772],{"id":15771},"_1-use-reference-footage",[486,15773,15774],{},"1. リファレンス映像を使う",[101,15776,15777],{},"タイミングは、アニメーターにとって実用的なガイドとしてリファレンス映像を用いることで成り立ちます。",[158,15779,15781,15786],{"className":15780},[87,161,689],[163,15782],{"src":15783,"className":15784,"alt":168,"loading":169,"width":13923,"height":15785},"https://lh7-rt.googleusercontent.com/docsz/AD_4nXcaxyzLY8fR20-kD0sNm2sgM6YnZEbV8l8PzmKVsiA_cpYhUVoWP8MozgFaJwHkyv5jNk2wBq0eHrxXz0pF41S1qm5U3Iyii4NoWExQL2vohk1MwU0bZrrQj0lHEuXA5ubGGoAT6A?key=efl3qnIZjmsN6y8rnyUBQP9A",[167],217,[696,15787,15788],{},[699,15789,15790],{},[702,15791,15793],{"className":15792,"style":678},[705],"出典: Alice In Wonderland, Disney",[101,15795,15796],{},"リファレンス映像を分析すると、キーフレーム——シーケンスのアクションを定義する主要なポーズ——やトランジション（つなぎ）の感覚が掴めます。",[101,15798,15799],{},"また、リファレンス映像を使えば、キーフレーム間のタイミングを正確に測定することもできます。これらの時間の数値は、アニメーション制作の基礎になります。",[101,15801,15802],{},"ポーズ間の食い違いや不自然なトランジションはシーケンスを乱しますが、リファレンス映像があれば、制作前にポージング上の問題の可能性を特定できます。",[111,15804],{},[114,15806,15808],{"id":15807},"_2-time-charts",[486,15809,15810],{},"2. タイムチャート",[101,15812,15813],{},"タイムチャートは、時間に対してフレームがどう分布しているかを示す図、または一連の注釈です。特定のシーンにおけるタイミングを視覚化したものだと考えるとわかりやすいでしょう。",[158,15815,15817,15822],{"className":15816},[87,161,689],[163,15818],{"src":15819,"className":15820,"alt":168,"loading":169,"width":13923,"height":15821},"https://lh7-rt.googleusercontent.com/docsz/AD_4nXcbu08TtKdGx6BLvx75QgDK8RKfOVynsqQQl_HaZO5nBTOlIuS-nQ0mrLYpID9X_BXYQXwBoFpoOUZCHWHCJDhsCFG0FoAZKnM9f7UPTUZab0OcnTltHpZE5z-sb6hbGx5LGZJKjw?key=efl3qnIZjmsN6y8rnyUBQP9A",[167],273,[696,15823,15824],{},[699,15825,15826],{},[702,15827,15829],{"className":15828,"style":678},[705],"出典: Animost Studio",[101,15831,15832],{},"タイムチャートは、エクスポージャーシート（Xシート）の余白に描かれていたり、ストーリーボードの一部として扱われたりすることがよくあります。",[101,15834,15835],{},"タイムチャートは、シーケンス全体でタイミングの一貫性を保つのに役立ち、さらに、特定のアクションに必要なフレーム数を計画できるようにします。複数のアニメーターが、それぞれの担当パートが全体のシーケンスにどう収まるかを理解するためのコミュニケーションツールにもなります。",[3067,15837,15838,15844,15850,15856,15862],{},[1151,15839,15840,15843],{},[486,15841,15842],{},"キーフレームのプロット"," - アニメーターはまずキーフレームを決定し、その後、一定の間隔でタイムチャート上にプロットします。",[1151,15845,15846,15849],{},[486,15847,15848],{},"イン・ビトウ（中割り）"," - タイムチャートには、1つのキーフレームから次のキーフレームへ移行するのに必要なイン・ビトウの数が示されます。これらのイン・ビトウが、動きがどれほど滑らかに見えるか、あるいはどれほど速く見えるかを決めます。",[1151,15851,15852,15855],{},[486,15853,15854],{},"タイミングの調整"," - タイムチャート上でフレーム同士の間隔を調整することで、アクションのタイミングを微調整できます。間隔を広げれば動作はゆっくりになり、間隔を狭めれば速くなります。",[1151,15857,15858,15861],{},[486,15859,15860],{},"イーズイン／イーズアウト"," - タイムチャートでは、イーズ（減速・加速）のあるアニメーションも表せます。つまり、動きがゆっくり始まる（slow in）／ゆっくり終わる（slow out）ことで、より自然な動きがアニメーションに加わります。",[1151,15863,15864,15867],{},[486,15865,15866],{},"レビューと磨き込み"," - アニメーターは、反復的な制作プロセスの中でタイミングが最初から最後まで一貫しているか確認するため、レビューの際にタイムチャートを頻繁に見返します。",[111,15869],{},[114,15871,15873],{"id":15872},"_3-exposure-sheets",[486,15874,15875],{},"3. エクスポージャーシート",[101,15877,15878],{},"エクスポージャーシート（Xシート）とは、縦向きの資料で、行と列に分かれています。各行が1フレームを表し、列はセリフ、音楽、効果音、説明文、そしてさまざまな注記など、アニメーションの異なる要素を表します。",[158,15880,15882,15888],{"className":15881},[87,161,689],[163,15883],{"src":15884,"className":15885,"alt":168,"loading":169,"width":15886,"height":15887},"https://lh7-rt.googleusercontent.com/docsz/AD_4nXfDVcojqBbpJXh-rulb14fcG3LZhsNSDjCRr6T_9zBj_W6Of_ISzVR0gpHyd_zDLd-8Zh4cG6dZXuluMGBXcwR6XvdV8QFlUtiV42H78frljNEgP5-RLHvpOO9843Xr_dA_ImarwA?key=efl3qnIZjmsN6y8rnyUBQP9A",[167],623,841,[696,15889,15890],{},[699,15891,15892],{},[702,15893,15895],{"className":15894,"style":678},[705],"出典: Cartoon Buzz",[101,15897,15898],{},"アニメーターは、キー・フレーム、中割り、ホールド、その他のタイミングの合図など、さまざまなアクションのタイミングを表すために、記号や表記法を使います。",[101,15900,15901],{},"タイムチャートと同様に、エクスポージャーシートは、複雑なシーンを計画する際に、制作に携わるすべてのアニメーターが一貫性を保つための明確な参照として機能します。",[111,15903],{},[114,15905,15907],{"id":15906},"_4-onion-skinning",[486,15908,15909],{},"4. オニオンスキニング",[101,15911,15912,15917],{},[266,15913,15916],{"href":15914,"rel":15915},"https://blog.cg-wire.com/p/6d2adb16-3154-4330-bd22-8617b2e7d658/",[585],"オニオンスキニング","は、アニメーションソフトウェアに備わった機能で、アニメーターが“半透明”の状態で、複数のフレームを同時に見ることを可能にします。玉ねぎの層のように重なって見えるため、この名前が付いています。",[158,15919,15921,15925],{"className":15920},[87,161,689],[163,15922],{"src":15923,"className":15924,"alt":168,"loading":169,"width":13923,"height":14099},"https://lh7-rt.googleusercontent.com/docsz/AD_4nXcCMVGzievXovg4KOVpAn9L3m3RReACxSTOuR8gRBJZqUQrjDXsatQuxn3_VDULndGf11yVAztixUQDZkczx3JIm3kmkeOjN5HcpD1Sew3xfbxxIFNiFbJGtxhDfnmdSg3ieo6T?key=efl3qnIZjmsN6y8rnyUBQP9A",[167],[696,15926,15927],{},[699,15928,15929],{},[702,15930,15932],{"className":15931,"style":678},[705],"出典: Blender Documentation",[101,15934,15935],{},"オニオンスキニングは、動きの流れとタイミングを正しく理解するために欠かせません。アニメーターは、フレーム間の間隔を視覚的に見積もって、動きやトランジションのタイミングを編集できます。また、モーションパスの食い違いや、シーケンス内で意図しないジャンプを早期に発見して修正するのにも役立ちます。",[101,15937,15938],{},"複数の可動要素を含む複雑なシーケンスでは、オニオンスキニングによって、時間の経過の中で異なる要素がどのように相互作用しているかを分かりやすく確認できます。",[111,15940],{},[114,15942,15944],{"id":15943},"_5-motion-trails",[486,15945,15946],{},"5. モーショントレイル",[101,15948,15949],{},"モーショントレイルは、時間の経過にともなって空間内で物体が通る経路を表します。多くの場合、重なり合う複数の線の連なりとして描かれ、物体の過去と未来の位置を示します：",[158,15951,15953,15957],{"className":15952},[87,161,689],[163,15954],{"src":15955,"className":15956,"alt":168,"loading":169,"width":13923,"height":14099},"https://lh7-rt.googleusercontent.com/docsz/AD_4nXepw9_aXHjxtLMHCtETa10yM0tSM-6ZyvIUM8y-oc41PAXuk9_6fd-0E5U63I-gwGX6Txzrnsg1b-BIe7ROGes0kIHO7hB2N_hwJDCaFoMYpK7-J5m5lGF4Wdnf9RkK2F3jrKoVuA?key=efl3qnIZjmsN6y8rnyUBQP9A",[167],[696,15958,15959],{},[699,15960,15961],{},[702,15962,15964],{"className":15963,"style":678},[705],"出典: Blender Manual",[101,15966,15967],{},"モーショントレイルは、オニオンスキニングよりも時に分かりやすく、キーフレームとイン・ビトウ（中割り）がどう分布しているかを見られます。アニメーターは、フレーム間の間隔が望むタイミングを実現できているかを判断できます。例えば、フレームが近いほど素早くキレのある動きになり、フレームが遠いほど遅くてのんびりした動きになります。",[101,15969,15970],{},"さらに、動きの軌道（トラジェクトリ）も示してくれます。アーク（弧）は、流動性に寄与するアニメーションの基本原則です。",[111,15972],{},[114,15974,15976],{"id":15975},"usage-with-other-animation-principles",[486,15977,15978],{},"他のアニメーション原則との併用",[101,15980,15981],{},"タイミングはアニメーションの非常に重要な要素なので、しばしば他の原則と区別がつかないほど密接に関わります：",[1148,15983,15984,15996,16008,16014],{},[1151,15985,15986,15989,15990,15995],{},[486,15987,15988],{},"スローイン／スローアウト"," - タイミングは、",[266,15991,4172,15992],{"href":13366},[4123,15993,15994],{},"物体がどのように加速し減速するか","を左右し、重さとリアリティを与えます。跳ねるボールの例では、タイミングが不正確だと、重力の影響による“有機的な感じ”が欠けます。",[1151,15997,15998,16001,16002,16007],{},[486,15999,16000],{},"フォロー・スルー"," - ランニング後にキャラクターが突然止まったとき、",[266,16003,4172,16004],{"href":12416},[4123,16005,16006],{},"服や髪は慣性によって数フレーム、少し前に動き続ける","ことになります。タイミングが速すぎるとキレキレで不自然に見え、遅すぎるとエネルギーや勢いの感覚が失われます。",[1151,16009,16010,16013],{},[486,16011,16012],{},"オーバーラッピング・アクション（重なりのある動き）"," - タイミングは、キャラクターや物体の異なる部位同士で起きる“重なり合う動き”を見分けるのに役立ちます。歩きながら手を振るなら、腕と脚の間で異なるタイミングが必要になり、シーケンスがより生き生きとしたものになります。",[1151,16015,16016,16019],{},[486,16017,16018],{},"予備動作（アントicipation）"," - タイミングは、予備動作を組み立てるうえで非常に重要です。キャラクターが飛び跳ねる直前なら、予備動作とは膝を曲げて腕を後ろに引くことです。タイミングが短すぎるとジャンプが唐突で準備不足に見えますが、長すぎると流れが途切れて観客の視線が外れてしまいます。",[101,16021,16022],{},"アニメーションが一連のポーズであるなら、このポーズ同士の間のタイミングは常に考慮すべきものです。",[111,16024],{},[114,16026,16027],{"id":559},[486,16028,974],{},[101,16030,16031],{},"タイミングは、アニメーターが習得すべき基礎となる原則です。そのために頼れるのが、リファレンス映像、タイムチャート、エクスポージャーシート、オニオンスキニングといったツールです。",[101,16033,16034],{},"また、良いタイミングは、スローイン／スローアウト、フォロー・スルー、オーバーラッピング・アクション、予備動作といった他のアニメーション原則の“柱”でもあります。個々の原則をそれぞれ理解する必要がある一方で、それらが互いにどう影響し合うかも踏まえる必要があります。",[101,16036,16037],{},"次の制作では、そのインパクトを過小評価しないようにしましょう！",[84,16039,16041,16044],{"className":16040},[87,88,89],[84,16042,576],{"className":16043},[93],[84,16045,9599,16047,16050],{"className":16046},[98],[266,16048,6624],{"href":583,"rel":16049},[585],"！私たちは、ベストプラクティスを共有する1,000人以上の専門家とつながっており、時には対面イベントも企画しています。ぜひ歓迎します！😊",[84,16052,16054],{"className":16053},[87,591,592],[266,16055,598],{"href":583,"className":16056},[596,597],{"title":168,"searchDepth":600,"depth":600,"links":16058},[16059,16060,16061,16062,16063,16064,16065,16066,16067,16068],{"id":14226,"depth":600,"text":14229},{"id":15717,"depth":600,"text":15720},{"id":15751,"depth":600,"text":15754},{"id":15771,"depth":600,"text":15774},{"id":15807,"depth":600,"text":15810},{"id":15872,"depth":600,"text":15875},{"id":15906,"depth":600,"text":15909},{"id":15943,"depth":600,"text":15946},{"id":15975,"depth":600,"text":15978},{"id":559,"depth":600,"text":974},"https://images.unsplash.com/photo-1450897918656-527057db59d3?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3wxMTc3M3wwfDF8c2VhcmNofDJ8fHJ1bm5pbmclMjBsYXRlfGVufDB8fHx8MTc0NDYxNjA4OXww&ixlib=rb-4.0.3&q=80&w=2000",{"updated_at":16071,"featured_at":612,"visibility":613},"2026-02-20T06:05:04.000+01:00","/blog-i18n/ja/timing-animation-principle","2025-04-28T10:00:38.000+02:00",{"title":15661,"description":168},"timing-animation-principle","blog-i18n/ja/timing-animation-principle/index",[16078],{"id":620,"name":621,"slug":622,"description":7,"feature_image":7,"visibility":613,"og_image":7,"og_title":7,"og_description":7,"twitter_image":7,"twitter_title":7,"twitter_description":7,"meta_title":7,"meta_description":7,"codeinjection_head":7,"codeinjection_foot":7,"canonical_url":7,"accent_color":7,"url":623},"UOrrbvn-XAXtwkmMshoGiZ396wka9F0Tk_UQ_J1SeSQ",{"id":16081,"title":16082,"authors":16083,"body":16085,"description":168,"extension":608,"feature_image":16356,"html":7,"meta":16357,"navigation":11,"path":16359,"published_at":16360,"seo":16361,"slug":16362,"stem":16363,"tags":16364,"__hash__":16366,"updated_at":16358,"featured_at":612,"visibility":613},"blog/blog-i18n/ja/onion-skinning/index.md","なぜオンionスキニングはすべてのアニメーターの秘密兵器なのか（2026）",[16084],{"id":11067,"name":11068,"slug":11069,"profile_image":11070,"cover_image":7,"bio":11071,"website":7,"location":11072,"facebook":7,"twitter":11073,"meta_title":7,"meta_description":7,"threads":7,"bluesky":7,"mastodon":7,"tiktok":7,"youtube":7,"instagram":7,"linkedin":7,"url":11074},{"type":81,"value":16086,"toc":16349},[16087,16098,16101,16104,16107,16109,16115,16118,16133,16136,16138,16144,16147,16162,16165,16168,16171,16174,16177,16179,16185,16188,16191,16205,16208,16211,16222,16231,16239,16241,16246,16255,16298,16301,16318,16320,16324,16327,16330,16343],[84,16088,16090,16094],{"className":16089},[87,88,89],[84,16091,16093],{"className":16092},[93],"🧅",[84,16095,16097],{"className":16096},[98],"タイムトラベラーのようにアニメーションしたいですか？オンionスキニングでは、過去・現在・未来のフレームが一度に見られます。",[101,16099,16100],{},"アニメーターは時間旅行者です。説得力のあるアニメーションを作るためには、過去・現在・未来のフレームを可視化する必要があります。",[101,16102,16103],{},"現代のツールは、キャラクターの動きの流れを素早く把握して、シーケンス全体が再生される前に修正が必要な点を見つけるのを助けます。オンionスキニングはその代表的なものの1つです。",[101,16105,16106],{},"複数の時点を同時に見る方法を学び、より良いアニメーションを、より速く作れるようになりましょう。",[111,16108],{},[114,16110,16112],{"id":16111},"what-is-onion-skinning",[486,16113,16114],{},"オンionスキニングとは？",[101,16116,16117],{},"オンionスキニングは、アクションの複数フレームを同時に見るためのアニメーション用ツールです。",[158,16119,16121,16125],{"className":16120},[87,161,689],[163,16122],{"src":16123,"className":16124,"alt":168,"loading":169,"width":7286,"height":15692},"https://lh7-rt.googleusercontent.com/docsz/AD_4nXeBk98p02_GhsWLkwo6aUR9ebw01nmlIu2m6AYhgLNMo8pmgRu0WhlXWc-TEcMlsHUItN4mMNGkES_rVlISep5340asjKrFIXBVV7poCHr_JhaZIsuoOMWsABUHTlA8rTPgkJLWEw?key=g0FOzCquyy3OxeMvCCnu-SEL",[167],[696,16126,16127],{},[699,16128,16129],{},[702,16130,16132],{"className":16131,"style":678},[705],"Source: SideFX",[101,16134,16135],{},"「オンionスキニング」という言葉は、タマネギの層をむくという比喩に由来します。現在のフレームの前後を、半透明のオーバーレイとして表示することで、オンionスキニングはあるフレームから次のフレームへ進む流れを示します。過去・現在・そして可能性のある未来のフレームが、画面上でひとつに重なって見えてくるのです。",[111,16137],{},[114,16139,16141],{"id":16140},"why-onion-skinning",[486,16142,16143],{},"なぜオンionスキニングが重要なのか",[101,16145,16146],{},"オンionスキニングは、昔は手作業で行われていました。つまり、半透明の紙（「オンionスキン」と呼ばれる）を重ね、その各シートに別々のフレームが入っていました。",[158,16148,16150,16154],{"className":16149},[87,161,689],[163,16151],{"src":16152,"className":16153,"alt":168,"loading":169,"width":13923,"height":13954},"https://lh7-rt.googleusercontent.com/docsz/AD_4nXd7Nm9zOSosyqlv3eS7huSMKZrXEHOFjJPopzBRt4yZzL5rfWJ7VXqYxKFmSXnJHI9EvKmvrQkosooeenmi9ZX7y2octRNUjGezpoMUwn2SfAZ9siX9CIKad8SCMafgFH1KlaBI?key=g0FOzCquyy3OxeMvCCnu-SEL",[167],[696,16155,16156],{},[699,16157,16158],{},[702,16159,16161],{"className":16160,"style":678},[705],"Source: The Art of Aaro, Youtube",[101,16163,16164],{},"この方法は、アニメーターにとって手触りのある直感的な動きの理解を提供しましたが、一方で時間がかかり、修正の幅も限られていました。変更のたびに、しばしばシーケンス全体を描き直す必要があったのです！",[101,16166,16167],{},"現代のデジタルオンionスキニングは、そのプロセスを一変させます。",[101,16169,16170],{},"まず、分かりやすい生産性のメリットがあります。複数フレームを同時に見られることで、オンionスキニングは視覚的な参照を提供し、アニメーションシーケンス全体を通してより滑らかで一貫した動きを実現できます。フレーム間で行ったり来たりを頻繁に切り替えるために費やしていた時間と手間を節約できます。修正もより簡単に行え、さらに調整可能な透明度や、色分けされたフレームといった高度なUI機能も得られます。",[101,16172,16173],{},"また、オンionスキニングはアニメーターの仕事に、まったく新しいレベルの精度をもたらします。要素の位置やタイミングをより正確に判断し、動きの進行を滑らかに保てるのです。特に、速い動きがある複雑なシーンでは重要になります。",[101,16175,16176],{},"アニメーターが編集内容の影響をシーケンス全体に対して瞬時にプレビューできるため、ミスを早い段階で見つけて修正でき、その後の大規模な修正が不要になりやすく、結果としてコストも抑えられます。",[111,16178],{},[114,16180,16182],{"id":16181},"onion-skinning-in-blender",[486,16183,16184],{},"Blenderでのオンionスキニング",[101,16186,16187],{},"オンionスキニングには潜在的な課題もあります。アニメーターは、複数のオーバーレイによってソフトウェアの制限にぶつかったり、視覚的なごちゃつきに直面したりする可能性があり、この問題を克服するにはオンionスキニングの機能を使いこなす必要があります。",[101,16189,16190],{},"Blenderでは、オンionスキニングによって、現在のフレームの前後にあるアニメーションシーケンスのフレームが「ゴースト」として視覚的に表示されます。",[158,16192,16194,16198],{"className":16193},[87,161,689],[163,16195],{"src":16196,"className":16197,"alt":168,"loading":169,"width":13923,"height":14099},"https://lh7-rt.googleusercontent.com/docsz/AD_4nXe7yRDX6X3S8lrsNarD9Bz8WwfH4q8WDgGOMPzMY0ZEi6HTT5Nx6HzzKlVYi8mZhDKMFkqi9Wt7l-GQipa-fqsGMJeyFyDqEjaXqARdcr8UptxZIvvlzyNxGuoiOLqtgTv6fKCVEg?key=g0FOzCquyy3OxeMvCCnu-SEL",[167],[696,16199,16200],{},[699,16201,16202],{},[702,16203,14107],{"className":16204,"style":678},[705],[101,16206,16207],{},"メインのオンionスキニングの表示は、Viewport Overlays を通じて切り替えられます。より自分好みに調整したい場合、特にグリースペンシルを使っているときは、レイヤーリストからレイヤー単位でオンionスキニングを有効化することもできます。",[101,16209,16210],{},"もちろん、ワークフローに合わせてオンionスキニングをカスタマイズできます。",[1148,16212,16213,16216,16219],{},[1151,16214,16215],{},"「Mode」の選択は、ゴースト表示されるフレームの選び方を決めます。「Keyframes」を選ぶと、「Before」「After」の設定で指定した範囲内のキーフレームが表示されます。「Frames」を選ぶと、同じ範囲設定に基づいてフレームが表示されます。「Selected」モードでは、ドープシートで手動選択したキーフレームだけが表示されるため、どのフレームをゴーストにするかを正確に制御できます。",[1151,16217,16218],{},"Opacity は、ゴーストフレームがどれくらい目立つかを調整します。これは、主となるアニメーションだけ、またはその周辺の文脈に集中するために、可読性を保つうえで重要になる場合があります。「Filter by Type」オプションは、オンionスキニング表示に含まれるフレームの種類を絞り込み、より具体的なフレームを視覚化できます。",[1151,16220,16221],{},"過去と未来のフレームを見分けやすくするために、Blenderは色分けするオプションも用意しています。たとえば、前のフレームは1つの色（多くは赤）、未来のフレームは別の色（多くは緑または青）で表示されます。この色の違いにより、フレームを素早く見分けやすくなり、オブジェクトやキャラクターの動きの計画もしやすくなります。",[158,16223,16225],{"className":16224},[87,161],[163,16226],{"src":16227,"className":16228,"alt":168,"loading":169,"width":16229,"height":16230},"https://lh7-rt.googleusercontent.com/docsz/AD_4nXdTTQQbWjdZZvBuduhIUlhQv0L-4iJAiDGgZ-kFQhhjeKrdDKrcTeQdI6L2z-dDrlcZwDW6FCZZ6ndXkjAbKgaLRTHzFBTO3Bor1FLiMUK1k0v4EnTAW9PEzWLjUbjhJabFuk3wFw?key=g0FOzCquyy3OxeMvCCnu-SEL",[167],292,325,[1148,16232,16233,16236],{},[1151,16234,16235],{},"表示の微調整なら、「Fade」設定で、現在のフレームから遠いゴーストフレームほど透明度が段階的に下がるため、意識を適切に向けやすくなります。",[1151,16237,16238],{},"「Show Start Frame」機能は、特にループアニメーションに役立ちます。これにより、最後のフレームで作業しているときでも、最初のキーフレームやフレームをゴーストとして可視化できます。つまり、シームレスなループサイクルを可能にします。",[111,16240],{},[114,16242,16243],{"id":4885},[486,16244,16245],{},"用途（Use Cases）",[101,16247,16248,16249,16254],{},"オンionスキニングは",[266,16250,4172,16251],{"href":13511},[4123,16252,16253],{},"制作中にいくつかのアニメーション原則を統合する","うえで重要な役割を果たします。取り組んでいるタスクによっては、関連するフレームに焦点を当てるために、オンionスキニングの設定を調整する必要があるでしょう。",[1148,16256,16257,16263,16269,16281,16292],{},[1151,16258,16259,16262],{},[486,16260,16261],{},"タイミング"," - オンionスキニングによって、アニメーターはフレーム間の間隔を可視化できます。これは、アニメーションのタイミングをより効果的に作業するための鍵です。重ねて配置されたフレームの並びを見ることで、動きが速すぎるのか遅すぎるのかを見極め、正確な編集を行えます。",[1151,16264,16265,16268],{},[486,16266,16267],{},"予備動作（Anticipation）"," - 予備動作は、観客に対してアクションを「準備させる」ことです。オンionスキニングを使うことで、先行するフレームと後続するフレームを確認でき、たとえばジャンプの前にキャラクターがしゃがむといった予備動作が効果的に描写されているかを確かめられます。",[1151,16270,16271,16274,16275,16280],{},[486,16272,16273],{},"フォロー・スルーとオーバーラップ（Follow-through and overlapping actions）"," - フォロー・スルーは",[266,16276,4172,16277],{"href":12416},[4123,16278,16279],{},"主となるアクションが完了した後も続く二次的なアクション","です。オンionスキニングを使うと、二次的な動きがフレームごとにどう変化していくかを観察できるため、それらを追跡できます。フレームのフィルタリングは、髪、衣服、体の一部など、主アクションに対して少し遅れてタイミングが動く要素のオーバーラップをアニメーターが微調整するのに役立ちます。",[1151,16282,16283,13307,16286,16291],{},[486,16284,16285],{},"スロー・イン／アウト（Slow in/out）",[266,16287,4172,16288],{"href":13366},[4123,16289,16290],{},"スロー・インとスロー・アウト","は、アクションがゆっくり始まり、速度が上がって、最後に再び減速するような「イージング」に関係します。オンionスキニングを使うことで、減速や加速を滑らかにするために、アクションの開始時と終了時により多くのフレームを使えているかを確認できます。これは、フレームがどれくらい密に詰められているかを視覚的に表したものでもあります。",[1151,16293,16294,16297],{},[486,16295,16296],{},"ポーズ・トゥ・ポーズ（Pose-to-pose）"," - ポーズ・トゥ・ポーズのアニメーションは、重要なポーズ（キーポーズ）を描いてから、その間の動きを埋めていく手法です。オンionスキニングがあれば、キーポーズが互いにどう遷移するかを観察することで、インビトゥーンを手作業でも、ソフトウェアを使った自動化でも効率よく作成できます。",[101,16299,16300],{},"最後に、オンionスキニングはモーションブラーのような錯覚を作るためにも使えます。ゴースト表示された画像を見て、スピード感を演出するために中間フレームを戦略的にアニメートし、軌跡や輪郭のぼけを模した見え方を作ることで、スピードの錯覚を生み出せます。",[158,16302,16304,16310],{"className":16303},[87,161,689],[163,16305],{"src":16306,"className":16307,"alt":168,"loading":169,"width":16308,"height":16309},"https://lh7-rt.googleusercontent.com/docsz/AD_4nXedEkgrMir5bdXJxrcPFFWmvMRQvoLiMFo83qvipS559rqFg_VkbxfI2SgnWDvAOhthQx7vGtLFzgfyUK7uq-wTEdHfRywldDgXjSBqGa0P_ooGNJWY1X696Mx1r2PPbhsVLiMH?key=g0FOzCquyy3OxeMvCCnu-SEL",[167],307,230,[696,16311,16312],{},[699,16313,16314],{},[702,16315,16317],{"className":16316,"style":678},[705],"Source: Wikipedia",[111,16319],{},[114,16321,16322],{"id":559},[486,16323,560],{},[101,16325,16326],{},"オンionスキニングは、伝統的なアニメーションの豊かな歴史と、現代のデジタル手法の革新の両方をつなぐ、欠かせない手法であり続けています。アニメーターが複数フレームを同時に確認できるため、滑らかな動きや遷移を作ることが可能になります。",[101,16328,16329],{},"単なる別のツールに見えるかもしれませんが、その影響はさまざまなワークフローに広く及びます。ぜひ活用してください。たとえば、DCCツールでカスタムのキーボードショートカットを作成して、フレーム間を素早く移動したり、オンionスキニング利用中に設定を切り替えたりすることができます。",[84,16331,16333,16336],{"className":16332},[87,88,89],[84,16334,576],{"className":16335},[93],[84,16337,13158,16339,16342],{"className":16338},[98],[266,16340,1404],{"href":583,"rel":16341},[585],"！私たちは、ベストプラクティスを共有する1,000人以上の専門家とつながっており、時には現地イベントも企画しています。ぜひ歓迎します！😊",[84,16344,16346],{"className":16345},[87,591,592],[266,16347,598],{"href":583,"className":16348},[596,597],{"title":168,"searchDepth":600,"depth":600,"links":16350},[16351,16352,16353,16354,16355],{"id":16111,"depth":600,"text":16114},{"id":16140,"depth":600,"text":16143},{"id":16181,"depth":600,"text":16184},{"id":4885,"depth":600,"text":16245},{"id":559,"depth":600,"text":560},"https://images.unsplash.com/photo-1668295037469-8b0e8d11cd2a?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3wxMTc3M3wwfDF8c2VhcmNofDJ8fG9uaW9uJTIwc2tpbm5pbmd8ZW58MHx8fHwxNzQ0NjE1MzU3fDA&ixlib=rb-4.0.3&q=80&w=2000",{"updated_at":16358,"featured_at":612,"visibility":613},"2026-02-20T06:04:47.000+01:00","/blog-i18n/ja/onion-skinning","2025-04-21T10:00:22.000+02:00",{"title":16082,"description":168},"onion-skinning","blog-i18n/ja/onion-skinning/index",[16365],{"id":620,"name":621,"slug":622,"description":7,"feature_image":7,"visibility":613,"og_image":7,"og_title":7,"og_description":7,"twitter_image":7,"twitter_title":7,"twitter_description":7,"meta_title":7,"meta_description":7,"codeinjection_head":7,"codeinjection_foot":7,"canonical_url":7,"accent_color":7,"url":623},"3y3xG4T1OcRVHM4a69GeeJDcVqp4S9O6dAj4PZQelco",{"id":16368,"title":16369,"authors":16370,"body":16372,"description":168,"extension":608,"feature_image":16684,"html":7,"meta":16685,"navigation":11,"path":16687,"published_at":16688,"seo":16689,"slug":16690,"stem":16691,"tags":16692,"__hash__":16694,"updated_at":16686,"featured_at":612,"visibility":613},"blog/blog-i18n/ja/hard-surface-modeling/index.md","ハードサーフェスモデリング（2026）：3Dアニメーションの土台",[16371],{"id":11067,"name":11068,"slug":11069,"profile_image":11070,"cover_image":7,"bio":11071,"website":7,"location":11072,"facebook":7,"twitter":11073,"meta_title":7,"meta_description":7,"threads":7,"bluesky":7,"mastodon":7,"tiktok":7,"youtube":7,"instagram":7,"linkedin":7,"url":11074},{"type":81,"value":16373,"toc":16670},[16374,16384,16392,16395,16398,16401,16403,16409,16412,16415,16418,16421,16423,16429,16432,16435,16438,16440,16446,16449,16452,16455,16505,16507,16513,16516,16567,16570,16572,16578,16584,16587,16593,16596,16599,16602,16608,16611,16614,16620,16623,16626,16632,16635,16638,16640,16644,16647,16650,16664],[84,16375,16377,16380],{"className":16376},[87,88,89],[84,16378,15672],{"className":16379},[93],[84,16381,16383],{"className":16382},[98],"宇宙船からコーヒーメーカーまで――人間が作ったものなら、どれもハードサーフェスでモデリングされています。",[101,16385,16386,16391],{},[266,16387,16388],{"href":11579},[4123,16389,16390],{},"3Dモデリング","は本当に大変です。",[101,16393,16394],{},"たとえばお気に入りのコーヒーショップを思い浮かべてみてください。そこにあるシーンをアニメーションするために必要になる、あらゆる種類のアセットを列挙してみて、さらにそれを新しいシーンごとに行う必要があることを思い出してください。アセットを使い回せたとしても、アニメ制作のプロセスは途方もない時間と労力がかかり、ようやく日の目を見る頃にはたいへんな達成感があります！",[101,16396,16397],{},"こうした環境や小物を整える人たちはハードサーフェスモデラーと呼ばれ、この記事ではプロ向けのハードサーフェスモデリングのプロセスとテクニックを紹介します。",[101,16399,16400],{},"まずは裏側で何が起きているのかを概観しましょう：",[111,16402],{},[114,16404,16406],{"id":16405},"whats-hard-surface-modeling",[486,16407,16408],{},"ハードサーフェスモデリングとは",[101,16410,16411],{},"3Dモデリングにおいて、ハードサーフェスとは「製造されたもの」または「機械で作られたもの」を指します。人間、動物、植物などの「自然な」対象に焦点を当てる有機モデリングとは対照的です。",[101,16413,16414],{},"変形しない剛体のオブジェクトは、通常ハードサーフェスモデリングで行います。",[101,16416,16417],{},"ゴムでできていて変形するものでも、車のタイヤのように表面が滑らかな場合は、ハードサーフェスモデリングの一種として扱われます。",[101,16419,16420],{},"別のモデルへと形が自然につながっていく滑らかなカーブを持つ場合、そのモデルは有機的だと言えます。",[111,16422],{},[114,16424,16426],{"id":16425},"why-hard-surface-modeling-is-important",[486,16427,16428],{},"なぜハードサーフェスモデリングが重要なのか",[101,16430,16431],{},"ハードサーフェスモデリングは、説得力のあるアニメーション世界を作るための鍵です。車両、建物、機械、そしてシーンを彩るさまざまな小物などは、ハードサーフェスモデリングの手法を使って作られます。これらの要素は、キャラクターが成長していく中での、共感できる状況（文脈）を提供することで、物語づくりに貢献します。",[101,16433,16434],{},"制作パイプラインにおいては、ハードサーフェスモデルがアニメーションのシーケンス作りの土台になります。これらのオブジェクトはリギングを前提にモデリングされる必要があり、シーンで正確なピボットや移動範囲が得られるようにしなければなりません。",[101,16436,16437],{},"また、ハードサーフェスモデリングを理解することは非常に重要です。キャラクターモデリングとは対照的に、専門的なスキルとベストプラクティスのセットを要求されるからです。素材、反射特性、そして物理と機能の観点で異なるサーフェスがどのように相互作用するかを理解する必要があります。たとえばカーチェイスには、動き、クラッシュ、その他のダイナミックな相互作用を現実的にシミュレーションできる詳細なハードサーフェスモデルが必要です。有機モデリングにも似た要素はありますが、プロセスとテクニックは別のアプローチになります。",[111,16439],{},[114,16441,16443],{"id":16442},"the-elements-of-a-hard-surface",[486,16444,16445],{},"ハードサーフェスの要素",[101,16447,16448],{},"この記事の重要なポイントの1つは、ハードサーフェスモデリングが、有機モデリングとは異なるトポロジー――つまり3Dモデルの表面を構成する頂点、エッジ、面の配置、流れ、構造――を使うという点です。",[101,16450,16451],{},"良いトポロジーは、効率的なアニメーションやレンダリングを支えるだけでなく、モデルを簡単にリグ付けし、テクスチャを貼れるようにもします。",[101,16453,16454],{},"ハードサーフェスを語る際によく使われる主な用語は以下です：",[1148,16456,16457,16463,16469,16475,16481,16487,16493,16499],{},[1151,16458,16459,16462],{},[486,16460,16461],{},"頂点（Vertices）"," - 3D空間上のポイント。",[1151,16464,16465,16468],{},[486,16466,16467],{},"エッジ（Edges）"," - エッジは2つの頂点をつなぐ線です。ライトやシェーディングにうまく反応する高品質なサーフェスを維持するためには、クリーンなエッジ配置が重要です。",[1151,16470,16471,16474],{},[486,16472,16473],{},"面／サーフェス（Faces/surfaces）"," - 理想的には、3Dモデルは主に4角形（quad）ポリゴンを使います。クワッドは予測可能に変形し、サブディビジョンやリギングをより良く行えるため、アニメーションでは好まれます。Nゴン（4辺を超えるポリゴン）や三角形は、変形で問題を引き起こす可能性があるため、最小限にするか、戦略的に使うべきです。",[1151,16476,16477,16480],{},[486,16478,16479],{},"メッシュ（Mesh）"," - 3Dモデルの形状を定義する頂点、エッジ、面の集合。",[1151,16482,16483,16486],{},[486,16484,16485],{},"ベベル（Bevel） - ","ベベルは、鋭くて現実味のない線ではなく、丸みのある／欠けたエッジを作る技法です。",[1151,16488,16489,16492],{},[486,16490,16491],{},"エッジループ（Edge loops）"," - モデルの輪郭に沿う連続したエッジのループ。適切に配置されたエッジループは、特にリグ付けのための関節周りでスムーズな変形を維持するために重要です。",[1151,16494,16495,16498],{},[486,16496,16497],{},"ロースパーツ（Loose parts）"," - ロースパーツとは、メインメッシュに物理的に接続されていない可能性があっても、ネジやボルトのように全体構造の一部である、モデルの別コンポーネントです。",[1151,16500,16501,16504],{},[486,16502,16503],{},"トリム（Trims）"," - グルーブ、彫刻、その他のサーフェスディテールなど、単調さを破るためにオブジェクトへ追加する装飾的または機能的なエッジの改造です。",[111,16506],{},[114,16508,16510],{"id":16509},"a-typical-hard-surface-modeling-workflow",[486,16511,16512],{},"典型的なハードサーフェスモデリングのワークフロー",[101,16514,16515],{},"ハードサーフェスモデラーは通常、同じ手順を踏みます（3Dモデルを正しく作るために、追加の反復が入ることもあります）：",[3067,16517,16518,16524,16530,16536,16542,16555],{},[1151,16519,16520,16523],{},[486,16521,16522],{},"リファレンスを集める","—リファレンス集めとは、モデリングする対象の比率、ディテール、特徴を理解するために、画像、設計図、入手可能な素材などを集めることです。さまざまな角度、接写のディテール、各パーツがどのように接続され、どのように機能するかを読み解ける技術図面を探します。",[1151,16525,16526,16529],{},[486,16527,16528],{},"パーツを分ける"," - リファレンスを用意できたら、次は対象を分析し、より単純なコンポーネント／パーツに分解します。どのように構成されているかを理解できると、作業が大きく助けられます。その後、各パーツを個別に扱うことでモデリング工程をより管理しやすくできますが、同時に、それぞれのパーツが他とどう接続・干渉するかも考慮することが大切です。",[1151,16531,16532,16535],{},[486,16533,16534],{},"ブロックアウト"," - ブロックアウトでは、シンプルな形状を使って、モデル全体のフォームとプロポーションを定義し、さらに詳細を足す前にすべてのサイズが正しく、配置も正確であることを確認しながら、低解像度で低ディテールの基本版を作ります。望ましいプロポーションやパーツ間の関係性を得るために調整が必要な、反復プロセスです。",[1151,16537,16538,16541],{},[486,16539,16540],{},"ディテーリング"," - ブロックアウトが完成したら、モデルを洗練させ、ベベル、シワ（クレース）、エッジループ、そして現実味を高めるための他のトリムなど、ハードサーフェスの特徴をより細かく加えていきます。",[1151,16543,16544,16547,16548,16554],{},[486,16545,16546],{},"テクスチャリング"," - テクスチャリングは",[266,16549,4172,16551],{"href":16550},"https://blog.cg-wire.com/texturing-shading-animation/",[4123,16552,16553],{},"画像を適用する工程","です（テクスチャをモデルに貼り付け、色、ラフネス、メタリックなどの質感や、表面のパターン／ディテールを作ります）。",[1151,16556,16557,16560,16561,16566],{},[486,16558,16559],{},"リギング"," - 場合によっては、モデルはアニメーション用に作られます。リギングは",[266,16562,4172,16563],{"href":12358},[4123,16564,16565],{},"アニメーション用の骨格を作成すること","で、モデルをポーズまたはアニメーションさせられるようにします。関節、コントロール、必要な制約をセットアップし、モデルが正しく動作するようにします。たとえば車には回転するホイールが必要です。",[101,16568,16569],{},"だいたいは以上ですが、3Dモデルはアニメーション中にさらに多くの修正が必要になることもあります。",[111,16571],{},[114,16573,16575],{"id":16574},"modeling-techniques-and-tools-for-hard-surfaces",[486,16576,16577],{},"ハードサーフェス向けのモデリング手法とツール",[4249,16579,16581],{"id":16580},"polygonal-modeling",[486,16582,16583],{},"ポリゴンモデリング",[101,16585,16586],{},"ポリゴンモデリングは、ポリゴンから3Dモデルを作るための標準的な手法で、主に三角形と4角形を使います。これらのポリゴンは、3Dモデルのサーフェスメッシュを形成します。アーティストは頂点、エッジ、面を操作することでモデルをコントロールします。",[4249,16588,16590],{"id":16589},"subdivision-modeling",[486,16591,16592],{},"サブディビジョンモデリング",[101,16594,16595],{},"サブディビジョンモデリングは、低解像度のベースモデルから滑らかで高解像度のメッシュを作り出します。",[101,16597,16598],{},"この手法が重要なのは、シンプルなメッシュで作業しつつ、レンダリング時には高品質な出力を得られるため、ワークフローを簡略化できるからです。",[101,16600,16601],{},"サブディビジョンモデリングは、低ポリのメッシュから始まり、各ポリゴンをさらに多くのポリゴンへ分割する一連の反復処理によって進められます。これにより解像度が上がり、エッジループやクレースウェイトによって制御された元のプロポーションやディテールを保ちながら、より滑らかな見た目になります。",[4249,16603,16605],{"id":16604},"box-modeling",[486,16606,16607],{},"ボックスモデリング",[101,16609,16610],{},"ボックスモデリングは、ポリゴンモデリングのシンプルな一形態で、有機モデルもハードサーフェスモデルも作るために幅広く使われます。",[101,16612,16613],{},"キューブ（または「ボックス」）のような基本プリミティブ形状から始めて、モデラーは面・エッジ・頂点を押し出し（エクストルード）、拡大縮小し、さらにサブディビジョンしていくことで、徐々に目的のモデルへと形を変えていきます。",[4249,16615,16617],{"id":16616},"kitbashing",[486,16618,16619],{},"キットバッシング",[101,16621,16622],{},"キットバッシングは、既製のアセットを使って複雑な構造を作ったり、モデルのディテールを強化したりすることです。アーティストはこれらの「キット」を選び、修正し、組み合わせて複雑なモデルを作れます。通常、これらのキットには、パイプ、パネル、エンジンなどの詳細なコンポーネントが含まれており、さまざまなプロジェクトで再利用できます。",[101,16624,16625],{},"締め切りが厳しい制作現場では、時間と労力を節約するために非常に重要です。また、既存のモデル部品をさまざまな組み合わせで素早く試せるため、創造性を後押しします。",[4249,16627,16629],{"id":16628},"nurbs",[486,16630,16631],{},"NURBS",[101,16633,16634],{},"NURBS（Non-Uniform Rational B-Splines）は、数学的に正確なカーブとサーフェスを作ります。この手法は、自動車や工業デザインのように高い精度が求められる業界でよく使われます。",[101,16636,16637],{},"NURBSは、制御点（control points）、ウェイト、ノットベクトル（knot vectors）によってサーフェスを定義します。これらの制御点を操作することで、カーブやモデルの形状が動的に影響を受けます。",[111,16639],{},[114,16641,16642],{"id":559},[486,16643,560],{},[101,16645,16646],{},"まとめると、ハードサーフェスモデリングは、車両から建築的な構造物まで、詳細でリアルなオブジェクトを作れるようにする3Dアニメーションにおける重要なスキルです。この記事では、ハードサーフェスモデリングがどのように機能するのかを理解するための主要な手法とツールを紹介しました。",[101,16648,16649],{},"AIは、繰り返し作業や時間のかかる作業を自動化することで、アーティストが創造的な部分に集中できるようになり、ハードサーフェスモデリングに革命をもたらすと予測されています。しかし、熟練したモデラーの専門性は依然として欠かせません。アニメーターは、制作中に仕事をより楽にするために、常にクリーンなトポロジーと賢いリギングを必要とするからです。作り続けましょう！",[84,16651,16653,16656],{"className":16652},[87,88,89],[84,16654,576],{"className":16655},[93],[84,16657,580,16659,16663],{"className":16658},[98],[266,16660,16662],{"href":583,"rel":16661},[585],"ぜひ私たちのDiscordコミュニティに参加をご検討ください","。私たちは、ベストプラクティスを共有する1,000人以上の専門家とつながっており、時には対面イベントも企画しています。ぜひ歓迎しますよ！ 😊",[84,16665,16667],{"className":16666},[87,591,592],[266,16668,14495],{"href":583,"className":16669},[596,597],{"title":168,"searchDepth":600,"depth":600,"links":16671},[16672,16673,16674,16675,16676,16683],{"id":16405,"depth":600,"text":16408},{"id":16425,"depth":600,"text":16428},{"id":16442,"depth":600,"text":16445},{"id":16509,"depth":600,"text":16512},{"id":16574,"depth":600,"text":16577,"children":16677},[16678,16679,16680,16681,16682],{"id":16580,"depth":4819,"text":16583},{"id":16589,"depth":4819,"text":16592},{"id":16604,"depth":4819,"text":16607},{"id":16616,"depth":4819,"text":16619},{"id":16628,"depth":4819,"text":16631},{"id":559,"depth":600,"text":560},"https://images.unsplash.com/photo-1518732714860-b62714ce0c59?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3wxMTc3M3wwfDF8c2VhcmNofDF8fDNEJTIwbW9kZWx8ZW58MHx8fHwxNzQ0NjE1MDEwfDA&ixlib=rb-4.0.3&q=80&w=2000",{"updated_at":16686,"featured_at":612,"visibility":613},"2026-03-26T10:35:37.000+01:00","/blog-i18n/ja/hard-surface-modeling","2025-04-14T10:00:49.000+02:00",{"title":16369,"description":168},"hard-surface-modeling","blog-i18n/ja/hard-surface-modeling/index",[16693],{"id":620,"name":621,"slug":622,"description":7,"feature_image":7,"visibility":613,"og_image":7,"og_title":7,"og_description":7,"twitter_image":7,"twitter_title":7,"twitter_description":7,"meta_title":7,"meta_description":7,"codeinjection_head":7,"codeinjection_foot":7,"canonical_url":7,"accent_color":7,"url":623},"3dcusg2c5gVmUyuCubRsvmXeyFySxlbCAUEshfIcjUA",{"id":16696,"title":16697,"authors":16698,"body":16700,"description":168,"extension":608,"feature_image":16939,"html":7,"meta":16940,"navigation":11,"path":16942,"published_at":16943,"seo":16944,"slug":16945,"stem":16946,"tags":16947,"__hash__":16949,"updated_at":16941,"featured_at":612,"visibility":613},"blog/blog-i18n/ja/exaggeration-animation-principle/index.md","誇張の原理（2026）：なぜ大きな感情がより良いアニメーションを生むのか",[16699],{"id":11067,"name":11068,"slug":11069,"profile_image":11070,"cover_image":7,"bio":11071,"website":7,"location":11072,"facebook":7,"twitter":11073,"meta_title":7,"meta_description":7,"threads":7,"bluesky":7,"mastodon":7,"tiktok":7,"youtube":7,"instagram":7,"linkedin":7,"url":11074},{"type":81,"value":16701,"toc":16929},[16702,16713,16716,16719,16722,16725,16727,16733,16736,16739,16742,16744,16750,16753,16756,16759,16762,16764,16768,16771,16777,16785,16788,16790,16796,16799,16802,16805,16808,16817,16819,16825,16828,16831,16834,16836,16842,16850,16853,16856,16859,16861,16867,16875,16878,16881,16884,16887,16889,16893,16896,16905,16908,16923],[84,16703,16705,16709],{"className":16704},[87,88,89],[84,16706,16708],{"className":16707},[93],"🔉",[84,16710,16712],{"className":16711},[98],"アニメーションとは現実を増幅すること――そして誇張は、そのための道具です。",[101,16714,16715],{},"アニメーションの初期の頃、ディズニーのアニメーターたちはウォルト・ディズニー自身からの相反しているように見える指示に戸惑うことがよくありました。「ウォルトがリアリズムを求めたとき、彼が望んでいたのはリアリズムの風刺画（カリカチュア）でした。[...] もしキャラクターを悲しませたいなら、もっと悲しませるのです。」",[101,16717,16718],{},"現実的に寄せるアプローチは、アニメーションが引き出せる魔法の邪魔になります。ウォルトが伝えたかったのは、観る子どもの胸の奥に深く響く何かでありつつ、観客が日々体験している“ありふれた現実”とは明確に異なるものでした。",[101,16720,16721],{},"現実と誇張のこのバランスは簡単ではありません。キャラクターデザインからポーズ、表情に至るまで、誇張は制作プロセス全体を含みます。",[101,16723,16724],{},"この記事では、誇張の基本――それが何か、なぜ重要なのか――そして、この原理をアニメーションに実装するために考慮すべきシンプルな要素を解説します。",[111,16726],{},[114,16728,16730],{"id":16729},"whats-exaggeration",[486,16731,16732],{},"誇張とは",[101,16734,16735],{},"誇張とは、サイズ、感情、行動、表情など、アニメーションの要素を現実よりも大きく、より良く、より悪く、あるいはより重要なものに見せることです。",[101,16737,16738],{},"目的は現実を完全に歪めることではなく、アイデアや行動の本質を増幅して、観客にとってより鮮明に伝えることにあります。キャラクターが興奮しているときは、その動きにもっとエネルギーが現れるべきです。物語上の重要な瞬間には、カメラでドラマチックなアングルを見せることができます。音の合図は、重要なアクションを強調できます。",[101,16740,16741],{},"誇張は、よりリアルなアニメーションにおいても重要な役割を果たします。",[111,16743],{},[114,16745,16747],{"id":16746},"why-this-principle-is-important",[486,16748,16749],{},"なぜこの原理が重要なのか",[101,16751,16752],{},"誇張は、複雑でテンポの速いシーンでも、観客がキャラクターの動きや感情をすぐに理解できるように、アクションをより明確にします。喜びは、重力に逆らうような跳躍で表すことができ、怒りは、通常の人間の能力を超えるほど誇張された表情で表現できるかもしれません。",[101,16754,16755],{},"誇張は、ストーリーポイントを強調する役割も担います。例えば、過度にドラマチックなカメラズームや、スローモーションと誇張されたニヤリ顔の使用は、プロットのどんでん返しでよく使われます。",[101,16757,16758],{},"こうした小さなディテールは観客の感情的な没入を助けて物語をより深く引き込みますが、説得力のある世界を維持するためには、誇張された要素と誇張されていない要素のバランスを取ることが依然として重要です。観客を圧倒しないためだけでなく、それらの誇張された瞬間が効果的に際立つようにするためでもあります。",[101,16760,16761],{},"アニメーションに誇張の原理を取り入れる方法はたくさんありますが、この記事では4つの基本に焦点を当てます。",[111,16763],{},[114,16765,16766],{"id":15318},[486,16767,15321],{},[101,16769,16770],{},"誇張の使い方のひとつは、キャラクターデザインによって観客がキャラクターを即座に認識し理解できるようにすることです。",[101,16772,4172,16773,4172],{},[266,16774,4172,16775],{"href":15344},[4123,16776,15341],{},[101,16778,4172,16779,16784],{},[266,16780,4172,16781],{"href":12770},[4123,16782,16783],{},"カラーパレット"," で遊ぶことも、性格を誇張するのにとても効果的です。たとえば、大胆で対照的な色を使ってキャラクターの存在感やムードを強めることで、活発なキャラクターには明るく鮮やかな色が使われる一方、より謎めいた存在感を示すには暗くくすんだ色合いが使われるかもしれません。",[101,16786,16787],{},"小道具と、それらがキャラクターデザインとどう関係しているかも、性格を誇張する別の方法です。『ワンピース』のゾロは「史上最強の剣士」を目指す努力家なので、尾田栄一郎は彼に3本の刀を持たせました――それはキャラクターを象徴的な存在にするための誇張であり：",[111,16789],{},[114,16791,16793],{"id":16792},"_2-poses-facial-expressions",[486,16794,16795],{},"2. ポーズ＆表情",[101,16797,16798],{},"誇張の原理を取り入れる、もうひとつの分かりやすい方法はポーズに取り組むことです。",[101,16800,16801],{},"アニメーターは、ポーズを自然な極限よりも意図的にわずかに押し出すことで、シーンの視覚的なインパクトを高められます。たとえば、この比較画像を見てみましょう：",[101,16803,16804],{},"誇張されたポーズは、重要な場面を強調し、意図を明確にし、強い感情状態を伝えるのにも役立ちます。悟空のスーパーサイヤ人化は典型的な例ですが、『ドラゴンボール』にはさらに多くの象徴的なポーズがあります：",[101,16806,16807],{},"同様に、表情も感情をより鮮明に見せるために誇張されます。特にコメディ効果に効果的です：",[101,16809,16810,16811,16816],{},"例えば強いライン・オブ・アクションを使う、または非対称のポーズに頼ることで、",[266,16812,4172,16813],{"href":15356},[4123,16814,16815],{},"ソリッド・ドローイングの原理","を適用すれば、現実的な誇張で説得力のあるポーズを得るのに最適です。ライン・オブ・アクションのおかげで、次のポーズがどれだけ素早く理解できるか見てください：",[111,16818],{},[114,16820,16822],{"id":16821},"_3-timing",[486,16823,16824],{},"3. タイミング",[101,16826,16827],{},"タイミングは、誇張が必要な主要なアクションを際立たせます。ポーズをより長い時間保持すると、その分だけ重みが増し、より目立つようになります。",[101,16829,16830],{},"素早いタイミングはスピードや強さを誇張するのに使えますが、引き延ばしたタイミングは動きをだらけたように感じさせ、キャラクターの疲労や怠けを誇張することができます。跳躍中の長めの滞空時間や、着地時の素早い衝撃では、キャラクターの重さ／軽さが強調されます。表情の素早い変化は驚きやショックの感覚を強め、表情を長く見せることで悲しみや思索の感覚がより深まります。",[101,16832,16833],{},"タイミングの違いがコントラストを生み、それが誇張の核となる要素です。例えば、誇張されたアクションの前に期待を積み上げるためにも使えます。大きなアクションの直前でスローにしたり一瞬止めたりすることで、アニメーターはその直後に訪れる誇張の瞬間をよりインパクトのあるものにするためのサスペンスを作り上げます。",[111,16835],{},[114,16837,16839],{"id":16838},"_4-sound-effects",[486,16840,16841],{},"4. 効果音",[101,16843,16844,16849],{},[266,16845,16846],{"href":14433},[4123,16847,16848],{},"効果音は過小評価されています","：誇張の一部です。キャラクターがジャンプするような単純な動きでも、力強い“ワシュー”という音やコミカルな“ボイン”のような音で誇張できます。音は、現実では不可能なところまで“超リアル”な世界を作ります。誇張された足音、聞きすぎるほど大きいすする音、ありえないほど轟く爆発――それらはすべて、現実を「強化する」ことに貢献します。",[101,16851,16852],{},"アニメがこの点でよく知られているのは言うまでもありません。『ファイアパンチ』では、エネルギーブラストがベースブーストされたサウンドキューを使ってインパクトを増しています。『はじめの一歩』では、パンチの音がジェット音になります。",[101,16854,16855],{},"みんな、誇張されたメロドラマチックなバイオリンの音で引き立てられた悲しいシーンを思い出せるでしょうし、過剰なほどの大げさで愉快な音楽の合図や陽気なジングルで彩られた喜びのシーンも思い出せるはずです。",[101,16857,16858],{},"独自の効果音――場合によってはテーマそのもの――は、キャラクターの特性や行動を誇張するために、特定のキャラクターに割り当てられることがよくあります。『鬼滅の刃』の煉獄のテーマは、炎のような性格の特徴と、炎をテーマにしたキャラクターデザインを強化しています：",[111,16860],{},[114,16862,16864],{"id":16863},"_5-camera-work",[486,16865,16866],{},"5. カメラワーク",[101,16868,16869,16874],{},[266,16870,16871],{"href":15512},[4123,16872,16873],{},"アニメーターがカメラを使う方法","も、ストーリーポイントを誇張するのにとても良い手段です。",[101,16876,16877],{},"ドラマチックなズームは、感情やアクションを強調するために、被写体に近づいたり遠ざかったりする動きを素早く行います。",[101,16879,16880],{},"クイックカットは、異なるカメラアングルやシーン間の素早い切り替えです。一方、ジャンプカットは、連続したショットの中で急に行われる編集です。これらの手法は、観客の視線を素早く移し替え、シーンのエネルギーを誇張することで、混乱や切迫感、あるいは高まりきった感情を表します。",[101,16882,16883],{},"オランダの角度（ダッチアングル）は、カメラを片側に傾けて斜めの地平線を作り、遠近感を歪ませます。これにより、キャラクターと一緒に観客もバランスを崩したような感覚になり、シーンの当惑や混乱を誇張できます。",[101,16885,16886],{},"また、フォローショットでキャラクターの動きに勢いを加えたり、ワイドショットでキャラクターの孤独さを見せたりすることもできます。",[111,16888],{},[114,16890,16891],{"id":559},[486,16892,560],{},[101,16894,16895],{},"誇張の原理は、魅力的なアニメーションを作るための基本的なツールです。ポーズや表情によってこの原理を適用する方法はひとつですが、キャラクターデザイン、タイミング、効果音、カメラのテクニックでも活用できます。限界を決めるのは、あなたの創造性だけです！",[101,16897,16898,16899,16904],{},"誇張は",[266,16900,4172,16901],{"href":13511},[4123,16902,16903],{},"他のアニメーションの原理","――タイミング、予告（ア ンティシペーション）、スカッシュ＆ストレッチなど――にも大きく関わります。だから、各原理を個別に習得するだけでなく、それらがどう関係し合い、どう補完し合うのかを理解する必要があります。",[101,16906,16907],{},"誇張の度合いをいろいろ試し、現実感と物語性の間で適切なバランスが見つかるまで、そして最終的にあなた自身のスタイルが見つかるまで、シーンがどう変わるか観察してみてください！",[84,16909,16911,16914],{"className":16910},[87,88,89],[84,16912,576],{"className":16913},[93],[84,16915,16917,16918,16922],{"className":16916},[98],"アニメーションの制作プロセスについてもっと学ぶには ",[266,16919,16921],{"href":583,"rel":16920},[585],"当社のDiscordコミュニティに参加することをご検討ください","！ベストプラクティスを共有する1,000人以上の専門家とつながっており、ときには対面イベントも企画しています。ぜひ歓迎します！ 😊",[84,16924,16926],{"className":16925},[87,591,592],[266,16927,598],{"href":583,"className":16928},[596,597],{"title":168,"searchDepth":600,"depth":600,"links":16930},[16931,16932,16933,16934,16935,16936,16937,16938],{"id":16729,"depth":600,"text":16732},{"id":16746,"depth":600,"text":16749},{"id":15318,"depth":600,"text":15321},{"id":16792,"depth":600,"text":16795},{"id":16821,"depth":600,"text":16824},{"id":16838,"depth":600,"text":16841},{"id":16863,"depth":600,"text":16866},{"id":559,"depth":600,"text":560},"https://images.unsplash.com/photo-1628260412297-a3377e45006f?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3wxMTc3M3wwfDF8c2VhcmNofDV8fGNhcnRvb24lMjBleHByZXNzaW9ufGVufDB8fHx8MTc0NDAzNzI3M3ww&ixlib=rb-4.0.3&q=80&w=2000",{"updated_at":16941,"featured_at":612,"visibility":613},"2026-03-26T10:33:47.000+01:00","/blog-i18n/ja/exaggeration-animation-principle","2025-04-08T10:00:34.000+02:00",{"title":16697,"description":168},"exaggeration-animation-principle","blog-i18n/ja/exaggeration-animation-principle/index",[16948],{"id":620,"name":621,"slug":622,"description":7,"feature_image":7,"visibility":613,"og_image":7,"og_title":7,"og_description":7,"twitter_image":7,"twitter_title":7,"twitter_description":7,"meta_title":7,"meta_description":7,"codeinjection_head":7,"codeinjection_foot":7,"canonical_url":7,"accent_color":7,"url":623},"qiMwz04Ld1dT3xOnaGd8utMy0iD9Ro5niE_5vV2qRks",{"id":16951,"title":16952,"authors":16953,"body":16955,"description":168,"extension":608,"feature_image":17308,"html":7,"meta":17309,"navigation":11,"path":17311,"published_at":17312,"seo":17313,"slug":17314,"stem":17315,"tags":17316,"__hash__":17318,"updated_at":17310,"featured_at":612,"visibility":613},"blog/blog-i18n/ja/lod-levels-of-detail/index.md","LOD（ディテールのレベル）が3Dアニメーションの時間を節約する方法（2026）",[16954],{"id":11067,"name":11068,"slug":11069,"profile_image":11070,"cover_image":7,"bio":11071,"website":7,"location":11072,"facebook":7,"twitter":11073,"meta_title":7,"meta_description":7,"threads":7,"bluesky":7,"mastodon":7,"tiktok":7,"youtube":7,"instagram":7,"linkedin":7,"url":11074},{"type":81,"value":16956,"toc":17299},[16957,16968,16971,16974,16977,16980,16982,16988,16991,16994,17009,17011,17017,17026,17029,17032,17034,17040,17043,17058,17061,17064,17067,17069,17075,17078,17093,17096,17116,17119,17145,17147,17153,17156,17173,17176,17179,17211,17213,17219,17222,17237,17263,17266,17268,17272,17275,17278,17292],[84,16958,16960,16964],{"className":16959},[87,88,89],[84,16961,16963],{"className":16962},[93],"🖌️",[84,16965,16967],{"className":16966},[98],"すべての3Dモデルに最高レベルのディテールが必要なわけではありません！LOD（ディテールのレベル）が、品質を損なわずにレンダリングを最適化する方法を学びましょう。 🎨",[101,16969,16970],{},"アニメーターは、常に最高レベルのディテールで作業しているとは限りません。",[101,16972,16973],{},"YouTubeの動画を見るのに似ています。状況によっては、読み込み速度を優先し、最小限の視聴可能品質まで解像度を下げることもあります。逆に、フルのシネマ体験が欲しいときは、4K解像度を選びます。",[101,16975,16976],{},"同様に、アニメーターは視覚的な忠実度とパフォーマンス効率のバランスを取るために、ディテールのレベル（LOD）を調整します。シーンのタイミングを詰める段階では、高ディテールのモデルは必須ではないこともあります。しかしポストプロダクションでは、最終レンダリングが品質基準を満たすようにすることが重要です。",[101,16978,16979],{},"この記事では、LODの重要性、品質を損なわずに制作を最適化する方法、バンプマッピング、リトポロジー、テクスチャベイク、ディスプレイスメントマップベイクのような主要テクニックを紹介します。",[111,16981],{},[114,16983,16985],{"id":16984},"whats-lod",[486,16986,16987],{},"LODとは？",[101,16989,16990],{},"アニメーションにおいて、ディテールのレベル（LOD）は、モデルやシーンに適用される複雑さの段階を定義します。特に、視聴者やカメラが物体を異なる距離から見たときに重要になります。",[101,16992,16993],{},"物体がカメラから遠い場合、幾何学的に高い詳細度で、すべての細かなディテールをレンダリングする必要はありません。そのため、ポリゴン数が少ない低LODモデルが使用されます。例えば、手前に見える木は葉や枝が細かく作られているかもしれませんが、遠くの木は形状を簡略化し、処理能力を節約するためにテクスチャで補うだけのこともあります。",[158,16995,16997,17001],{"className":16996},[87,161,689],[163,16998],{"src":16999,"className":17000,"alt":168,"loading":169,"width":13923,"height":13954},"https://lh7-rt.googleusercontent.com/docsz/AD_4nXdd1XLupXEQ0BjsLyQ98mUTgu2DLdonnRTJc1_KEOp1KUFEhjEQfjiT4JlUerYtotKclSgvNbDZbTf9rxNkw2JjlvZbklU2vjG31gzjWvyFbkR3ujE6W1t4VSyZMKUJXJecWLCq3A?key=S5xdGiACLTcKa2a_84MnLfXD",[167],[696,17002,17003],{},[699,17004,17005],{},[702,17006,17008],{"className":17007,"style":678},[705],"Source: ArtStation",[111,17010],{},[114,17012,17014],{"id":17013},"why-levels-of-details-matter",[486,17015,17016],{},"なぜディテールのレベルが重要なのか",[101,17018,17019,17020,17025],{},"LODにより、アニメーターや",[266,17021,4172,17022],{"href":10560},[4123,17023,17024],{},"レンダリングアーティスト","は計算リソースを最適化できます。遠くにあるオブジェクトは、視覚品質の目立った低下なしに、より少ないディテールでレンダリングでき、プロセッサへの負荷を減らせます。アニメーション映画が1時間長だとすると、30フレーム/秒で108,000フレームをレンダリングする必要があるため、こうした処理最適化はすぐに積み重なって効いてきます。",[101,17027,17028],{},"また、異なるLODは、必要な量だけのポリゴンやテクスチャを処理することも意味し、ストレージメモリの節約にもつながります。",[101,17030,17031],{},"これは特にリアルタイムレンダリングで重要です。アニメーターのPCを重くしすぎずに高いフレームレートを維持する必要があるからです。しかし制作全体のパイプラインとしてレンダリングコストを抑えるためにも重要です。",[111,17033],{},[114,17035,17037],{"id":17036},"_1-bump-mapping",[486,17038,17039],{},"1. バンプマッピング",[101,17041,17042],{},"バンプマッピングは、コンピュータグラフィックスの手法で、追加のポリゴンによってモデルの幾何学的な複雑さを増やすことなく、オブジェクト表面に段差やしわを擬似的に表現して、緻密なテクスチャを作り出す錯覚を生み出します。",[158,17044,17046,17051],{"className":17045},[87,161,689],[163,17047],{"src":17048,"className":17049,"alt":168,"loading":169,"width":13923,"height":17050},"https://lh7-rt.googleusercontent.com/docsz/AD_4nXc6bHhb0m4SyOIQMsKI7T2vdZtGN5_rMgymT4vLb_5OZpLH1CJfVBm8L8v_fW3JfI-3pPOVYAdHvHcUvRURZfbAnwuX1SC638aK06a5spApwS1BM1j1KKP8xN4WGnIO_giaRVyMjQ?key=S5xdGiACLTcKa2a_84MnLfXD",[167],209,[696,17052,17053],{},[699,17054,17055],{},[702,17056,16317],{"className":17057,"style":678},[705],[101,17059,17060],{},"この手法は、実際のジオメトリを変更するのではなく、レンダリング時のライティング計算を操作することで、表面テクスチャの見え方を変えることで実現します。使用するのは「バンプマップ」と呼ばれるテクスチャで、一般的にはグレースケール画像です。そこでは、色の濃淡が表面の凹凸（摂動）の高さを表します。",[101,17062,17063],{},"従来のやり方では、レンガ壁の各レンガをそれぞれ固有の表面ディテール込みでモデリングしようとすると、緻密なメッシュが必要になり、バンプや溝を追加ポリゴンでそれぞれ捉えることになります。これは計算コストが高くなりがちです。",[101,17065,17066],{},"その代わり、バンプマップを作成して、明るい領域をレンガテクスチャの盛り上がった部分として示し、暗い領域を目地（モルタル）の線のようなより深い部分として対応させることができます。ポリゴン数が最小限の単純な平面に適用すると、レンダリングエンジンはシェーディング計算の際にこのバンプマップを用い、表面法線を摂動させます。こうして変更された法線の上での光と影の相互作用により、見ている側には、その平面が実際のレンガ壁のような複雑なジオメトリを持っているかのような錯覚が生まれます。",[111,17068],{},[114,17070,17072],{"id":17071},"_2-retopology",[486,17073,17074],{},"2. リトポロジー",[101,17076,17077],{},"リトポロジーとは、3Dモデリングにおいて、メッシュ表面のトポロジー（構造）を再定義して、より良いジオメトリの流れを実現しつつ、元の形状やディテールを保ちながらポリゴン数を減らすためのプロセスです。",[158,17079,17081,17085],{"className":17080},[87,161,689],[163,17082],{"src":17083,"className":17084,"alt":168,"loading":169,"width":13923,"height":16308},"https://lh7-rt.googleusercontent.com/docsz/AD_4nXfjaHAvyccmdo6np7QPaMO5CyCKvtmE-frtI7-V5wObEkiiTNZ_IDBVZ12ME_ZFSgIPTu-BhDcWjyCdcWFRQjhZX5HvDLo4lIjfJNamn8-rAGbCJfmfkZ9WPEUX0lUKBmwP70UIsQ?key=S5xdGiACLTcKa2a_84MnLfXD",[167],[696,17086,17087],{},[699,17088,17089],{},[702,17090,17092],{"className":17091,"style":678},[705],"Source: people.wku.edu",[101,17094,17095],{},"ZBrushのようなスカルプト用ソフトで作った非常に高ディテールなキャラクターモデルから始めることを想像してください。このモデルには、あらゆる細部を捉えるために何百万ものポリゴンが含まれているかもしれません。リトポロジーのプロセスは、例えば次のようになります：",[3067,17097,17098,17104,17110],{},[1151,17099,17100,17103],{},[486,17101,17102],{},"簡略化"," - ソフトウェアは、リトポロジー技術（ZBrushのZRemesherのような自動、またはより細かい編集のための手動）を使って、高ポリモデルの上に新しいメッシュを作成し、キャラクターの本質的な形を捉えながら、扱いやすいポリゴン構造を定義します。",[1151,17105,17106,17109],{},[486,17107,17108],{},"フローの活用"," - 眼、口、関節といった重要な解剖学的特徴の周囲のエッジループを考慮し、アニメーション変形（曲げる・伸ばす）を助けます。",[1151,17111,17112,17115],{},[486,17113,17114],{},"ポリゴン削減"," - 新しいトポロジーは、大幅に少ないポリゴン数にする必要があります。",[101,17117,17118],{},"リトポロジーは、クリーンで効率的なメッシュ構造を作るために重要です。さらに、ディテールのレベルに対応する複数バージョンのキャラクターモデルを作ることが特に重要になります：",[1148,17120,17121,17127,17133,17139],{},[1151,17122,17123,17126],{},[486,17124,17125],{},"LOD0"," - 最も詳細なバージョンで、キャラクターがカメラに近いときに使用します。",[1151,17128,17129,17132],{},[486,17130,17131],{},"LOD1"," - 中距離のショット用に、やや詳細度を下げたバージョンです。",[1151,17134,17135,17138],{},[486,17136,17137],{},"LOD2以上"," - 遠距離のショット向けに、さらに簡略化したバージョンです。",[1151,17140,17141,17144],{},[486,17142,17143],{},"頂点ウェイト付け"," - 低ディテールのバージョンは、重要な形状やシルエットを維持しつつ、最小限のジオメトリでレンダリング性能を最適化します。",[111,17146],{},[114,17148,17150],{"id":17149},"_3-texture-baking",[486,17151,17152],{},"3. テクスチャベイク",[101,17154,17155],{},"テクスチャベイクは、さまざまな表面の情報やライティング情報をテクスチャマップへ事前計算して転送します。ベイクされたテクスチャには、影、反射、グローバルイルミネーション、アンビエントオクルージョン、あるいはリアルタイムで計算するにはコストが高い複雑なマテリアル特性などが含まれます。ベイクが済んだら、このデータをより単純な3Dモデルのバージョンに適用し、品質を損なわずにパフォーマンスを最適化します。",[158,17157,17159,17165],{"className":17158},[87,161,689],[163,17160],{"src":17161,"className":17162,"alt":168,"loading":169,"width":17163,"height":17164},"https://lh7-rt.googleusercontent.com/docsz/AD_4nXetwGb0Q9Xf_Ggr4xp_tpwmI5Wtic2BSkLdobK9A2F3Bg45Ol9Yjkdr_fYMQbG6UTqqz3F4kND05SZAcoi2skNfEvFVazF6JEt0PbbQyKgUc85hnJQgZB-56ZcmfpmyYdtQiiCRlQ?key=S5xdGiACLTcKa2a_84MnLfXD",[167],550,502,[696,17166,17167],{},[699,17168,17169],{},[702,17170,17172],{"className":17171,"style":678},[705],"Source: Blender Developers Blog",[101,17174,17175],{},"テクスチャをベイクすることで、アーティストは異なるディテールのレベル間で視覚的な一貫性を確保できます。影の配置や表面のディテールのような特徴は、ジオメトリの複雑さを減らしても保持できます。低LODほどレンダリングに必要な処理能力が少なくなるため、よりシンプルなシェーディング手法を使いやすくなります。",[101,17177,17178],{},"リアルタイムアプリケーションで大規模な都市シーンの一部になる建物の複雑で緻密な3Dモデルは、高ディテールなジオメトリと、バンプマップや反射面を含む複雑なマテリアルを備えていることが多いです。これはハイエンドレンダリングでは美しく見えますが、制作中のリアルタイムレンダリングではリソース要求が大きすぎます。",[3067,17180,17181,17187,17193,17199,17205],{},[1151,17182,17183,17186],{},[486,17184,17185],{},"高解像度モデルの準備"," - まず建物モデルの高解像度版から始め、ライティングやマテリアルの効果を細部まで丁寧に適用します。",[1151,17188,17189,17192],{},[486,17190,17191],{},"ベイク処理"," - 3D DCCソフトを使って、モデルのライティング情報をテクスチャマップへベイクします。影、ハイライト、そしてアンビエントオクルージョンのような効果を2Dテクスチャに書き込みます。通常は、ディフューズ、ノーマル、スペキュラーなど複数のマップをベイクします。",[1151,17194,17195,17198],{},[486,17196,17197],{},"LODモデルを作成"," - 頂点数を減らし、ジオメトリを簡略化した、建物モデルの複数の低解像度バージョンを生成します。",[1151,17200,17201,17204],{},[486,17202,17203],{},"ベイク済みテクスチャを適用"," - アーティストは、これらのLODモデルにベイク済みテクスチャを適用します。頂点数が減っていても、ベイク済みテクスチャが緻密なディテールやライティング効果を伝えるため、視覚品質を高く保てます。",[1151,17206,17207,17210],{},[486,17208,17209],{},"実装"," - リアルタイム環境では、LODシステムがカメラ距離、またはスクリーンスペースのサイズに基づいて、どのモデルをレンダリングするかを選択します。事前にベイクされたテクスチャによって、最もシンプルなモデルでも高解像度アセットの視覚的な複雑さの多くを維持できます。",[111,17212],{},[114,17214,17216],{"id":17215},"_4-displacement-map-baking",[486,17217,17218],{},"4. ディスプレイスメントマップベイク",[101,17220,17221],{},"ディスプレイスメントマップベイクは、高解像度の3Dモデルにある詳細を、低解像度版へ転送します。これは、ディスプレイスメントマップというテクスチャを生成し、低解像度モデルの表面から高解像度モデルの表面までの高さの差を保存することで実現します。このテクスチャは、その後レンダリング中に使用され、高解像度モデルの見え方を再現できます。毎回フルの複雑さを読み込む必要がないため、負荷を抑えられます。",[158,17223,17225,17229],{"className":17224},[87,161,689],[163,17226],{"src":17227,"className":17228,"alt":168,"loading":169,"width":13923,"height":13954},"https://lh7-rt.googleusercontent.com/docsz/AD_4nXfxmHx2XuYjmoNGQ9vy5MrprEB58pDW0OVLWaf2dZFgF4cb5tx9C0FVcSQCe8wu-VXlS1c-qOVSxgjB-Qpp7FdXLOqv8YNMFPCecqHpgMCLaAK0KPg2FZFX82G4icQk19hEgLHRAA?key=S5xdGiACLTcKa2a_84MnLfXD",[167],[696,17230,17231],{},[699,17232,17233],{},[702,17234,17236],{"className":17235,"style":678},[705],"Source: nutelZ on Youtube",[3067,17238,17239,17245,17251,17257],{},[1151,17240,17241,17244],{},[486,17242,17243],{},"高解像度モデルと低解像度モデルを作成"," - まず、バンプ、クレース、その他の表面ディテールをすべて備えた高解像度の3Dモデルから始めます。次に、ポリゴン数を減らした簡略化版を作成します。",[1151,17246,17247,17250],{},[486,17248,17249],{},"ディスプレイスメントマップをベイク"," - ZBrush、Blender、Mayaのようなソフトウェアを使って、2つのモデルの表面の差分を計算します。その結果得られるのがディスプレイスメントマップで、グレースケールのテクスチャです。色の濃淡が、低解像度モデルの表面をどれくらい動かして高解像度モデルのディテールに合わせるべきかを示します。",[1151,17252,17253,17256],{},[486,17254,17255],{},"マップを低解像度モデルに適用"," - マップがベイクできたら、低解像度モデルへ適用します。レンダリングエンジンは、リアルタイムレンダリングやアニメーション再生中に、このマップ情報を使って高精細な表面をシミュレートします。",[1151,17258,17259,17262],{},[486,17260,17261],{},"LOD実装"," - ディスプレイスメントマップを持つ低解像度モデルをLODシステムに組み込みます。カメラ距離に応じて、異なるディテールのレベルが切り替わります。モデルが十分に遠い場合でも、ディスプレイスメントマップのおかげで低解像度モデルは高解像度のように見え、処理能力を節約できます。",[101,17264,17265],{},"ディスプレイスメントマップは、シーンの異なるLODバージョン同士で高解像度の詳細を共有できるようにします。計算上のオーバーヘッドを抑えられるため、メモリを節約し、アセット管理もシンプルになります。",[111,17267],{},[114,17269,17270],{"id":559},[486,17271,560],{},[101,17273,17274],{},"ディテールのレベルは、カメラからの距離や制作環境といったパラメータに基づいて3Dモデルの複雑さを調整することで、アニメーション制作パイプラインの効率を高めるために重要な概念です。",[101,17276,17277],{},"バンプマッピング、リトポロジー、テクスチャベイク、ディスプレイスメントマップベイクのような複数の手法により、アニメーターはモデルのLODに適応できますが、ほかにも多くあります。本記事は、それらがどのように機能するのかほんの一部を紹介したにすぎません。DCCツールでこれらの手法を実際に試し、3Dモデルのポリゴン数や見た目の品質にどのような影響が出るのか確かめてみてください！",[84,17279,17281,17284],{"className":17280},[87,88,89],[84,17282,576],{"className":17283},[93],[84,17285,9599,17287,17291],{"className":17286},[98],[266,17288,17290],{"href":583,"rel":17289},[585],"私たちのDiscordコミュニティに参加することを検討してみてください","！ベストプラクティスを共有する1,000人以上の専門家とつながれ、たまにオフラインイベントも開催しています。ぜひ歓迎します！ 😊",[84,17293,17295],{"className":17294},[87,591,592],[266,17296,17298],{"href":583,"className":17297},[596,597],"Join Our Discord Community",{"title":168,"searchDepth":600,"depth":600,"links":17300},[17301,17302,17303,17304,17305,17306,17307],{"id":16984,"depth":600,"text":16987},{"id":17013,"depth":600,"text":17016},{"id":17036,"depth":600,"text":17039},{"id":17071,"depth":600,"text":17074},{"id":17149,"depth":600,"text":17152},{"id":17215,"depth":600,"text":17218},{"id":559,"depth":600,"text":560},"https://images.unsplash.com/photo-1516382799247-87df95d790b7?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3wxMTc3M3wwfDF8c2VhcmNofDF8fG1hZ25pZnlpbmclMjBnbGFzc3xlbnwwfHx8fDE3NDEyNDAwNDF8MA&ixlib=rb-4.0.3&q=80&w=2000",{"updated_at":17310,"featured_at":612,"visibility":613},"2026-02-20T06:04:45.000+01:00","/blog-i18n/ja/lod-levels-of-detail","2025-03-31T10:00:14.000+02:00",{"title":16952,"description":168},"lod-levels-of-detail","blog-i18n/ja/lod-levels-of-detail/index",[17317],{"id":620,"name":621,"slug":622,"description":7,"feature_image":7,"visibility":613,"og_image":7,"og_title":7,"og_description":7,"twitter_image":7,"twitter_title":7,"twitter_description":7,"meta_title":7,"meta_description":7,"codeinjection_head":7,"codeinjection_foot":7,"canonical_url":7,"accent_color":7,"url":623},"wcexdHu6TtKUBAm04pCsWANMWAu29z6kAfIDG2jNYtk",{"id":17320,"title":17321,"authors":17322,"body":17324,"description":168,"extension":608,"feature_image":17626,"html":7,"meta":17627,"navigation":11,"path":17628,"published_at":17629,"seo":17630,"slug":17631,"stem":17632,"tags":17633,"__hash__":17635,"updated_at":2939,"featured_at":612,"visibility":613},"blog/blog-i18n/ja/slow-in-out/index.md","ゆっくり入ってゆっくり抜く（2026）：イージングがアニメーションをより魅力的にする理由",[17323],{"id":11067,"name":11068,"slug":11069,"profile_image":11070,"cover_image":7,"bio":11071,"website":7,"location":11072,"facebook":7,"twitter":11073,"meta_title":7,"meta_description":7,"threads":7,"bluesky":7,"mastodon":7,"tiktok":7,"youtube":7,"instagram":7,"linkedin":7,"url":11074},{"type":81,"value":17325,"toc":17617},[17326,17337,17340,17349,17365,17372,17374,17380,17383,17386,17388,17394,17397,17400,17403,17406,17409,17429,17432,17448,17450,17456,17459,17462,17465,17468,17470,17476,17479,17482,17485,17488,17490,17496,17499,17502,17517,17520,17536,17539,17542,17544,17550,17559,17562,17579,17582,17584,17588,17591,17594,17597,17611],[84,17327,17329,17333],{"className":17328},[87,88,89],[84,17330,17332],{"className":17331},[93],"🎈",[84,17334,17336],{"className":17335},[98],"現実世界のモノは、動き始めたり止まったりを瞬時に行いません。— 動きには「ゆっくり入ってゆっくり抜く」があります。すばらしいアニメーションも同じルールに従うのです！",[101,17338,17339],{},"現実世界では、モノが動き出したり止まったりすることは決して瞬間的ではありません。— 車はまず徐々に速度を上げ、その後止まる直前に減速していきます。",[101,17341,17342,17343,17348],{},"そして",[266,17344,4172,17345],{"href":13511},[4123,17346,17347],{},"「ゆっくり入ってゆっくり抜く」原則","は、この自然な加速と減速を再現し、基本的な物理に合わせてより惹きつけられるアニメーションを作ります。",[158,17350,17352,17357],{"className":17351},[87,161,689],[163,17353],{"src":17354,"className":17355,"alt":168,"loading":169,"width":13923,"height":17356},"https://lh7-rt.googleusercontent.com/docsz/AD_4nXfereWkVt083bHGS-wn-N2Ko38h-TI5EgqExVM29yjfP2M0CKwHirNqEMKWmfFQucpGKb-6lZ1og9zorIb1sKtc3Mn95cHmbGYxPq4OxGPKiiSqrWhKtOdKZfkt7VsIGqdz3gTHnw?key=M91ppFxZ4Gl8NmaA242FhRO_",[167],183,[696,17358,17359],{},[699,17360,17361],{},[702,17362,17364],{"className":17363,"style":678},[705],"出典：MediumのSuresh V. Selvaraj",[101,17366,17367,17368,17371],{},"では、アニメーターはこの原則を実際にはどう使うのでしょうか？この記事では、スムーズな遷移をより良く実装するための",[486,17369,17370],{},"すぐに役立つ5つのヒント","を紹介します。イージングカーブの扱い方、セカンダリアクションの最適化、オーディオキューを使ってストーリーテリングを強調する方法、モーショントレイル、ゴースティング、そして正確なキーフレーム配置の作り方を学べます。",[111,17373],{},[114,17375,17377],{"id":17376},"why-slow-in-and-slow-out",[486,17378,17379],{},"なぜ「ゆっくり入ってゆっくり抜く」なのか？",[101,17381,17382],{},"動きの開始（ゆっくり入る）と終了（ゆっくり抜く）では、フレーム間隔が少しずつ詰まっていくと、遷移はより滑らかに見えます。",[101,17384,17385],{},"遷移のテンポは、優れたストーリーテリングの道具でもあります。たとえば、キャラクターがショックで一気に目を見開く前に、ゆっくり眉を上げるとします。この原則によって「驚き」の要素を強調できます。",[111,17387],{},[114,17389,17391],{"id":17390},"_1-master-ease-curves-in-animation-software",[486,17392,17393],{},"1. アニメーションソフトでイージングカーブを極める",[101,17395,17396],{},"イージングカーブは、モーショングラフとも呼ばれ、アニメーションのスピードが時間とともにどう変化するかを表します。",[101,17398,17399],{},"これらのカーブを理解し、操作することで、アニメーターはアニメ対象の加速と減速を正確に制御し、より自然に見せられるようになります。",[101,17401,17402],{},"これは特に、現実世界の物理に似た動きを作るのに役立ちます。というのも、モノは一定速度で動くことがほとんどないからです。重力や慣性のような力の影響を受けながら、徐々に加速し、徐々に減速します。",[101,17404,17405],{},"もし、イージングカーブを調整せずにバウンドするボールをアニメーションしたら、ボールは上下に一定の速度で動いてしまい、重みの感覚が失われるかもしれません。ですが、グラフエディターを使ってアニメーションカーブのベジェハンドルを調整することで、ボールが最高到達点に近づくにつれてゆっくり減速するようにできます。これにより、重力による自然な減速をシミュレーションできます。同様に、ボールが下降するときにカーブを加速させれば、落下するにつれて速度が増していく様子を再現できます。こうした細部が、すべての違いを生みます。",[101,17407,17408],{},"イージングカーブにはさまざまな種類があり、その違いによってアニメーションの見え方も変わります。主なカテゴリは3つです：",[1148,17410,17411,17417,17423],{},[1151,17412,17413,17416],{},[486,17414,17415],{},"イーズイン","カーブは、ゆっくり始まって速く終わるため、命が吹き込まれるような動きや、静止状態からの発射に最適です。",[1151,17418,17419,17422],{},[486,17420,17421],{},"イーズアウト","カーブは、素早く始まり、最後は徐々に減速して終わるため、動きが止まる状況を再現しやすくなります。",[1151,17424,17425,17428],{},[486,17426,17427],{},"イーズインアウト","カーブは、両方の原則を組み合わせて、なめらかな始まりと終わりを実現します。",[101,17430,17431],{},"さらに、正弦波（サイン）、3次、2次などのカーブといった形で、それぞれに少しずつバリエーションを作ることもできます。そしてもちろん、DCCツールを使ってカスタムカーブを手動で作ることも可能です：",[158,17433,17435,17440],{"className":17434},[87,161,689],[163,17436],{"src":17437,"className":17438,"alt":168,"loading":169,"width":13923,"height":17439},"https://lh7-rt.googleusercontent.com/docsz/AD_4nXforb2ePxMY_klk-HjNn4vWWMJzuhL-qEXTjmXWuXedbwVZ6KqvRZoHvDzkfDDwD0X4KTL9_7yiGvNSCrcNIJEr6Ahtprnr8gsDDMbZ_kY_Za4H6QKT-V91ftSjOeBr_JHiuq3CjQ?key=M91ppFxZ4Gl8NmaA242FhRO_",[167],329,[696,17441,17442],{},[699,17443,17444],{},[702,17445,17447],{"className":17446,"style":678},[705],"出典：Blender Stack Exchange",[111,17449],{},[114,17451,17453],{"id":17452},"_2-focus-on-secondary-action",[486,17454,17455],{},"2. セカンダリアクションに注目する",[101,17457,17458],{},"セカンダリアクションとは、主な動作に深みやニュアンスを加える、小さめで補助的な動きのことです。",[101,17460,17461],{},"セカンダリアクションに適用すると、「ゆっくり入ってゆっくり抜く」の原則によって、それらの動きが主な動作とスムーズに馴染みます。",[101,17463,17464],{},"例としてキャラクターが手を振るシーンを考えてみましょう。主な動作は、誰かに挨拶したいという意図によって、腕が前後に動くことかもしれません。セカンダリアクションは、ポニーテールがわずかに揺れること、肩が穏やかに上下すること、あるいは高揚感を示すために、足の体重移動がほんの少し起こることなどです。これらのセカンダリアクションは理想的には、控えめにゆっくりと立ち上げ（ゆっくり入る）、主な動作と調和したタイミングでピークに達し、その後やさしく引いていく（ゆっくり抜く）ように始めるべきです。",[101,17466,17467],{},"スタイルや物語上の目的によって、少しのバリエーションが必要になることもあります。もしアニメーションがコメディ的な効果を求められているなら、セカンダリアクションはイージングを強調したり、あえて不自然さを作ったりして、より遊び心のある、誇張された動きにすることでトーンに合うようにできます。",[111,17469],{},[114,17471,17473],{"id":17472},"_3-synchronize-with-audio-cues",[486,17474,17475],{},"3. オーディオキューと同期させる",[101,17477,17478],{},"イーズイン／イーズアウトの遷移が与えるインパクトを高める、もう一つの効果的な方法は、オーディオキューに合わせることです。",[101,17480,17481],{},"これらのオーディオキューは、感情の山場を強調したり、期待を高めたり、またはコミカルな間（息抜き）を提供したりできます。",[101,17483,17484],{},"そしてアニメーションがこうしたオーディオキューと同期していると、重要な動きや遷移を際立たせ、強調することができます。視聴者に「その瞬間」を確実に感じさせるためです。",[101,17486,17487],{},"たとえば、キャラクターが崖から飛び降りるシーンでは、キャラクターが縁から押し出す動作に対してイーズアウトを適用することで推進感を作れます。キャラクターが空中を舞う間、ジャンプの頂点に向かって減速していく「ゆっくり入る」の部分は、音楽のクレッシェンドによって強調できます。",[111,17489],{},[114,17491,17493],{"id":17492},"_4-use-motion-trails-and-ghosting",[486,17494,17495],{},"4. モーショントレイルとゴースティングを使う",[101,17497,17498],{},"モーショントレイルとゴースティングは、アニメーターがアニメーション内でイージングの「入り」と「抜け」を反復的に改善するための、視覚的な表現を提供します。",[101,17500,17501],{},"モーショントレイルは、動く対象の流れを可視化するのに特に役立ちます。速度や軌道に関する情報を伝えるために、その対象が通る経路を示す線やカーブを提供します。",[158,17503,17505,17509],{"className":17504},[87,161,689],[163,17506],{"src":17507,"className":17508,"alt":168,"loading":169,"width":13923,"height":14099},"https://lh7-rt.googleusercontent.com/docsz/AD_4nXdcbCEOGgSQK9owdF2kfAt7te2L3k4Yo_UdaFshQfdVkp1ZcplPGvEr7_pDYaI6j-B0SCADR1Aaaqtedz3DARzZyF9NqKfvx6KqX7TN-B5n-luUqCtFECyVwiWovMB5vk4mqQSD4w?key=M91ppFxZ4Gl8NmaA242FhRO_",[167],[696,17510,17511],{},[699,17512,17513],{},[702,17514,17516],{"className":17515,"style":678},[705],"出典：Blender",[101,17518,17519],{},"一方でゴースティングは、対象の「過去」または「未来」の位置を表す半透明のフレームを複数作ります。これにより、アニメーターは動きの複数の段階を同時に見られるようになり、アクションの全体像を把握しやすくなります。",[158,17521,17523,17528],{"className":17522},[87,161,689],[163,17524],{"src":17525,"className":17526,"alt":168,"loading":169,"width":13923,"height":17527},"https://lh7-rt.googleusercontent.com/docsz/AD_4nXcGfFgnIrLKM5XACQa3vMVIBsNRlEziGm7oGwZFJc8MCc66TX6hbYKRJRW7Fc_a3Hbx9issIIDBxIh5Um9WrSnYVptAd6qK6_mlbQfcW7jqxMZI2hPRJIjup0f-gc9bLwzks1S56g?key=M91ppFxZ4Gl8NmaA242FhRO_",[167],364,[696,17529,17530],{},[699,17531,17532],{},[702,17533,17535],{"className":17534,"style":678},[705],"出典：Cascadeur",[101,17537,17538],{},"そしてアニメーターは、タイミングや間隔を非常に高い精度で評価し、調整できます。",[101,17540,17541],{},"たとえば、剣の振り下ろし（スウィング）のアニメーションを考えてみましょう。モーショントレイルがあると、剣が通る弧（軌道）を可視化して、動きを調整できます。さらにゴースティングを使えば、剣の位置をさまざまな間隔で見られるため、このプロセスが一段と強化されます。",[111,17543],{},[114,17545,17547],{"id":17546},"_5-optimize-keyframe-placement",[486,17548,17549],{},"5. キーフレーム配置を最適化する",[101,17551,17552,17553,17558],{},"どこに",[266,17554,17555],{"href":5095},[4123,17556,17557],{},"キーフレームを置くかを慎重に判断する","ことで、アニメーターは動きの「開始」「中間」「終了」に対する制御を最大化し、インビトゥイングによって生成されるイーズイン／イーズアウトの遷移を改善できます。",[101,17560,17561],{},"ウォークサイクルでは、かかとが地面に接地する瞬間や、つま先が離れる（蹴り出す）局面のような重要な場面を捉えるために、キーフレームを正確に配置する必要があります。かかとの接地は、かかとが地面に触れるポイントで、つま先が離れるのは、足が地面を押し出す瞬間です。これらのポイントを適切に配置したキーフレームで正確に定義することで、アニメーターは足の動きのイージングを精密に制御できます。",[158,17563,17565,17571],{"className":17564},[87,161,689],[163,17566],{"src":17567,"className":17568,"alt":168,"loading":169,"width":17569,"height":17570},"https://lh7-rt.googleusercontent.com/docsz/AD_4nXe2dqY5TmOnkmfl62PG0TPNLdA74_0ie9ANo9AFRhUjNtm9FGAvOq5uPC9m9BtYWkD42gq2Dsn3dHATc7glIGZDtAoM4tOKR3zrFd5t9BZkv8OE0xjfNZ_iHME10F2IY0eAQLc4-g?key=M91ppFxZ4Gl8NmaA242FhRO_",[167],580,363,[696,17572,17573],{},[699,17574,17575],{},[702,17576,17578],{"className":17577,"style":678},[705],"出典：AngryAnimator.com",[101,17580,17581],{},"戦略的なキーフレームの位置取りは、アニメーターが不必要なごちゃつきを避け、より滑らかな遷移を作るのにも役立ちます。",[111,17583],{},[114,17585,17586],{"id":559},[486,17587,974],{},[101,17589,17590],{},"いまや「ゆっくり入ってゆっくり抜く」の原則は当然のものです。どんな質の高いアニメーションも滑らかな遷移に依存しており、この点でイージングカーブが重要になります。",[101,17592,17593],{},"ただし、この原則を習得するのは簡単ではありません。タイミングの感覚とストーリーテリングの力が必要で、オーディオキューをセカンダリアクションやキーフレームに合わせる必要があります。さらに、モーショントレイル、ゴースティング、モーショングラフのようなツールに慣れていることも求められます。",[101,17595,17596],{},"予算が限られている場合、滑らかなアニメーションは優先されないことが多く、手元にあるものでなんとかしなければなりません。良いアニメーターなら、その制約を、キーフレームの効率的な使い方、トゥイーニング、繰り返し使えるアセット（アニメーションサイクルを含む）によって乗り越えられます。",[84,17598,17600,17603],{"className":17599},[87,88,89],[84,17601,576],{"className":17602},[93],[84,17604,17606,17607,17610],{"className":17605},[98],"アニメーション制作のプロセスについてもっと知りたい方は ",[266,17608,6624],{"href":583,"rel":17609},[585],"！私たちは、ベストプラクティスを共有する1,000人以上の専門家とつながっており、時には対面イベントも企画しています。ぜひ歓迎いたします！ 😊",[84,17612,17614],{"className":17613},[87,591,592],[266,17615,598],{"href":583,"className":17616},[596,597],{"title":168,"searchDepth":600,"depth":600,"links":17618},[17619,17620,17621,17622,17623,17624,17625],{"id":17376,"depth":600,"text":17379},{"id":17390,"depth":600,"text":17393},{"id":17452,"depth":600,"text":17455},{"id":17472,"depth":600,"text":17475},{"id":17492,"depth":600,"text":17495},{"id":17546,"depth":600,"text":17549},{"id":559,"depth":600,"text":974},"https://images.unsplash.com/photo-1723145886817-1a2ee70a251b?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3wxMTc3M3wwfDF8c2VhcmNofDEwfHxzbG93JTIwaW4lMjBhbmQlMjBvdXR8ZW58MHx8fHwxNzQxMjM5MjEyfDA&ixlib=rb-4.0.3&q=80&w=2000",{"updated_at":2939,"featured_at":612,"visibility":613},"/blog-i18n/ja/slow-in-out","2025-03-24T10:00:19.000+01:00",{"title":17321,"description":168},"slow-in-out","blog-i18n/ja/slow-in-out/index",[17634],{"id":620,"name":621,"slug":622,"description":7,"feature_image":7,"visibility":613,"og_image":7,"og_title":7,"og_description":7,"twitter_image":7,"twitter_title":7,"twitter_description":7,"meta_title":7,"meta_description":7,"codeinjection_head":7,"codeinjection_foot":7,"canonical_url":7,"accent_color":7,"url":623},"7sxaJXUOSmBen_DjFwf8YCH6DlZ8O8U90euZq02-U9E",{"id":17637,"title":17638,"authors":17639,"body":17641,"description":168,"extension":608,"feature_image":17985,"html":7,"meta":17986,"navigation":11,"path":17988,"published_at":17989,"seo":17990,"slug":17991,"stem":17992,"tags":17993,"__hash__":17995,"updated_at":17987,"featured_at":612,"visibility":613},"blog/blog-i18n/ja/previs-artist/index.md","アニメーションにおけるプリビズ（2026）：完璧なショットの設計図を描く",[17640],{"id":11067,"name":11068,"slug":11069,"profile_image":11070,"cover_image":7,"bio":11071,"website":7,"location":11072,"facebook":7,"twitter":11073,"meta_title":7,"meta_description":7,"threads":7,"bluesky":7,"mastodon":7,"tiktok":7,"youtube":7,"instagram":7,"linkedin":7,"url":11074},{"type":81,"value":17642,"toc":17974},[17643,17664,17667,17670,17673,17675,17681,17684,17687,17690,17692,17698,17705,17708,17711,17714,17716,17722,17758,17761,17763,17769,17778,17798,17801,17803,17809,17818,17821,17841,17843,17849,17852,17878,17880,17886,17889,17909,17911,17917,17920,17940,17942,17946,17949,17952,17955,17968],[84,17644,17646,17649],{"className":17645},[87,88,89],[84,17647,4082],{"className":17648},[93],[84,17650,17652,17653,6995,17658,17663],{"className":17651},[98],"すばらしいアニメーションは、優れた計画から始まります。",[674,17654,17655],{},[486,17656,17657],{"style":678},"プリビジュアライゼーション",[674,17659,17660],{},[486,17661,17662],{"style":678},"プリビズ","）は、本制作が始まる前にアイデアを形にする場所です！",[101,17665,17666],{},"アニメーションは小説を書くように、非常に複雑です。最初の草稿を書くだけではありません。たいていは、細部に踏み込まずに、小説がどのように進化していくかをイメージするために、まずは概要を作ります。",[101,17668,17669],{},"同様に、制作は何もないところからは起こりません。アイデアを探り、残りの作業を計画するために、まずプリビジュアライゼーションから始めます。",[101,17671,17672],{},"この記事では、プリビズアーティストが担う重要な役割と、アイデアをアニメーターのためのガイドへと変えていく方法を紹介します。これらのアーティストが複雑なシーンをどのように細部まで綿密に計画し、さらに、あらゆるカメラアングルや動きがきちんと噛み合うようにどのように担保しているのかを解説します。",[111,17674],{},[114,17676,17678],{"id":17677},"whats-previsualization",[486,17679,17680],{},"プリビジュアライゼーションとは",[101,17682,17683],{},"プリビジュアライゼーション、つまりプリビズとは、3Dアニメーションツールを使ってアニメーションのシーケンスを事前に可視化するプロセスです。",[101,17685,17686],{},"プリビズアーティストは、シーンがどのように展開するかをイメージできるように、ラフなアニメーション版を作り込む責任を担います。",[101,17688,17689],{},"たとえばカーチェイスのシーンでは、プリビズアーティストが3Dソフトを使ってカメラアングル、車の動き、タイミングをシミュレーションし、監督やアニメーターが制作プロセスの次の段階に進む前にアクションがどう見えるかを把握できるようにします。",[111,17691],{},[114,17693,17695],{"id":17694},"why-previs",[486,17696,17697],{},"なぜプリビズが必要なのか",[101,17699,17700,17701,17704],{},"プリビズにより、アニメーターは",[486,17702,17703],{},"制作前に複雑なシーンを可視化して","潜在的な課題を見つけられます。",[101,17706,17707],{},"問題を早期に特定し、シーンを磨き込むことで、後工程での撮り直しや修正が必要になる可能性を減らし、制作コストを大幅に抑えられます。",[101,17709,17710],{},"またプリビジュアライゼーションは、カメラアングル、動き、ライティング、エフェクトをマッピングすることで技術的な計画にも役立ち、あらゆる技術要素がカバーされるようにします。",[101,17712,17713],{},"納品物は、ディレクターからアニメーター、VFXアーティストまで、チーム内のより良いコミュニケーションを可能にする共通言語になります。",[111,17715],{},[114,17717,17719],{"id":17718},"the-previs-items",[486,17720,17721],{},"プリビズの要素",[1148,17723,17724,17734,17746],{},[1151,17725,17726,13307,17729,17733],{},[486,17727,17728],{},"コンセプトアート",[266,17730,4172,17731],{"href":11920},[4123,17732,17728],{}," は、キャラクターのスタイル、カラー、デザイン、ビジュアル、環境、小道具、そしてプロジェクト全体のルックを示す、詳細なビジュアル表現です。制作チームがプロジェクトの美的方向性を決めるための視覚的な参照・ガイドとして機能します。",[1151,17735,17736,17739,17740,17745],{},[486,17737,17738],{},"ストーリーボード"," - ストーリーボードは",[266,17741,4172,17742],{"href":12264},[4123,17743,17744],{},"アニメーション用に意図されたショットを表す素早いスケッチの連なり","です。各パネルは特定の瞬間またはアクションを描き、セリフ、カメラアングル、動きに関するメモが添えられます。ストーリーボードは、物語を明確なナラティブの流れとして可視化するのに役立ちます。",[1151,17747,17748,17751,17752,17757],{},[486,17749,17750],{},"アニマティク"," - アニマティクは、ストーリーボードをさらに発展させたバージョンです。これは",[266,17753,4172,17754],{"href":12944},[4123,17755,17756],{},"ストーリーボードを動画化したもの","で、音を編集してラフなアニメーション版を作ります。アニマティクには仮の音楽トラック、セリフ、効果音が含まれることもあります。タイミングやテンポがどのように感じられ、音と映像がどう連動するかがより明確になります。ただし、最も重要なのは、制作に費用をかける前に、ストーリーの流れやトランジションに潜む問題の可能性をあぶり出すことで、高額になり得るミスを防げることです。",[101,17759,17760],{},"ストーリーボードは物語とショット構成に焦点を当てます。アニマティクはタイミングやテンポ、そして音を映像に統合することを重視します。コンセプトアートはデザインと美術面に焦点を置きます。",[111,17762],{},[114,17764,17766],{"id":17765},"_1-mastering-camera-movement",[486,17767,17768],{},"1. カメラワークをマスターする",[101,17770,17771,17772,17777],{},"より魅力的なシーケンスを作るためには、",[266,17773,4172,17774],{"href":15512},[4123,17775,17776],{},"カメラの動きのテクニック","に関する確かな理解を育てることに注力するのが重要です。カメラワークは視聴者の注意を導くだけでなく、シーンの感情的なインパクトを生むか、台無しにすることもあります。",[1148,17779,17780,17786,17792],{},[1151,17781,17782,17785],{},[486,17783,17784],{},"ストーリーボードでショットを計画する"," - 詳細なストーリーボードを使ってカメラショットを計画し、各カメラの動きが物語を強化することを確かめましょう。物語から注意をそらさないことが大切です。",[1151,17787,17788,17791],{},[486,17789,17790],{},"ダイナミックなアングルを活用する"," - 視聴者の関心を維持するために、カメラアングルや高さのバリエーションを取り入れます。たとえば俯瞰ショットは脆さを感じさせ、一方でローアングルはキャラクターをより力強く見せます。",[1151,17793,17794,17797],{},[486,17795,17796],{},"スムーズなカメラのつなぎを取り入れる"," - ショット間でカメラがどう遷移するかに注意してください。ドリー移動やウィップパンを使って動きを滑らかにし、カクついたカットは避けましょう。",[101,17799,17800],{},"たとえばアクションシーンでは、素早いパンやズームを試してみることが、スピード感や切迫感を強調し、視聴者をアクションの中へより深く引き込む良い方法になり得ます。",[111,17802],{},[114,17804,17806],{"id":17805},"_2-proficiency-in-layout-design",[486,17807,17808],{},"2. レイアウトデザインのスキルを磨く",[101,17810,17811,17817],{},[266,17812,17814],{"href":17813},"https://blog.cg-wire.com/animation-layout/",[4123,17815,17816],{},"レイアウトのスキル","により、各フレームが視覚的にバランスよく配置され、視聴者の視線が自然に重要な要素へ導かれます。",[101,17819,17820],{},"混雑した市場のシーンでは、キャラクターや小道具を戦略的に配置することで視覚的なごちゃつきを防ぎ、主役となるキャラクターに視線が集まる状態を維持できます。",[1148,17822,17823,17829,17835],{},[1151,17824,17825,17828],{},[486,17826,17827],{},"三分割法"," - フレームを3x3のグリッドに分け、重要な要素を交点または線に沿って配置して注意を誘導します。",[1151,17830,17831,17834],{},[486,17832,17833],{},"奥行きとレイヤー"," - 前景・中景・背景のレイヤーを使ってシーンに奥行きを作り、視聴者の目が構図を通して自然に移動できるようにします。",[1151,17836,17837,17840],{},[486,17838,17839],{},"導線（リーディングライン）と視線の通り道"," - 構造要素や形状であっても、視線を注目点へ導く線を追加します。これは、斜めの小道具、キャラクターの視線、またはシーン内の通路などによって実現できます。",[111,17842],{},[114,17844,17846],{"id":17845},"_3-effective-communication",[486,17847,17848],{},"3. 効果的なコミュニケーション",[101,17850,17851],{},"部門間でアイデアやフィードバックを明確に伝えることは、全員が同じ認識を持てるようにするために最重要です。プリビジュアライゼーションの納品物が、結局のところ作業の大部分を決めるため、誤解を防ぐにはチーム全体が正しく仕上げる必要があります。",[1148,17853,17854,17860,17872],{},[1151,17855,17856,17859],{},[486,17857,17858],{},"視覚的な補助を使う"," - ストーリーボード、アニマティク、初期のビジュアルモデルは、言語の壁を埋めることで、アイデアをより効果的に伝えるためのものです。",[1151,17861,17862,17865,17866,17871],{},[486,17863,17864],{},"フィードバックのループを確立する"," - 建設的な批評を自由かつ頻繁に共有できる",[266,17867,4172,17868],{"href":2473},[4123,17869,17870],{},"体系化されたフィードバックのプロセス","を作りましょう。定期的なレビュー会議やチェックインを設定し、異なる部門のチームメンバーが入力できる場を用意します。",[1151,17873,17874,17877],{},[486,17875,17876],{},"すべてを記録する"," - すべての創作上の判断、変更、フィードバックを徹底的に記録してください。これには、プリビズアセットのバージョン履歴を維持し、修正の理由を明確に示すことも含まれます。このドキュメントがあれば、関係者全員がプロジェクトの変遷を追跡でき、過去のミスの再発や重要なフィードバックの見落としのリスクを減らせます。",[111,17879],{},[114,17881,17883],{"id":17882},"_4-animation-timing",[486,17884,17885],{},"4. アニメーションのタイミング",[101,17887,17888],{},"タイミングは、プリビズによってシーケンスをより魅力的にするために非常に重要です。シーケンスのテンポを決めるだけでなく、各アクションの意図を視聴者に伝えるのにも役立ちます。たとえば、ドラマチックな緊張感やコミカルな効果のトーンを決めることにもつながります。",[1148,17890,17891,17897,17903],{},[1151,17892,17893,17896],{},[486,17894,17895],{},"ビートの活用"," - シーンを明確なビートに分解し、重要なアクションやトランジションを際立たせましょう。これは視聴者の集中を維持するだけでなく、重要な物語要素に適切な画面時間を与えることにもつながります。",[1151,17898,17899,17902],{},[486,17900,17901],{},"可変のテンポ"," - アクションの速度を変えて試し、感情への影響を作り分けます。速いテンポは興奮や緊張を高め、遅い動きはドラマチックな瞬間を深めたり、キャラクターの成長を補強したりできます。",[1151,17904,17905,17908],{},[486,17906,17907],{},"再生速度の調整"," - シーケンスをさまざまな再生速度で定期的に見直しましょう。スローにするとタイミングのズレや微細なアニメーションの誤りを検出しやすくなり、スピードを上げるとシーンの流れやエネルギーがテストできます。",[111,17910],{},[114,17912,17914],{"id":17913},"_5-developing-a-cinematic-eye",[486,17915,17916],{},"5. シネマティックな視点を育てる",[101,17918,17919],{},"良いプリビズアーティストは、映画的なレンズでシーンを捉えることができます。カメラやレイアウト／構図といった要素に加えて、ライティングや全体のムードにも注意を払います。",[1148,17921,17922,17928,17934],{},[1151,17923,17924,17927],{},[486,17925,17926],{},"映画と写真を研究する"," - ディレクターがカメラアングル、動き、ショット構成をどう使っているかに細かく注目しましょう。写真を分析して、ライティング、フレーミング、三分割法を理解します。",[1151,17929,17930,17933],{},[486,17931,17932],{},"スケッチの練習をする"," - 定期的にシーンをスケッチすると、3Dソフトに時間を投資しすぎずに、さまざまなビジュアルアイデアを試せます。スケッチを通して、視点、スケール、視覚的な流れの重要性を強調しながら、シーンが映像へどう変換されるかをイメージする力を鍛えられます。",[1151,17935,17936,17939],{},[486,17937,17938],{},"さまざまなライティングとムードのセットアップを試す"," - ライティングは、シーンを照らすだけではありません。トーンを作ることでもあります。さまざまなライティング設定を試して、ムードやストーリーテリングへの影響を理解しましょう。有名な映画のライティング状況を再現して、光がシーンをどう変えるかを実際に確かめるのもおすすめです。",[111,17941],{},[114,17943,17944],{"id":559},[486,17945,560],{},[101,17947,17948],{},"プリビジュアライゼーションはとても重要で、制作の成否を左右し得るものです。",[101,17950,17951],{},"カメラ、レイアウト、タイミングをマスターするという技術的なチャレンジであるだけでなく、アニメーションスタジオ全体の仕事をひとつのビジョンに揃えていくための協働上のチャレンジでもあります。その結果生まれるコンセプトアート、ストーリーボード、アニマティクスが、その後のすべての土台を築きます。",[101,17953,17954],{},"プリビズアーティストの作業が完了すると、制作段階が始まります。しかしそこで仕事が終わるわけではありません。プリビズアーティストは、納品物を他のアニメーターが理解できるようにし、さらに創造的なビジョンを維持しながら、それらを最終成果物へと翻訳する手助けをします。",[84,17956,17958,17961],{"className":17957},[87,88,89],[84,17959,576],{"className":17960},[93],[84,17962,11393,17964,17967],{"className":17963},[98],[266,17965,17290],{"href":583,"rel":17966},[585],"！ ベストプラクティスを共有する1,000人以上の専門家とつながり、時には対面イベントも企画しています。ぜひようこそお迎えしたいと思っています！ 😊",[84,17969,17971],{"className":17970},[87,591,592],[266,17972,598],{"href":583,"className":17973},[596,597],{"title":168,"searchDepth":600,"depth":600,"links":17975},[17976,17977,17978,17979,17980,17981,17982,17983,17984],{"id":17677,"depth":600,"text":17680},{"id":17694,"depth":600,"text":17697},{"id":17718,"depth":600,"text":17721},{"id":17765,"depth":600,"text":17768},{"id":17805,"depth":600,"text":17808},{"id":17845,"depth":600,"text":17848},{"id":17882,"depth":600,"text":17885},{"id":17913,"depth":600,"text":17916},{"id":559,"depth":600,"text":560},"https://blog.cg-wire.com/content/images/2025/03/PIX-2-Halon_FordvFerrari1.jpg",{"updated_at":17987,"featured_at":612,"visibility":613},"2026-03-26T10:39:39.000+01:00","/blog-i18n/ja/previs-artist","2025-03-17T10:00:36.000+01:00",{"title":17638,"description":168},"previs-artist","blog-i18n/ja/previs-artist/index",[17994],{"id":620,"name":621,"slug":622,"description":7,"feature_image":7,"visibility":613,"og_image":7,"og_title":7,"og_description":7,"twitter_image":7,"twitter_title":7,"twitter_description":7,"meta_title":7,"meta_description":7,"codeinjection_head":7,"codeinjection_foot":7,"canonical_url":7,"accent_color":7,"url":623},"V7S2iDMj4AUNHbdJwfL_Q6deX8d8q7cEkqiVFC_u1J4",{"id":17997,"title":17998,"authors":17999,"body":18001,"description":168,"extension":608,"feature_image":18277,"html":7,"meta":18278,"navigation":11,"path":18280,"published_at":18281,"seo":18282,"slug":18283,"stem":18284,"tags":18285,"__hash__":18287,"updated_at":18279,"featured_at":612,"visibility":613},"blog/blog-i18n/ja/follow-through-overlapping-action/index.md","フォロー・スルー＆オーバーラップするアクション（2026）：流れるような動きの鍵",[18000],{"id":11067,"name":11068,"slug":11069,"profile_image":11070,"cover_image":7,"bio":11071,"website":7,"location":11072,"facebook":7,"twitter":11073,"meta_title":7,"meta_description":7,"threads":7,"bluesky":7,"mastodon":7,"tiktok":7,"youtube":7,"instagram":7,"linkedin":7,"url":11074},{"type":81,"value":18002,"toc":18265},[18003,18014,18022,18025,18028,18030,18036,18039,18042,18044,18050,18053,18055,18060,18063,18066,18069,18071,18077,18080,18083,18085,18091,18094,18097,18100,18103,18105,18111,18114,18117,18120,18123,18125,18131,18134,18137,18140,18143,18145,18151,18154,18157,18159,18165,18174,18177,18180,18183,18215,18217,18221,18224,18243,18246,18259],[84,18004,18006,18010],{"className":18005},[87,88,89],[84,18007,18009],{"className":18008},[93],"🏃",[84,18011,18013],{"className":18012},[98],"キャラクターが走り止まった後も髪が動き続けているのに気づいたことはありますか？それが、フォロー・スルー＆オーバーラップするアクションです！",[101,18015,18016,18017,18021],{},"理解",[266,18018,4172,18019],{"href":13511},[4123,18020,15711],{},"は、プロのアニメーターにとって最初のステップの一つです。その中でも、フォロー・スルーとオーバーラップするアクションの原則は特に分かりやすいものの一つで、どんなにシンプルな制作でも、あらゆるアニメーション作品で見ることができます。",[101,18023,18024],{},"この記事では、このアニメーション原則のベストプラクティスを探ります。ジャンプの着地後に残る動きの理解から、レイヤー化したアニメーション技術によってセカンダリー（副次的）な動きを振り付けのようにマスターするまで――基本をすべて解説します。",[101,18026,18027],{},"最後には、この原則が何についてのものかをしっかり理解でき、自分のアニメーション制作で活かせる実行可能なアイデアを持てるはずです。",[111,18029],{},[114,18031,18033],{"id":18032},"whats-follow-through",[486,18034,18035],{},"フォロー・スルーとは",[101,18037,18038],{},"フォロー・スルーの原則とは、主要な動作が止まった後も、キャラクターや物体のさまざまな要素において動きが継続することを指します。",[101,18040,18041],{},"たとえば、アニメーションしたキャラクターが突然走るのを止めたとき、長い髪は落ち着くまでの間、ほんの少し前に動くかもしれません。",[111,18043],{},[114,18045,18047],{"id":18046},"whats-overlapping-action",[486,18048,18049],{},"オーバーラップするアクションとは",[101,18051,18052],{},"キャラクターが走ると、髪や衣服も一緒に動きます。キャラクターや物体の異なる部位が動く際に生じる、わずかな遅れやタイミングの違いのことを、オーバーラップするアクションと呼びます。",[111,18054],{},[114,18056,18057],{"id":16746},[486,18058,18059],{},"この原則が重要な理由",[101,18061,18062],{},"フォロー・スルーとオーバーラップするアクションは、物体やキャラクターの「重さ」や「質量」を伝え、アニメーションに重力や慣性の感覚を与えます。",[101,18064,18065],{},"これらの原則は、動きに自然な遅れと流動性を導入し、アニメーションを機械的にしにくくします。",[101,18067,18068],{},"キャラクターの動き方は感情状態についての情報を明らかにし、さらにオーバーラップを使って緊張感を作ったり、シーン内の重要な瞬間を際立たせたりすることもできます。",[111,18070],{},[114,18072,18074],{"id":18073},"_1-prioritize-weight-and-momentum",[486,18075,18076],{},"1. 重さと勢い（モメンタム）を優先する",[101,18078,18079],{},"重さと勢いを正確に表現するには、アニメーターはまず、重力・慣性、その他の力のもとで、さまざまな物体やキャラクターがどう反応するのかを理解しなければなりません。",[101,18081,18082],{},"キャラクターがジャンプした場合、着地した瞬間にアクションが単純に終わるわけではありません。その代わり、体の各部や髪、あるいはだぶついた衣服は、ジャンプで生み出された勢いによって動き続けます。この名残のような動きは、着地の際に働く下向きの力を強調する絶好の機会です。キャラクターの髪が跳ねる様子や、緩んだ衣服が動きが終わったように見えてからも、ゆっくりとたなびき、徐々に落ち着いていく様子などで観察できます。",[111,18084],{},[114,18086,18088],{"id":18087},"_2-use-layered-animation-techniques",[486,18089,18090],{},"2. レイヤー化したアニメーション技術を使う",[101,18092,18093],{},"レイヤー化したアニメーションとは、動きのさまざまな要素を別々のレイヤーとして分け、それぞれを個別に操作できるようにすることです。たとえばプライマリー（主要）とセカンダリー（副次的）な動きを分けることで、オーバーラップの調整がしやすくなります。",[101,18095,18096],{},"アニメーターは、胴体の動きのような主要な身体の動きから始めるべきです。胴体はキャラクターの体の中心軸として機能します。多くの場合、ここがプライマリーな動きの源になるため、まず胴体の動きを確立すると、そこから他のアクションを現実的に基づけられる、しっかりした土台ができます。プライマリーの動きが配置できたら、オーバーラップするアクションを含むセカンダリーな動きを追加できます。",[101,18098,18099],{},"メインの動きがアニメーションされたら、その後は追加のフォロー・スルーのアニメーションに注意を移せます。各要素を別々に扱うことで、各動きが自然に流れ、あるフェーズから次のフェーズへスムーズに移行していくことを保証できます。",[101,18101,18102],{},"帽子、ネックレス、その他の小道具のようなアクセサリーを追加して、アニメーションにさらなる奥行きを与えることもできます。",[111,18104],{},[114,18106,18108],{"id":18107},"_3-use-reference-footage",[486,18109,18110],{},"3. リファレンス映像を使う",[101,18112,18113],{},"この原則をマスターするための効果的な戦略の一つは、リファレンス映像を使うことです。実写のリファレンスを分析し、分解することで、想像だけでは捉えにくいニュアンスのある動きの詳細を理解しやすくなります。",[101,18115,18116],{},"リファレンス映像は、視覚的な助けがなければ見落とされがちな細かな点を提供しつつ、リアリティの感覚を大きく伝えます。たとえば、ダンサーがジャンプした後に身体がどのように滑らかに動き続けるのか、あるいは俳優の髪が頭の動きにどう追随するのか――これらの観察は、アニメーションにおけるリアルなフォロー・スルーを作る上で非常に貴重な洞察になります。現実の中でこれらの動きがどのように起きているかを観察すれば、再現したり、場合によっては意図的に誇張してインパクトを高めることもできます。",[101,18118,18119],{},"スポーツシーンをアニメーションする際は、動作中の選手をスローモーションで観察することが特に役立ちます。これらのシーケンスをコマごとに分解することで、身体の各部が一体となった動きにどう寄与しているかをより深く理解できます。",[101,18121,18122],{},"複雑な表情についても同様です。表情には43の筋肉が関与しており、それぞれがオーバーラップする動き、そしてときにはフォロー・スルーのアニメーション（例：目がショックの残像で揺れる）を伴います。",[111,18124],{},[114,18126,18128],{"id":18127},"_4-integrate-secondary-animation-early",[486,18129,18130],{},"4. セカンダリー（副次的）アニメーションを早めに統合する",[101,18132,18133],{},"整合性を保つために、アニメーションの初期段階でセカンダリーの動作を計画し、組み込みます。",[101,18135,18136],{},"そうすることで、プライマリーとセカンダリーの間で起きうる不連続を防ぎ、広範な修正が必要になるような噛み合わない動きを回避できます。その結果、リビジョンにかかる時間を減らせます。",[101,18138,18139],{},"たとえば、初期のスケッチやストーリーボードを提案する段階で、起こりそうなフォロー・スルーやオーバーラップするアクションを組み込むことができます。",[101,18141,18142],{},"鳥の群れが飛び立つシーンを考えてみましょう。初期の計画段階では、各鳥の翼や尾、そして身体が、空へ舞い上がる際にそれぞれ独立して動きながらも、調和しているところをイメージすることが重要です。スケッチには、羽が翼の動きに対してわずかに遅れて揺れる様子や、身体が自然に上下へバウンドする様子などが含まれるかもしれません。これらの考慮事項を早い段階で共有することで、チームは盤石な土台の上に作業を進められます。",[111,18144],{},[114,18146,18148],{"id":18147},"_5-optimize-timing-for-narrative-impact",[486,18149,18150],{},"5. 物語へのインパクトのためにタイミングを最適化する",[101,18152,18153],{},"効果的なタイミングは、シーンのリズムを制御し、適切なエネルギーや感情を伝えます。同様に、ストーリーテリングを強化するために、フォロー・スルーやオーバーラップ内でタイミングを調整する必要があります。",[101,18155,18156],{},"キャラクターが薄暗い部屋に忍び込むようなサスペンスシーンでは、揺れるドアのようなアクションにおけるフォロー・スルーのタイミングが重要になります。ドアの振れのアニメーションを引き延ばすことで、アニメーターは期待感を構築し、緊張感のある雰囲気を作り出せます。ドアが長い軋みとともにゆっくり止まっていくと、視聴者はキャラクターが慎重に入ってきたことを感じ取り、ドアの開閉におけるフォロー・スルーの緊張感がさらに高まります。",[111,18158],{},[114,18160,18162],{"id":18161},"_6-implement-advanced-rigging-solutions",[486,18163,18164],{},"6. 高度なリギング（ライグ）ソリューションを実装する",[101,18166,18167,18168,18173],{},"リグとは",[266,18169,4172,18170],{"href":12358},[4123,18171,18172],{},"デジタルキャラクターモデル内の骨格構造、または制御システム","で、アニメーターが動きを作るために使用します。これはアニメーターと3Dモデルの間に入る仲介役であり、より簡単かつ正確にモデルを操作できるようにします。",[101,18175,18176],{},"しっかりしたリグは、表情豊かなフォロー・スルーやオーバーラップするアクションのアニメーションにおける作業量と複雑さを大幅に減らせるため、そのようなリグを設計し、用途に応じて活用すべきです。",[101,18178,18179],{},"適切に構築されたリグがないと、アニメーターはキャラクターの動きの各要素を手作業で調整する細部に追われてしまい、時間の非効率化やアニメーション上の不整合につながる恐れがあります。",[101,18181,18182],{},"たとえば、動的なInverse Kinematics（IK）とForward Kinematics（FK）のスイッチ制御を備えたカスタムリグを作成し、尻尾の流れるような動きを、常に手作業で調整することなく扱えるようにします：",[3067,18184,18185,18191,18197,18203,18209],{},[1151,18186,18187,18190],{},[486,18188,18189],{},"構造を定義する"," - まず、動きと柔軟性が必要になるキャラクターの尻尾の主要部を特定します。多くの場合、3Dソフト内でそれらをいくつかのセグメント、または「ボーン」に分解します。各セグメントは、独立して動けると同時に、つながってまとまりのある一体として機能する必要があります。",[1151,18192,18193,18196],{},[486,18194,18195],{},"IKコントロールをセットアップする"," - 尻尾にInverse Kinematics（IK）を実装し、尻尾の先端を動かせるようにして、残りのセグメントがそれに応じて追随するようにします。これは特に、他のオブジェクトと干渉するときや、サーフェスとの接触を維持する必要があるときに、尻尾の位置を素早く決めるのに役立ちます。",[1151,18198,18199,18202],{},[486,18200,18201],{},"FKコントロールを構成する"," - IKと並行して、Forward Kinematics（FK）コントロールもセットアップし、尻尾の各セグメントをそれぞれ独立に回転させられるようにします。これはカーブの微調整や、自然で流れるような動きを追加するうえで不可欠です。",[1151,18204,18205,18208],{},[486,18206,18207],{},"スイッチングシステムを作る"," - リグ内にIK/FKスイッチを組み込み、IKコントロールとFKコントロールの間をシームレスに切り替えられるようにします。これにより、必要なアクションに応じてアニメーターが2つのシステムを切り替えでき、最適な尻尾のアニメーションのために両手法の強みを組み合わせられます。",[1151,18210,18211,18214],{},[486,18212,18213],{},"ダイナミックな機能を追加する"," - リグにダイナミクス、またはセカンダリーのモーション制御システムを組み込み、尻尾の動きに自然な物理挙動をシミュレートして、さらにリアリティを加えます。たとえば、自動スウェイ（左右への揺れ）やバウンス機能など、キャラクターの主要な動きに反応する要素です。",[111,18216],{},[114,18218,18219],{"id":559},[486,18220,560],{},[101,18222,18223],{},"フォロー・スルーやオーバーラップするアクションを追加するのは難しいこともありますが、その結果は間違いなく価値があります！作業を楽にするために、次のベストプラクティスに必ず従いましょう：",[1148,18225,18226,18229,18232,18235,18237,18240],{},[1151,18227,18228],{},"重さと勢い（モメンタム）に注意する",[1151,18230,18231],{},"レイヤーを使う",[1151,18233,18234],{},"セカンダリーの動きを計画する",[1151,18236,13439],{},[1151,18238,18239],{},"感情へのインパクトにタイミングを活かす",[1151,18241,18242],{},"高度なリグ",[101,18244,18245],{},"アニメーションは物語だけのためではなく、細かなニュアンスでどう伝えるかが重要です。退屈なアニメーションと素晴らしいアニメーションの大きな違いは、まさにそこにあります。フォロー・スルーとオーバーラップするアクションはこの点で重要な鍵なので、ぜひおろそかにしないでください！",[84,18247,18249,18252],{"className":18248},[87,88,89],[84,18250,576],{"className":18251},[93],[84,18253,9599,18255,18258],{"className":18254},[98],[266,18256,6624],{"href":583,"rel":18257},[585],"！私たちは、ベストプラクティスを共有する1,000人以上の専門家とつながっており、時には対面イベントも企画しています。ぜひようこそお迎えしたいです！ 😊",[84,18260,18262],{"className":18261},[87,591,592],[266,18263,598],{"href":583,"className":18264},[596,597],{"title":168,"searchDepth":600,"depth":600,"links":18266},[18267,18268,18269,18270,18271,18272,18273,18274,18275,18276],{"id":18032,"depth":600,"text":18035},{"id":18046,"depth":600,"text":18049},{"id":16746,"depth":600,"text":18059},{"id":18073,"depth":600,"text":18076},{"id":18087,"depth":600,"text":18090},{"id":18107,"depth":600,"text":18110},{"id":18127,"depth":600,"text":18130},{"id":18147,"depth":600,"text":18150},{"id":18161,"depth":600,"text":18164},{"id":559,"depth":600,"text":560},"https://blog.cg-wire.com/content/images/2025/03/Follow-Through-and-Overlapping-Action-3.jpg",{"updated_at":18279,"featured_at":612,"visibility":613},"2026-03-26T10:34:19.000+01:00","/blog-i18n/ja/follow-through-overlapping-action","2025-03-10T10:00:12.000+01:00",{"title":17998,"description":168},"follow-through-overlapping-action","blog-i18n/ja/follow-through-overlapping-action/index",[18286],{"id":620,"name":621,"slug":622,"description":7,"feature_image":7,"visibility":613,"og_image":7,"og_title":7,"og_description":7,"twitter_image":7,"twitter_title":7,"twitter_description":7,"meta_title":7,"meta_description":7,"codeinjection_head":7,"codeinjection_foot":7,"canonical_url":7,"accent_color":7,"url":623},"1FuD86wKmqD_uqm3v5c7ynfl6bepo0BWopw0ogMy8Ho",{"id":18289,"title":18290,"authors":18291,"body":18293,"description":168,"extension":608,"feature_image":18514,"html":7,"meta":18515,"navigation":11,"path":18517,"published_at":18518,"seo":18519,"slug":18520,"stem":18521,"tags":18522,"__hash__":18524,"updated_at":18516,"featured_at":612,"visibility":613},"blog/blog-i18n/ja/squash-stretch-principle/index.md","（2026）アニメーションにおけるスクワッシュ＆ストレッチ原理を極める",[18292],{"id":11067,"name":11068,"slug":11069,"profile_image":11070,"cover_image":7,"bio":11071,"website":7,"location":11072,"facebook":7,"twitter":11073,"meta_title":7,"meta_description":7,"threads":7,"bluesky":7,"mastodon":7,"tiktok":7,"youtube":7,"instagram":7,"linkedin":7,"url":11074},{"type":81,"value":18294,"toc":18506},[18295,18306,18313,18316,18319,18321,18327,18330,18333,18336,18338,18344,18347,18350,18353,18361,18364,18367,18369,18375,18378,18381,18384,18387,18390,18410,18412,18418,18426,18429,18432,18435,18438,18440,18446,18449,18452,18455,18468,18471,18473,18477,18480,18483,18486,18500],[84,18296,18298,18302],{"className":18297},[87,88,89],[84,18299,18301],{"className":18300},[93],"🐶",[84,18303,18305],{"className":18304},[98],"スクワッシュ＆ストレッチはカートゥーンのためだけではありません。アニメーションを自然で、表現豊かで、生き生きとしたものにするための“秘密”です！",[101,18307,18308,18309,18312],{},"人が「そのアニメーションは“",[486,18310,18311],{},"カートゥーンっぽい","”」と言うとき、たいていアニメーターが動き全体で誇張したスクワッシュ＆ストレッチ効果を使っていることを意味します。",[101,18314,18315],{},"アニメーターは、スクワッシュ＆ストレッチを12の原理の中で最も重要だと呼びます。なぜなら、それが西洋アニメーションにおける象徴的な特徴だからです。ただし実際にはかなりシンプルで、対象の物体やキャラクターが「ゴムボールのような物理的性質」を持っていると想像するだけです。キャラクターに対して行われるあらゆる動作や力は、元の形に戻る前に、わずかに変形させるべきです。",[101,18317,18318],{},"よりリアルなアニメーションでも、スクワッシュ＆ストレッチが習得すべき重要な原理である理由を少なくとも3つ挙げることができます。",[111,18320],{},[114,18322,18324],{"id":18323},"why-squash-stretch",[486,18325,18326],{},"スクワッシュ＆ストレッチの理由",[101,18328,18329],{},"スクワッシュ＆ストレッチの原理は、物体やキャラクターの質量と重さを伝え、動きを物理により“どっしりとした”ものに見せるのに役立ちます。たとえばボールが地面に当たるときは、衝撃の力と、自身の重さによる圧縮を示すために潰れます。ボールが跳ね返るときは、バウンドのスピードとエネルギーを伝えるために伸びます。これにより、物体が重いのか軽いのか、硬いのか柔らかいのかといった、その性質について視聴者に多くの情報が伝わります。",[101,18331,18332],{},"またアニメーターは、感情をアニメーション化するためにもスクワッシュ＆ストレッチを使います。キャラクターが驚いているときは、目が大きく開き、口が引き伸ばされて開きます。しかしキャラクターが悲しいときは、まぶたが垂れ、顔は内側に潰れるようになります。このような誇張された表情の特徴は、何かを説明する必要なく、キャラクターの感情状態を視聴者に伝えます。",[101,18334,18335],{},"よりリアルなアニメーションであっても、スクワッシュ＆ストレッチは、動きが硬直的あるいは機械的に見えるのを防ぐことで、アニメーションの品質に貢献します。人が走るとき、筋肉や皮膚は自然にスクワッシュ＆ストレッチします。頭も、跳ねるボールのように左右に揺れます。",[111,18337],{},[114,18339,18341],{"id":18340},"preserving-volume",[486,18342,18343],{},"ボリュームを維持する",[101,18345,18346],{},"物体やキャラクターが動くとき、その体積（ボリューム）は一貫しているべきです。ただし、重力や運動量などの力を反映するために、形は変わってよいのです。",[101,18348,18349],{},"ゴムボールが地面に当たって潰れるときは、単に平たくなるだけでなく、同じ総量の質量を保つために、より“広く”なるべきです。跳ね返るときに伸びる場合も、質量を失わずに“背が高く”なるはずです。これを崩さないためには、物体のボリュームを「消えず、形を変えるだけの固定量」として常にイメージし続ける必要があります。",[101,18351,18352],{},"変形の間もキャラクターや物体のボリュームが保たれるようにするには、ガイドが非常に役立ちます。",[101,18354,18355,18356],{},"たとえば、",[266,18357,4172,18358],{"href":15344},[4123,18359,18360],{},"キューブ、球、円柱のような基本的な体積形状を“アンカー”として使う",[101,18362,18363],{},"アニメーション中は、これらのガイドをアニメーションパスに沿って調整することで、適切なプロポーションを維持するのに役立ちます。",[101,18365,18366],{},"定番のエクササイズとしては、跳ね回って歪む小麦粉の袋、または水風船をアニメーション化するものがあります。アニメーターは、物体の内部にある“質量の流れ”がどのように変形していくかに注目します。",[111,18368],{},[114,18370,18372],{"id":18371},"timing-and-spacing",[486,18373,18374],{},"タイミングとスぺーシング",[101,18376,18377],{},"タイミングは動作がどれくらいの時間かかるかであり、スぺーシングはフレームごとに物体がどこに配置されるかです。",[101,18379,18380],{},"スクワッシュ＆ストレッチに取り組むときは、タイミングとスぺーシングを、スピードや重さといった物体の特性が反映されるように調整します。素早く鋭いストレッチはスピードを示し、ゆっくりで小さなスクワッシュは重い物体を示します。",[101,18382,18383],{},"目安として、重い物体はスクワッシュ＆ストレッチが少なく、素早いタイミングで動きます。一方で軽い物体は、より誇張された歪みと、より遅い動きが必要です。",[101,18385,18386],{},"スクワッシュ＆ストレッチの量も、物体の素材特性を反映するべきです。同じ質量であっても、ゴムボールは大きくスクワッシュ＆ストレッチしますが、ボウリング球なら形の変化はほとんど見られません。",[101,18388,18389],{},"スクワッシュは、別の面との接触や力が加わったときに起こります。ストレッチは、先行（anticipation）とフォロー・スルー（follow-through）の間に接触の前後で起こることが多いです。効果をうまく成立させるには、トランジションを滑らかにする必要があります。キャラクターのジャンプの例：",[1148,18391,18392,18398,18404],{},[1151,18393,18394,18397],{},[486,18395,18396],{},"先行（Anticipation）"," - キャラクターがジャンプする前に、いくつかのフレームでしゃがんでエネルギーを溜めます。脚のスクワッシュは、大きなアクションが起こる前触れとして、視聴者への視覚的な合図になります。",[1151,18399,18400,18403],{},[486,18401,18402],{},"スクワッシュ＆ストレッチ（Squash and stretch）"," - 飛び上がる際は、上方向の動きにおけるストレッチを使って、動きのスピードと方向性を強調します。",[1151,18405,18406,18409],{},[486,18407,18408],{},"フォロー・スルー（Follow-through）"," - 着地したら、膝を曲げるときにスクワッシュを使い、衝撃をクッションのように受け止めて自然に立ち上がりへつなげます。",[111,18411],{},[114,18413,18415],{"id":18414},"a-tool-for-expression",[486,18416,18417],{},"表現のためのツール",[101,18419,18420,18421],{},"先ほども述べたように、スクワッシュ＆ストレッチの原理は",[266,18422,4172,18423],{"href":11572},[4123,18424,18425],{},"動きを誇張することで感情や個性を効果的に表現する",[101,18427,18428],{},"さまざまな圧縮や弾性の度合いが、異なる感情的・精神的状態を反映します。",[101,18430,18431],{},"ワクワクしていたり楽しく感じているキャラクターは、アニメーション内でより多くのストレッチを入れることで、羽のように軽く見せることができます。",[101,18433,18434],{},"重くて不機嫌そうなキャラクターなら、動くときに“潰れる側（スクワッシュ側）”でスクワッシュ＆ストレッチをより多めに使い、ストレッチは最小限にします。体の大部分を凝縮させて地面に低く保つことで、その重たくて動きの鈍い性格を示せるのです。",[101,18436,18437],{},"アニメの美学では、突然の感情の変化を強調するために一時的な顔の誇張が大きく活用されます。とりわけ、目や口をスクワッシュまたはストレッチすることで視聴者の注意を引きます。",[111,18439],{},[114,18441,18443],{"id":18442},"usage-in-animation-cycles",[486,18444,18445],{},"アニメーション・サイクルでの使い方",[101,18447,18448],{},"動きはめったに一直線に進行しないため、アニメーターは自分の狙っている動きのタイミングに何が最も合うかを確認するために、アニメーションソフト上でさまざまなイージングカーブを試します。たとえば、キャラクターが走るときはダッシュの序盤でより多くのエネルギーを見せる必要があるので、アニメーターは短い時間の中でより多くのスクワッシュ＆ストレッチを加えます。",[101,18450,18451],{},"走る話に戻ると、ループアニメーション（サイクル）ではバランスが非常に重要です。繰り返しが多すぎると単調になるため、変化を取り入れる必要があります。",[101,18453,18454],{},"サイクルごとのスクワッシュ＆ストレッチのタイミングやスケールを少し調整するだけで、アニメーションの質が大きく上がります。たとえば、1ステップのスピード、姿勢、あるいはスクワッシュ＆ストレッチの振幅を変えるだけで済みます。例：",[158,18456,18459],{"className":18457},[87,18458],"kg-embed-card",[18460,18461],"iframe",{"width":18462,"height":18463,"src":18464,"frameBorder":1294,"allow":18465,"referrerPolicy":18466,"allowFullScreen":11,"title":18467},200,113,"https://www.youtube.com/embed/neiPpkXD7F8?feature=oembed","accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share","strict-origin-when-cross-origin","Animating a Heavy Run With ProRigs - Head Squash And Stretch",[101,18469,18470],{},"体がどのように自然に圧縮され、伸びるかに特に注目してください。歩行サイクルでは、体の重さが1歩ごとに移動します。キャラクターの足が地面に触れるときは、衝撃を伝えるためにわずかにスクワッシュを入れます。キャラクターが地面を押し離すときは、推進力を示すために先行する脚を少しストレッチさせることができます。",[111,18472],{},[114,18474,18475],{"id":559},[486,18476,560],{},[101,18478,18479],{},"スクワッシュ＆ストレッチの原理をマスターすることは、アニメーターにとって重要です。カートゥーンっぽい表現を目指すのか、それともリアルな美学を目指すのかにかかわらず、この原理は鍵になります。",[101,18481,18482],{},"スクワッシュ＆ストレッチはアニメーションの礎であり、アニメーターが“重さ”や“スピード”といった物体の物理的性質だけでなく、視覚的な手がかりを通してキャラクターの感情状態も伝えられるようにしてくれます。あとは、ボリューム、タイミング、そして加えられる力に気を配って、アートと物理の間のギャップを埋めるだけです。",[101,18484,18485],{},"さらに他の11の原理と組み合わせることで、スクワッシュ＆ストレッチはアニメーションを一段引き上げる素晴らしい方法になります！",[84,18487,18489,18492],{"className":18488},[87,88,89],[84,18490,576],{"className":18491},[93],[84,18493,18495,18496,18499],{"className":18494},[98],"アニメーション制作プロセスについてもっと学ぶには",[266,18497,6624],{"href":583,"rel":18498},[585],"！ベストプラクティスを共有する1,000人以上の専門家とつながれますし、時には対面イベントを企画することもあります。ぜひあなたを歓迎したいです！😊",[84,18501,18503],{"className":18502},[87,591,592],[266,18504,598],{"href":583,"className":18505},[596,597],{"title":168,"searchDepth":600,"depth":600,"links":18507},[18508,18509,18510,18511,18512,18513],{"id":18323,"depth":600,"text":18326},{"id":18340,"depth":600,"text":18343},{"id":18371,"depth":600,"text":18374},{"id":18414,"depth":600,"text":18417},{"id":18442,"depth":600,"text":18445},{"id":559,"depth":600,"text":560},"https://blog.cg-wire.com/content/images/2025/02/squash-and-stretch.webp",{"updated_at":18516,"featured_at":612,"visibility":613},"2026-03-26T10:42:37.000+01:00","/blog-i18n/ja/squash-stretch-principle","2025-03-03T10:00:27.000+01:00",{"title":18290,"description":168},"squash-stretch-principle","blog-i18n/ja/squash-stretch-principle/index",[18523],{"id":620,"name":621,"slug":622,"description":7,"feature_image":7,"visibility":613,"og_image":7,"og_title":7,"og_description":7,"twitter_image":7,"twitter_title":7,"twitter_description":7,"meta_title":7,"meta_description":7,"codeinjection_head":7,"codeinjection_foot":7,"canonical_url":7,"accent_color":7,"url":623},"NrzoI0BKn9UzvK6KixeMmozvOiFFPqUvpdd0XA0lkhk",{"id":18526,"title":18527,"authors":18528,"body":18530,"description":168,"extension":608,"feature_image":18851,"html":7,"meta":18852,"navigation":11,"path":18854,"published_at":18855,"seo":18856,"slug":18857,"stem":18858,"tags":18859,"__hash__":18861,"updated_at":18853,"featured_at":612,"visibility":613},"blog/blog-i18n/ja/anticipation-principle/index.md","アニメーションにおける「予告」（2026）：インパクトあるモーションの鍵",[18529],{"id":11067,"name":11068,"slug":11069,"profile_image":11070,"cover_image":7,"bio":11071,"website":7,"location":11072,"facebook":7,"twitter":11073,"meta_title":7,"meta_description":7,"threads":7,"bluesky":7,"mastodon":7,"tiktok":7,"youtube":7,"instagram":7,"linkedin":7,"url":11074},{"type":81,"value":18531,"toc":18841},[18532,18546,18549,18556,18565,18568,18571,18573,18577,18580,18586,18595,18597,18603,18606,18626,18629,18635,18638,18641,18650,18653,18656,18659,18661,18667,18670,18673,18676,18679,18682,18684,18690,18693,18696,18699,18702,18705,18707,18713,18716,18719,18722,18725,18727,18733,18742,18745,18748,18751,18753,18759,18762,18765,18768,18771,18780,18789,18798,18807,18809,18813,18816,18819,18822,18835],[84,18533,18535,18538],{"className":18534},[87,88,89],[84,18536,18009],{"className":18537},[93],[84,18539,18541],{"className":18540},[98],[674,18542,18543],{},[486,18544,18545],{"style":678},"すばらしいアニメーションとは、単に動きを描くことだけではありません。動きの「舞台」を整えることなのです。予告は、動作を自然で、インパクトがあり、そして魅力的に感じさせるための鍵です！",[101,18547,18548],{},"キャラクターが別のキャラクターを殴るアニメーションを作るとき、いきなり殴りに行くのではありません。キャラクターに眉をひそめる時間を与え、腕を引き、そしてターゲットに当てるのです。",[101,18550,18551,18552,18555],{},"それが",[486,18553,18554],{},"予告（anticipation）","を作ることで、パンチがとても気持ちよく感じられるようになります！",[101,18557,18558,18559,18564],{},"アニメーターには用語があります。それが",[486,18560,18561],{},[4123,18562,18563],{},"予告の原則（anticipation principle）","です。これを使って観客を動作に向けて準備させ、その効果を最大化します。",[101,18566,18567],{},"ジャンプであっても、会話の開始であっても、敵を退ける場面であっても、あなたのアニメーションはそこから恩恵を受けられます。",[101,18569,18570],{},"この記事では、なぜ予告が重要なのか、そしてそれを最大限に活かして行動につながる形でアニメーションスキルを高める方法を探ります。お楽しみください！",[111,18572],{},[114,18574,18575],{"id":16746},[486,18576,13973],{},[101,18578,18579],{},"予告は、これから起こることを観客に先に伝えることで、アクションをより理解しやすくします。これからの動きをほのめかすことで、視聴者の注意の向け先が整理され、混乱が減ります。たとえば、ジャンプするキャラクターは、空中に飛び出す直前に少ししゃがむはずです。このしゃがむ動きが、観客に「このキャラクターはこれからジャンプする」と知らせ、期待を組み立てるのです。",[101,18581,18582,18583,18585],{},"現実の世界では",[486,18584,4172],{},"最も重要な行動の多くが、必要な勢いとパワーを作る助けとなる「準備の動き」を伴います。このため、予告は現実の動作の自然な物理やメカニズムに呼応しており、リアリティにとって重要です。",[101,18587,18588,18589,18594],{},"予告にはさまざまなスタイルがあり、それによって",[266,18590,4172,18591],{"href":11572},[4123,18592,18593],{},"キャラクターの気分や性格に関する手がかり","を与えられます。たとえば、どこか悪戯っぽく別のキャラクターの背後に忍び込もうとしているキャラクターなら、左右をそっと見回し、ずるそうににやりと笑い、そして膝をゆっくり曲げるかもしれません。予告は、アニメーターにとって、キャラクターを深くしながら、どんなアニメーションでも見ていて面白くなるような微細なサインを表現する機会を与えてくれます。",[111,18596],{},[114,18598,18600],{"id":18599},"the-basics",[486,18601,18602],{},"基本",[101,18604,18605],{},"予告は、アニメーションにおけるメインの動作の「準備」として機能し、次の3つの要素に分解できます：",[1148,18607,18608,18614,18620],{},[1151,18609,18610,18613],{},[486,18611,18612],{},"セットアップ（setup）"," - 差し迫った大きな行動を知らせる、さりげない動きを導入する。",[1151,18615,18616,18619],{},[486,18617,18618],{},"ビルドアップ（build-up）"," - 緊張を高め、視聴者の注意を方向づける。",[1151,18621,18622,18625],{},[486,18623,18624],{},"アクション（action）"," - 予告された動き、または出来事を出す。",[101,18627,18628],{},"これは特に重要なシーンで効果を発揮します。",[101,18630,18631,18632,680],{},"『ヴィンランド・サガ』では、アスケラッドが王と出会う場面のひねりが美しく予告されています",[486,18633,18634],{},"（ネタバレ注意 🚨）",[101,18636,18637],{},"シーンは、王がアスケラッドを含む後ろ盾たちに感謝するセットアップから始まります。",[101,18639,18640],{},"その後、一連の行動がクライマックスへと積み上がります。まず王はアスケラッドにクヌートを殺すよう命じ、次にアスケラッドが力関係を逆転させます。従順だった立場から脅しへ移り、そして最後に王が部下たちにアスケラッドを殺させるのです。",[158,18642,18644],{"className":18643},[87,161],[163,18645],{"src":18646,"className":18647,"alt":168,"loading":169,"width":1112,"height":18648,"srcSet":18649,"sizes":173},"https://blog.cg-wire.com/content/images/2025/02/AD_4nXfwhjdsWZ9sCb-axj7hUtTOGVfM88sx1WDy3PR2SCliNHCQPQ68IVbcMJq5-0N5ysGGTKkCLmwJawJYp1hE-5bG_4T5NFZoYrBBwJys0P89T3EgSUI0cwHy2wYxeoHEaj0TgogQ7g.png",[167],782,"https://blog.cg-wire.com/content/images/size/w600/2025/02/AD_4nXfwhjdsWZ9sCb-axj7hUtTOGVfM88sx1WDy3PR2SCliNHCQPQ68IVbcMJq5-0N5ysGGTKkCLmwJawJYp1hE-5bG_4T5NFZoYrBBwJys0P89T3EgSUI0cwHy2wYxeoHEaj0TgogQ7g.png 600w, https://blog.cg-wire.com/content/images/size/w1000/2025/02/AD_4nXfwhjdsWZ9sCb-axj7hUtTOGVfM88sx1WDy3PR2SCliNHCQPQ68IVbcMJq5-0N5ysGGTKkCLmwJawJYp1hE-5bG_4T5NFZoYrBBwJys0P89T3EgSUI0cwHy2wYxeoHEaj0TgogQ7g.png 1000w, https://blog.cg-wire.com/content/images/2025/02/AD_4nXfwhjdsWZ9sCb-axj7hUtTOGVfM88sx1WDy3PR2SCliNHCQPQ68IVbcMJq5-0N5ysGGTKkCLmwJawJYp1hE-5bG_4T5NFZoYrBBwJys0P89T3EgSUI0cwHy2wYxeoHEaj0TgogQ7g.png 1600w",[101,18651,18652],{},"そして最後に、アスケラッドが王の首を刎ねるアクションに到達します。これにより、番組の主要キャラクターたちの運命が実質的に変わります。",[101,18654,18655],{},"予告の仕方は、アニメーションのトーンやスタイルに合わせる必要があります。たとえばコミカルなキャラクターなら、予告が誇張されて極端に長くなるかもしれません。一方でスリラーでは、より多くの音、カメラの動き、汗をかいた顔や表情のような微細なキャラクターの手がかりを活用します。",[101,18657,18658],{},"ほかのセクションでも見ていくように、予告は誇張、タイミング、スタッジングといったアニメーションの原則も取り入れ、その効果を最大化します。",[111,18660],{},[114,18662,18664],{"id":18663},"physical-and-emotional-anticipation",[486,18665,18666],{},"身体的・感情的な予告",[101,18668,18669],{},"予告は、身体の動きのためだけに使われるわけではありません。",[101,18671,18672],{},"感情的な予告も同様に働きますが、より繊細な合図に頼ります。たとえば、泣きそうあるいは笑いそうなキャラクターは、唇の震えや目に宿るきらめきのように、表情の中で感情が徐々に積み上がっていく様子を見せます。それによって観客は、感情が解放されるタイミングを予感できます。",[101,18674,18675],{},"この文脈では、予告とは、キャラクターの表情が徐々に変化したり、ボディランゲージが切り替わったりして、気持ちを伝えることを含みます。",[101,18677,18678],{},"またアニメーターは、シーンの環境を使って予告を作ることもできます。『Ninja Kamui』のオープニングでは、アニメーターは俯瞰視点のカメラアングル、電車のレールのアニメーション、霧のエフェクトを用いて、追跡してくる忍者たちが主役のキャラクターに迫ってくることを示します。",[101,18680,18681],{},"予告の強さは、こうした微細な変化にあります。アニメーターとして私たちは、これらの現実の手がかりを観察し、画面に持ち込むことで、説得力のあるキャラクターを作っていきます。",[111,18683],{},[114,18685,18687],{"id":18686},"using-exaggeration",[486,18688,18689],{},"誇張を使う",[101,18691,18692],{},"誇張は、アニメーターのツールボックスの中でも強力な手段で、とりわけ予告に適用すると効果が大きくなります。",[101,18694,18695],{},"ジャンプの前にキャラクターがしゃがむ深さのように、準備動作の振れ幅（振幅）を誇張して限界を押し広げると、その結果として生まれるアクションのドラマ性は大幅に高まります。",[101,18697,18698],{},"ただし重要なのは、さりげなさとやりすぎのバランスです。誇張が過剰だと、繊細なビルドアップがコメディのジェスチャーに変わってしまいます（コメディ効果を狙っているのでなければ）。ポイントは、誇張の中にリアリティの「気配」を保つことです。",[101,18700,18701],{},"『NARUTO』では、有名な『ナルト vs ペイン』の戦闘に、誇張がやりすぎになる例がたくさんあります。たとえば、ペインがパンチを投げる前のいくつかの予備動作などです：",[101,18703,18704],{},"結果としてのアニメーションは、戦闘にスピードが加わるので良いと考えられますが、表情がキャラクターの無表情であるべき性質に合っていません。",[111,18706],{},[114,18708,18710],{"id":18709},"the-importance-of-timing",[486,18711,18712],{},"タイミングの重要性",[101,18714,18715],{},"タイミングは動きの速さに影響し、シーンの感情的なインパクトを形作ります。",[101,18717,18718],{},"同様に、予告のタイミングの取り方には大きな演出効果があります。ゆっくりと、間を持たせたビルドアップは緊張やサスペンスを生みます。一方で、素早いビルドアップは切迫感や驚きを伝えます。",[101,18720,18721],{},"予告に割り当てるフレーム数と、実際のアクションのフレーム数を調整することで、アニメーターはさまざまなペース配分を試せます。予告に多くのフレームを割くと「避けられない必然性」が感じられますが、予告に少ないフレームしか使わないと、爆発的でダイナミックな質感になります。",[101,18723,18724],{},"フレーム間隔を変えることもまた、加速／減速の錯覚を作り、動きに強さと重みを加えてくれます。",[111,18726],{},[114,18728,18730],{"id":18729},"staging",[486,18731,18732],{},"スタッジング",[101,18734,18735,18736,18741],{},"スタッジングは、予告を作り出す非常に重要なアニメーション原則のひとつです。あなたは観客の注意を必要な場所へ向けるように",[266,18737,4172,18738],{"href":17813},[4123,18739,18740],{},"シーンをセットアップする","必要があります。そして、それを使って予告のある動作を強調し、視聴者が重要なディテールを観察できるように導けます。",[101,18743,18744],{},"カメラアングルやキャラクターの配置が、予想される動きを際立たせます。寄りのショットは、さりげないけれど重要な表情に注目させられますし、引きのショットなら、起きているアクション全体を見せられます。",[101,18746,18747],{},"背景やセットも役割を持ちます。アクション周りの要素をシンプルにすれば、気が散る要因を減らし、視聴者が主要な動きに集中し続けられます。",[101,18749,18750],{},"各シーンをどうスタッジングするかは、予告の感覚を強めたり弱めたりします。",[111,18752],{},[114,18754,18756],{"id":18755},"reverse-anticipation",[486,18757,18758],{},"リバース・アントicipation（逆予告）",[101,18760,18761],{},"また、逆予告のケースもあります。セットアップとビルドアップの手順が、アクションが起こった後に現れ、結果の「開示」をアニメーションで見せるのです。",[101,18763,18764],{},"たとえばキャラクターが不意に刺されると、痛みに顔がゆがむのは見えるものの、何が起きたのかは確信できません。すると明かされる前に、血が床に滴る様子が見えてきて――その後に開示が来ます。",[101,18766,18767],{},"逆予告は、まず結果を描いてから観客に「原因は何か」を頭の中で補わせたり、予測させたりすることで、驚きやショックの感覚を作る強力な手段です。",[101,18769,18770],{},"ワンピースでエースがルフィを守って死ぬシーンは、その良い例です。私たちは、いくつかの予告フレームのあとに初めて何が起きたのかを理解しました：",[158,18772,18774],{"className":18773},[87,161],[163,18775],{"src":18776,"className":18777,"alt":168,"loading":169,"width":1112,"height":18778,"srcSet":18779,"sizes":173},"https://blog.cg-wire.com/content/images/2025/02/AD_4nXfs0EB_ObDT5XIdjHlxp-vKE1Kpcjwrnsj-6vcLELKN_2r1YpCJeGG8M7dQCo197k7Q_xcStolDnCn-EoDgDNo3TGQlhQ9qc0DIKBnFWfztvzfVcAVLUD1-shODpjw624eMFlRy-w-1.png",[167],729,"https://blog.cg-wire.com/content/images/size/w600/2025/02/AD_4nXfs0EB_ObDT5XIdjHlxp-vKE1Kpcjwrnsj-6vcLELKN_2r1YpCJeGG8M7dQCo197k7Q_xcStolDnCn-EoDgDNo3TGQlhQ9qc0DIKBnFWfztvzfVcAVLUD1-shODpjw624eMFlRy-w-1.png 600w, https://blog.cg-wire.com/content/images/size/w1000/2025/02/AD_4nXfs0EB_ObDT5XIdjHlxp-vKE1Kpcjwrnsj-6vcLELKN_2r1YpCJeGG8M7dQCo197k7Q_xcStolDnCn-EoDgDNo3TGQlhQ9qc0DIKBnFWfztvzfVcAVLUD1-shODpjw624eMFlRy-w-1.png 1000w, https://blog.cg-wire.com/content/images/2025/02/AD_4nXfs0EB_ObDT5XIdjHlxp-vKE1Kpcjwrnsj-6vcLELKN_2r1YpCJeGG8M7dQCo197k7Q_xcStolDnCn-EoDgDNo3TGQlhQ9qc0DIKBnFWfztvzfVcAVLUD1-shODpjw624eMFlRy-w-1.png 1600w",[158,18781,18783],{"className":18782},[87,161],[163,18784],{"src":18785,"className":18786,"alt":168,"loading":169,"width":1112,"height":18787,"srcSet":18788,"sizes":173},"https://blog.cg-wire.com/content/images/2025/02/AD_4nXeDjaS-PfbAyYlIKiSianVX_cBEr0ZerfGXxPrSRs056GPTCY1hdFEuxQgU6iLiYCfpO2lxk5L_JUsgTzNCIp72zaeOfz-PYKsI6kw7CEx9jntCXAhyuqIrIq5cpoqZsJ0Eac8VPw.png",[167],756,"https://blog.cg-wire.com/content/images/size/w600/2025/02/AD_4nXeDjaS-PfbAyYlIKiSianVX_cBEr0ZerfGXxPrSRs056GPTCY1hdFEuxQgU6iLiYCfpO2lxk5L_JUsgTzNCIp72zaeOfz-PYKsI6kw7CEx9jntCXAhyuqIrIq5cpoqZsJ0Eac8VPw.png 600w, https://blog.cg-wire.com/content/images/size/w1000/2025/02/AD_4nXeDjaS-PfbAyYlIKiSianVX_cBEr0ZerfGXxPrSRs056GPTCY1hdFEuxQgU6iLiYCfpO2lxk5L_JUsgTzNCIp72zaeOfz-PYKsI6kw7CEx9jntCXAhyuqIrIq5cpoqZsJ0Eac8VPw.png 1000w, https://blog.cg-wire.com/content/images/2025/02/AD_4nXeDjaS-PfbAyYlIKiSianVX_cBEr0ZerfGXxPrSRs056GPTCY1hdFEuxQgU6iLiYCfpO2lxk5L_JUsgTzNCIp72zaeOfz-PYKsI6kw7CEx9jntCXAhyuqIrIq5cpoqZsJ0Eac8VPw.png 1600w",[158,18790,18792],{"className":18791},[87,161],[163,18793],{"src":18794,"className":18795,"alt":168,"loading":169,"width":1112,"height":18796,"srcSet":18797,"sizes":173},"https://blog.cg-wire.com/content/images/2025/02/AD_4nXcp1of88VBEhwiQKElXR_UcnHlpfZX2ugVKIgDNGud3Jf6bilAicsiXarI3EjO5DRNIdIcxsjI7nzqJAjlh02mb3W-c5kF_g0u2jUbXMAVUeZAZ3qBUVcku9yFoKgiWrDTWDPtg8w.png",[167],743,"https://blog.cg-wire.com/content/images/size/w600/2025/02/AD_4nXcp1of88VBEhwiQKElXR_UcnHlpfZX2ugVKIgDNGud3Jf6bilAicsiXarI3EjO5DRNIdIcxsjI7nzqJAjlh02mb3W-c5kF_g0u2jUbXMAVUeZAZ3qBUVcku9yFoKgiWrDTWDPtg8w.png 600w, https://blog.cg-wire.com/content/images/size/w1000/2025/02/AD_4nXcp1of88VBEhwiQKElXR_UcnHlpfZX2ugVKIgDNGud3Jf6bilAicsiXarI3EjO5DRNIdIcxsjI7nzqJAjlh02mb3W-c5kF_g0u2jUbXMAVUeZAZ3qBUVcku9yFoKgiWrDTWDPtg8w.png 1000w, https://blog.cg-wire.com/content/images/2025/02/AD_4nXcp1of88VBEhwiQKElXR_UcnHlpfZX2ugVKIgDNGud3Jf6bilAicsiXarI3EjO5DRNIdIcxsjI7nzqJAjlh02mb3W-c5kF_g0u2jUbXMAVUeZAZ3qBUVcku9yFoKgiWrDTWDPtg8w.png 1600w",[158,18799,18801],{"className":18800},[87,161],[163,18802],{"src":18803,"className":18804,"alt":168,"loading":169,"width":1112,"height":18805,"srcSet":18806,"sizes":173},"https://blog.cg-wire.com/content/images/2025/02/AD_4nXeGwliFS4EcFdoMPPJnVcC_P04QV1QsqedCnWyCc-LSBImuphwsDo0wxL6Sj56x7cLCGB9vYXTMJfnSFWdVT1x9EXqFT33knb94jP4r-pfFcYfxtG5r-rA8o48Yk4yDu2IWkPnbcw.png",[167],747,"https://blog.cg-wire.com/content/images/size/w600/2025/02/AD_4nXeGwliFS4EcFdoMPPJnVcC_P04QV1QsqedCnWyCc-LSBImuphwsDo0wxL6Sj56x7cLCGB9vYXTMJfnSFWdVT1x9EXqFT33knb94jP4r-pfFcYfxtG5r-rA8o48Yk4yDu2IWkPnbcw.png 600w, https://blog.cg-wire.com/content/images/size/w1000/2025/02/AD_4nXeGwliFS4EcFdoMPPJnVcC_P04QV1QsqedCnWyCc-LSBImuphwsDo0wxL6Sj56x7cLCGB9vYXTMJfnSFWdVT1x9EXqFT33knb94jP4r-pfFcYfxtG5r-rA8o48Yk4yDu2IWkPnbcw.png 1000w, https://blog.cg-wire.com/content/images/2025/02/AD_4nXeGwliFS4EcFdoMPPJnVcC_P04QV1QsqedCnWyCc-LSBImuphwsDo0wxL6Sj56x7cLCGB9vYXTMJfnSFWdVT1x9EXqFT33knb94jP4r-pfFcYfxtG5r-rA8o48Yk4yDu2IWkPnbcw.png 1600w",[111,18808],{},[114,18810,18811],{"id":559},[486,18812,560],{},[101,18814,18815],{},"予告とは、動きの前触れにとどまるものではありません。あなたのアニメーションに深みを加える、強力なストーリーテリングの手段です。",[101,18817,18818],{},"身体的・感情的・環境的な合図を組み合わせ、誇張、タイミング、スタッジングなどのほかのアニメーション原則も活用することで、アニメーターは観る人をその世界へ引き込むような、驚くべきシーンを生み出します。",[101,18820,18821],{},"それらがどのように組み合わさっているのかをよりよく理解するために、ブログのほかのアニメーション原則についてもぜひ読んでみてください。",[84,18823,18825,18828],{"className":18824},[87,88,89],[84,18826,576],{"className":18827},[93],[84,18829,15198,18831,18834],{"className":18830},[98],[266,18832,6624],{"href":583,"rel":18833},[585],"！ 私たちはベストプラクティスを共有する1,000人以上の専門家とつながっており、時には対面イベントも企画しています。ぜひ皆さんをお迎えできれば嬉しいです！ 😊",[84,18836,18838],{"className":18837},[87,591,592],[266,18839,598],{"href":583,"className":18840},[596,597],{"title":168,"searchDepth":600,"depth":600,"links":18842},[18843,18844,18845,18846,18847,18848,18849,18850],{"id":16746,"depth":600,"text":13973},{"id":18599,"depth":600,"text":18602},{"id":18663,"depth":600,"text":18666},{"id":18686,"depth":600,"text":18689},{"id":18709,"depth":600,"text":18712},{"id":18729,"depth":600,"text":18732},{"id":18755,"depth":600,"text":18758},{"id":559,"depth":600,"text":560},"https://blog.cg-wire.com/content/images/2025/02/c3b6n-hareket-anticipation.jpg",{"updated_at":18853,"featured_at":612,"visibility":613},"2026-03-27T11:02:02.000+01:00","/blog-i18n/ja/anticipation-principle","2025-02-17T10:00:57.000+01:00",{"title":18527,"description":168},"anticipation-principle","blog-i18n/ja/anticipation-principle/index",[18860],{"id":620,"name":621,"slug":622,"description":7,"feature_image":7,"visibility":613,"og_image":7,"og_title":7,"og_description":7,"twitter_image":7,"twitter_title":7,"twitter_description":7,"meta_title":7,"meta_description":7,"codeinjection_head":7,"codeinjection_foot":7,"canonical_url":7,"accent_color":7,"url":623},"KgM6i_353F2lASbYcHQUweJgiDgK5i1pXYp3gK4qoxQ",{"id":18863,"title":18864,"authors":18865,"body":18867,"description":168,"extension":608,"feature_image":19204,"html":7,"meta":19205,"navigation":11,"path":19207,"published_at":19208,"seo":19209,"slug":19210,"stem":19211,"tags":19212,"__hash__":19214,"updated_at":19206,"featured_at":612,"visibility":613},"blog/blog-i18n/ja/12-principles-animation/index.md","アニメーションの12の原則（2026）：アニメーターのための時代を超えたガイド",[18866],{"id":11067,"name":11068,"slug":11069,"profile_image":11070,"cover_image":7,"bio":11071,"website":7,"location":11072,"facebook":7,"twitter":11073,"meta_title":7,"meta_description":7,"threads":7,"bluesky":7,"mastodon":7,"tiktok":7,"youtube":7,"instagram":7,"linkedin":7,"url":11074},{"type":81,"value":18868,"toc":19189},[18869,18885,18898,18901,18904,18913,18915,18921,18924,18927,18930,18932,18938,18941,18944,18947,18950,18952,18958,18961,18964,18967,18970,18972,18978,18981,18990,18993,18995,19001,19004,19007,19010,19013,19015,19021,19024,19027,19030,19032,19038,19041,19044,19052,19054,19060,19063,19066,19069,19071,19077,19080,19083,19086,19089,19091,19097,19100,19103,19106,19108,19114,19117,19125,19128,19131,19133,19139,19142,19145,19148,19150,19155,19158,19161,19164,19167,19170,19183],[84,18870,18872,18875],{"className":18871},[87,88,89],[84,18873,16963],{"className":18874},[93],[84,18876,18878,18879,18884],{"className":18877},[98],"アニメーションを極めるには、",[674,18880,18881],{},[486,18882,18883],{"style":678},"12の中核原則","を理解することから始まります",[101,18886,18887,18888,1220,18891,9937,18894,18897],{},"1981年、アメリカのアニメーションが黄金期を迎えていた時代に、ディズニーのアニメーター",[486,18889,18890],{},"フランク・トーマス",[486,18892,18893],{},"オリー・ジョンストン",[702,18895,18896],{},"『ディズニー・アニメーション：命を吹き込む魔法（Disney Animation: The Illusion of Life）』","を出版しました。この本では、キャラクターアニメーションのプロセスを含む、ディズニー制作の舞台裏が紹介されています。",[101,18899,18900],{},"振り返ってみると、『命を吹き込む魔法』は、のちに「アニメーションの12の原則」として私たちが知る枠組みを、最初期のリソースのひとつとして提示していました。",[101,18902,18903],{},"ウォルト・ディズニー社は現在1,930億ドルの価値がありますが、そのすべては、魅力的なアニメキャラクターを生み出すことから始まりました！",[101,18905,18906,18907,18912],{},"この記事では12の原則を手短に概観しますが、",[266,18908,4172,18909],{"href":3387},[4123,18910,18911],{},"私たちのブログには、アニメーション原則に関するより詳しい記事","もあり、追加の実践的なヒントや図解付きの例をご覧いただけます。",[111,18914],{},[114,18916,18918],{"id":18917},"_1-squash-and-stretch",[486,18919,18920],{},"1. スクイッシュ＆ストレッチ",[101,18922,18923],{},"跳ねるゴムボールは地面に当たるとつぶれ、その後空中へ戻るときに伸びます。",[101,18925,18926],{},"同様に、スクイッシュ＆ストレッチはキャラクターの動きや感情を誇張して、カートゥーンのような見た目の美しさを与えるために使われます。",[101,18928,18929],{},"より現実的なアニメーションでも、スクイッシュ＆ストレッチは重さとタイミングの感覚を微妙に強化します。たとえば、人が走るときには、手足・頭・肌の動きが自然にそれぞれつぶれたり伸びたりします。",[111,18931],{},[114,18933,18935],{"id":18934},"_2-anticipation",[486,18936,18937],{},"2. 予備動作（Anticipation）",[101,18939,18940],{},"予備動作とは、大きなアクションのための準備です。これによって観客に「これから何が起きるのか」が伝わり、動きがより現実的になります。",[101,18942,18943],{},"現実の世界では、行動には準備の動きが伴います。ジャンプする前に人がしゃがむのはその一例で、こうした予備動作がないと不自然に感じるかもしれません。",[101,18945,18946],{},"また、予備動作は観客の注意を、主要なアクションが起こる場所へ導きます。複数のキャラクターが登場する場面や、背景が複雑な場面で特に重要です。",[101,18948,18949],{},"予備動作を使えば、ドラマ性を足し、インパクトを高めることもできます。たとえば、キャラクターが不思議な箱を開けようとしている緊迫した瞬間では、ためらうような動きでゆっくり積み上げ、ハンドルに触れる直前で緊張した間を作ることでサスペンスが増します。",[111,18951],{},[114,18953,18955],{"id":18954},"_3-staging",[486,18956,18957],{},"3. ステージング",[101,18959,18960],{},"ステージングとは、キャラクター、小道具、カメラ、照明をシーンの環境に配置し、物語を伝えることです。観客の目を、シーンの最も重要な要素へと導きます。つまり「誰が何を、いつ見るか」をコントロールできるのです。",[101,18962,18963],{},"しかし、ステージングは「物を置く場所」の話だけではありません。",[101,18965,18966],{},"キャラクターとそのアクションを意図的に並べることで、観客が混乱することなく状況を理解できるようになります。たとえば、群衆の中で孤立しているように感じさせたいなら、大きな集まりの端にキャラクターを配置し、中央を見つめさせると、その孤独が視覚的に伝わります。シンプルですが効果は抜群です。",[101,18968,18969],{},"照明、カメラアングル、構図といったステージング要素は、シーンのムードに大きく影響します。たとえば、薄暗い部屋で迫るような影があるサスペンスシーンでは、緊張感が生まれます。",[111,18971],{},[114,18973,18975],{"id":18974},"_4-straight-ahead-action-and-pose-to-pose",[486,18976,18977],{},"4. ストレート・アヘッド・アクションとポーズ・トゥ・ポーズ",[101,18979,18980],{},"ストレート・アヘッド・アクションとは、最初から最後まで、各フレームを1つずつ順番に描いていくことです。この手法は、最大限の創造的な探求のために、流れるようで有機的な動きを強調します。音楽やダンスの即興のような感覚に近いでしょう。炎や煙、そして自発性が鍵になるキャラクターアニメーションの要素に特に向いています。",[101,18982,18983,18984,18989],{},"一方で、ポーズ・トゥ・ポーズは計画とコントロールがすべてです。あなたは",[266,18985,4172,18986],{"href":5095},[4123,18987,18988],{},"まずキーポーズから","始めて、大きな動きや表情を定義し、その後イン・ビトウィーンで埋めていきます。このアプローチは、明瞭さとタイミングのために重要です。とくに、キャラクターがダンスの動きを披露するように、特定のキーフレームを必要とする複雑なシーンをアニメートするときに有効です。こうすれば、各ステップやポーズが正しくタイミング良く実行され、ダンスのビートを維持できます。",[101,18991,18992],{},"多くのプロのアニメーションは、この両方を組み合わせて使います。まずポーズ・トゥ・ポーズでキーポーズを作ることで、主要なストーリーポイントやアクションが明確になり、効果的に伝わります。次に、そのキーポーズの間にストレート・アヘッド・アクションを用いることで、特定の動きに流れと命のような躍動感を加えられます。",[111,18994],{},[114,18996,18998],{"id":18997},"_5-follow-through-and-overlapping-action",[486,18999,19000],{},"5. フォロー・スルーとオーバーラップ・アクション",[101,19002,19003],{},"フォロー・スルーとオーバーラップ・アクションは、主要なアクションが完了した後でも、キャラクターや物体の一部が動き続ける（または動きが重なる）ことを表します。",[101,19005,19006],{},"キャラクターや物体が動くとき、それらは一斉に止まるわけではありません。たとえば、長い髪のキャラクターが突然止まったとしても、髪はしばらく前へ動き続けてから落ち着きます。この原則は物理法則をまねることで、アニメーションにより生き生きとした感覚を与えます。",[101,19008,19009],{},"オーバーラップ・アクションは、キャラクターのさまざまなパーツがそれぞれ異なる速度で動くことを確保し、全体の動きを滑らかにします。ボールを投げるキャラクターであれば、まず腕が加速し、その後に手が追従してボールを離します。これらの動きを重ねて分解することで、投げる動きがよりダイナミックになります。",[101,19011,19012],{},"キャラクターがどう動くかは、その性格や感情状態についての情報を明らかにします。自信のあるキャラクターならキレのある制御されたフォロー・スルーを持つかもしれませんし、優柔不断なキャラクターなら、より小刻みで長く続く動きになる可能性があります。",[111,19014],{},[114,19016,19018],{"id":19017},"_6-slow-in-and-slow-out",[486,19019,19020],{},"6. スロー・インとスロー・アウト",[101,19022,19023],{},"先ほども述べたように、現実世界では物体は瞬間的に動き始めたり停止したりしません。たとえば車は、徐々に加速してから減速し、停止するまでに時間がかかります。",[101,19025,19026],{},"スロー・イン／アウトは、この自然な加速と減速を再現し、アニメーションをよりリアルにします。動きの始まり（スロー・イン）ではフレーム間隔が徐々に狭まり、終わり（スロー・アウト）でも同様に間隔が変わることで、移行がより滑らかに見えます。",[101,19028,19029],{},"移行のペース配分は、優れたストーリーテリングの道具になります。たとえば、キャラクターがゆっくりと眉を上げてから素早く驚きの表情に広げる場合、この原則を使うことで驚きの要素を強調できます。",[111,19031],{},[114,19033,19035],{"id":19034},"_7-arc",[486,19036,19037],{},"7. アーク",[101,19039,19040],{},"重力のせいで、動きはほとんど直線にはならず、湾曲した弧やアーチ状の軌道に沿って進むことが多いです。",[101,19042,19043],{},"アークに沿うことで、アニメーションがこの自然な動きを模倣できます。たとえば、人が歩くとき、腕はまっすぐ上下に動くのではなく、なだらかなアークに沿って振れます。",[101,19045,19046,19047,10596],{},"また、アークは直線の動きよりもずっと表現力があります。誇張したアークは、ストーリーテリングにも役立ちます。",[266,19048,4172,19049],{"href":11572},[4123,19050,19051],{},"キャラクターデザインに付け加える",[111,19053],{},[114,19055,19057],{"id":19056},"_8-secondary-action",[486,19058,19059],{},"8. セカンダリー・アクション（副次的な動き）",[101,19061,19062],{},"アニメーションの動きは、機能的な主要アクションと、それを支える美的な副次的アクションに分解できます。",[101,19064,19065],{},"たとえば、キャラクターが歩くときに、髪が跳ねたり、腕が少し振れたりするのは副次的な動きです。これによってアニメーションに奥行きが生まれ、主要アクション（歩く）もより自然に見えます。現実の世界では、動きは孤立して起こることはほとんどありません。複数のことが同時に起きがちです。この多様さが、アニメーションが機械的に見えるのを防ぎます。",[101,19067,19068],{},"副次的な動きは、キャラクターの感情状態についての追加の手がかりにもなります。たとえば、会話している最中にキャラクターが神経質に足をトントン叩く、といったことができます。この小さな動きは、主要なセリフの流れを邪魔せずに、観客に「不安な状態」を伝えるヒントになります。こうした小さな工夫が、アニメーションの完成度を大きく引き上げます。",[111,19070],{},[114,19072,19074],{"id":19073},"_9-timing",[486,19075,19076],{},"9. タイミング",[101,19078,19079],{},"タイミングは、アニメーション（またはその一部）の速度を決めて、物語のリズムをコントロールします。",[101,19081,19082],{},"タイミングは、観客がシーンをどう受け取るかに大きく影響します。たとえば、素早い動きはキャラクターが興奮している、エネルギッシュだ、あるいは緊張していることを示します。一方で遅い動きは、キャラクターが落ち着いている、疲れている、または落ち込んでいるように見せることができます。",[101,19084,19085],{},"タイミングは重力、運動量、慣性といった物理法則に従うことで、動きのリアリティにもつながります。跳ねるボールのタイミングは、その重さや素材感を伝えます。たとえば、ボウリングのボールのように重いボールは、接地と接地の間に「滞空時間」が増え、バウンドがゆっくりになります。反対にビーチボールのように軽くて弾むボールは、バウンドがより速く、回数も多くなります。",[101,19087,19088],{},"最後に、タイミングはシーンのリズムを整えて、緊張の瞬間やコメディの安堵を作り出します。たとえば、キャラクターがドアノブにゆっくり手を伸ばすサスペンスシーンでは、ノブに触れるまでの長い時間が、予感とサスペンスを積み上げます。コメディのタイミングは、一連の素早い動きの後に間を入れて、観客が笑いを受け止める時間を作ることなどで構成できます。",[111,19090],{},[114,19092,19094],{"id":19093},"_10-exaggeration",[486,19095,19096],{},"10. 誇張",[101,19098,19099],{},"誇張とは、現実を引き伸ばしてエネルギーやドラマ性をアニメーションに加える原則です。",[101,19101,19102],{},"アニメーションでは、意図したメッセージを素早く、効果的に伝えるために、しばしば「誇張された行動」が必要になります。パンチのような素早いアクションをアニメートするとき、誇張によって力強い動きが描けます。弧を伸ばし、最初の動きを少しだけ速くし、さらに現実的ではないもののインパクトのあるフォロー・スルーを加えることで、パンチのスピードと力を強調できます。これにより、ほんの一瞬でも視聴者がそのアクションを読み取りやすくなります。",[101,19104,19105],{},"リアルさを出しすぎるとアニメーションの楽しさが失われてしまいますが、戦略的な誇張は感情や動きを際立たせます。喜びを体験しているキャラクターなら、大きく口を開けて笑い、きらめく目を持っているはずです！ これはアニメーターが自分の表現を届けるための重要なツールです。",[111,19107],{},[114,19109,19111],{"id":19110},"_11-solid-drawing",[486,19112,19113],{},"11. しっかりした描画（Solid Drawing）",[101,19115,19116],{},"しっかりした描画は、キャラクターや物体が三次元的に感じられるように作ることを重視します。",[101,19118,18355,19119,19124],{},[266,19120,4172,19121],{"href":15344},[4123,19122,19123],{},"球・立方体・円筒のような基本的な形を考える","ことは、異なる角度から見たときにも、形や比率の一貫性を保つための明確な視覚的構造を作るのに役立ちます。",[101,19126,19127],{},"この原則には、解剖学、構図、バランス、遠近感といった「描画の基本」を理解して、一貫したシーンを作ることが含まれます。",[101,19129,19130],{},"しっかりした描画は、アニメーターがダイナミックなポーズを効果的に作る必要があるときにこそ輝きます。",[111,19132],{},[114,19134,19136],{"id":19135},"_12-appeal",[486,19137,19138],{},"12. 魅力（Appeal）",[101,19140,19141],{},"魅力とは、観客の注意を引きつけるアニメーションを作ることです。ヒーローであれヴィランであれ、キャラクターは魅力的であるべきです。",[101,19143,19144],{},"カリスマ性のある俳優が観客の注意を引きつけるのと同じように、独自のデザインと個性を持って作られたキャラクターは、視聴者が物語とのつながりを感じやすくなります。",[101,19146,19147],{},"これが必ずしも「かわいい」や「きれい」である必要があるという意味ではありません。独特のクセや誇張された特徴は、キャラクターを印象に残ります。シュレックはオーガであり、伝統的に美しいわけではありませんが、その性格とデザインには否定できない魅力があります。",[111,19149],{},[114,19151,19152],{"id":559},[486,19153,19154],{},"結論（Conclusion）",[101,19156,19157],{},"アニメーションの12の原則は、土台となるベストプラクティスです。どんなアニメーション制作プロジェクトでも活かせます！",[101,19159,19160],{},"経験を積むにつれて、各原則が互いに重なり合っていることに気づくでしょう。たとえば、タイミングの感覚がなければスロー・イン／アウトを完全にマスターすることはできません。誇張なしには予備動作も難しくなります。というように、すべてがつながっています。",[101,19162,19163],{},"しかし、12の原則は旅の終わりではありません。これらは、従来の手描きアニメーションが主流だった時代に開発されました。そしてそれ以降、私たちはアートを生み出すための新しい技術を数多く発展させてきました。東洋のアニメーションがその代表例です。たった1枚のフレームを見ただけで、どちらがどちらかをすぐに推測できるでしょう。さらに、多くの技術は映画からも生まれています。たとえば、バーチャルカメラを広く活用することなどです。",[101,19165,19166],{},"いずれにせよ、アニメーターとしては、これらの原則に硬直して固執するのではなく、自分自身のワークフローや技術を見つけることが大切です。",[101,19168,19169],{},"また、アニメーションはキャラクターアニメーションに限られません。環境や小道具も同じくらい重要です！",[84,19171,19173,19176],{"className":19172},[87,88,89],[84,19174,576],{"className":19175},[93],[84,19177,15198,19179,19182],{"className":19178},[98],[266,19180,5315],{"href":583,"rel":19181},[585],"！私たちは1,000人以上の専門家とつながっており、ベストプラクティスを共有したり、たまに対面イベントを企画したりしています。ぜひあなたを歓迎できることを楽しみにしています！",[84,19184,19186],{"className":19185},[87,591,592],[266,19187,598],{"href":583,"className":19188},[596,597],{"title":168,"searchDepth":600,"depth":600,"links":19190},[19191,19192,19193,19194,19195,19196,19197,19198,19199,19200,19201,19202,19203],{"id":18917,"depth":600,"text":18920},{"id":18934,"depth":600,"text":18937},{"id":18954,"depth":600,"text":18957},{"id":18974,"depth":600,"text":18977},{"id":18997,"depth":600,"text":19000},{"id":19017,"depth":600,"text":19020},{"id":19034,"depth":600,"text":19037},{"id":19056,"depth":600,"text":19059},{"id":19073,"depth":600,"text":19076},{"id":19093,"depth":600,"text":19096},{"id":19110,"depth":600,"text":19113},{"id":19135,"depth":600,"text":19138},{"id":559,"depth":600,"text":19154},"https://blog.cg-wire.com/content/images/2025/02/12-principles-of-animation.jpg",{"updated_at":19206,"featured_at":612,"visibility":613},"2026-03-26T10:02:20.000+01:00","/blog-i18n/ja/12-principles-animation","2025-02-11T10:00:07.000+01:00",{"title":18864,"description":168},"12-principles-animation","blog-i18n/ja/12-principles-animation/index",[19213],{"id":620,"name":621,"slug":622,"description":7,"feature_image":7,"visibility":613,"og_image":7,"og_title":7,"og_description":7,"twitter_image":7,"twitter_title":7,"twitter_description":7,"meta_title":7,"meta_description":7,"codeinjection_head":7,"codeinjection_foot":7,"canonical_url":7,"accent_color":7,"url":623},"lItCJ5he95t9drpY5-KL6gZofAPyNaxSBPvLrIGL43o",{"id":19216,"title":19217,"authors":19218,"body":19220,"description":168,"extension":608,"feature_image":19482,"html":7,"meta":19483,"navigation":11,"path":19485,"published_at":19486,"seo":19487,"slug":19488,"stem":19489,"tags":19490,"__hash__":19492,"updated_at":19484,"featured_at":612,"visibility":613},"blog/blog-i18n/ja/solid-drawing/index.md","固体ドローイングを極める（2026）：コアとなるアニメーションの原則",[19219],{"id":11067,"name":11068,"slug":11069,"profile_image":11070,"cover_image":7,"bio":11071,"website":7,"location":11072,"facebook":7,"twitter":11073,"meta_title":7,"meta_description":7,"threads":7,"bluesky":7,"mastodon":7,"tiktok":7,"youtube":7,"instagram":7,"linkedin":7,"url":11074},{"type":81,"value":19221,"toc":19472},[19222,19237,19240,19243,19246,19248,19254,19257,19260,19263,19266,19269,19271,19277,19280,19312,19315,19317,19323,19326,19329,19332,19335,19337,19343,19346,19349,19352,19355,19358,19361,19364,19366,19372,19375,19378,19381,19384,19387,19396,19398,19404,19407,19410,19413,19416,19419,19421,19427,19430,19438,19441,19443,19447,19450,19453,19466],[84,19223,19225,19229],{"className":19224},[87,88,89],[84,19226,19228],{"className":19227},[93],"✏️",[84,19230,19232],{"className":19231},[98],[674,19233,19234],{},[486,19235,19236],{"style":678},"固体ドローイングとは、形状を三次元に見せる能力です。",[101,19238,19239],{},"跳ねるボールをアニメーションする場合、最初のフレームで円を描き、それが上がっては下がる間ずっと同じ形状を各フレームで続けて描きたくなるものです。",[101,19241,19242],{},"固体ドローイングの原則を適用するには、ボールが動くにつれてどのように形が変化するのかを考えることになります。衝突の瞬間、ボールは重さと衝撃を示すために少しつぶれ、その後跳ね返る際に引き伸ばされます。ボールが観客に近づいたり遠ざかったりするとき、アニメーターは距離を示すためにその形をほんの少し調整し、さらに遠い位置ではエッジが内側に向かって先細りになります。",[101,19244,19245],{},"しかし、跳ねるボールだけがアニメーションではありません。同じ考え方を他の種類のアニメーションにも適用するための、いくつかの指針が必要です。それがこの記事でお伝えする内容です。",[111,19247],{},[114,19249,19251],{"id":19250},"why-solid-drawing",[486,19252,19253],{},"固体ドローイングがなぜ重要か？",[101,19255,19256],{},"アニメーションはすべて視覚的な錯覚のためのものであり、その中核にあるのがアニメーション12の原則です。これは、長年にわたってアニメーターが「説得力のあるアニメーション」を作るために使ってきた一連のガイドラインです。",[101,19258,19259],{},"これらの原則の中でも、固体ドローイングは二次元のフレーム内に、鑑賞者を惹きつけるための明確な三次元性を作り出します。",[101,19261,19262],{},"固体ドローイングの重要な側面は、キャラクターやオブジェクトに対して輪郭（シルエット）をはっきりと作り上げることです。",[101,19264,19265],{},"アニメーションにおいてシルエットは、シーンを視覚的に読みやすくする上で大きな役割を果たします。シルエットがあることで、異なるキャラクターやオブジェクトを一目で見分けられます。強いシルエットがないと、キャラクターが平面的に見えたり、背景と区別しにくくなってしまいます。",[101,19267,19268],{},"また固体ドローイングは、キャラクターがさまざまなポーズやパースの中で動いていく際にも、デザイン固有の魅力を失わずに、アニメーターが一貫して描けるようにするのにも役立ちます。",[111,19270],{},[114,19272,19274],{"id":19273},"_1-the-basics",[486,19275,19276],{},"1. 基礎",[101,19278,19279],{},"固体ドローイングは、いくつかの土台となる概念に集約されます。最初のものは、ドローイングを定義する基本用語を理解することです：",[1148,19281,19282,19288,19294,19300,19306],{},[1151,19283,19284,19287],{},[486,19285,19286],{},"形（Form）"," - アニメーターにとって、キャラクターやオブジェクトに命を吹き込むことは、基本的な形状を奥行きのある「形」に変換することから始まります。形とは、オブジェクトの三次元的な性質を指します。キャラクターを球・立方体・円柱のような三次元の形としてイメージできれば、異なるポーズ間でも一貫性を保てます。",[1151,19289,19290,19293],{},[486,19291,19292],{},"ボリューム（Volume）"," - ボリュームは、オブジェクトがどれだけの空間を占めるかということです。これは、アニメーションの世界でキャラクターが平面的で、動くたびに不自然に見えるのを防ぎます――オブジェクトは空間を移動する際、そのボリュームを保たなければならず、ぎこちない引き延ばしや縮小をせずに、曲げたりねじったりして動く必要があります。",[1151,19295,19296,19299],{},[486,19297,19298],{},"比率（Proportions）"," - 比率とは、関係性のことです。つまり、オブジェクトやキャラクターの異なる部位同士の相対的な大きさのことを指します。比率を正しく取ることは、バランスがあり自然で、しかも共感しやすいアニメーションを生み出す鍵になります。",[1151,19301,19302,19305],{},[486,19303,19304],{},"パース（Perspective）"," - パースは、奥行きと空間の錯覚を作り出し、観客に対して「物やキャラクターがどこに位置しているのか」を感じさせます。これによりアニメーターは視点を切り替え、観客の注目点を導き、シーンのストーリーテリングを強化できます。",[1151,19307,19308,19311],{},[486,19309,19310],{},"形状（Shape）"," - 形状は、形（Form）の二次元版です。楕円、長方形、三角形、線などは感情を伝え、キャラクターを定義し、視覚的なテーマを確立します。形状言語（shape language）に関する専用記事を見て、複雑な使い方の詳細を学んでください。",[101,19313,19314],{},"これらの基礎を練習したら、アニメーターは描画をさらに「固く」するための、より複雑な概念へ進みます。",[111,19316],{},[114,19318,19320],{"id":19319},"_2-line-of-action",[486,19321,19322],{},"2. アクションライン",[101,19324,19325],{},"アクションラインとは、ポーズの主要な軸と流れを導く見えない線のことです。",[101,19327,19328],{},"空中を跳ぶヒーローにも、影の中を忍び寄るヴィランにも、共通点があります。それは強力なアクションラインです。このラインが、ポーズの背骨のように、その動きのエネルギーと方向を決定します。",[101,19330,19331],{},"アクションラインは任意のものではありません。方向や形がシーンに意味を与え、鑑賞者の注意を導きます。",[101,19333,19334],{},"複雑なシーンにおける明瞭さのためのツールであり、ドラマチックな効果を加える方法でもあります。また、アクションラインはキーフレームを示唆することで、ポーズ間のよりスムーズな移行も促します。",[111,19336],{},[114,19338,19340],{"id":19339},"_3-balance",[486,19341,19342],{},"3. バランス",[101,19344,19345],{},"バランスの取れた描画を実現するための中核となる概念の一つは、対称性を避けることです。これはしばしば「ツインニング」と呼ばれます。現実世界では硬く不自然に見えてしまう要素の、意図しない鏡映しが起きてしまう状態のことです。",[101,19347,19348],{},"腕を体側に真っ直ぐ下ろして立っているキャラクターが、完全に左右対称だと奇妙に見えてしまいます。",[101,19350,19351],{},"そこでアニメーターは、わずかな非対称さを加えます。強いシルエット、ねじれ、反対ポーズ（カウンターポーズ）を使うのです。たとえば腕の角度を変えたり、体重を片足に寄せたりします。",[101,19353,19354],{},"強いシルエットは、キャラクターの行動を明確かつ素早く伝えます。ポーズを設計するときは、キャラクターをシンプルで認識できる形にまで落とし込みます。ポーズの行動が、最も簡略化された状態でも容易に解釈できるなら、そのポーズは強いシルエットを持っています。",[101,19356,19357],{},"描画にねじれや反対ポーズを取り入れると、ダイナミックな動きとエネルギーの感覚が生まれます。",[101,19359,19360],{},"ねじれとは、体の各部位が異なる方向を向くことです。たとえば、胴体がある方向にひねられている一方で、腰が別の方向を向くようにすることで、人間の身体が自然に動く様子をより正確に反映できます。",[101,19362,19363],{},"同様に反対ポーズでは、腰と肩を互いに反対方向へ向けるように配置します。",[111,19365],{},[114,19367,19369],{"id":19368},"_4-turnarounds",[486,19370,19371],{},"4. ターナラウンド",[101,19373,19374],{},"ターナラウンドとは、キャラクターが360度回転する様子を描いたもので、複数の角度からの包括的な見え方を提供します。",[101,19376,19377],{},"通常、ターナラウンドには正面、側面、背面、そして3/4ビューが含まれます。これにより制作の過程でアニメーターが一貫性を保つのに役立ちます。",[101,19379,19380],{},"デザインの食い違いは鑑賞者の体験を損なうため、幅・高さ・デザインの細部を似た状態に保つことが重要です。",[101,19382,19383],{},"ターナラウンドを作ることは、アーティストにキャラクターのあらゆる面を理解させます。つまり、さまざまなポーズや角度で身体の各部がどう相互作用するのかに向き合うことを意味します。",[101,19385,19386],{},"アニメーションスタジオでは、きちんと作られたターナラウンドは制作全体のチームにとって信頼できる参照資料になります。これにより、制作中に絶えず指示や修正が必要にならず、複数のアニメーターが同じキャラクターに取り組みやすくなり、制作プロセスが効率化されます。撮り直しや作り直しはコストが高いので、それらは避けるのが最善です。",[101,19388,19389,19390,19395],{},"よく引用される例は、主要なアニメーションスタジオで使われる",[266,19391,4172,19392],{"href":11572},[4123,19393,19394],{},"キャラクターデザインシート","です。そこでは各キャラクターについてデザインを固めるために、徹底的なターナラウンドの描画が行われます。",[111,19397],{},[114,19399,19401],{"id":19400},"_5-posing-life-drawing",[486,19402,19403],{},"5. ポージング／ライフドローイング",[101,19405,19406],{},"固体ドローイングが上達する別の方法は、ライフドローイングを練習することです。",[101,19408,19409],{},"ライフドローイングとは、生きているモデルをスケッチして、人間の形を素早く正確に捉えることです。通常は、ジェスチャードローイングとして知られる短時間の決められたポーズで行います。アーティストがモデルの形を素早く捉えることが求められます。",[101,19411,19412],{},"ここで重視されるのは精密さではなく、スピードと流れ（流動性）です。だからこそ、固体ドローイングの概念を適用せざるを得なくなります。",[101,19414,19415],{},"これは、アニメーターの目と手を鍛えるのに非常に良い方法です。つまり、形・動き・重さの配分の本質を掴むために、複雑な人間の形を基本となる要素へと凝縮し、不必要な細部でキャラクターを重くしないようにする必要があります。",[101,19417,19418],{},"地域のライフドローイング教室に参加するか、オンラインのセッションに参加できるならそうすることを検討してみてください。また、ジェスチャードローイング用に設計されたオンラインリソースやアプリを使って、毎日数分だけ素早いポーズをスケッチすることもできます。あるいは、お気に入りのカフェや図書館で座っている人をただスケッチするだけでも構いません。",[111,19420],{},[114,19422,19424],{"id":19423},"_6-lighting",[486,19425,19426],{},"6. ライティング",[101,19428,19429],{},"シェーディングがまったくないと、単純な球は平面的に見えます。しかし光源を導入すると、ハイライト、中間調、影のすべてがリアルな描画に寄与します。",[101,19431,19432,19437],{},[266,19433,19434],{"href":4171},[4123,19435,19436],{},"ライティングは、私たちが形をどう認識するかに影響します。"," それは、オブジェクトの形状やボリュームがどれだけ効果的に表現されるかを決めます。",[101,19439,19440],{},"先に述べたとおり、パースは三次元の世界を説得力のある形で表すことに焦点があり、ライティングはオブジェクト同士の空間的な関係を強調するための味方になります。光源の位置によって、そのオブジェクトがどう影を落とし、どこにハイライトが乗るかが決まり、環境内での配置がよりはっきりします。どの領域が観客に近く、どの領域が遠ざかっていくのかを明確にし、視線がキャンバス上を自然に移動するよう導きます。",[111,19442],{},[114,19444,19445],{"id":559},[486,19446,560],{},[101,19448,19449],{},"固体ドローイングは、形・動き・次元を結びつけて、より魅力的なアニメーションを作り出します。その原則をマスターすれば、どんなにありふれたドローイングでも、引き込まれる物語へと変えることができます。",[101,19451,19452],{},"ただし、固体ドローイングはアニメーションで考慮すべきベストプラクティスの中でも唯一のものではありません。アニメーション12の原則をマスターする必要があり、それぞれを練習し続けるための規律もまた求められます。",[84,19454,19456,19459],{"className":19455},[87,88,89],[84,19457,576],{"className":19458},[93],[84,19460,9599,19462,19465],{"className":19461},[98],[266,19463,5315],{"href":583,"rel":19464},[585],"！私たちは1,000人を超える専門家とつながっており、ベストプラクティスを共有し、時には対面イベントも企画しています。ぜひようこそお迎えしたいです！",[84,19467,19469],{"className":19468},[87,591,592],[266,19470,598],{"href":583,"className":19471},[596,597],{"title":168,"searchDepth":600,"depth":600,"links":19473},[19474,19475,19476,19477,19478,19479,19480,19481],{"id":19250,"depth":600,"text":19253},{"id":19273,"depth":600,"text":19276},{"id":19319,"depth":600,"text":19322},{"id":19339,"depth":600,"text":19342},{"id":19368,"depth":600,"text":19371},{"id":19400,"depth":600,"text":19403},{"id":19423,"depth":600,"text":19426},{"id":559,"depth":600,"text":560},"https://images.unsplash.com/photo-1582134534988-f8bcfc928273?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3wxMTc3M3wwfDF8c2VhcmNofDd8fHNvbGlkJTIwZHJhd2luZ3xlbnwwfHx8fDE3MzU3MTI0MzB8MA&ixlib=rb-4.0.3&q=80&w=2000",{"updated_at":19484,"featured_at":612,"visibility":613},"2026-03-26T10:42:04.000+01:00","/blog-i18n/ja/solid-drawing","2025-02-03T09:55:57.000+01:00",{"title":19217,"description":168},"solid-drawing","blog-i18n/ja/solid-drawing/index",[19491],{"id":620,"name":621,"slug":622,"description":7,"feature_image":7,"visibility":613,"og_image":7,"og_title":7,"og_description":7,"twitter_image":7,"twitter_title":7,"twitter_description":7,"meta_title":7,"meta_description":7,"codeinjection_head":7,"codeinjection_foot":7,"canonical_url":7,"accent_color":7,"url":623},"dJWYlId-j1h3qYV_JwpYiyqQzrfHhQ-ymWOOt6b9uFc",{"id":19494,"title":19495,"authors":19496,"body":19498,"description":168,"extension":608,"feature_image":19815,"html":7,"meta":19816,"navigation":11,"path":19818,"published_at":19819,"seo":19820,"slug":19821,"stem":19822,"tags":19823,"__hash__":19825,"updated_at":19817,"featured_at":612,"visibility":613},"blog/blog-i18n/ja/animation-scripts/index.md","アニメーションのための脚本作成：ステップバイステップガイド（2026）",[19497],{"id":11067,"name":11068,"slug":11069,"profile_image":11070,"cover_image":7,"bio":11071,"website":7,"location":11072,"facebook":7,"twitter":11073,"meta_title":7,"meta_description":7,"threads":7,"bluesky":7,"mastodon":7,"tiktok":7,"youtube":7,"instagram":7,"linkedin":7,"url":11074},{"type":81,"value":19499,"toc":19805},[19500,19515,19518,19521,19524,19527,19529,19535,19538,19541,19554,19557,19559,19565,19568,19571,19574,19600,19603,19606,19608,19614,19617,19620,19623,19626,19646,19649,19651,19657,19666,19669,19672,19675,19678,19680,19686,19689,19692,19701,19704,19707,19709,19715,19718,19721,19724,19727,19730,19733,19736,19738,19744,19747,19750,19760,19763,19766,19769,19771,19775,19778,19781,19784,19799],[84,19501,19503,19507],{"className":19502},[87,88,89],[84,19504,19506],{"className":19505},[93],"📖",[84,19508,19510],{"className":19509},[98],[674,19511,19512],{},[486,19513,19514],{"style":678},"アニメーションはストーリーテリングのためのもの",[101,19516,19517],{},"小説が物語によって読者を惹きつけるように、アニメーションは対話とビジュアルによるストーリーテリングで視聴者を魅了します。そして小説には原稿が必要なように、アニメーションには脚本が必要です。",[101,19519,19520],{},"短編のアニメシリーズであれ長編映画であれ、ほとんどのアニメーションは脚本から始まります。",[101,19522,19523],{},"アニメーションについてこれから学び始めたばかりなら、戸惑うかもしれませんが、他のアニメーター、プロデューサー、コンサルタントと仕事をする以上、書く必要があります。",[101,19525,19526],{},"また、どこから始めればいいのか分かりにくいこともあるため、この記事ではアニメーション用脚本を書く基本を順を追ってご紹介します。",[111,19528],{},[114,19530,19532],{"id":19531},"why-a-script",[486,19533,19534],{},"なぜ脚本が必要なのか？",[101,19536,19537],{},"脚本はアイデアを構造化して書き下ろします。脚本の明確さと独創性が、その企画の可能性を示すために重要になるため、潜在的な投資家、プロデューサー、協力者にビジョンを伝えるうえで欠かせません。",[101,19539,19540],{},"脚本は、アニメーション制作プロジェクトにおける唯一の情報源のような役割も果たします。ストーリーの展開を導き、ビジュアル要素、キャラクター同士の関係、そして物語の流れを定義します。",[101,19542,19543,19544,3793,19548,19553],{},"プリプロダクションから最終カットまで、チームのすべてのメンバーが、",[266,19545,4172,19546],{"href":12264},[4123,19547,17738],{},[266,19549,4172,19550],{"href":12944},[4123,19551,19552],{},"アニメイティクス","、およびその他のデザインパッケージとともに脚本を参照して協働します。",[101,19555,19556],{},"監督やスーパーバイザーは、スクリプトを使ってワークフローを効率化し、チームの取り組みを調整します。簡潔なアクションやセリフの行は、アニメーター、ボイスアーティスト、監督、編集者が自分の役割を理解し、仕事を進めるのに役立ちます。",[111,19558],{},[114,19560,19562],{"id":19561},"formatting",[486,19563,19564],{},"フォーマット",[101,19566,19567],{},"ストーリーテリングに入る前に、脚本作成における欠かせない要素――フォーマット――を整理しましょう。",[101,19569,19570],{},"適切な脚本のフォーマットは、重要な「5W」――各シーンの誰が、何を、どこで、いつ、そしてなぜ――に答える整理されたテンプレートを作ります。",[101,19572,19573],{},"これは通常、次の4つの要素で行います：",[1148,19575,19576,19582,19588,19594],{},[1151,19577,19578,19581],{},[486,19579,19580],{},"シーン見出し"," - スラグラインとも呼ばれ、場所とその日の時間帯を示します。たとえば「EXT. FOREST - DAY」は、すぐに状況を提示します。",[1151,19583,19584,19587],{},[486,19585,19586],{},"シーンの説明"," - シーンの環境や注目すべきアクションを描写します。短くても分かりやすい説明で、ビジュアルと音に関する期待値を決めておきます。",[1151,19589,19590,19593],{},[486,19591,19592],{},"セリフのためのキャラクター名"," - 脚本家は、そのシーンで話すキャラクター全員に名前を付けます。固有の語彙やトーンによって、キャラクターの違いが分かりやすくなります。",[1151,19595,19596,19599],{},[486,19597,19598],{},"ダイアログ（セリフ）"," - セリフは感情を伝え、物語を前へ進めるうえで重要です。よく練られたセリフは短くても意味が詰まっています。",[101,19601,19602],{},"これらの基本要素が構造を提供してくれますが、脚本家がそれらをどう使うかは大きく異なります。脚本や脚本用の書式には唯一の正解がないため、あなた自身のスタイルを脚本に加えて構いません。",[101,19604,19605],{},"スタジオジブリの宮崎駿は、脚本を書きません。というより、彼はただストーリーボードから始めて、声優向けに余白へセリフを注釈していくだけです（用意された台本は単なる書き起こしに近いものです）。",[111,19607],{},[114,19609,19611],{"id":19610},"_1-narrative-arcs",[486,19612,19613],{},"1. ナラティブの起伏（アーク）",[101,19615,19616],{},"物語には、視聴者が簡単に追えるまとまりのある構造が必要なので、脚本家はナラティブの起伏（アーク）を考えます。",[101,19618,19619],{},"伝統的なストーリーテリングでは、5つのアークがあります。導入（exposition）、上昇（rising action）、クライマックス（climax）、下降（falling action）、そして解決（resolution）です。小説は章やパートに分けることで、アークがいつ始まりいつ終わるのかを読者が判断しやすくなります。",[101,19621,19622],{},"アニメーションでは、短めの脚本は「幕」に分けます。第1幕は問題が起きたところで終わり、第2幕はクライマックスまで続き、第3幕で解決を描きます。",[101,19624,19625],{},"もちろん、脚本の書き方はあなた次第ですが、構成する際は次の要素を意識しておきましょう：",[1148,19627,19628,19634,19640],{},[1151,19629,19630,19633],{},[486,19631,19632],{},"目標、観客、テーマ"," - この段階で、脚本家は物語全体の最終目標を考えます。ターゲットとなる観客を踏まえ、土台にあるテーマを織り込んでいきます。伝えたいことがあるはずなので、それを最大限の感情的インパクトにつながるよう、どう提示したいかを考える必要があります。",[1151,19635,19636,19639],{},[486,19637,19638],{},"ストーリーテリングの類型（アーキタイプ）"," - 大まかに言えば、物語は伝統的なアーキタイプのいずれかに従います。たとえば悲劇的、喜劇的、英雄の旅、貧しいところからの成功、旅と帰還などです。これらのアーキタイプを理解すると、物語をどう構成できるかを判断しやすくなります。",[1151,19641,19642,19645],{},[486,19643,19644],{},"ルールを崩す"," - ナラティブの技法を理解することは、ストーリーテリングの良い土台になりますが、常套句（クリシェ）を避けることで、観客の期待を裏切りたいところでもあります。たとえば、アニメーターは非線形のストーリーテリングを試したり（ホワイトフォックスの『STEINS;GATE』には複雑な時間ループがあります）、独自の視点を採用したりします（ピクサーの『インサイド・ヘッド』では感情が擬人化されています）。",[101,19647,19648],{},"いずれにせよ、最もシンプルに物語を組み立てる方法は、入れたい重要なナラティブ要素を強調したアウトラインから始めることです。",[111,19650],{},[114,19652,19654],{"id":19653},"_2-character-description",[486,19655,19656],{},"2. キャラクターの説明",[101,19658,19659,19660,19665],{},"キャラクターの説明は、脚本作成において特に重要です。物語を動かし、",[266,19661,4172,19662],{"href":11572},[4123,19663,19664],{},"キャラクターデザインを着想する","ために役立ち、また彼らの成長計画を立てます。",[101,19667,19668],{},"キャラクターの性格は、セリフと説明によって伝えられ、それがさらにデザインを左右します。たとえば悪役はいたずらっぽい笑みを浮かべ、ヒーローは思いやりをにじませる、といった具合です。身体的な特徴ひとつひとつが、より深い何かを示しています。",[101,19670,19671],{},"キャラクターは、状況や課題の影響を受けながら進化します。個人的な成長（または成長しないこと）が、プロットの進行を導き、観客の関心を引きつけます。説明は変化を示すために使われます。",[101,19673,19674],{},"場合によっては、脚本家が長い説明を追加するよりも、キャラクターシートを使うほうが良いことがあります。キャラクターの外見や性格特性、過去の経緯や個人的な目標に至るまで、あらゆる面についての詳細なメモが含まれており、脚本家が一貫性のある、しかし多面的で説得力のあるキャラクターを作るのを助けます。",[101,19676,19677],{},"キャラクターの説明は、アニメーターやボイスアクターがキャラクターに命を吹き込むことにも役立ちます。ただし、すべての細部を正しくするには多くの創造力が必要です。",[111,19679],{},[114,19681,19683],{"id":19682},"_3-scene-description",[486,19684,19685],{},"3. シーンの説明",[101,19687,19688],{},"キャラクターの説明と同様に、シーンの説明はアニメーターがそこから着想を得られるようなビジュアルの枠組みを提供します。そこには3つの要素があります：レイアウト、環境、そして小道具です。",[101,19690,19691],{},"シーンのレイアウトを説明するときは、その空間がどのように占有され、視聴者にどう見えるかを想像しなければなりません。これは、観客の目線を誘導するカメラアングルのようなものだと考えてください。レイアウトを定義することで、アニメーターはキャラクターが空間の中でどう動き、どう相互作用するかを決めやすくなります。",[101,19693,19694,19695,19700],{},"環境と背景は、そのシーンのトーンを決めます。それは単に「どこで起きるか」だけではなく、そこで生まれる感情も含みます。環境は、柔らかな色や穏やかな照明で温かく迎え入れるような雰囲気でしょうか？それとも、暗く冷たく、強いコントラストや深い影があるでしょうか？",[266,19696,4172,19697],{"href":12770},[4123,19698,19699],{},"質感、色、照明を描写する","ことで物語を伝えましょう。",[101,19702,19703],{},"小道具もまた、キャラクターの特性を明らかにし、プロットを動かし、世界観づくりをより良くするための強力なストーリーテリング手段です。何気ないように見える物体でも、創造的に使えば大きな意味を持ち得ます。たとえば、ディズニーの『アラジン』に登場する魔法の絨毯は、単なる移動手段ではありません――それ自体がキャラクターです。脚本では、小道具の見た目だけでなく、キャラクターとの関係や、物語に与える影響についても詳述してください。",[101,19705,19706],{},"各要素を組み合わせることで、アニメーターに貴重な手がかりを与えられます。",[111,19708],{},[114,19710,19712],{"id":19711},"_4-dialogues",[486,19713,19714],{},"4. セリフ（ダイアログ）",[101,19716,19717],{},"セリフはキャラクターデザインにおいて重要な役割を果たします。",[101,19719,19720],{},"アニメーションでは、すべての情報をセリフで伝える必要がない点に注意しましょう。「見せて、語らない（Show, don't tell）」が基本です。可能な限り、アニメーションの視覚的な力を使って物語を伝え、セリフはテンポを整えるための道具として使うのに留めましょう。",[101,19722,19723],{},"シーンを、ウォーリー（WALL-E）の無言の時間のように考えてください。そこでは、表情や動作が、たった一言のセリフもなく深みを伝えます。",[101,19725,19726],{},"どんな優れた文章でも同じですが、言わないことがより強い力を持つことがよくあります。つまり、セリフにサブテキスト（含み）を豊富に持たせ、「キャラクターは一つのことを言っているが、別のことを示唆している」というように、観客に行間を読ませるようなセリフを書いて、視聴者に考えさせましょう。",[101,19728,19729],{},"とはいえ、セリフとサウンドは、物語を引き立て、世界観を形にし、各キャラクターのはっきりした特徴を引き出すための重要な要素のままです。",[101,19731,19732],{},"各行はキャラクター固有の性格、背景、動機を反映するため、本人の声に合って「本物らしく」感じるセリフを書きましょう。良いセリフは自然に聞こえる必要があります。簡単なコツとしては、声に出して読んでみる、または他の人に演じてもらうことです。この練習は、ぎこちない言い回しや、物語の邪魔になる意図しない韻（ライム）を見つけるのに役立ちます。また、ボイスアクターの仕事として、元となる素材を理解し解釈していく必要があります。",[101,19734,19735],{},"アニメーションはリズムに強く依存するため、アニメーターはテンポを遅らせる長々とした演説を避けます。その代わりに、テンポよく、強い印象を残す短いセリフを使って物語を前に進めます。",[111,19737],{},[114,19739,19741],{"id":19740},"get-inspired",[486,19742,19743],{},"インスピレーションを得る",[101,19745,19746],{},"すべての優れた作家は、先人たちの脚本の積み重ねの上に立っています。",[101,19748,19749],{},"オンラインのデータベース、脚本アーカイブ、そして映画学校は、さまざまなジャンルや複雑さのアニメ脚本にアクセスするための素晴らしい出発点です：",[158,19751,19753],{"className":19752},[87,161],[163,19754],{"src":19755,"className":19756,"alt":168,"loading":169,"width":19757,"height":19758,"srcSet":19759,"sizes":173},"https://blog.cg-wire.com/content/images/2025/01/CleanShot-2025-01-01-at-3-.00.49@2x.png",[167],2000,1127,"https://blog.cg-wire.com/content/images/size/w600/2025/01/CleanShot-2025-01-01-at-3-.00.49@2x.png 600w, https://blog.cg-wire.com/content/images/size/w1000/2025/01/CleanShot-2025-01-01-at-3-.00.49@2x.png 1000w, https://blog.cg-wire.com/content/images/size/w1600/2025/01/CleanShot-2025-01-01-at-3-.00.49@2x.png 1600w, https://blog.cg-wire.com/content/images/size/w2400/2025/01/CleanShot-2025-01-01-at-3-.00.49@2x.png 2400w",[101,19761,19762],{},"脚本を読み、分析する習慣を身につけることは、脚本作成を上達させる方法のひとつです。たとえば脚本に注釈を付けたり、重要なプロットポイント、キャラクターのアーク、そしてストーリーテリングに深みを加える対話上の重要な緊張（クライティカルなひずみ）を要約したりできます。",[101,19764,19765],{},"また、脚本作成をゼロから始める必要もありません。既存作品をアニメーションへと適応させることは、脚本作成のコツを学ぶ良い方法です。適応には理解が必要なだけでなく、テンポ、予算、実現可能な上映時間を尊重しながら、元のテキストから逸脱も必要になります。脚本は、こうした課題を乗り越えるための枠組みを提供します。",[101,19767,19768],{},"著作権について心配する必要もありません。無料で使える素材はたくさんあります！たとえば、グーテンベルクにはパブリックドメインにある古典が数万冊あります。",[111,19770],{},[114,19772,19773],{"id":559},[486,19774,560],{},[101,19776,19777],{},"脚本は、アニメーションにおける「ちょっとした付け足し」ではありません。アイデアをアニメーションへと変えるための、まさに最初の一歩です。よく練られた脚本は、物語を語るだけでなく、世界を作り、キャラクターを設計し、複雑なナラティブを編み上げます。",[101,19779,19780],{},"脚本家は通常、主要なナラティブの幕構成を整理するためにアウトラインから始め、その後にシーン見出し、説明、そしてセリフへと進めます。キャラクターデザインは、説明、キャラクターシート、そして対応するストーリーボードやコンセプトアートによって提案されます。",[101,19782,19783],{},"いつか自分のアニメ制作を作りたいと思い、意欲があるなら、脚本作成はあなたの武器に加える価値のあるスキルなので、侮らないでください。舞台裏のドキュメンタリー、脚本のデータベース、そして『Animation Writing And Development』のような本は、素晴らしい出発点になります。",[84,19785,19787,19790],{"className":19786},[87,88,89],[84,19788,576],{"className":19789},[93],[84,19791,19793,19794,19798],{"className":19792},[98],"アニメーション制作のプロセスについてもっと知るために ",[266,19795,19797],{"href":583,"rel":19796},[585],"当社のDiscordコミュニティに参加してみませんか","！ベストプラクティスを共有する1,000人以上の専門家とつながれて、たまに対面イベントも企画しています。ぜひあなたをお迎えできれば嬉しいです！",[84,19800,19802],{"className":19801},[87,591,592],[266,19803,598],{"href":583,"className":19804},[596,597],{"title":168,"searchDepth":600,"depth":600,"links":19806},[19807,19808,19809,19810,19811,19812,19813,19814],{"id":19531,"depth":600,"text":19534},{"id":19561,"depth":600,"text":19564},{"id":19610,"depth":600,"text":19613},{"id":19653,"depth":600,"text":19656},{"id":19682,"depth":600,"text":19685},{"id":19711,"depth":600,"text":19714},{"id":19740,"depth":600,"text":19743},{"id":559,"depth":600,"text":560},"https://images.unsplash.com/photo-1571232151946-f7f00c61ade7?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3wxMTc3M3wwfDF8c2VhcmNofDIxfHxmaWxtJTIwc2NyaXB0fGVufDB8fHx8MTczNTcxMTQyM3ww&ixlib=rb-4.0.3&q=80&w=2000",{"updated_at":19817,"featured_at":612,"visibility":613},"2026-03-26T10:23:39.000+01:00","/blog-i18n/ja/animation-scripts","2025-01-27T09:55:40.000+01:00",{"title":19495,"description":168},"animation-scripts","blog-i18n/ja/animation-scripts/index",[19824],{"id":620,"name":621,"slug":622,"description":7,"feature_image":7,"visibility":613,"og_image":7,"og_title":7,"og_description":7,"twitter_image":7,"twitter_title":7,"twitter_description":7,"meta_title":7,"meta_description":7,"codeinjection_head":7,"codeinjection_foot":7,"canonical_url":7,"accent_color":7,"url":623},"4tkzrWPAhs6vsNraFsf1-kIXiXwwMcgdiZllXT9_Kq0",{"id":19827,"title":19828,"authors":19829,"body":19831,"description":168,"extension":608,"feature_image":20147,"html":7,"meta":20148,"navigation":11,"path":20150,"published_at":20151,"seo":20152,"slug":20153,"stem":20154,"tags":20155,"__hash__":20157,"updated_at":20149,"featured_at":612,"visibility":613},"blog/blog-i18n/ja/animation-inspiration/index.md","クリエイティブブロックを抜け出す方法：2026年のアニメーション・インスピレーション",[19830],{"id":11067,"name":11068,"slug":11069,"profile_image":11070,"cover_image":7,"bio":11071,"website":7,"location":11072,"facebook":7,"twitter":11073,"meta_title":7,"meta_description":7,"threads":7,"bluesky":7,"mastodon":7,"tiktok":7,"youtube":7,"instagram":7,"linkedin":7,"url":11074},{"type":81,"value":19832,"toc":20138},[19833,19848,19851,19854,19857,19860,19862,19868,19871,19874,19877,19880,19883,19886,19888,19894,19897,19900,19903,19910,19917,19925,19928,19930,19936,19939,19942,19945,19948,19951,19954,19957,19960,19968,19971,19979,19990,19992,19998,20001,20004,20021,20031,20034,20036,20042,20045,20048,20051,20061,20064,20067,20069,20075,20078,20081,20084,20087,20104,20107,20109,20113,20116,20119,20132],[84,19834,19836,19840],{"className":19835},[87,88,89],[84,19837,19839],{"className":19838},[93],"🏋️",[84,19841,19843],{"className":19842},[98],[674,19844,19845],{},[486,19846,19847],{"style":678},"継続的な練習がアニメーターには重要です",[101,19849,19850],{},"けれど、アイデアが尽きてしまったらどうしますか？机に座り、スケッチブックを手に、ポートフォリオに取りかかろうとしているのに、完全にクリエイティブが止まってしまった状態。",[101,19852,19853],{},"アニメーションのプロンプトのリストを用意することは、最初は解決策に見えるかもしれませんが、それは持続可能な方法ではありません。アイデアを生み出す力は、鍛える必要がある「筋肉」なのです！",[101,19855,19856],{},"あなたが意識していなくても、あなたの人生はアニメーションのインスピレーションに満ちた無限の源です。必要なのは、ちょっとしたコツと、少しの実践。",[101,19858,19859],{},"この記事では、静的なリストの制約から自由になり、アニメーションのアイデアが途切れない流れを育てるためのダイナミックな戦略をお届けします。これらのクリエイティブな手法が、長い目であなたの役に立つことを願っています！",[111,19861],{},[114,19863,19865],{"id":19864},"its-all-about-storytelling",[486,19866,19867],{},"すべては「ストーリーテリング」にある",[101,19869,19870],{},"素晴らしいアニメーションは、素晴らしい物語から生まれます。",[101,19872,19873],{},"結局のところ、アニメーションは短いクリップであっても長編作品であっても、ストーリーテリングのためのメディアです。",[101,19875,19876],{},"鉛筆を手にする前に（あるいはスタイラスやタブレットでも）、伝えたい物語について考えてみてください。何があなたを刺激しますか？長年の間に心に残っている物語は？どんなテーマに惹かれますか？",[101,19878,19879],{},"あなたの物語のアイデアは、あなたの視点と同じくらいユニークなものになるでしょう。ただしポイントは、深く考えることで自然にそれらが姿を現すのを許すことです。",[101,19881,19882],{},"アイデアを常にこちらから強制して呼び込むことはできませんが、規律（ディシプリン）によって幸運を味方につけることはできます。",[101,19884,19885],{},"そのための方法をいくつか紹介します：",[111,19887],{},[114,19889,19891],{"id":19890},"_1-fan-fiction",[486,19892,19893],{},"1. ファンフィクション",[101,19895,19896],{},"子どもがテレビ番組や映画の好きなキャラクターを絵に描く場面を思い浮かべてください。そこには、彼ら自身の想像力が加わります――新しい服、相棒、さらには達成すべきミッションさえ。",[101,19898,19899],{},"こうした子どもらしい創造性は、強力なツールです。",[101,19901,19902],{},"ファンフィクションなら、ストーリーテリングやアニメーションのテクニックを試しながら、コミュニティの他のファンともつながれます。",[101,19904,19905,19906,19909],{},"まずは自分が共感できるキャラクターを選び、自分にこう問いかけてみてください。「",[486,19907,19908],{},"もしも？","」たとえば、お気に入りのヒーローが最大の恐れに直面しなければならないとしたら？ 異なる世界の2人のキャラクターが出会ったら？可能性は無限です。",[101,19911,19912,19913,19916],{},"良い例としては、「",[486,19914,19915],{},"Legend, a Dragon Ball Tal","e」(伝説、ドラゴンボールタレ) が、アニメーター Agent Mystery Meat（The New Challenger Productions）によって2022年に制作された作品があります。ドラゴンボールの定番キャラクターが登場しつつ、アニメーター独自の作風の解釈とオリジナルのプロットが特徴です。",[158,19918,19920],{"className":19919},[87,161],[163,19921],{"src":19922,"className":19923,"alt":168,"loading":169,"width":13923,"height":19924},"https://lh7-rt.googleusercontent.com/docsz/AD_4nXcwhjCMYFfL2VbIndksIJkO2ZM0g6TkXUczVX7ItocoO50m4NA6jPm0oSa-7criZ2rSXDj3VAgHGEyzTBr7x0M7oARbUcXIPpkx168nPi0xG_6ihTrvukVkSuQz4IEv6vf3aRTyrg?key=_vb9Zsdr4pgEXJ2WtnaL9Txn",[167],408,[101,19926,19927],{},"また、アニメの編集作品やアニメ音楽ビデオ（AMV）も、学びの面で人気のあるファン制作です。動画・音声編集を学びながら、ソーシャルメディアで観客（視聴者）を育てることにもつながります。",[111,19929],{},[114,19931,19933],{"id":19932},"_2-get-the-basics-right",[486,19934,19935],{},"2. 基本を押さえる",[101,19937,19938],{},"アニメーションのアイデアを得る別の方法は、技術の基礎に立ち返ることです。",[101,19940,19941],{},"球を弾ませるような「ボールが跳ねる」アニメーションを作ることで技術的な完璧さを目指す話ではなく、アニメーションという世界を形づくる言語やプロセスを深く理解し、組み込むことが重要です。",[101,19943,19944],{},"たとえば、アニメーションの12の原則を学ぶことで、キャラクターに感情や個性を宿らせる方法がわかります。",[101,19946,19947],{},"個々の原則を小さなプロジェクトで練習することから始めてもいいでしょう。たとえば、誇張を使って感情を強調しながらシンプルなキャラクターをアニメーション化し、ほんの少しの変化がアニメーションにどう影響するかを見てみます。試して練習を重ねていくうちに、原則への理解は自然に広がり、新しいアイデアのヒントにもなっていきます。",[101,19949,19950],{},"先ほども述べたように、創造性は筋肉であり、筋肉は機能して成長するための燃料を必要とします。アートを消費し、新しい体験を求めることが欠かせません。さまざまなアニメーションやアートのスタイルを見ることで、ストーリーテリングの方法が無数にあることに気づけます。",[101,19952,19953],{},"ただし、「受け身の消費」ではだめです。分析、再現、あるいは創作など、どんな形であれ、消費しているものに関わる必要があります。なぜ特定のアニメーション・スタイルが効果的なのか考えてみましょう。あるアニメーション技法は、感情や動きをどう伝えているのでしょうか？",[101,19955,19956],{},"アニメーションのサンプリングも、あなた自身の好みを育てます。何が好きで、何が嫌いで、もっと見たいのはどんな内容か。",[101,19958,19959],{},"あなたを刺激するアニメーションの特定のシーンをメモする創作ジャーナルを始めてみてください。そのインパクトがなぜ生まれたのかを書きます――キャラクターの動かし方なのか、それとも色と影の相互作用なのか？考えを記録することで分析力が磨かれ、そこから引き出せるアイデアの貯金箱（リポジトリ）も作れます。",[101,19961,19962,19963],{},"原則が見えてきたら、",[266,19964,4172,19965],{"href":6735},[4123,19966,19967],{},"アニメーターがどのように働き、使う技術用語やプロセス",[101,19969,19970],{},"を調べてみてください。",[101,19972,19973,19978],{},[266,19974,4172,19975],{"href":3387},[4123,19976,19977],{},"私たちのブログ","を読んで、アニメーションの全体のプロセスについてさらに学ぶこともできます。アニメーションのコミュニティやフォーラムに参加することもできますし、お気に入りのアニメーションの舞台裏ドキュメンタリーを見て、こうした概念が実際にどう形になっているのか確認するのも良いでしょう。",[101,19980,19981,19982,19985,19986,19989],{},"あるプロセスの背後にある「",[486,19983,19984],{},"なぜ","」と「",[486,19987,19988],{},"どうやって","」を理解すると、あなたは革新し、そのアイデアを自分の仕事に再適用できるようになります。",[111,19991],{},[114,19993,19995],{"id":19994},"_3-the-introspective-way",[486,19996,19997],{},"3. 内省するやり方",[101,19999,20000],{},"物語の中には、見つかるべきものがあります。あなたが世界に貢献したいことを探ってみましょう！",[101,20002,20003],{},"たとえば、アニメーションで問題を解決することもできます。環境問題に情熱があるなら、プラスチック汚染が現代社会に与える影響を描いた短編アニメを作ってみてください。人間は視覚的な動物です。あなたが可視化したものは、延々と議論するよりも、ずっと魅力的に意識を高め、変化を促します。",[158,20005,20007,20013],{"className":20006},[87,161,689],[163,20008],{"src":20009,"className":20010,"alt":168,"loading":169,"width":20011,"height":20012},"https://lh7-rt.googleusercontent.com/docsz/AD_4nXcKit56y8xbHsi70qz1VzRyfU2lnRa7DKX3z6kEHnirWaDrkXAwEesfmDqIJi8k2k5MjN5tYJpUYCE_0h0U9E4nMtMDVQP--jHRZ4_0qvwSjQMhWv7nhjZfzNrlJaq49wBCTkn9Vw?key=_vb9Zsdr4pgEXJ2WtnaL9Txn",[167],531,347,[696,20014,20015],{},[699,20016,20017],{},[702,20018,20020],{"className":20019,"style":678},[705],"Source: Waltz with Bashir, Ari Folman",[101,20022,20023,20024,20030],{},"愛している漫画、コミック、あるいは小説をアダプトすることも",[266,20025,4172,20027],{"href":20026},"https://blog.cg-wire.com/how-to-build-an-animation-portfolio/",[4123,20028,20029],{},"あなたのアニメーションスキルを披露する素晴らしい方法","です。人気は高くないけれど面白くて、著作権の問題がない物語――たとえば古典のおとぎ話や神話などを選び、現代風のひねりを加えたり、別の文化的な文脈の中に置き換えたりして解釈し直してみましょう。",[101,20032,20033],{},"作品に自伝的な要素を取り入れることも、物事を動かすきっかけになります。深い個人的体験があるなら、なぜそれをアニメーションにしないのでしょうか？個人的な物語には、いつでも観客がいます。",[111,20035],{},[114,20037,20039],{"id":20038},"_4-document-dont-create",[486,20040,20041],{},"4. 「作る」より「記録する」",[101,20043,20044],{},"力のあるアニメーションの多くは、ゼロから作られるのではなく、日常生活のありのまま――喜びや苦労――を映し出したものです。",[101,20046,20047],{},"あなたが表情のアニメーションを学んでいるなら――真っ白な状態から始めて、最初からキャラクターを設計するのではなく――身の回りの普段の表情を撮影して、プロセスを記録してみることができます。自分や友人がさまざまな感情を見せる様子を収め、それをそのまま参照にしてアニメーション化しましょう。",[101,20049,20050],{},"チュートリアルを見ながら、または新しいコースや趣味に取り組みながら進捗を共有してください。アニメーションに関する話でなくても構いません。興味を組み合わせるだけで、両方についてより深く学べます。",[101,20052,20053,20054,20060],{},"たとえば歴史や数学を学んでいる、バドミントンをしている――どんなことでも興味深いアニメーションの題材になります。",[266,20055,4172,20057],{"href":20056},"https://blog.cg-wire.com/youtube-animation-channel/",[4123,20058,20059],{},"YouTubeで解説動画を探してみてください","。複雑なアイデアやスキルを伝えるために、アニメーションがどう使われているかがわかるはずです。",[101,20062,20063],{},"このアプローチは、成長の道筋を描くだけでなく、他の人にも役立つ学びの体験を生みます。自分の旅を綴るビジュアル・ダイアリーだと思ってください。",[101,20065,20066],{},"学んだことを教えるようになると、新しい概念が頭に定着しやすくなるうえで、透明性を評価してくれる視聴者との具体的なつながりも作れます。",[111,20068],{},[114,20070,20072],{"id":20071},"_5-start-with-the-audience",[486,20073,20074],{},"5. 観客から始める",[101,20076,20077],{},"よりビジネス寄りのアプローチをするなら、まず想定する観客を念頭に置きましょう。人々が何を見たいのかを知り、彼らを楽しませたり学ばせたりするコンテンツをアニメーション化します。",[101,20079,20080],{},"このアプローチは、とくにアニメーション制作スタジオの運営側に関心があるアニメーターにとって、相性が良い場合があります。",[101,20082,20083],{},"あなたの観客を理解することは重要です。なぜなら、成功の確率を高めるには、あなたが作るコンテンツが「関連性」と「インパクト」の両方を持っている必要があるからです。",[101,20085,20086],{},"たとえば、コミュニティに参加したり、ソーシャルメディア上でトレンドになっている話題を追いかけたりできます。",[158,20088,20090,20096],{"className":20089},[87,161,689],[163,20091],{"src":20092,"className":20093,"alt":168,"loading":169,"width":20094,"height":20095},"https://lh7-rt.googleusercontent.com/docsz/AD_4nXdg-3vZ6q-X11KqgX5A394lWC8Ynad8JyiSeXHhXsgmX0P8Db6L346h60l6-PD1SjoYmnGx1UanH-aNo2pl9Jgbs-pXvTC0BPdOy9JowS-C0oWY3iOHGWG-5uAwOW-sx2_OdqOFXA?key=_vb9Zsdr4pgEXJ2WtnaL9Txn",[167],418,344,[696,20097,20098],{},[699,20099,20100],{},[702,20101,20103],{"className":20102,"style":678},[705],"Source: Google Trends on the trend “anime”",[101,20105,20106],{},"とはいえ、最も成功しているアニメーションスタジオは、自分たちの創造的なビジョンを観客の関心と一致させることに成功しています。成功するために、あらゆるコストを払って観客を喜ばせる必要はありません。繰り返しになりますが、あなたは自分自身の観客を作っているのです。",[111,20108],{},[114,20110,20111],{"id":559},[486,20112,560],{},[101,20114,20115],{},"次のアニメーションのインスピレーションを見つける方法はたくさんあります。シンプルな練習課題から、深く個人的な経験まで、必要なのは「伝えたいワクワクする物語」です。そこから始めて、小さな一歩を踏み出せば、やがて必要なものはすべて学べるようになります。",[101,20117,20118],{},"ただし、旅はアイデアで終わりません。アニメーションには行動が必要で、抽象的な考えを本格的な制作へと変えるのです。まずは物語を構想し、あなたが生み出したい世界を想像します。そこから台本を書き、この台本を扱いやすいシーンに分解して、絵コンテを作りましょう。資金を集め、チームを組み、あなたの物語を世界に共有してください。",[84,20120,20122,20125],{"className":20121},[87,88,89],[84,20123,576],{"className":20124},[93],[84,20126,9599,20128,20131],{"className":20127},[98],[266,20129,1404],{"href":583,"rel":20130},[585],"！私たちは、ベストプラクティスを共有する1,000人以上の専門家とつながっており、時には対面イベントも企画しています。ぜひあなたをお迎えできれば嬉しいです！",[84,20133,20135],{"className":20134},[87,591,592],[266,20136,598],{"href":583,"className":20137},[596,597],{"title":168,"searchDepth":600,"depth":600,"links":20139},[20140,20141,20142,20143,20144,20145,20146],{"id":19864,"depth":600,"text":19867},{"id":19890,"depth":600,"text":19893},{"id":19932,"depth":600,"text":19935},{"id":19994,"depth":600,"text":19997},{"id":20038,"depth":600,"text":20041},{"id":20071,"depth":600,"text":20074},{"id":559,"depth":600,"text":560},"https://images.unsplash.com/photo-1512314889357-e157c22f938d?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3wxMTc3M3wwfDF8c2VhcmNofDZ8fGlkZWFzfGVufDB8fHx8MTczNTU5OTY0MHww&ixlib=rb-4.0.3&q=80&w=2000",{"updated_at":20149,"featured_at":612,"visibility":613},"2026-02-20T06:03:49.000+01:00","/blog-i18n/ja/animation-inspiration","2025-01-20T09:55:19.000+01:00",{"title":19828,"description":168},"animation-inspiration","blog-i18n/ja/animation-inspiration/index",[20156],{"id":620,"name":621,"slug":622,"description":7,"feature_image":7,"visibility":613,"og_image":7,"og_title":7,"og_description":7,"twitter_image":7,"twitter_title":7,"twitter_description":7,"meta_title":7,"meta_description":7,"codeinjection_head":7,"codeinjection_foot":7,"canonical_url":7,"accent_color":7,"url":623},"LncW9asOTuDCgS_NGN6Z8CBv5Md2Bu6gQu2Wzmzv6dg",{"id":20159,"title":20160,"authors":20161,"body":20163,"description":168,"extension":608,"feature_image":20445,"html":7,"meta":20446,"navigation":11,"path":20448,"published_at":20449,"seo":20450,"slug":20451,"stem":20452,"tags":20453,"__hash__":20455,"updated_at":20447,"featured_at":612,"visibility":613},"blog/blog-i18n/ja/rendering-explained/index.md","Rendering Explained (2026): 素晴らしい3Dアニメーションの鍵",[20162],{"id":11067,"name":11068,"slug":11069,"profile_image":11070,"cover_image":7,"bio":11071,"website":7,"location":11072,"facebook":7,"twitter":11073,"meta_title":7,"meta_description":7,"threads":7,"bluesky":7,"mastodon":7,"tiktok":7,"youtube":7,"instagram":7,"linkedin":7,"url":11074},{"type":81,"value":20164,"toc":20435},[20165,20180,20183,20186,20188,20194,20202,20205,20208,20211,20213,20219,20222,20225,20228,20231,20234,20236,20242,20245,20248,20274,20277,20279,20285,20288,20291,20294,20297,20300,20322,20324,20330,20333,20342,20345,20348,20351,20353,20359,20362,20365,20368,20370,20376,20379,20382,20391,20394,20397,20400,20402,20406,20409,20412,20415,20429],[84,20166,20168,20172],{"className":20167},[87,88,89],[84,20169,20171],{"className":20170},[93],"ℹ️",[84,20173,20175],{"className":20174},[98],[674,20176,20177],{},[486,20178,20179],{"style":678},"アニメのレンダリングとは、3Dシーンから最終的な2D映像出力を生成するプロセス",[101,20181,20182],{},"デジタルコンテンツ制作ツール内のレンダリングエンジンは、作成したあらゆる要素――3Dモデル、テクスチャ、ライティング、特殊効果――を受け取り、視聴したり共有したりできる一連の画像または動画へと変換します。",[101,20184,20185],{},"このガイドでは、なぜレンダリングが現代アニメーションの礎なのか、さまざまな手法によってどのように行われるのか、そして制作現場で重要な段階となる背景にある課題を探ります。",[111,20187],{},[114,20189,20191],{"id":20190},"why-rendering",[486,20192,20193],{},"なぜレンダリングが必要？",[101,20195,20196,20201],{},[266,20197,20198],{"href":6735},[4123,20199,20200],{},"すべての3D制作には、アニメーションパイプラインの一部としてレンダリングが含まれます","。納品前だけでなく、フィードバックを集めて編集を行うために、プロセス全体を反復的なサイクルの中で進める間ずっとです。洗練されたレンダリングのワークフローは、大規模制作における遅延を回避する鍵になります。",[101,20203,20204],{},"ただしレンダリングは、3Dモデルを画像に変換することだけに限りません。2Dのコンピューター生成画像やビジュアルエフェクト（VFX）も含まれます。たとえば、アニメーターはレンダリングを使って水のシミュレーションを作ったり、2Dの補間（インターポレーション）を行ったりします。",[101,20206,20207],{},"新しい技術によって、レンダリングはアニメーターが超写実的なグラフィックスを作ることを可能にしました。これはかつて、高価で時間のかかるハードウェアでしか実現できなかったことです。今では、Blenderのような無料のオープンソースツールや、2,000ドル級のラップトップでもシネマ品質の結果を目指せるようになり、独立系の映画制作者や小規模アニメスタジオでも取り組みやすくなっています。",[101,20209,20210],{},"これらすべての理由から、アニメーターは現代のデジタルコンテンツ制作ツールによって有効化される創造的な機能を最大限活かすために、レンダリングが何を意味するのかを基本的に理解しておく必要があります。",[111,20212],{},[114,20214,20216],{"id":20215},"render-passes",[486,20217,20218],{},"レンダー・パス",[101,20220,20221],{},"デジタルコンテンツ制作ツールは、モデルやシーンを別々のレイヤーに分解し、より高い制御性と読みやすさを実現します。",[101,20223,20224],{},"レンダリング中は、これらの各レイヤーが1つのパスに対応し、パスを操作することで、異なるレンダリング手法を組み合わせてさまざまな効果を作り出せます。",[101,20226,20227],{},"たとえば背景は、グラデーションの色のレイヤーと生成された雲のテクスチャのレイヤーを組み合わせて構成できるかもしれません。前景のキャラクターは、体の各部位ごとに、テクスチャ、シェーダーなどに応じた別々のレイヤーを持つことになります。",[101,20229,20230],{},"これらのレイヤーを分離することで、アニメーターは他者の作業を邪魔することなく別々の細部に集中でき、調整は後の段階で追加することも可能になります。",[101,20232,20233],{},"さらに、影のパスでは輪郭を定義し、シーン全体のための空間を示すことで奥行きを加えられるほか、表面や重要な領域を照らすハイライトも追加できます。",[111,20235],{},[114,20237,20239],{"id":20238},"rendering-techniques",[486,20240,20241],{},"レンダリング手法",[101,20243,20244],{},"先ほどのセクションで述べたとおり、レンダリングは単一の手法ではありません。異なる手法はそれぞれ長所・短所・表現上の価値があり――レンダリングのシェーダーは、リアルタイムでのキャラクターヘアのレンダリングとは大きく異なります。",[101,20246,20247],{},"とはいえ、次の基本的な手法を理解する必要があります。",[1148,20249,20250,20256,20262,20268],{},[1151,20251,20252,20255],{},[486,20253,20254],{},"レイトレーシング（Raytracing）"," - レイトレーシングは、光が物体と相互作用するときの経路をシミュレートして、正確な反射や影を作り出します。その複雑さゆえに計算コストが高く、高い処理能力が必要です。",[1151,20257,20258,20261],{},[486,20259,20260],{},"スキャンライン（Scanline）"," - スキャンラインレンダリングは、ポリゴンごと、ピクセルごとに処理する代わりに、画像を行ごと／ラインごとに処理して、特定の角度から見える面を素早く特定する高速アルゴリズムです。フォトリアルな精度よりも速度が重要になるリアルタイム用途で好まれる方法です。",[1151,20263,20264,20267],{},[486,20265,20266],{},"ラジオシティ（Radiosity）"," - ラジオシティは、面同士の間で拡散したライティングを、微妙な面間の光のやり取りを捉えることで正確にシミュレートすることに焦点を当てます。柔らかい環境光のような効果が必要なシーンに最適です。",[1151,20269,20270,20273],{},[486,20271,20272],{},"ラスタライズ（Rasterization）"," - ラスタライズは、ポリゴンとして表された3Dモデルを、表示用のピクセルやドットへ変換します。高速ですが、レイトレーシングで可能になる高度なライティング効果に欠ける場合があります。",[101,20275,20276],{},"このリストは網羅的ではありませんが、レンダリングがどのように機能するのかのイメージをつかむのに役立ちます。アニメーターは、各レイヤーごとに特定の結果を得るためのレンダリング手法があることを知っています。",[111,20278],{},[114,20280,20282],{"id":20281},"rendering-resolution",[486,20283,20284],{},"レンダリング解像度",[101,20286,20287],{},"解像度とは、画像内のピクセル数です。",[101,20289,20290],{},"解像度が高い画像は、よりクリアで詳細な品質を提供しますが、より多くの処理能力とストレージ容量が必要になります。",[101,20292,20293],{},"解像度の選択は視聴者の体験に大きな影響を与えるため、制作では可能な限り最高の解像度を目指します。たとえば、アニメーターは大きな画面で微細なディテールがすべて見えるように、8K解像度を選ぶでしょう。しかし、アニメがスマートフォンで見られるなら、1080p解像度のほうが効率的です。",[101,20295,20296],{},"この判断はレンダリングプロセスに非常に大きく影響します。4Kでは8,294,400ピクセルをレンダリングする必要があるのに対し、1080pでは993,600ピクセルです――レンダリングすべきピクセル数は8倍以上です！",[101,20298,20299],{},"そのため制作中は、アニメに対するフィードバックを素早く得るために、低い解像度で作業することがよくあります。長い期間にわたって、シーンを素早くレンダリングしないことで失われる1分ずつの積み重ねは大きくなるからです。",[158,20301,20303,20310],{"className":20302},[87,161,689],[163,20304],{"src":20305,"className":20306,"alt":168,"loading":169,"width":20307,"height":20308,"srcSet":20309,"sizes":173},"https://blog.cg-wire.com/content/images/2025/01/image.png",[167],1348,705,"https://blog.cg-wire.com/content/images/size/w600/2025/01/image.png 600w, https://blog.cg-wire.com/content/images/size/w1000/2025/01/image.png 1000w, https://blog.cg-wire.com/content/images/2025/01/image.png 1348w",[696,20311,20312,20315],{},[285,20313,20314],{"style":678},"Source : ",[266,20316,20319],{"href":20317,"target":20318},"https://notrianglestudio.com/?ref=blog.cg-wire.com","_blank",[285,20320,20321],{"style":678},"NoTriangle Studio",[111,20323],{},[114,20325,20327],{"id":20326},"rendering-engines",[486,20328,20329],{},"レンダリングエンジン",[101,20331,20332],{},"レンダリングエンジンの選定は、プロジェクト固有の要件によって決まります。アニメスタジオやフリーランサーはさまざまなレンダリングエンジンを活用しており、超写実的な環境向けに最適化されたものもあれば、ノンフォトリアルな表現やリアルタイムレンダリングを扱えるものもあります。",[101,20334,20335,20336,20341],{},"レンダリングエンジンの選択は、DCCツールによって制限されることもあります。",[266,20337,4172,20338],{"href":3015},[4123,20339,20340],{},"たとえばBlenderを見てみましょう。"," オープンソースの3Dエディタには、いくつかのレンダリングオプションがあります。レイトレーシング用のCycles、ノンフォトリアルなレンダリング用のFreeStyle、リアルタイム用のEEVEEです。一方、Unreal Engineには、まったく別物ですが（ただし似た）レンダリング設定のセットがあります。アニメーターのチーム体制によって、スタジオは最も慣れているレンダリングエンジンを選ぶ必要があります。",[101,20343,20344],{},"レンダリング工程で重要な考慮点は、CPU（中央処理装置）とGPU（グラフィックス処理装置）の役割を理解することです。BlenderのCyclesエンジンでは、アニメーターはどちらか一方、または両方を使えます。",[101,20346,20347],{},"CPUは汎用のプロセッサで、多種多様な計算タスクを扱えます。GPUは、行列計算を高速に実行するように設計されており、レンダリングで必要となる並列処理に適しています。GPUベースのエンジンはレンダリング時間を大幅に短縮できるため、迅速なターンアラウンドを求めるワークフローではよく用いられます。またフォトリアルなグラフィックスのレンダリングにも重要です。",[101,20349,20350],{},"CPUとGPUのどちらのレンダリングエンジンを選ぶかは、プロジェクトの性質、手元にあるハードウェア、そして速度とのトレードオフとして許容できる品質の範囲に左右されることが多いです。",[111,20352],{},[114,20354,20356],{"id":20355},"real-time-vs-non-real-time-rendering",[486,20357,20358],{},"リアルタイム vs 非リアルタイムレンダリング",[101,20360,20361],{},"もう1つ理解しておきたいのは、リアルタイムと非リアルタイムのレンダリングの違いです。",[101,20363,20364],{},"リアルタイムレンダリングは、仮想環境の中でイベントが起きたときに、ほぼ瞬時に画像を生成することです。ユーザーがインタラクトすると、オブジェクトやキャラクターが途切れなく表示され、シームレスに反応する――そうしたビデオゲームやVR体験を支える技術だと考えてください。この形式のレンダリングは、3Dモデルの変更に対して即座にフィードバックが必要な開発段階で特に役立ちます。",[101,20366,20367],{},"非リアルタイムレンダリングは、閲覧される前に画像やフレームを事前計算します。この方法は、ビジュアルの品質が優先されるハイエンドなアニメーションの納品段階で用いられます。最終出力で目指す詳細度やフォトリアリズムのレベルによって、処理時間は数分から数日までさまざまです。",[111,20369],{},[114,20371,20373],{"id":20372},"render-farms",[486,20374,20375],{},"レンダーファーム",[101,20377,20378],{},"レンダリングがどのように機能するかが分かった今、アニメ映画を作るのに必要なコンピュータの処理能力の大きさを想像できるかもしれません――単一のコンピュータ、あるいは数台のハイエンドワークステーションの能力を大きく超えています。",[101,20380,20381],{},"そこで登場するのがレンダーファームです。",[101,20383,20384,20390],{},[266,20385,20387],{"href":20386},"https://blog.cg-wire.com/partnership-with-ranch-computing/",[4123,20388,20389],{},"レンダーファームは、3Dシーンのレンダリングという過酷な計算ワークロードに取り組むために設計された高性能なコンピュータクラスタ","です。これらのファームは、多数の相互接続されたコンピュータ（ノードと呼ばれることが多い）で構成され、協力して3Dモデル、テクスチャ、ライティング、アニメーションを最終的な高解像度の画像やフレームへ変換し、それらが映画を構成します。",[101,20392,20393],{},"アニメーションチームがレンダーファームを使うのは、これらのフレームをレンダリングする時間を大幅に短縮できるからです。ワンオフのプロジェクトのために、数万ドルもするような高性能マシンに投資するのはなぜしないのか？ その代わりに、価格のほんの一部で借りられるなら、なおさらです。",[101,20395,20396],{},"アニメーションがレンダリング可能な状態になったら、シーンはより小さなタスクに分割されます。そのタスクは、レンダーファーム内の利用可能なノードに分配されます。この分配は、ファーム全体での負荷分散を監督する専用ソフトウェアによって管理されます。各ノードは割り当てられたタスクを受け取り、アニメーションのフレームを独立して処理します。分散化によって、複数のフレームを同時にレンダリングできるようになります。ノードがタスクを完了すると、レンダリングされたフレームは集められ、最終アニメーションの一部となるシーケンスやショットへと組み立て直されます。その後、レンダリングされたフレームは、望ましいビジュアル基準を満たしているかどうかを確認する厳密な品質チェックの対象になります。",[101,20398,20399],{},"レンダーファームは、大規模なアニメーション制作の土台であり、高品質なビジュアルエフェクトを作る能力を広く普及させるための不可欠なツールです。小規模なスタジオでも、野心的なプロジェクトを現実的に実行できるようになります。",[111,20401],{},[114,20403,20404],{"id":559},[486,20405,974],{},[101,20407,20408],{},"レンダリングは、アイデアを共有可能なアニメーションに変えるために必要なステップです。非常に技術的な仕事であり、出力品質に大きく影響します。",[101,20410,20411],{},"アニメーターとしてレンダリングを習得することは、あなたが作れるものの限界を押し広げるうえで重要です。大規模スタジオでは、パイプライン管理やレンダリングの最適化が、とりわけチームの取り組みを拡張するために重要になります。個人規模であっても、レンダリングプレビューを最大限活かすことは生産性を変えます。",[101,20413,20414],{},"DCCツールのレンダリング設定を必ず試してみるか、数ドルでレンダーファームを利用してみてください。",[84,20416,20418,20421],{"className":20417},[87,88,89],[84,20419,576],{"className":20420},[93],[84,20422,20424,20425,20428],{"className":20423},[98],"アニメーション制作のプロセスについてさらに知るには ",[266,20426,6624],{"href":583,"rel":20427},[585],"！ 私たちは、ベストプラクティスを共有する1,000人以上の専門家とつながっており、時には対面イベントも企画しています。ぜひあなたをお迎えできれば嬉しいです！",[84,20430,20432],{"className":20431},[87,591,592],[266,20433,598],{"href":583,"className":20434},[596,597],{"title":168,"searchDepth":600,"depth":600,"links":20436},[20437,20438,20439,20440,20441,20442,20443,20444],{"id":20190,"depth":600,"text":20193},{"id":20215,"depth":600,"text":20218},{"id":20238,"depth":600,"text":20241},{"id":20281,"depth":600,"text":20284},{"id":20326,"depth":600,"text":20329},{"id":20355,"depth":600,"text":20358},{"id":20372,"depth":600,"text":20375},{"id":559,"depth":600,"text":974},"https://images.unsplash.com/photo-1685222325356-c9ef9bc2fb7b?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3wxMTc3M3wwfDF8c2VhcmNofDM1fHxyZW5kZXJpbmd8ZW58MHx8fHwxNzM1NzA4NjA4fDA&ixlib=rb-4.0.3&q=80&w=2000",{"updated_at":20447,"featured_at":612,"visibility":613},"2026-03-26T10:40:03.000+01:00","/blog-i18n/ja/rendering-explained","2025-01-13T09:55:46.000+01:00",{"title":20160,"description":168},"rendering-explained","blog-i18n/ja/rendering-explained/index",[20454],{"id":620,"name":621,"slug":622,"description":7,"feature_image":7,"visibility":613,"og_image":7,"og_title":7,"og_description":7,"twitter_image":7,"twitter_title":7,"twitter_description":7,"meta_title":7,"meta_description":7,"codeinjection_head":7,"codeinjection_foot":7,"canonical_url":7,"accent_color":7,"url":623},"gxdTiUcZCuYwyjni21hmVI4CvxP0ZZSNRo6EYSgrXP8",{"id":20457,"title":20458,"authors":20459,"body":20461,"description":168,"extension":608,"feature_image":20719,"html":7,"meta":20720,"navigation":11,"path":20722,"published_at":20723,"seo":20724,"slug":20725,"stem":20726,"tags":20727,"__hash__":20729,"updated_at":20721,"featured_at":612,"visibility":613},"blog/blog-i18n/ja/animation-for-beginners/index.md","初心者のためのアニメーション：2026年の究極の始め方ガイド",[20460],{"id":11067,"name":11068,"slug":11069,"profile_image":11070,"cover_image":7,"bio":11071,"website":7,"location":11072,"facebook":7,"twitter":11073,"meta_title":7,"meta_description":7,"threads":7,"bluesky":7,"mastodon":7,"tiktok":7,"youtube":7,"instagram":7,"linkedin":7,"url":11074},{"type":81,"value":20462,"toc":20711},[20463,20473,20476,20484,20487,20489,20496,20499,20509,20516,20527,20536,20538,20544,20547,20619,20622,20624,20630,20633,20644,20647,20650,20653,20655,20661,20671,20674,20677,20679,20683,20686,20689,20692,20705],[84,20464,20466,20469],{"className":20465},[87,88,89],[84,20467,13891],{"className":20468},[93],[84,20470,20472],{"className":20471},[98],"アニメーションの仕事をしてみたいと思ったことはありますか？",[101,20474,20475],{},"たとえば、子どもの頃からカートゥーンやアニメを見て育ち、いまは自分のアイデアを形にしたい。あるいは、自分のビジネスの広告を作りたいのかもしれません。授業をもっと面白くしたい先生、または新しい表現に挑戦したいアーティストかもしれません。",[101,20477,20478,20479],{},"どんな背景であっても、アニメーションは誰のためのものです――",[486,20480,20481],{},[702,20482,20483],{},"ただ始める必要があるだけです！",[101,20485,20486],{},"どこから始めればいいか迷っているなら、ここはまさにそのための場所です。この記事では、アニメーションの種類を理解するところから、基本原則を身につけるまで、必要なことをすべてカバーします。最後には、あなたが物語をアニメーションにしていくときの道しるべを持てるようになります。",[111,20488],{},[114,20490,20492,20495],{"id":20491},"understanding-different-animation-types",[486,20493,20494],{},"さまざまなアニメーションの種類を","理解する",[101,20497,20498],{},"よくある誤解のひとつは、アニメーションを作るには、優れた画力が必要だというものです。自分のアイデアを形にするためには絵を描く力が重要なのは事実ですが、前提条件ではありません。アニメーションはフォトリアルさよりも、物語を伝えることが中心です。",[101,20500,20501,20502,20508],{},"伝統的なアニメーションを思い浮かべると、多くの人は ",[266,20503,20505],{"href":20504},"https://blog.cg-wire.com/what-is-2d-animation/",[4123,20506,20507],{},"2Dアニメーション"," を想像します。紙に描いた手描きの画像を作る、またはソフトウェアでデジタルにレンダリングすることで映像を作ります。モーショングラフィックスもこのカテゴリに含まれ、説明動画、インフォグラフィック、さらには一部のモバイルアプリなどでよく使われます。2Dアニメーションは、登場人物や抽象的な視覚効果を、マイクロソフトペイントのようなシンプルなツールや、紙とペンだけでも二次元の平面上で作り上げることができます。",[101,20510,20511,20515],{},[266,20512,20513],{"href":6735},[4123,20514,11580],{}," では、デジタルモデリングを使って、仮想空間内で3次元のモデルを作れるようにします。モデリングツールに少しでも触れていると有利ですが、多くの素材はすでに利用可能な状態で用意されており、初心者でもこの分野にすぐに取り組めます。13歳のティーンが、Grand Theft Auto（GTA）のような人気ゲームエンジンを活用して、アニメーション短編や長編映画まで制作しているのです！",[101,20517,20518,20519,20522,20523,20526],{},"クレイマーションは、粘土やプラスチックナインのような素材で彫刻を作り、それをフレームごとに撮影して動きを生み出す方法です。このスタイルは「",[486,20520,20521],{},"ウォレスとグルミット","」や「",[486,20524,20525],{},"ナイトメアー・ビフォア・クリスマス","」のような作品で人気を得ました。ストップモーションアニメーションは、紙の切り抜きや家庭にある道具など、他の素材を使うこともできます。たとえば、多くのクリエイターがLEGOのブロックを使って、魅力的で想像力あふれる映画を作っています。この手法はしばしば「brickfilm（ブリックフィルム）」と呼ばれます。",[101,20528,20529,20535],{},[266,20530,20532],{"href":20531},"https://blog.cg-wire.com/the-main-types-of-animation/",[4123,20533,20534],{},"これらのアニメーションの種類を理解する"," ことで、どこから始めるべきかを決められます。そして、大きな想像力があれば、用意するものはほとんどありません。アニメーションは、ほぼあらゆる媒体で作ることができます！",[111,20537],{},[114,20539,20541],{"id":20540},"start-with-the-12-principles-of-animation",[486,20542,20543],{},"アニメーションの12の原則から始める",[101,20545,20546],{},"使う媒体を選び、いろいろ試し始めると、たぶん作品のクオリティを次の段階へ引き上げたくなるはずです。アニメーションの12の原則は、アートスクールでよく使われる人気のフレームワークで、シンプル（ただし習得は難しい）な手法で、より説得力のあるアニメーションを作るためのものです：",[3067,20548,20549,20554,20560,20566,20572,20578,20584,20590,20596,20601,20607,20613],{},[1151,20550,20551,20553],{},[486,20552,15412],{}," - オブジェクトが動くときに、重さや体積の錯覚を与えるためのもの。跳ねるボールをイメージしてください。地面に当たるとつぶれ、離れると引き伸ばされます。",[1151,20555,20556,20559],{},[486,20557,20558],{},"アントシペーション（予備動作）"," - アクションの前に観客へ予告をすることで、その効果を高めること。たとえば、キャラクターがボールを蹴る前に脚を引く動きです。",[1151,20561,20562,20565],{},[486,20563,20564],{},"ステージング"," - カメラアングルや構図を使って、何が重要かを映画のように一目で分かる形で見せること。",[1151,20567,20568,20571],{},[486,20569,20570],{},"ストレートアヘッド・アクションとポーズ・トゥ・ポーズ"," - ストレートアヘッドは最初から最後まで、フレームごとに描いていく方法。一方でポーズ・トゥ・ポーズはキーフレームを使います。両方を組み合わせると、スムーズでコントロールされた動きが得られます。",[1151,20573,20574,20577],{},[486,20575,20576],{},"フォロー・スルー（後続動作）とオーバーラッピング・アクション"," - 動きをより自然にするための原則。キャラクターが止まっても、体の一部は動き続けられます。たとえば、風に揺れるスカーフなど。",[1151,20579,20580,20583],{},[486,20581,20582],{},"スローイン＆スローアウト"," - 動きの加速と減速のこと。車がスピードを上げる場面や、なめらかに停止する場面をイメージしてください。",[1151,20585,20586,20589],{},[486,20587,20588],{},"アーク（弧）"," - 自然な動作は弧を描く軌道に沿います。振り子の揺れでも、キャラクターが頭を回す動きでも同じです。",[1151,20591,20592,20595],{},[486,20593,20594],{},"セカンダリー・アクション（副次動作）"," - 主となる動きを支えることで奥行きを加えること。たとえば、歩いているキャラクターが腕を振ったり、鼻歌を口笛で奏でたりするようにします。",[1151,20597,20598,20600],{},[486,20599,16261],{}," - 正しいタイミングがあれば、アニメーションの物理が信じられるものになります。パンチのような素早い動きは速いタイミング、より穏やかな動きはゆっくりしたタイミングにします。",[1151,20602,20603,20606],{},[486,20604,20605],{},"誇張"," - 動作や感情を強調すること。たとえば、目を大きく見開き、コミカルな効果のために口を大きく開けた驚きの表情などです。",[1151,20608,20609,20612],{},[486,20610,20611],{},"ソリッド・ドローイング（しっかりした描写）"," - キャラクターの形や重みを指します。3Dであっても、キャラクターが奥行きと次元を持っていることを確実にする必要があります。",[1151,20614,20615,20618],{},[486,20616,20617],{},"魅力（アピール）"," - 最後に、キャラクターは魅力的でなければなりません。「かわいい」「きれい」という意味ではなく、面白く、設計がしっかりしていることが大切です。",[101,20620,20621],{},"この12の原則をアニメーションに適用するのに良い方法は、参照動画から始めることです。重要なポーズを特定し、滑らかなつなぎのために中間の絵を描き、質を上げるためのディテールを追加しましょう。",[111,20623],{},[114,20625,20627],{"id":20626},"animation-is-an-art",[486,20628,20629],{},"アニメーションはアート",[101,20631,20632],{},"これらの基本を学ぶと、それが氷山の一角にすぎないことが分かるはずです。アニメーションは、学びと成長を続けるほど報われる芸術表現です。たとえば：",[1148,20634,20635,20638,20641],{},[1151,20636,20637],{},"描くことを学びましょう。始めるにはスケッチブックがあれば十分です。次に、グラフィックタブレットは、色付け、編集、そしてアニメーション制作において非常に役立つツールになります。",[1151,20639,20640],{},"さまざまなソフトを試してみてください。Adobe After Effects、Blender、Toon Boomのようなプログラムは、目指すものに応じて多様な2D／3Dアニメーション機能を提供しています。",[1151,20642,20643],{},"スクリプト作成や絵コンテ、レンダリングや制作管理まで、アニメーション制作プロセスについてさらに学びましょう。",[101,20645,20646],{},"スキルを積み上げることは、技術を磨くだけでなく、アニメーションのプロとしてのキャリアへの道も開きます。",[101,20648,20649],{},"運動と同じで、ポイントは段階的に難しいチャレンジへ取り組むことです。",[101,20651,20652],{},"2024年には、オンラインコミュニティがたくさんあり、作業を続けながら進捗を共有できます。またYouTubeやほかのSNSプラットフォームで、さまざまなチュートリアルを見つけることができます。",[111,20654],{},[114,20656,20658],{"id":20657},"you-dont-need-money-to-start",[486,20659,20660],{},"始めるのにお金は必要ありません",[101,20662,20663,20664,20667,20668,20670],{},"アニメーションの魅力は、その手軽さにあります。2Dなら",[486,20665,20666],{},"Krita","、3Dなら",[486,20669,20],{},"のように、無料のツールが強力なスタート地点を提供してくれるのなら、グラフィックタブレットや高価なソフトのような機材に大きく投資する必要はありません。",[101,20672,20673],{},"終わりのない学習や高額な講座の購入で先延ばしにする罠にハマらないことが重要です。学びは大切ですが、実践経験は代わりがききません。ウォルト・ディズニーは、夜間クラスや通信講座でスキルを磨きました――しかし、現在のデジタル学習リソースとは違う形だったとしても――彼はすぐに自分の作品を共有しました。",[101,20675,20676],{},"一人で作るにせよチームで協力するにせよ、アイデアから納品までプロジェクトを管理していくことは、創造的な課題を乗り越える方法を学ぶうえで欠かせません。1時間の長編映画を完成させてから「自分はアニメーターだ」と考える必要があるわけではありません。まずは小さく始めて、作品を共有するのをためらわないでください！",[111,20678],{},[114,20680,20681],{"id":559},[486,20682,560],{},[101,20684,20685],{},"アニメーションは、経験や背景に関係なく誰のものです。今あるツールでスタートし、1つずつ創造的なチャレンジをこなして成長していきましょう。旅の道のりは目的地と同じくらい報われるはずですが、それでも「言うだけで終わらせない」必要があります。",[101,20687,20688],{},"お金の面で言うと、アニメーション業界は常に進化していて、熟練したアニメーターにとって豊富なチャンスが生まれています。学生であれば、この分野が単なる情熱だけでなく現実的なキャリアパスになり得るほど、求人の機会が多いので、アニメーションのプログラムに参加することをためらわないでください。スタジオに所属して働かなくても生活できる時代ですし、自分で作って、InstagramやTiktokのような配信チャネルを使って仕事につながる機会を獲得するのは、かつてないほど簡単になっています。",[101,20690,20691],{},"人生の後半でキャリアを切り替えようと考えている人にとっては、移行をスムーズにするためのリソースが豊富にあります。オンラインコース、ワークショップ、ブートキャンプは、必要なスキルを得るのに役立ちます。たとえアニメーションを趣味として、もう少し気軽に続けたいだけだとしても、学習をさらに進めるための無料または手頃な価格のリソースがたくさんあります。",[84,20693,20695,20698],{"className":20694},[87,88,89],[84,20696,576],{"className":20697},[93],[84,20699,15198,20701,20704],{"className":20700},[98],[266,20702,6624],{"href":583,"rel":20703},[585],"！ベストプラクティスを共有する1,000人以上の専門家とつながり、時には対面イベントも企画しています。ぜひあなたをお迎えできればうれしいです！",[84,20706,20708],{"className":20707},[87,591,592],[266,20709,598],{"href":583,"className":20710},[596,597],{"title":168,"searchDepth":600,"depth":600,"links":20712},[20713,20715,20716,20717,20718],{"id":20491,"depth":600,"text":20714},"さまざまなアニメーションの種類を理解する",{"id":20540,"depth":600,"text":20543},{"id":20626,"depth":600,"text":20629},{"id":20657,"depth":600,"text":20660},{"id":559,"depth":600,"text":560},"https://images.unsplash.com/flagged/photo-1572609239482-d3a83f976aa0?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3wxMTc3M3wwfDF8c2VhcmNofDIwfHxjb21wdXRlciUyMGFuaW1hdGlvbnxlbnwwfHx8fDE3MzI2OTAxMTZ8MA&ixlib=rb-4.0.3&q=80&w=2000",{"updated_at":20721,"featured_at":612,"visibility":613},"2026-03-26T10:14:04.000+01:00","/blog-i18n/ja/animation-for-beginners","2025-01-06T09:55:04.000+01:00",{"title":20458,"description":168},"animation-for-beginners","blog-i18n/ja/animation-for-beginners/index",[20728],{"id":620,"name":621,"slug":622,"description":7,"feature_image":7,"visibility":613,"og_image":7,"og_title":7,"og_description":7,"twitter_image":7,"twitter_title":7,"twitter_description":7,"meta_title":7,"meta_description":7,"codeinjection_head":7,"codeinjection_foot":7,"canonical_url":7,"accent_color":7,"url":623},"ZQg_haIpNMBYA4WZTBHZlPIDKqTGJ8Z5Upchr1MoN9A",{"id":20731,"title":20732,"authors":20733,"body":20743,"description":168,"extension":608,"feature_image":20992,"html":7,"meta":20993,"navigation":11,"path":20995,"published_at":20996,"seo":20997,"slug":20998,"stem":20999,"tags":21000,"__hash__":21002,"updated_at":20994,"featured_at":612,"visibility":613},"blog/blog-i18n/ja/animation-layout/index.md","アニメーションレイアウト（2026）：没入感のあるシーンの土台を作る",[20734],{"id":20735,"name":20736,"slug":20737,"profile_image":20738,"cover_image":20739,"bio":20740,"website":20741,"location":11072,"facebook":7,"twitter":11073,"meta_title":7,"meta_description":7,"threads":7,"bluesky":7,"mastodon":7,"tiktok":7,"youtube":7,"instagram":7,"linkedin":7,"url":20742},"68d2f1e036b5be000835a0db","Frank Rousseau","frankrousseau","https://blog.cg-wire.com/content/images/2021/01/photo_identite.png","https://blog.cg-wire.com/content/images/2024/05/Annecy-Booth_Linework_004-2-1.jpg","CEO &Founder of CGWire","https://addictedtointer.net","https://blog.cg-wire.com/author/frankrousseau/",{"type":81,"value":20744,"toc":20982},[20745,20755,20758,20761,20763,20769,20782,20785,20788,20790,20796,20799,20802,20805,20807,20813,20816,20819,20830,20832,20838,20841,20844,20847,20864,20866,20870,20873,20876,20887,20889,20895,20898,20901,20915,20917,20923,20926,20929,20946,20948,20952,20955,20963,20976],[84,20746,20748,20751],{"className":20747},[87,88,89],[84,20749,12139],{"className":20750},[93],[84,20752,20754],{"className":20753},[98],"アニメーションは単にキャラクターのためのものではありません。キャラクターが存在する世界、そして私たち視聴者がそれをどう体験するかが重要なのです。 ",[101,20756,20757],{},"撮影監督のように、レイアウトアーティストは、ショットのアングルからシーン内のアクションの流れまで、あらゆる要素をオーケストレーションします。その後アニメーターは、レイアウトを使ってアニメーションの世界の視覚的な骨格を計画します。",[101,20759,20760],{},"この記事では、レイアウトアーティストの仕事を探ります。 ",[111,20762],{},[114,20764,20766],{"id":20765},"what-is-layout-in-animation",[486,20767,20768],{},"アニメーションにおけるレイアウトとは",[101,20770,20771,20775,20776,20781],{},[266,20772,20773],{"href":12264},[4123,20774,17738],{},"は、物語の流れを示すコミックのようなものです。プロットの概要や、シーン内で重要な出来事がどこに現れるかを把握できます。",[266,20777,20778],{"href":12944},[4123,20779,20780],{},"アニメティクス","は一方で、これらの静止したフレームをアニメーションのプレビューへと変えていきます。",[101,20783,20784],{},"レイアウトは、ストーリーボードやアニメティクスをさらに発展させる中間段階でもあり、各フレームの段取りを緻密に計画することで、その先を具体化します。カメラアングル、段取り、背景の導入などです。",[101,20786,20787],{},"たとえば森のズームをアニメーション化すると想像してください。レイアウトアーティストは、どの角度から巨大な木々を見せるか、どんな小道が木々の間を蛇行するか、そして光が葉の間をどう通り抜けるかを決めるのです。",[111,20789],{},[114,20791,20793],{"id":20792},"why-layout",[486,20794,20795],{},"なぜレイアウトが必要？",[101,20797,20798],{},"レイアウトは、物語を前へ進める要素へ視聴者の目を導くためのガイドになります。視覚的な階層（ヒエラルキー）を作り、何が重要なのかを明確にするのです。たとえばアクションシーンでは、レイアウトアーティストが要素を操作して、混み合う街を駆け抜ける主人公から、影の中に潜む敵へと視線を誘導します。これにより、物語の緊張感とダイナミズムがより研ぎ澄まされます。",[101,20800,20801],{},"よく作り込まれたレイアウトは、物語の感情的な重みを強めます。広大な砂漠の中で孤独なキャラクターなら、キャラクターの周囲の「空間」を強調することで、孤立感や脆弱さといった気持ちを増幅できます。単なる見た目の選択ではなく、物語主導の意思決定なのです。",[101,20803,20804],{},"シーン間の一貫性も、物語の流れを保つうえで欠かせません。あるシーンでキャラクターが右手で物を拾ったなら、次のシーンでもその物を持っているはずです。レイアウトは、こうした細部の整合性を保ちます。",[111,20806],{},[114,20808,20810],{"id":20809},"_1-camera",[486,20811,20812],{},"1. カメラ",[101,20814,20815],{},"アニメーションのレイアウトにおけるカメラワークは、フレームの視点に焦点を当てます。これは実写映像の撮影と同じくらい重要です。モーションブラー、被写界深度、そして3Dソフトで調整される焦点距離といった、実際のカメラ挙動を模倣することで、レイアウトアーティストはリアルなシネマトグラフィの体験を作り出せます。",[101,20817,20818],{},"丁寧に考えられたカメラレイアウトは、複数の目的を果たします。ムードを確立し、物語の奥行きを示し、顔の表情とは別に、「気配の忍び寄るような」ワイドショットからキャラクターの顔のクローズアップへ至る押し込みのような、微細な感情のサインまで伝えられるのです。",[1148,20820,20821,20824,20827],{},[1151,20822,20823],{},"レイアウトアーティストは、DCCツールで仮想カメラの機能を理解するために時間をかけます。パン、チルト、トラッキングといった一般的な手法を試し、それらがストーリーテリングにどう影響するかを確かめます。",[1151,20825,20826],{},"さまざまな焦点距離でシーン設定を練習します。広角レンズはシーンに広がりや文脈を与える一方、望遠レンズは要素を切り出して、視聴者の注意を特定のディテールへ集中させます。",[1151,20828,20829],{},"シーン内の被写界深度は視聴者の注意を導きます。背景をぼかしたままキャラクターに焦点を当てれば感情の反応を強調でき、逆に環境の重要性を見せたいなら背景の見え方を工夫することもできます。",[111,20831],{},[114,20833,20835],{"id":20834},"_2-composition",[486,20836,20837],{},"2. 構図",[101,20839,20840],{},"レイアウトアーティストはストーリーボードやアニメティクスを分解し、最初のラフスケッチや流れをレイアウトへと組み立てます。",[101,20842,20843],{},"アニメーションレイアウトにおける構図とは、フレーム内で視覚要素を戦略的に配置することです。視聴者の視線を導き、視覚的な関心を維持し、そして物語の意図を支えるように、被写体のバランスを取る技術です。",[101,20845,20846],{},"効果的な構図は、混沌としたシーンを筋の通った視覚物語へと変えられます。たとえば戦闘シーンで混乱が支配しているなら、良い構図によって、狂乱の中でも重要なキャラクターへ視線を誘導できるのです。",[1148,20848,20849,20852,20855,20858,20861],{},[1151,20850,20851],{},"レイアウトアーティストは、円・四角・三角形のような基本形から始めます。これらはキャラクターや主要要素を表すためのものです。このアプローチにより、空間関係やアクションの流れを事前にイメージしやすくなり、各要素が他の要素に対して適切な位置を占めるよう確認できます。たとえば2人のキャラクターの会話を組む場合、単純な形を使うことで、フレーム内での配置や相互作用を素早く決められます。",[1151,20853,20854],{},"複数の構図案を素早く試すために、小さく素早いサムネイルを描いてみる練習もできます。",[1151,20856,20857],{},"三分割法（ルール・オブ・サード）は構図の基礎となるツールです。フレームを縦2本・横2本の線でグリッド状に分けます。重要な要素を交点やその線上に配置すると、よりバランスの取れた、魅力的な構図を作れます。たとえばキャラクターの顔を交点に置くと、自然に視聴者の注意を引きやすくなります。",[1151,20859,20860],{},"レイアウトでは、視線をシーン内へ導くためにリーディングラインも使います。道路や川のような自然要素だけでなく、キャラクターのポーズの取り方のような形状でも構いません。追跡シーンなら、曲がりくねった道が作るリーディングラインによって、追われるキャラクターへ注意を集められます。",[1151,20862,20863],{},"周囲の情報量を抑えて、明確な注目点（フォーカルポイント）を維持することが重要です。色のコントラスト、背景ディテールのぼかし、ライティングの調整などで実現できます。たとえば、主人公が目立つ必要がある賑やかな市場のシーンでは、主人公に明るい色やより輪郭のはっきりした線を使うとよいでしょう。",[111,20865],{},[114,20867,20868],{"id":18954},[486,20869,18957],{},[101,20871,20872],{},"ステージングとは、キャラクターやオブジェクトがシーン内で占める位置、スケール、そして角度のことです。",[101,20874,20875],{},"それは、観客がシーンを受け身で眺める状態と、感情的に没入する状態の違いです。キャラクターの頭部がわずかに傾くことや、不穏なオブジェクトが投げかける不気味な影といった細かな要素が、重要なストーリーの伏線を明らかにすることがあります。",[1148,20877,20878,20881,20884],{},[1151,20879,20880],{},"スケールやパースペクティブのわずかな変化は、シーンの感情的なトーンを大きく変えます。たとえばローアングルに比べてハイアングルでは、キャラクターが無力に見えやすくなり、パワーを伝えるには逆の見せ方が有効になる場合があります。",[1151,20882,20883],{},"レイアウトアーティストはキャラクターの位置を変えたり、ライティングを調整したり、カメラアングルを変更して、それぞれのバリエーションがシーンにどう影響するかを観察します。たとえば、キャラクターを背景から前景へ移してみることで、注目点がどう変わるかを確認できます。",[1151,20885,20886],{},"もう一つの手法は、シーンをシルエットで見ることです。顔の特徴や細部がなくても、感情やアクションがはっきり読めるかをチェックできます。",[111,20888],{},[114,20890,20892],{"id":20891},"_4-setting",[486,20893,20894],{},"4. セッティング",[101,20896,20897],{},"セッティングは、ライティング、セットの飾り付けの密度、小道具のバリエーション、建築的なユニークさによって、シーンの時間・場所・ムードを定めます。",[101,20899,20900],{},"セッティングはシーンの「感じ方」を決めます。瓦礫が散らばる薄暗い路地は、日差しの降り注ぐ草原とはまったく異なるトーンを生み出します。",[1148,20902,20903,20906,20909,20912],{},[1151,20904,20905],{},"ベースのグレースケールシェーダーを用いることで、色による気を散らす要素を取り除き、ライティングと影がシーンのムードにどう影響するかに集中できます。",[1151,20907,20908],{},"レイアウトでは、セットの飾り付けや小道具の密度を変えることで、シーンの空気感を形作ることもできます。ごちゃごちゃで密度が高いセットは、混沌や親密さの感覚を作り出せますが、スカスカで余白が多いセットは、孤独や清潔さを示唆します。",[1151,20910,20911],{},"建築的なユニークさが、セッティングの個性を定義します。誇張されたライン、はっきりした形状、珍しい素材などが、背景を印象的にします。",[1151,20913,20914],{},"ライティングを調整して重要な領域をフレーミングすることで、視聴者の視線を導き、特定の感情を呼び起こせます。同様に異なる光源―たとえば落ち着きを生む柔らかい拡散光、緊張を生む強い方向光―でも効果は変わります。",[111,20916],{},[114,20918,20920],{"id":20919},"_5-consistency-clarity",[486,20921,20922],{},"5. 一貫性と明確さ",[101,20924,20925],{},"アニメーションレイアウトにおける一貫性と明確さとは、ショット間で視覚的な連続性を維持し、それぞれの切り替えを自然で論理的にすることです。",[101,20927,20928],{},"キャラクターが1つの部屋から別の部屋へ歩いていく場面の転換を考えてみてください。ライティング、カメラアングル、キャラクターのスケールが一貫していないと、そのシーケンスはぎこちなく感じられ、視聴者の没入感を妨げます。",[1148,20930,20931,20934,20937,20940,20943],{},[1151,20932,20933],{},"各シーンの参照として機能するよう、推奨されるカメラアングル、ライティング条件、キャラクターの位置など、シーンごとの具体的なガイドラインを記録しておくのが一般的です。",[1151,20935,20936],{},"トーンやアクションに最も合うカメラアングルを選んだ後、レイアウトアーティストは必要に応じてそれらのアングルを維持し、視聴者を混乱させないようにします。",[1151,20938,20939],{},"光源と光の強さも、日中の時間が変わる、あるいは劇的な影響が必要とされるといった大きな理由がない限り、シーン内では一貫していなければなりません。",[1151,20941,20942],{},"レイアウトアーティストは、キャラクターのサイズが環境との関係でどう見えるかに注意を払います。一貫性を保つために、明確なキャラクターのターンアラウンドシートが役立ちます。",[1151,20944,20945],{},"アニメティクスの形でシーケンスを頻繁に見直し、不整合を見つけて対処します。",[111,20947],{},[114,20949,20950],{"id":559},[486,20951,560],{},[101,20953,20954],{},"シーンのレイアウトは、魅力的な物語を作るうえで重要です。実写の撮影を映すカメラワークから、観客を架空の世界へと固定するように丁寧に設計されたセッティングまで、レイアウトはあらゆるアニメーションの傑作の舞台を整えます。",[101,20956,20957,20958,7323],{},"しかしそれは最終的な制作ステップではありません。まったく違います！チームが完了したら、セカンダリアニメーションへ進み、ディテール、テクスチャ、セカンダリ小道具などを追加していきます。ポストプロダクションや納品に至るまで、そのプロセスは反復のループの中で進みます。",[266,20959,20960],{"href":3387},[4123,20961,20962],{},"詳しくは当ブログでご覧ください",[84,20964,20966,20969],{"className":20965},[87,88,89],[84,20967,576],{"className":20968},[93],[84,20970,13848,20972,20975],{"className":20971},[98],[266,20973,2401],{"href":583,"rel":20974},[585],"！ベストプラクティスを共有する1,000人以上の専門家とつながっており、時にはオフラインのイベントも企画しています。ぜひ歓迎します！",[84,20977,20979],{"className":20978},[87,591,592],[266,20980,14495],{"href":583,"className":20981},[596,597],{"title":168,"searchDepth":600,"depth":600,"links":20983},[20984,20985,20986,20987,20988,20989,20990,20991],{"id":20765,"depth":600,"text":20768},{"id":20792,"depth":600,"text":20795},{"id":20809,"depth":600,"text":20812},{"id":20834,"depth":600,"text":20837},{"id":18954,"depth":600,"text":18957},{"id":20891,"depth":600,"text":20894},{"id":20919,"depth":600,"text":20922},{"id":559,"depth":600,"text":560},"https://images.unsplash.com/photo-1503095396549-807759245b35?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3wxMTc3M3wwfDF8c2VhcmNofDF8fHN0YWdlfGVufDB8fHx8MTczMjY4OTI0M3ww&ixlib=rb-4.0.3&q=80&w=2000",{"updated_at":20994,"featured_at":612,"visibility":613},"2026-03-26T10:22:00.000+01:00","/blog-i18n/ja/animation-layout","2024-12-30T15:34:23.000+01:00",{"title":20732,"description":168},"animation-layout","blog-i18n/ja/animation-layout/index",[21001],{"id":620,"name":621,"slug":622,"description":7,"feature_image":7,"visibility":613,"og_image":7,"og_title":7,"og_description":7,"twitter_image":7,"twitter_title":7,"twitter_description":7,"meta_title":7,"meta_description":7,"codeinjection_head":7,"codeinjection_foot":7,"canonical_url":7,"accent_color":7,"url":623},"k-GDgNzymTA0clwADQYu5u_rOn7CAyKwXAb5niZgBaY",{"id":21004,"title":21005,"authors":21006,"body":21008,"description":168,"extension":608,"feature_image":21272,"html":7,"meta":21273,"navigation":11,"path":21275,"published_at":21276,"seo":21277,"slug":21278,"stem":21279,"tags":21280,"__hash__":21282,"updated_at":21274,"アニメーターがこの強力なツールをどう使って象徴的なキャラクターを生み出し、自分のデザインをさらに高めていくのか学びましょう。\" featured_at":612,"visibility":613},"blog/blog-i18n/ja/character-shape-language/index.md","キャラクターシェイプ言語（2026）：幾何学で個性をデザインする",[21007],{"id":11067,"name":11068,"slug":11069,"profile_image":11070,"cover_image":7,"bio":11071,"website":7,"location":11072,"facebook":7,"twitter":11073,"meta_title":7,"meta_description":7,"threads":7,"bluesky":7,"mastodon":7,"tiktok":7,"youtube":7,"instagram":7,"linkedin":7,"url":11074},{"type":81,"value":21009,"toc":21260},[21010,21021,21024,21027,21030,21039,21041,21047,21050,21059,21061,21067,21070,21073,21076,21079,21082,21084,21090,21093,21096,21099,21102,21105,21107,21113,21116,21119,21122,21124,21130,21133,21136,21138,21144,21147,21150,21152,21158,21161,21172,21175,21178,21180,21186,21189,21192,21199,21201,21207,21210,21213,21216,21219,21221,21225,21228,21237,21240,21254],[84,21011,21013,21017],{"className":21012},[87,88,89],[84,21014,21016],{"className":21015},[93],"😴",[84,21018,21020],{"className":21019},[98],"目を閉じて、キャラクターを単純な黒いシルエットとして思い浮かべてください――色や細部は完全に取り除いた状態です。",[101,21022,21023],{},"それでも誰だとわかりますか？",[101,21025,21026],{},"この魔法の正体は「形」の力にあります。最も象徴的なキャラクターはすべて、ただの輪郭から生まれており、最もシンプルな形の状態でも瞬時に見分けられます。",[101,21028,21029],{},"この考え方はシェイプ言語と呼ばれ、単なる美術的な選択肢ではなく、物語を紡ぐためのツールでもあります。",[101,21031,21032,21033,21038],{},"この記事では、有名なアニメーションの例を使いながら、さまざまな基本的な形と、それを物語に活かす方法を考察します。最後には、次の",[266,21034,21035],{"href":12770},[4123,21036,21037],{},"キャラクターデザイン","で何を見るべきかの全体像をつかめるはずで、シェイプ言語をもっと学ぶための役立つ参考も得られるでしょう。",[111,21040],{},[114,21042,21044],{"id":21043},"whats-shape-language",[486,21045,21046],{},"シェイプ言語とは？",[101,21048,21049],{},"シェイプ言語は、さまざまな形に対して私たちが抱く心理的・感情的な連想を活用します。身近な幾何学的フォルムを使って、キャラクターの本質、性格、そして物語の中での役割を伝える技術です。 ",[101,21051,18355,21052,1220,21055,21058],{},[702,21053,21054],{},"Dexter's Laboratory",[702,21056,21057],{},"Samurai Jack","の制作で知られる、天才クリエイターのGenndy Tartakovskyの仕事を見てみましょう。Tartakovskyは、基本的な幾何学を巧みに使ってキャラクターの特性を伝えます。サムライジャックの、なめらかで角のあるデザインは正義感と決意を語りかける一方、デクスターの四角いフォルムは、几帳面さや秩序、そして几帳面な性格を強調します。こうした見事なシェイプ言語の使い方によって、彼のキャラクターはすぐに認識できるだけでなく、深く印象に残ります。",[111,21060],{},[114,21062,21064],{"id":21063},"why-shape-language",[486,21065,21066],{},"なぜシェイプ言語なのか？",[101,21068,21069],{},"シェイプ言語は、キャラクターデザインにおいて色と同じくらい重要です。",[101,21071,21072],{},"まず、物語を語ります。言葉が文を作るのと同じように、形は視覚的に追えるナラティブを組み立てます。『カンフーパンダ』のポは丸い形をしていて、彼が温かく親しみやすい存在だということを私たちに伝えてくれます。",[101,21074,21075],{},"次に、性格が見えてきます。デザイナーはキャラクターの特性の微妙なニュアンスを示唆できます。直感的に「悪役か」「ヒーローか」がわかるのです。『ライオン・キング』では、スカーは角張って鋭い輪郭と細い特徴を持つように設計され、その悪役としての本質を視覚で伝えます。対してムファサは、大きく丸くてたくましい形が、強さと慈愛を強調しています。",[101,21077,21078],{},"先ほども触れた通り、シェイプ言語は視覚的に統一感のある、表現力豊かなキャラクターによる良いキャラクターデザインにも貢献します。ピクサーの『インクレディブル・ファミリー』では、家族それぞれの形が超能力を反映しています。たとえば、Mr.インクレディブルのブロック状でがっしりした体格は彼の強さを示し、エラスティガールは細身で伸びたデザインによって柔軟性と機敏さを表現しています。",[101,21080,21081],{},"それでは、アニメーターがそれらをどう使うのかを学ぶために、よくある形を見ていきましょう。",[111,21083],{},[114,21085,21087],{"id":21086},"line",[486,21088,21089],{},"ライン（線）",[101,21091,21092],{},"糸のような、または細長いキャラクターのシェイプは、多くの場合、弱さ、上品さ、あるいはおかしさといった価値を示します。たとえば『ONE PIECE』のルフィを考えてみてください。彼の細長い姿は、気楽で柔軟な性格を連想させ、冒険心と完全に噛み合っています。",[101,21094,21095],{},"キャラクターの形における線は、感情のトーンや身体的特徴を伝えるうえでも重要です。",[101,21097,21098],{},"線の方向性に関しては、水平線は、落ち着きや安定感を表し、穏やかで地に足のついたキャラクターや状況を描くのに適しています。『となりのトトロ』のトトロは丸く水平に見える向きで、森の精霊の平和な性質を象徴しつつ、安心感と安定感を与えています。",[101,21100,21101],{},"それに対して縦線は、力、成長、野心を表します。強さや上向きの行動力を体現するキャラクターに向いています。スーパーマンの背の高い縦方向の体格と、象徴的な直立の飛行ポーズは、彼の強さと正義を伝えます。",[101,21103,21104],{},"斜めの線はダイナミズムと不安定さを帯びており、変化や発展を示してシーンに緊張感と高揚感を加えます。たとえばスパイダーマンが街の中をスイングしている場面を思い浮かべてください。空中を移動する間に身体が作る斜めの線は、彼が直面する課題に適応するために絶えず進化していることを、反響のように伝えてきます。",[111,21106],{},[114,21108,21110],{"id":21109},"circle",[486,21111,21112],{},"円",[101,21114,21115],{},"円は、キャラクターに親しみやすい雰囲気や、気軽に近づけそうな印象を与えるためによく使われます。丸い輪郭は、安全感、柔らかさ、そして歓迎するような性質を連想させるため、円形の特徴を持つキャラクターは、たいてい感じがよく、心の開いた存在として受け取られます。",[101,21117,21118],{},"また円は、統一性や「ひとまとまり」を象徴し、変化可能でもあるため、喜びから驚きまで幅広い感情を表すことができます。",[101,21120,21121],{},"『ビッグ・ヒーロー6』のベイマックスは円形のデザインで、彼がケアと守護を担う医療用ロボットだという役割を、すぐに伝えます。丸い体つきは無害さを強調し、柔らかくプニプニした質感は、観客が無限に抱きしめたくなるような可愛さと愛着を生みます。さらにベイマックスが武器化されて犯罪と戦うと、形との対比がキャラクターに奥行きを与え、ドラマに対する観客の期待を裏切ります。",[111,21123],{},[114,21125,21127],{"id":21126},"square",[486,21128,21129],{},"四角形",[101,21131,21132],{},"四角形や長方形は、安定感、強さ、信頼性の代名詞です。これらの形は、しっかりしていて頼りがいがあり、支えてくれるような特性を持つキャラクターを表します。その一方で、頑固さや強引さを示唆することもあります。",[101,21134,21135],{},"『モンスターズ・インク』のサリーを考えてみましょう。彼の広く四角い体格は、モンストロポリスのトップスカーとしての頑丈さと頼もしさを裏付けます。それでも、強大な体格にもかかわらず、彼のキャラクター・アークは柔らかさを見せ、物理的な存在感と感情の深みのバランスを取っています。",[111,21137],{},[114,21139,21141],{"id":21140},"triangle",[486,21142,21143],{},"三角形",[101,21145,21146],{},"三角形は、キャラクターデザインにダイナミズムをもたらします。鋭い角と方向を示すポイントによって、危険、不確実さ、そして動きを示せるのです。さらに鋭さは「縁」や「狡さ」を連想させるため、用心や謎めいた興味をかき立てるキャラクターに最適です。",[101,21148,21149],{},"『ライオン・キング』では、スカーの三角形のデザインが、ムファサの四角いデザインと対照的です。角ばった特徴は、彼の威圧的で計算高い性格を強調し、言葉を発する前から、視覚だけで彼が悪役だと伝わるようにしています。",[111,21151],{},[114,21153,21155],{"id":21154},"spirals",[486,21156,21157],{},"スパイラル（渦巻き）",[101,21159,21160],{},"スパイラルは魅力的な形で、生と創造性、そして成長のサイクルを象徴するためによく使われます。そこにはダイナミックな流れがあり、銀河から海の生き物、さらには嵐のシステムまで、あらゆるものに見られる自然のパターンを模倣しています。",[101,21162,21163,21164,21167,21168,21171],{},"スパイラルは、たとえば伊藤潤二の",[702,21165,21166],{},"うずまき","のような作品で芸術的に探求されています。そこでは混沌と、自然界にある制御不能な力を象徴しています。",[702,21169,21170],{},"NARUTO","では、うずまき一族の家紋が、生命と個人の成長における継続的なサイクルを表しています。",[101,21173,21174],{},"スパイラルは特に目のデザインに多く見られます。『ONE PIECE』では、サンジの眉毛が渦巻き状です。",[101,21176,21177],{},"日本のアニメでは、強い意志や支配的な存在感を象徴するために、渦巻きの目のパターンがよく使われます。一方で欧米のカートゥーンでは、それを無意識や混乱を示すために用いるだけの場合もあります。",[111,21179],{},[114,21181,21183],{"id":21182},"shape-synergy",[486,21184,21185],{},"シェイプの相乗効果",[101,21187,21188],{},"個々の形にはそれぞれ明確な意味がありますが、形を組み合わせることで、多面的な性格を調和よく反映した、より複雑なキャラクターデザインが可能になります。キャラクターが単に四角や円だけでできていることは、ほとんどありません。ディズニーの『アラジン』に登場するジーニーは、魔法的で流動的な性質を強調するために、煙のように渦を巻く下半身を持っています。さらに筋肉質な上半身は、強さと自信を示しています。",[101,21190,21191],{},"また、キャラクター同士が関係性を持つことを示すために、似た形や対照的な形を持たせることもできます。『パワーパフガールズ』のようなキャラクターチームでは、それぞれが自分の性格に対応したユニークな形を体現していますが、同時に見たときにまとまりのある一団にも見えるのです。",[101,21193,21194,21195,21198],{},"キャラクターの形と背景デザインの相乗効果についても同様です。伝説的なアニメーターのポール・グリマルは、『",[702,21196,21197],{},"王様とハト","』のそびえ立つような建造物に見られるように、縦の要素を使って畏怖の念や高さを導入し、キャラクターとの対比を作り出して、シュルレアリスム的な雰囲気を得ています。",[111,21200],{},[114,21202,21204],{"id":21203},"break-the-rules",[486,21205,21206],{},"ルールを破る",[101,21208,21209],{},"伝統的な象徴には大きな力がありますが、ルールを破って視聴者を驚かせ、惹きつけることにも、否定しがたい魅力があります。期待を裏切ることで、アニメーターは複雑さの層を足し、キャラクターをより記憶に残る存在にできます。",[101,21211,21212],{},"『スポンジ・ボブ』の四角い体は、堅さや不動性を滑稽に示唆していて、のんきで陽気な性格との対比になっています。",[101,21214,21215],{},"しかし、効果的にルールを破るには、伝統的な象徴とデザインの原則をしっかり理解する必要があります。一般的なルールを知っていれば、意図的でインパクトのある「気づいた上での破り方」ができ、偶然のようなものではなくなります。それは、視聴者に前提を変えてもらうための強力な手段です。",[101,21217,21218],{},"期待を裏切ることで興味を引ける一方で、構図の調和を保つことが重要です。たとえば、従来の形を崩しても、黄金比を使うことで視覚的な魅力を担保できます。",[111,21220],{},[114,21222,21223],{"id":559},[486,21224,560],{},[101,21226,21227],{},"シェイプ言語はキャラクターデザインに欠かせない要素です。最初のラフの段階から、形で考えるようにしましょう！基本的な形は取り上げましたが、ほかにもさまざまな形があり、異なる効果を狙うために使えます。",[101,21229,21230,21231,21236],{},"それは強力なビジュアルツールであり、",[266,21232,21233],{"href":12770},[4123,21234,21235],{},"思慮深いカラー設計","と、キャラクターの性格やその置かれた物語への配慮と組み合わせることで、忘れられないキャラクターづくりに貢献します。形が構造を導き、色が奥行きと感情を加えることで、調和が生まれるのです。",[101,21238,21239],{},"最後の参考として、レス・シャドックはシェイプ言語を限界まで押し広げる良い例です。このシリーズは、シンプルな幾何学的形を使って独自のキャラクターと世界観のデザインを作り上げており、主に楕円、三角形、長方形が登場します。このミニマルなアプローチでは、各形が基本構造の枠を超えて意味を伝えることが求められるため、すべてのキャラクターが、誇張された抽象的なシルエットによって瞬時に認識でき、感情にも響くのです。あからさまで、時に不条理な線や形は、キャラクターたちの気まぐれで理不尽な世界観の本質を捉えています。そして、豊かな物語を実現するのに、色を含む複雑さは必ずしも必要ではないことを証明しています。",[84,21241,21243,21246],{"className":21242},[87,88,89],[84,21244,576],{"className":21245},[93],[84,21247,15626,21249,21253],{"className":21248},[98],[266,21250,21252],{"href":583,"rel":21251},[585],"ぜひDiscordコミュニティに参加をご検討ください","！私たちは、ベストプラクティスを共有する1,000人以上の専門家とつながっており、時にはオフラインイベントも企画しています。ぜひ歓迎します！",[84,21255,21257],{"className":21256},[87,591,592],[266,21258,598],{"href":583,"className":21259},[596,597],{"title":168,"searchDepth":600,"depth":600,"links":21261},[21262,21263,21264,21265,21266,21267,21268,21269,21270,21271],{"id":21043,"depth":600,"text":21046},{"id":21063,"depth":600,"text":21066},{"id":21086,"depth":600,"text":21089},{"id":21109,"depth":600,"text":21112},{"id":21126,"depth":600,"text":21129},{"id":21140,"depth":600,"text":21143},{"id":21154,"depth":600,"text":21157},{"id":21182,"depth":600,"text":21185},{"id":21203,"depth":600,"text":21206},{"id":559,"depth":600,"text":560},"https://images.unsplash.com/photo-1508700193932-2293b4385ab9?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3wxMTc3M3wwfDF8c2VhcmNofDF8fHNpbG91ZXR8ZW58MHx8fHwxNzMyNjg3NjM1fDA&ixlib=rb-4.0.3&q=80&w=2000",{"updated_at":21274,"アニメーターがこの強力なツールをどう使って象徴的なキャラクターを生み出し、自分のデザインをさらに高めていくのか学びましょう。\" featured_at":612,"visibility":613},"2026-03-26T10:29:28.000+01:00","/blog-i18n/ja/character-shape-language","2024-12-23T15:34:02.000+01:00",{"title":21005,"description":168},"character-shape-language","blog-i18n/ja/character-shape-language/index",[21281],{"id":620,"name":621,"slug":622,"description":7,"feature_image":7,"visibility":613,"og_image":7,"og_title":7,"og_description":7,"twitter_image":7,"twitter_title":7,"twitter_description":7,"meta_title":7,"meta_description":7,"codeinjection_head":7,"codeinjection_foot":7,"canonical_url":7,"accent_color":7,"url":623},"q3mV4mg4iC1LN1g6OnNFC4AEbzTyCCabOlGQNGhd4BU",{"id":21284,"title":21285,"authors":21286,"body":21288,"description":168,"extension":608,"feature_image":21509,"html":7,"meta":21510,"navigation":11,"path":21512,"published_at":21513,"seo":21514,"slug":21515,"stem":21516,"tags":21517,"__hash__":21519,"updated_at":21511,"featured_at":612,"visibility":613},"blog/blog-i18n/ja/smear-frames/index.md","(2026) スミアフレームがアニメーションを強化する方法",[21287],{"id":11067,"name":11068,"slug":11069,"profile_image":11070,"cover_image":7,"bio":11071,"website":7,"location":11072,"facebook":7,"twitter":11073,"meta_title":7,"meta_description":7,"threads":7,"bluesky":7,"mastodon":7,"tiktok":7,"youtube":7,"instagram":7,"linkedin":7,"url":11074},{"type":81,"value":21289,"toc":21502},[21290,21300,21306,21315,21318,21325,21327,21333,21336,21343,21346,21349,21351,21357,21360,21363,21366,21369,21372,21374,21380,21383,21386,21400,21403,21406,21409,21411,21417,21420,21423,21460,21462,21466,21469,21472,21482,21496],[84,21291,21293,21296],{"className":21292},[87,88,89],[84,21294,20171],{"className":21295},[93],[84,21297,21299],{"className":21298},[98],"スミアフレームとは、アニメーションの一連の中で、対象物やキャラクターの誇張、または歪ませることで「動き」を描き、単独のフレームとして表現したものです。",[101,21301,21302,21305],{},[486,21303,21304],{},"『シンプソンズ』","の例を見てみましょう：",[158,21307,21309],{"className":21308},[87,161],[163,21310],{"src":21311,"className":21312,"alt":168,"loading":169,"width":21313,"height":7286,"srcSet":21314,"sizes":173},"https://blog.cg-wire.com/content/images/2026/03/image-15.png",[167],852,"https://blog.cg-wire.com/content/images/size/w600/2026/03/image-15.png 600w, https://blog.cg-wire.com/content/images/2026/03/image-15.png 852w",[101,21316,21317],{},"特定の時点におけるキャラクターのはっきりした姿を映し出す通常のフレームとは違い、スミアフレームはそれらの区別をぼかして、見る人の視線を画面上へ導く「動き」の視覚的解釈を提示します。",[101,21319,21320,21321,21324],{},"もう一つの例として、",[486,21322,21323],{},"『ルーニー・テューンズ』","の中で、ロードランナーやバックス・バニーのようなキャラクターのスピード感あふれるドタバタを覚えていますか？ 彼らの素早い動きは、多くの場合、スミアフレームの助けによって、ほんの一瞬のうちにある地点から別の地点へスムーズに切り替えるようにアニメーションされています。",[111,21326],{},[114,21328,21330],{"id":21329},"why-animators-use-smear-frames",[486,21331,21332],{},"なぜアニメーターはスミアフレームを使うのか",[101,21334,21335],{},"スミアフレームで最も一般的な用途は、モーションブラーをシミュレートすることです。この手法は、速い動きを撮影するときにカメラが生み出す効果を模倣し、アニメーションにリアルな質感を加えます。例えば、弓から矢が射られるとき、スミアフレームでは、その飛翔を引き延ばされたように描き、矢が画面の向こうを急速に移動していることを示唆することがあります。",[101,21337,21338,21339,21342],{},"スミアフレームは従来の2Dアニメーションから生まれましたが、その影響はこの媒体にとどまりません。3Dアニメーションでも同様に広く使われています。例えば、映画作品 \"",[486,21340,21341],{},"『スパイダーマン：スパイダーバース』","\" のようなアニメでは、コミック本のような雰囲気を維持するために、スミアフレームが用いられています。",[101,21344,21345],{},"スミアフレームは、物体の動きの軌跡を強調し、ポーズや動作の移り変わりを自然にブレンドします。宙返りやスピニング・キックのようなアクロバットを披露するキャラクターでは、流れるような動きや優雅さを際立たせるためにスミアフレームが使われ、観客の想像力をかき立てます。",[101,21347,21348],{},"また、複数のフレームを1つのスミアフレームにまとめて、動作を圧縮することもあります。これは、速いシーンで、個々のフレームを見せすぎて視聴者を圧倒することなく、重要な要素を捉えるのに特に便利です。",[111,21350],{},[114,21352,21354],{"id":21353},"_1-when-to-use-a-smear-frame",[486,21355,21356],{},"1. スミアフレームを使うタイミング",[101,21358,21359],{},"シーンにエネルギーを吹き込む一方で、その効果は戦略的な配置にかかっています。",[101,21361,21362],{},"スミアフレームは、キャラクターが前へ飛び込む場面、物が投げられる場面、誇張されたコミカルな動作のように、素早い動きや切り替えの瞬間に最適です。",[101,21364,21365],{},"格闘アニメーションでは、パンチやブレードの一振りごとにスミアフレームを入れて、スピードと攻撃性を表現します。",[101,21367,21368],{},"ただし、シーン全体を通して一貫性を保つことが重要です。手法は常に流れるようであるべきです。",[101,21370,21371],{},"さらに、スミアを使いすぎないようアニメーターは注意します。過度なスミアは画面を散らかし、視聴者を混乱させてしまうからです。",[111,21373],{},[114,21375,21377],{"id":21376},"_2-two-smear-frame-techniques",[486,21378,21379],{},"2. スミアフレームの2つのテクニック",[101,21381,21382],{},"アニメーターは、短い間隔で次々に表示される一連のフレームを扱います。モーションブラーは、カメラのシャッターが一定時間開いたままになり、その1フレームの中に動く物体の複数の位置を捉えるときに起こることをシミュレートすることで実現します。",[101,21384,21385],{},"スミアフレームには2種類あります：",[1148,21387,21388,21394],{},[1151,21389,21390,21393],{},[486,21391,21392],{},"引き延ばし（インビトゥーンの間）"," - この手法では、キーポーズ間のギャップを1〜2フレームで埋めるために、被写体を引き延ばします。『NARUTO -ナルト- 疾風伝』の一部のアニメーションは、誇張されたスミアフレームで有名です：",[1151,21395,21396,21399],{},[486,21397,21398],{},"複数化（Multiples）"," - ここでは、アニメーターが被写体の一部、あるいは全体をその動きの軌跡に沿って複製し、少しだけぼかしを加えます。これは『ルーニー・テューンズ』の例です：",[101,21401,21402],{},"2Dアニメーションでは、スミアフレームはシーン内の要素を引き伸ばす、歪ませる、または複製することで成り立ちます。重要なのは、スミアが動作を邪魔するのではなく強化するよう、バランスを取ることです。 ",[101,21404,21405],{},"現代のVFXや写真編集ソフトには、アルゴリズムによってスミアフレーム効果をデジタルで再現するためのモーションブラー設定が含まれていることが多く、アニメーターは新しいツールを使って、より高い制御性と効率で望む効果を実現できます。",[101,21407,21408],{},"3Dアニメーションでスミアフレームを使うには、3Dモデル自体を操作する、あるいはメッシュ調整のような技術的エフェクトを用います。キャラクターやオブジェクトは、2Dのスミアフレームのスピードやスタイルに合わせて、引き伸ばしたり歪ませたりできます。アニメーターはメッシュを複数化したり、モーションブラーを統合したりして、望む錯覚を作り出すことも可能です。",[111,21410],{},[114,21412,21414],{"id":21413},"_3-movement-breakdown",[486,21415,21416],{},"3. 動作の分解",[101,21418,21419],{},"スミアフレームとインビトゥーンはどちらも動きの分解（ブレイクダウン）の段階で行われますが、役割は大きく異なります。インビトゥーンは、均等に配置された正確なフレームによって滑らかな遷移を作ることに重点があります。一方でスミアフレームは、要所でスピードやダイナミズムを伝えるために動きを誇張することが主目的です。両者は補完関係にあります。インビトゥーンが一貫性を担保し、スミアフレームが偶然性（ランダムさ）を加えます。",[101,21421,21422],{},"分解の際、スミアフレームの作成は通常、次のように進めます：",[3067,21424,21425,21431,21437,21443,21448,21454],{},[1151,21426,21427,21430],{},[486,21428,21429],{},"動きを特定する"," - まず、速い動きが起こるキーフレームを特定します。これは、キャラクターがパンチを投げるところから、ボールを蹴るところまで何でも構いません。スミアフレームは、スピードを伝える必要があるアクションで特に有効です。",[1151,21432,21433,21436],{},[486,21434,21435],{},"タイミングを計画する"," - スミアが動作のどこに入るべきかを決めます。スミアは通常、2つの極端な姿勢、またはアクションのキーポーズの間に入ります。例えば、キャラクターが素早く首を回しているなら、スミアは首の回転の開始と終了の間に配置します。",[1151,21438,21439,21442],{},[486,21440,21441],{},"スミアフレームをスケッチする"," - まず、先ほど述べた手法（複製、引き伸ばし、またはモーションライン）を使って、歪んだ状態の物体やキャラクターをスケッチします。",[1151,21444,21445,21447],{},[486,21446,18689],{}," - 誇張しすぎを恐れないでください。スミアフレームはリアリティのためではなく、エネルギーとスピードを伝えるためのものです。例えば、キャラクターのパンチをアニメートするなら、腕を実際よりも長く見えるように伸ばします。",[1151,21449,21450,21453],{},[486,21451,21452],{},"インビトゥーンの配置"," - スミアフレームを2つのキーフレームの間に置きます。24fpsのアニメーションであれば、1フレームでも構いません。動きを強化するために、ほんの短い一瞬の見せ場になれば十分です。",[1151,21455,21456,21459],{},[486,21457,21458],{},"タイミングでテストする"," - スミアフレームを入れた後、アニメーションがどう流れるかを確認します。必要に応じてタイミングを調整してください。",[111,21461],{},[114,21463,21464],{"id":559},[486,21465,560],{},[101,21467,21468],{},"アニメーターはイリュージョニストであり、スミアフレームはその代表的な例です。スミアフレームは目に対してシンプルなトリックを仕掛けることで、スピードの錯覚を追加し、その結果は記憶に残ります。",[101,21470,21471],{},"残念ながら、この手法はモーションブラーを模倣するソフトの機能によって、以前より使われなくなってきています。しかし、それでも昔ながらのアニメーションの素晴らしさを形作っている重要な要素の一つです。新しいアニメ制作では、レトロな見た目を出すため、あるいは単にシュールな雰囲気を加えるために、スミアフレームが使われています。",[101,21473,21474,21475,21481],{},"驚くようなスミアフレームの例をもっと見たいなら、",[266,21476,21478],{"href":21477},"https://www.reddit.com/r/Smearframes/?ref=blog.cg-wire.com",[4123,21479,21480],{},"r/smearframes subreddit","をチェックしてください。さらに、VLC Media Playerのような動画プレイヤーを使えば、フレームごとに動画を確認して、現実に存在するスミアフレームを見つけることもできます。",[84,21483,21485,21488],{"className":21484},[87,88,89],[84,21486,576],{"className":21487},[93],[84,21489,21491,21492,21495],{"className":21490},[98],"アニメーション制作プロセスについてもっと学ぶには、",[266,21493,6624],{"href":583,"rel":21494},[585],"！ ベストプラクティスを共有する1,000人以上の専門家とつながり、時には直接のイベントも企画します。ぜひ歓迎します！",[84,21497,21499],{"className":21498},[87,591,592],[266,21500,598],{"href":583,"className":21501},[596,597],{"title":168,"searchDepth":600,"depth":600,"links":21503},[21504,21505,21506,21507,21508],{"id":21329,"depth":600,"text":21332},{"id":21353,"depth":600,"text":21356},{"id":21376,"depth":600,"text":21379},{"id":21413,"depth":600,"text":21416},{"id":559,"depth":600,"text":560},"https://images.unsplash.com/photo-1429857950654-539591eef320?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3wxMTc3M3wwfDF8c2VhcmNofDF8fG1vdGlvbiUyMGJsdXJ8ZW58MHx8fHwxNzMyNjg1OTAxfDA&ixlib=rb-4.0.3&q=80&w=2000",{"updated_at":21511,"featured_at":612,"visibility":613},"2026-03-26T10:41:40.000+01:00","/blog-i18n/ja/smear-frames","2024-12-16T14:54:30.000+01:00",{"title":21285,"description":168},"smear-frames","blog-i18n/ja/smear-frames/index",[21518],{"id":620,"name":621,"slug":622,"description":7,"feature_image":7,"visibility":613,"og_image":7,"og_title":7,"og_description":7,"twitter_image":7,"twitter_title":7,"twitter_description":7,"meta_title":7,"meta_description":7,"codeinjection_head":7,"codeinjection_foot":7,"canonical_url":7,"accent_color":7,"url":623},"XszBhSJwN4fMz9dktaBG3FzSc0Q5c-7ZPrjBGknkEjA",{"id":21521,"title":21522,"authors":21523,"body":21525,"description":168,"extension":608,"feature_image":21802,"html":7,"meta":21803,"navigation":11,"path":21805,"published_at":21806,"seo":21807,"slug":21808,"stem":21809,"tags":21810,"__hash__":21812,"updated_at":21804,"featured_at":612,"visibility":613},"blog/blog-i18n/ja/stepped-animation/index.md","(2026) ステップアニメーションの技法：キーポーズに命を吹き込む",[21524],{"id":11067,"name":11068,"slug":11069,"profile_image":11070,"cover_image":7,"bio":11071,"website":7,"location":11072,"facebook":7,"twitter":11073,"meta_title":7,"meta_description":7,"threads":7,"bluesky":7,"mastodon":7,"tiktok":7,"youtube":7,"instagram":7,"linkedin":7,"url":11074},{"type":81,"value":21526,"toc":21794},[21527,21538,21541,21544,21547,21550,21556,21559,21562,21565,21567,21573,21576,21579,21582,21585,21588,21591,21623,21638,21640,21646,21649,21657,21660,21676,21679,21682,21684,21690,21693,21696,21699,21702,21705,21719,21722,21725,21727,21733,21736,21739,21742,21745,21748,21751,21766,21768,21772,21775,21788],[84,21528,21530,21534],{"className":21529},[87,88,89],[84,21531,21533],{"className":21532},[93],"🎥",[84,21535,21537],{"className":21536},[98],"ステップアニメーションとは、アニメーションソフトの「ステップモード」を指します。",[101,21539,21540],{},"アニメーションとは一連のフレームで構成されます。ステップモードでは、アニメーターは「キーポーズ」またはキーフレームにまず注目し、ポジションの重要な瞬間を捉えます。このモードでは、あるフレームから次のフレームへ滑らかに遷移しません。代わりに、あるキーポジションから次のキーポジションへと飛び移ります。中間フレームは、未調整のまま、またはそもそも省略されます。",[101,21542,21543],{},"このアプローチにより、絶え間ない流れるような動きに気を取られることなく、動きや表情の中でも最も重要な瞬間をアニメーターが明確に定義できます。",[101,21545,21546],{},"たとえば、キャラクターがジャンプの準備をしている場面を考えてみてください。ステップモードでは、キーポーズはしゃがみ、ジャンプ、着地の3つ（に相当する）ものになります。",[101,21548,21549],{},"ステップアニメーションとは対照的に、スプラインモードではポーズ間の遷移が滑らかです。補間によって中間（in-betweens）が自動生成されます。スプラインアニメーションは制作実務向けで、最終的なアニメーションに使われます。",[114,21551,21553],{"id":21552},"why-stepped-animation",[486,21554,21555],{},"ステップアニメーションがなぜ重要か",[101,21557,21558],{},"ステップモードでは、アニメーターが詳細な作業に入る前に、アクションとそのテンポを俯瞰できます。",[101,21560,21561],{},"キーポーズは、動きの中で最も重要な要素です。これらのキーフレームに集中することで、アニメーターはワークフローを簡略化し、最もインパクトのあるアクションに注力できます。キーフレーム間に遷移はないため、再生を押すとソフトウェアはそれぞれのポーズを順番に表示します。まるで、複雑な中間付けに入る前に一連のドローイングをめくっていくような感覚です。",[101,21563,21564],{},"ステップアニメーションは、基本的なタイミング感覚を養うのにも役立ちます。キーフレームが明確なら、各ポーズをどれくらい保持するか、また全体のリズムがどうなるかを簡単にテストできます。この手法は素早い反復を可能にします。もしあるポーズが遅すぎる、または速すぎると感じたら、中間フレームに与える影響を心配せずに、タイミングのパラメータを調整できます。",[111,21566],{},[114,21568,21570],{"id":21569},"_1-key-frames",[486,21571,21572],{},"1. キーフレーム",[101,21574,21575],{},"アニメーターはまず、動作の開始点と終了点―最初と最後のキーフレーム―を決めます。たとえば、手を振るキャラクターをアニメーションさせるなら、腕を下ろした状態から始め、腕を完全に上げた状態で終えるかもしれません。",[101,21577,21578],{},"その後、アニメーションソフトを使って、これらのポイントにキーフレームを作成します。ほとんどのプログラムでは、編集タイムラインを明確にするために、フレーム番号を正確に指定できます。",[101,21580,21581],{},"望む動きを得るには、キーフレーム間のタイミングを制御することが重要です。キーフレーム間の時間は決定的で、たとえばキャラクターが指を鳴らすなら、フレームを近くに配置して唐突な動きの感覚を与えることも、あるいは間隔を広げてその動きを強調することもできます。",[101,21583,21584],{},"キーフレームを配置した後は、いつも通りアニメーションを再生し、意図しない動きやタイミング上の非効率がないかを確認しながら、ちょうどよく感じるまで調整します。",[101,21586,21587],{},"ステップモードの焦点は、はっきりとした動きを定義するキーフレームにありますが、ポーズにおける微細な調整が奥行きを生みます。たとえば、特定のキーフレームでわずかな予備動作（anticipation）やフォロー・スルーのアニメーションを取り入れることを考えれば、より良い結果につながるでしょう。",[101,21589,21590],{},"跳ねるボールを例にすると、たとえばこんな感じになります：",[3067,21592,21593,21599,21605,21611,21617],{},[1151,21594,21595,21598],{},[486,21596,21597],{},"キーフレーム1",": ボールが最も高い位置にある。",[1151,21600,21601,21604],{},[486,21602,21603],{},"キーフレーム2",": ボールが地面へ向かって半分まで下りている。",[1151,21606,21607,21610],{},[486,21608,21609],{},"キーフレーム3",": ボールが地面に接触している。",[1151,21612,21613,21616],{},[486,21614,21615],{},"キーフレーム4",": ボールが最も低い位置にある（圧縮されている）。",[1151,21618,21619,21622],{},[486,21620,21621],{},"キーフレーム5",": ボールが最初の高さに戻っている。",[158,21624,21626,21630],{"className":21625},[87,161,689],[163,21627],{"src":21628,"className":21629,"alt":168,"loading":169,"width":17569,"height":17570},"https://lh7-rt.googleusercontent.com/docsz/AD_4nXdW02zi9telPjDOADrB3Au-oq_zeJv47yCVag7iRp4we_CHzIVcorW1EU_affKBTAY7nR6DnlqAaAK5SQQLJuNHX5HocqSDc14U8BqIoS4kq7oNRlmRfOETZa3Lh2l1-VfURdNMOUiURFnlzjhPN3wlZgkR?key=FWj1XlzybXOodEra6azNbA",[167],[696,21631,21632],{},[699,21633,21634],{},[702,21635,21637],{"className":21636,"style":678},[705],"Source: AngryAnimator.com",[111,21639],{},[114,21641,21643],{"id":21642},"_2-storyboarding-animatic",[486,21644,21645],{},"2. ストーリーボード＆アニメーティック",[101,21647,21648],{},"選定したキーフレームは、プリプロダクションでストーリーボードやアニメーティックに使われます。",[101,21650,21651,21656],{},[266,21652,21653],{"href":12264},[4123,21654,21655],{},"ストーリーボードとは、一連のアクションや出来事を、画像の連なりとして表し、その順番を実際に出てくる順に並べること","です。ストーリーボードは、アニメーションフェーズに進む前に、シーン、遷移、主要なアクションを計画するための設計図になります。",[101,21658,21659],{},"ストーリーボードは、ステップアニメーションにおけるキーフレームの順序を明確にします。",[158,21661,21663,21668],{"className":21662},[87,161,689],[163,21664],{"src":21665,"className":21666,"alt":168,"loading":169,"width":13923,"height":21667},"https://lh7-rt.googleusercontent.com/docsz/AD_4nXfzl-IyWRwQVFIj5jd-TbqtRHlO2JFmjpfhjZ_ASxbUHHQoJZ9JpLHvsuPd6jfRqi0QNvtVI6OBHRFTckuWahjTIX-TLBnQF4Za_tBeCyMdvRVQVw9q3ouWC8PhXSTQNRyei5dP8LCaHvWch65XsupyJMc?key=FWj1XlzybXOodEra6azNbA",[167],616,[696,21669,21670],{},[699,21671,21672],{},[702,21673,21675],{"className":21674,"style":678},[705],"Source: Wallace And Gromit",[101,21677,21678],{},"アニメーティックは、ストーリーボードから静止画像を取り込み、タイムラインやサウンド、場合によってはボイスオーバーを組み合わせた、アニメーションの予備版です。物語がどのように展開していくかをより分かりやすく提示します。",[101,21680,21681],{},"どちらも、後の制作段階でコストのかかる手戻りを避けるのに役立ちます。アニメーターの意思決定プロセスを単純化する構造を提供するからです。これは特にステップアニメーション―ポーズ間に遷移が存在しない―では重要で、これらのキーフレーム同士がどのように関係しているかを理解する必要があります。",[111,21683],{},[114,21685,21687],{"id":21686},"_3-switching-to-spline-mode",[486,21688,21689],{},"3. スプラインモードへの切り替え",[101,21691,21692],{},"制作が始まると、アニメーターは徐々にステップモードをスプラインモードへ置き換えていきます。",[101,21694,21695],{},"ステップアニメーションでの主な課題は、タイミングが最終レンダリングされた動きにどう反映されるのか、その感触を掴むことです。",[101,21697,21698],{},"ステップからスプラインへ切り替えると、補間によってより滑らかな動きが作られますが、それが望むエネルギー感とは一致しないことがあります。ステップ段階では脳がギャップを補ってくれる場合でも、コンピュータの補間は滑らかだがインパクトの弱い動きを生み出し得ます。たとえばキャラクターがジャンプする場合、ステップモードで生み出したバチッとした上昇が、補間によって遅れて伸びるようなグライド（滑るような動き）に変わってしまうことがあります。",[101,21700,21701],{},"このため、制作中にスプラインとステップモードを頻繁に行き来し、望む結果を得ることが大切です。",[101,21703,21704],{},"デジタルコンテンツ制作ソフトには、ステップキーをスプラインへ変換するための簡単なコマンドやオプションが用意されていることがよくあります。この操作により補間タイプが変更され、ソフトが中間フレームを生成できるようになります。",[158,21706,21708,21712],{"className":21707},[87,161,689],[163,21709],{"src":21710,"className":21711,"alt":168,"loading":169,"width":13923,"height":13954},"https://lh7-rt.googleusercontent.com/docsz/AD_4nXd0ObRVuOnlLQ5WiOtCsPNfmX18K0twN7UDRxeHWqTmm-9JEiuZKS4wxGbeZQ8Nc9WbxZVyxzvYSCYm5ASe2IlYtOxf8Jh65Ut8k3YspGxpe0FbzSmNOS43woZBy6MsHzT9PUt-aoE-t54d-r-bD9LGmrKs?key=FWj1XlzybXOodEra6azNbA",[167],[696,21713,21714],{},[699,21715,21716],{},[702,21717,14077],{"className":21718,"style":678},[705],[101,21720,21721],{},"その後、アニメーターは調整を反復したあとに、頻繁にアニメーションを再生して確認します。",[101,21723,21724],{},"ステップとスプリット（split）モードの間で考慮すべきもう一つの重要な要素が、補間カーブとアルゴリズムです。",[111,21726],{},[114,21728,21730],{"id":21729},"_4-interpolation",[486,21731,21732],{},"4. 補間",[101,21734,21735],{},"補間とは、進行カーブに応じて2つの値の間の中間値を決定する数学的プロセスです。補間モードでは、コンピュータがキーフレームによって確立された軌道に沿った動きを、数学的に計算して中間フレームを生成します。",[101,21737,21738],{},"各フレームごとに手描きしたり画像を作ったりするのではなく、補間によって、アニメーションシーケンスで定義された開始点と終了点に基づき、中間フレームの作成を自動化できます。",[101,21740,21741],{},"異なる補間カーブ／アルゴリズムは、異なる結果をもたらします。",[101,21743,21744],{},"線形の進行が必要な場合もあります。その場合は、フレームの変化が一定速度になります。たとえば、高速道路を走る車なら、車輪は同じ速度で回ります。",[101,21746,21747],{},"別の状況では、スプリンターをアニメーションするような場合、終盤に向けて補間を速くしてパンチをより印象的にしたり、動きの始めを強調したりしたいことがあります。",[101,21749,21750],{},"アニメーターは、DCCソフトのグラフエディタでモーションカーブを確認します。この工程は重要です。自動補間が行われても、ステップからスプラインモードへ移行することで失われてしまったかもしれない“キレ”の感覚を取り戻すために、カーブを微調整する必要がある可能性が高いからです。",[158,21752,21754,21758],{"className":21753},[87,161,689],[163,21755],{"src":21756,"className":21757,"alt":168,"loading":169,"width":13923,"height":13954},"https://lh7-rt.googleusercontent.com/docsz/AD_4nXf31yL4--hQ-qLESuun7nwSEpyEK_YpvGqNGqty6aH_eTY1hdW9qJgIp18Cg3jkFtZ6U8TJGOWKZ2U8UQ6MMXE27_kmt62FQRlelhYtPBwYjAScqEld4yIaPSqdvhRkVfufGFdVNdu8q840qNOpbi19bd_V?key=FWj1XlzybXOodEra6azNbA",[167],[696,21759,21760],{},[699,21761,21762],{},[702,21763,21765],{"className":21764,"style":678},[705],"Source: 3D Blender Tutorials by ianscott888 on Youtube",[111,21767],{},[114,21769,21770],{"id":559},[486,21771,974],{},[101,21773,21774],{},"キーフレームに集中し、in-betweensは後回しにすることで、アニメーターはアニメーションの流れを仕上げていけます。この技術は、補間によって滑らかな遷移を生み出すスプラインアニメーションを用いた、より複雑なディテールへと進むための土台になります。ステップモードの構造化された“飛び”から、スプラインの流動性へアニメーションが進むにつれて、タイミングと動きのバランスが丁寧に保たれます。",[84,21776,21778,21781],{"className":21777},[87,88,89],[84,21779,576],{"className":21780},[93],[84,21782,11393,21784,21787],{"className":21783},[98],[266,21785,1404],{"href":583,"rel":21786},[585],"！私たちは、ベストプラクティスを共有する1000人以上の専門家とつながっており、時には対面イベントも企画しています。ぜひようこそお迎えしたいです！",[84,21789,21791],{"className":21790},[87,591,592],[266,21792,598],{"href":583,"className":21793},[596,597],{"title":168,"searchDepth":600,"depth":600,"links":21795},[21796,21797,21798,21799,21800,21801],{"id":21552,"depth":600,"text":21555},{"id":21569,"depth":600,"text":21572},{"id":21642,"depth":600,"text":21645},{"id":21686,"depth":600,"text":21689},{"id":21729,"depth":600,"text":21732},{"id":559,"depth":600,"text":974},"https://images.unsplash.com/photo-1549816198-3c2704fdf06f?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3wxMTc3M3wwfDF8c2VhcmNofDQyfHxjaGFyYWN0ZXJ8ZW58MHx8fHwxNzMzOTI0NTQ1fDA&ixlib=rb-4.0.3&q=80&w=2000",{"updated_at":21804,"featured_at":612,"visibility":613},"2026-02-20T06:04:58.000+01:00","/blog-i18n/ja/stepped-animation","2024-12-11T14:49:59.000+01:00",{"title":21522,"description":168},"stepped-animation","blog-i18n/ja/stepped-animation/index",[21811],{"id":620,"name":621,"slug":622,"description":7,"feature_image":7,"visibility":613,"og_image":7,"og_title":7,"og_description":7,"twitter_image":7,"twitter_title":7,"twitter_description":7,"meta_title":7,"meta_description":7,"codeinjection_head":7,"codeinjection_foot":7,"canonical_url":7,"accent_color":7,"url":623},"cqz2-5dp_zx0h4BmfSaDVcVcxHtn4dCNL4UDfsbi9Rw",{"id":21814,"title":21815,"authors":21816,"body":21818,"description":168,"extension":608,"feature_image":22112,"html":7,"meta":22113,"navigation":11,"path":22115,"published_at":22116,"seo":22117,"slug":22118,"stem":22119,"tags":22120,"__hash__":22122,"updated_at":22114,"featured_at":612,"visibility":613},"blog/blog-i18n/ja/animation-laptops/index.md","アニメーション用の最適なノートパソコンの選び方：完全ガイド（2026）",[21817],{"id":11067,"name":11068,"slug":11069,"profile_image":11070,"cover_image":7,"bio":11071,"website":7,"location":11072,"facebook":7,"twitter":11073,"meta_title":7,"meta_description":7,"threads":7,"bluesky":7,"mastodon":7,"tiktok":7,"youtube":7,"instagram":7,"linkedin":7,"url":11074},{"type":81,"value":21819,"toc":22102},[21820,21831,21834,21837,21840,21843,21846,21864,21866,21872,21875,21878,21881,21884,21886,21892,21895,21898,21924,21940,21942,21948,21951,21966,21969,21972,21974,21980,21983,21986,21995,21998,22001,22003,22009,22012,22015,22018,22020,22026,22029,22037,22039,22045,22048,22065,22068,22070,22074,22077,22080,22083,22096],[84,21821,21823,21827],{"className":21822},[87,88,89],[84,21824,21826],{"className":21825},[93],"💻",[84,21828,21830],{"className":21829},[98],"ほとんどのアニメ制作作業はコンピューター上で行われます。デジタル制作ツールから計画まで、すべてです。",[101,21832,21833],{},"選ぶのが大変に感じるかもしれません。利用可能な選択肢が多すぎるからです。ノートパソコン、タブレット、PC自作、完成済みタワー、リファービッシュ（中古再生）PC……選択肢の“端末”のリストは一向に終わりません。",[101,21835,21836],{},"多くのプロのアニメーターは処理能力のために専用のPC構成を使いますが、ノートパソコンは勉強中や移動中、あるいはプレゼン中には必須になることがあります。",[101,21838,21839],{},"では、それでもどうやってノートパソコンを選べばいいのでしょうか？何を見るべき？どこで？",[101,21841,21842],{},"この記事では、考慮すべき技術的な仕様と使用条件を、順を追って案内します。市場は日々変わるため、購入すべき特定のノートパソコンは提示しません。また、自分で調べればより良い条件が見つかることも多いでしょう。しかし、何を重視すべきか、どんな判断軸で選ぶべきかはお伝えします。",[101,21844,21845],{},"まずは、ノートパソコン選びの主要な基準を見ていきましょう。",[158,21847,21849,21856],{"className":21848},[87,161,689],[163,21850],{"src":21851,"className":21852,"alt":168,"loading":169,"width":21853,"height":21854,"srcSet":21855},"https://blog.cg-wire.com/content/images/2024/11/image-6.png",[167],613,398,"https://blog.cg-wire.com/content/images/size/w600/2024/11/image-6.png 600w, https://blog.cg-wire.com/content/images/2024/11/image-6.png 613w",[696,21857,21858],{},[699,21859,21860],{},[702,21861,21863],{"className":21862,"style":678},[705],"出典：4WinKey",[111,21865],{},[114,21867,21869],{"id":21868},"criteria",[486,21870,21871],{},"基準",[101,21873,21874],{},"ノートパソコンを選ぶときに考慮すべき主な基準は3つあります。",[101,21876,21877],{},"まず、選ぶOS（オペレーティングシステム）です。OSは、アニメーション制作のツールやワークフローに大きく影響します。アニメーションソフトには、それぞれ特定のOS要件があります。Windowsは幅広いソフトとの互換性があるため、アニメーション業界で広く使われています。MacOSは、多くのクリエイターから好まれています。特にFinal Cut ProやMotionのようなソフトを使っている場合はその傾向が強いです。ノートパソコンではあまり一般的ではありませんが、Blenderのようなオープンソースソフトに慣れているアニメーターにとっては、Linuxも現実的な選択肢になり得ます。",[101,21879,21880],{},"次に、どのタイプのアニメーションに取り組むかによって、ノートパソコンで優先すべき仕様が決まります。2Dアニメーションやモーショングラフィックスなら、比較的強力でないハードウェアでも済むことが多いです。スタイラス付きのタブレット型ノートパソコンも、2Dアニメーションに使えます。3Dアニメーションに重点を置く場合は、要件が一段と厳しくなります。",[101,21882,21883],{},"最後に、予算が決め手になることがよくあります。明確な予算を設定すれば、希望する機能に対して最もコスパが良いマシンを狙いやすくなります。ただし、このガイドを読み進めると分かるように、貯金する間は安いノートパソコンでしのぐための方法もあります。",[111,21885],{},[114,21887,21889],{"id":21888},"understanding-laptop-specifications",[486,21890,21891],{},"ノートパソコンの仕様を理解する",[101,21893,21894],{},"あなたがコンピューターに詳しくない場合、選べるノートパソコンが多すぎて「何を見ればいいのか」が分かりにくく感じるかもしれません。",[101,21896,21897],{},"アニメーターとして注目すべきは、主に4つの仕様だけです。",[1148,21899,21900,21906,21912,21918],{},[1151,21901,21902,21905],{},[486,21903,21904],{},"CPU & RAM"," - CPU（中央処理装置）は、ノートパソコンの頭脳のように言われることが多いパーツです。アニメーションの作業では、強力なCPUなら複雑なアニメーションのレンダリング時に複数のタスクを同時に処理できます。目安として、少なくともIntel Core i5またはAMD Ryzen 5を目指しましょう。Intel i7、i9、またはAMD Ryzen 7および9は、処理コアやスレッド数が増え、レンダリング時間を大幅に短縮できます。メモリー内での処理を増やすには、最低でも8GBのRapid Access Memory（RAM）を推奨します。",[1151,21907,21908,21911],{},[486,21909,21910],{},"SSD"," - SSD（ソリッドステートドライブ）は、スムーズなアニメ制作環境に欠かせません。ファイルの保存をすべて担っているからです。従来のHDD（ハードディスクドライブ）とは違い、SSDは読み書き速度が大幅に速いため、アニメーションソフトの起動・読み込みが速くなり、ファイルアクセスも快適になります。少なくとも512GBのSSDを搭載したノートパソコンを探しましょう。ただし、1TB以上が、大きなアニメーションファイルやアプリケーションの取り扱いには望ましいです。",[1151,21913,21914,21917],{},[486,21915,21916],{},"GPU"," - GPU（グラフィックス処理装置）は、アニメーションのレンダリングにおいてCPUより50〜100倍速いですが、その分ノートパソコンの中で最も高価な部品でもあります。NvidiaのGPUは3Dレンダリングでは定番ですが、AMDやIntelのGPUを選ぶこともできます。",[1151,21919,21920,21923],{},[486,21921,21922],{},"画面解像度"," - 画面解像度も重要な仕様で、アニメ制作のワークフローに大きく影響します。解像度が高いほど、表示の鮮明さや色の正確さが向上し、アニメーションの細部まで確認しやすくなります。フルHD（1920×1080）は標準です。4K（3840×2160）は、より正確なカラーグレーディングに向いている一方で、バッテリー駆動時間にも影響します。",[158,21925,21927,21932],{"className":21926},[87,161,689],[163,21928],{"src":21929,"className":21930,"alt":168,"loading":169,"width":13923,"height":21931},"https://lh7-rt.googleusercontent.com/docsz/AD_4nXct0x3uzBiob4txe5ek_Mkyb_nJPYcy7pd3wC1mgAt2dqE-fxphCDjWS-FxyTodFBIyTmmp4pLOTBRnLUHOEOlzRnA2ep1f-17SckSJGmgBXnXinOLz_ktScGEytuJUkqcia3ODUrocY3ypoHP_b8e014k?key=bDBc3RwqJv352PgTyU9KOw",[167],391,[696,21933,21934],{},[699,21935,21936],{},[702,21937,21939],{"className":21938,"style":678},[705],"出典：iD Tech",[111,21941],{},[114,21943,21945],{"id":21944},"graphic-tablet-support",[486,21946,21947],{},"グラフィックタブレットの対応",[101,21949,21950],{},"ノートパソコンの中には、タッチスクリーンを備えたものが見つかることがあります。例えばこちら：",[158,21952,21954,21958],{"className":21953},[87,161,689],[163,21955],{"src":21956,"className":21957,"alt":168,"loading":169,"width":13923,"height":13954},"https://lh7-rt.googleusercontent.com/docsz/AD_4nXe7yS94W2DggSNarDK3y1KWUVwnm8do6rsfNA9FabQgoUjPLkya5DMRh3yOPTmPO4mzFgKrZIOHRgZjM13IhSOojPHMvEzb8AFu-tC6NCcXn-0RQiEH6ts5UDqVYAzpgaxi8LaB9aFuFkboaP4Z3Yln85E?key=bDBc3RwqJv352PgTyU9KOw",[167],[696,21959,21960],{},[699,21961,21962],{},[702,21963,21965],{"className":21964,"style":678},[705],"出典：Forbes",[101,21967,21968],{},"ただし、それらは理想的な描き心地を提供せず、結果的に価格が大幅に上がることが多いです。",[101,21970,21971],{},"代わりに、品質の良いグラフィックタブレットに投資するのが賢明です。グラフィックタブレットは、精度とコントロールに優れています。グラフィックタブレットはアニメーターにとって必需品なので、使う価値は十分あります。ただし、選ぶノートパソコンにグラフィックタブレットをサポートするための必要なポート（USB-C、USB-Aなど）があることを確認してください。",[111,21973],{},[114,21975,21977],{"id":21976},"solutions-for-low-budgets",[486,21978,21979],{},"低予算向けの解決策",[101,21981,21982],{},"予算が厳しい場合――500ドル未満――でも、諦める必要はありません。解決策があります。",[101,21984,21985],{},"主にAdobe製品を使っているなら、Webベースのプラットフォームを利用できます。クラウドレンダリングのおかげで、300ドルのノートパソコンでもAdobe Photoshop、Adobe Premiere、さらにはAdobe After Effectsをスムーズに動かせることがあります。高価なマシンを購入する必要はありません。学生なら、安いAdobeライセンスにアクセスできる可能性も高いです！",[101,21987,21988,21989,21994],{},"3Dアニメーションの場合は、",[266,21990,4172,21991],{"href":20386},[4123,21992,21993],{},"レンダーファームを利用","して、高性能GPUを用意せずに負荷の高いレンダリング作業を処理することもできます。レンダーファームは、3Dアセットをアップロードしてレンダリングを依頼し、結果がWebインターフェース経由で返ってくる“管理されたサービス”に過ぎません。価格は利用状況によって変わります（例：$0.008で1時間のレンダリング）ただし、かなり安く済むこともあります。たとえばRanch Computingでは、非商用プロジェクトの学生向けに50%割引を提供しています。",[101,21996,21997],{},"自宅で強力なPCを組み立てているなら、それをノートパソコンからリモートで使うためのリモートデスクトップの解決策も検討できます。",[101,21999,22000],{},"これらの方法を使えば、200ドルのChromebookでも、軽めのアニメ作業や管理業務のための補助デバイスとして活用できます。",[111,22002],{},[114,22004,22006],{"id":22005},"what-about-macos",[486,22007,22008],{},"MacOSはどうでしょう？",[101,22010,22011],{},"MacBookやMac Miniは、価格が高めであるにもかかわらず、アニメーターの間で依然として人気です。macOSでは、芸術的な作業向けに最適化されたクリエイティブツールの強力なエコシステムにアクセスでき、ハードウェアとソフトウェアの統合もシームレスになります。",[101,22013,22014],{},"MacBook Proは優れたパフォーマンスとバッテリー駆動時間を提供するため、外出先で作業するアニメーターにとって魅力的な選択肢です。一方、Mac Miniはコンパクトなフォームファクターで、デスクトップ級の性能を提供します。",[101,22016,22017],{},"ただし、Macを所有することは必須ではありません。たとえPixarで働きたいと思っていても（ラップトップは用意してくれるので心配いりません）。",[111,22019],{},[114,22021,22023],{"id":22022},"consider-refurbished-laptops",[486,22024,22025],{},"リファービッシュ（中古再生）ノートパソコンを検討する",[101,22027,22028],{},"リファービッシュのノートパソコンを選ぶことで、品質を落とさずにコスト効率の良い代替案を得られます。",[101,22030,22031,22032,22034,22036],{},"リファービッシュノートパソコンは電子廃棄物の削減に役立つだけでなく、保証や認定チェック付きの信頼できる選択肢として、大幅な節約にもつながります。",[534,22033],{},[534,22035],{},"50〜80%オフなら、迷う必要はないかもしれません！学校／大学でも、ノートパソコンの貸し出しプログラムがあるかどうか確認するのを忘れないでください。",[111,22038],{},[114,22040,22042],{"id":22041},"picking-a-laptop",[486,22043,22044],{},"ノートパソコンの選び方",[101,22046,22047],{},"ノートパソコン選びについて必要なことは分かったので、あとは買い物の時間です：",[3067,22049,22050,22053,22056,22059,22062],{},[1151,22051,22052],{},"スプレッドシートを作成し、8つの列を追加します：タイトル、OS、CPU、GPU、SSD、画面解像度、希望価格、購入URL",[1151,22054,22055],{},"Dell Refurbished、Backmarket、Amazon RenewedのようなリファービッシュノートパソコンのWebサイトを見て回る",[1151,22057,22058],{},"より一般的なECサイトやITショップを見て回る",[1151,22060,22061],{},"スプレッドシートにあるすべての候補を価格でランク付けする",[1151,22063,22064],{},"責任ある資金調達オプションを探す（3回払い、金利の低いクレジットカードローンなど） （免責：これは金融アドバイスではありません。責任を持って対応してください）",[101,22066,22067],{},"そして、以上です！ ",[111,22069],{},[114,22071,22072],{"id":559},[486,22073,560],{},[101,22075,22076],{},"ノートパソコンを選ぶことはアニメーターとしての道のりにおける重要なステップですが、あれこれ考えすぎたり、無理して高額な買い物をしたりする必要はありません。まずはOSの相性を理解し、制作するアニメーションプロジェクトの要件を見極め、予算の制約の範囲で進めましょう。",[101,22078,22079],{},"CPUの性能、ストレージ容量、GPUのパワー、画面解像度といった重要な仕様に注目することで、あなたに最適なマシンに絞り込めます。予算が厳しい場合でも、クラウドベースのレンダリングやリファービッシュ端末といった選択肢は、品質を損なわずに費用対効果の高い代替案になります。",[101,22081,22082],{},"可能であれば、より高価なノートパソコンを買う代わりにPCを自作することも検討してください。自作PCのほうが、同じお金でより良い性能を得られることが多いからです。さらにPCは、時間が経つにつれてアップグレードしやすく、今後何年にもわたって長く使えるようになります。",[84,22084,22086,22089],{"className":22085},[87,88,89],[84,22087,576],{"className":22088},[93],[84,22090,11393,22092,22095],{"className":22091},[98],[266,22093,6624],{"href":583,"rel":22094},[585],"！私たちは、ベストプラクティスを共有する1,000人以上の専門家とつながっており、ときどき対面イベントも企画しています。ぜひようこそお迎えしたいです！",[84,22097,22099],{"className":22098},[87,591,592],[266,22100,598],{"href":583,"className":22101},[596,597],{"title":168,"searchDepth":600,"depth":600,"links":22103},[22104,22105,22106,22107,22108,22109,22110,22111],{"id":21868,"depth":600,"text":21871},{"id":21888,"depth":600,"text":21891},{"id":21944,"depth":600,"text":21947},{"id":21976,"depth":600,"text":21979},{"id":22005,"depth":600,"text":22008},{"id":22022,"depth":600,"text":22025},{"id":22041,"depth":600,"text":22044},{"id":559,"depth":600,"text":560},"https://images.unsplash.com/photo-1515378960530-7c0da6231fb1?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3wxMTc3M3wwfDF8c2VhcmNofDExfHxsYXB0b3B8ZW58MHx8fHwxNzMwODE3NTU4fDA&ixlib=rb-4.0.3&q=80&w=2000",{"updated_at":22114,"featured_at":612,"visibility":613},"2026-02-20T06:03:50.000+01:00","/blog-i18n/ja/animation-laptops","2024-11-21T10:00:50.000+01:00",{"title":21815,"description":168},"animation-laptops","blog-i18n/ja/animation-laptops/index",[22121],{"id":620,"name":621,"slug":622,"description":7,"feature_image":7,"visibility":613,"og_image":7,"og_title":7,"og_description":7,"twitter_image":7,"twitter_title":7,"twitter_description":7,"meta_title":7,"meta_description":7,"codeinjection_head":7,"codeinjection_foot":7,"canonical_url":7,"accent_color":7,"url":623},"ahCtd0WdVK0H-BuvCbybFKKrK_5H_It_E7V0U76MgLI",{"id":22124,"title":22125,"authors":22126,"body":22128,"description":168,"extension":608,"feature_image":22489,"html":7,"meta":22490,"navigation":11,"path":22492,"published_at":22493,"seo":22494,"slug":22495,"stem":22496,"tags":22497,"__hash__":22499,"updated_at":22491,"featured_at":612,"visibility":613},"blog/blog-i18n/ja/character-color-palettes/index.md","キャラクターのカラーパレットを作る（2026）：アニメーターのためのヒントとテクニック",[22127],{"id":20735,"name":20736,"slug":20737,"profile_image":20738,"cover_image":20739,"bio":20740,"website":20741,"location":11072,"facebook":7,"twitter":11073,"meta_title":7,"meta_description":7,"threads":7,"bluesky":7,"mastodon":7,"tiktok":7,"youtube":7,"instagram":7,"linkedin":7,"url":20742},{"type":81,"value":22129,"toc":22478},[22130,22140,22143,22146,22149,22151,22157,22160,22163,22166,22168,22174,22182,22185,22188,22191,22202,22204,22210,22213,22239,22241,22247,22250,22253,22278,22280,22286,22289,22292,22295,22321,22323,22329,22332,22335,22355,22357,22363,22372,22375,22401,22403,22409,22412,22415,22418,22444,22447,22449,22453,22456,22459,22472],[84,22131,22133,22136],{"className":22132},[87,88,89],[84,22134,4082],{"className":22135},[93],[84,22137,22139],{"className":22138},[98],"色は、特にキャラクターデザインにおいて強力なコミュニケーション手段です。",[101,22141,22142],{},"実際、優れたキャラクターデザインは、そのカラーパレットとほとんど切り離せません。お気に入りのキャラクターを思い浮かべて、その色を変えてみると、まるでまったく別のキャラクターになったかのように感じられます。",[101,22144,22145],{},"では、アニメーターはどうやって素晴らしいカラーパレットを考え出すのでしょうか？従うべきいくつかの原則があり、あとは創造的なひらめきです。後者は経験がもたらしますが、今回は前者について学べます。この記事では、色彩理論と、キャラクターのカラーパレットをスムーズに作るためのベストプラクティスを解説します。",[101,22147,22148],{},"まず、色彩理論が何かを理解しましょう。",[111,22150],{},[114,22152,22154],{"id":22153},"what-is-color-theory",[486,22155,22156],{},"色彩理論とは？",[101,22158,22159],{},"色彩理論は、色同士がどのように作用し合うのか、どのように組み合わせられるのか、そして色が感情や認識にどう影響するかを研究します。",[101,22161,22162],{},"その中心には、カラーホイール、色の調和、色がもたらす心理的効果といった考え方があります。カラーホイールは、原色・中間色・補助的な色（第3色）など、色同士の関係性を示すために色相を整理します。この基礎となるツールによって、アニメーターは互いに引き立て合う色や、コントラストを生み出す色を選び、観客の感情的な反応を導くことができます。",[101,22164,22165],{},"たとえば、英雄的なナイトのためにカラーパレットを選ぶとしましょう。主な色は青と金です。青は信頼・忠誠・落ち着きを表し、金は富・成功・楽観を表します。この組み合わせは、強さと信頼性を示唆し、ナイトを気高いキャラクターとして位置づけます。",[111,22167],{},[114,22169,22171],{"id":22170},"why-characters-need-a-color-palette",[486,22172,22173],{},"なぜキャラクターにはカラーパレットが必要なのか",[101,22175,22176,22177,11624],{},"色は感情やテーマを伝えるうえで重要な役割を果たします。色はキャラクターの性格のトーンを決め、観客がその感情状態を素早く把握するのに役立ちます。これは",[266,22178,4172,22179],{"href":11572},[4123,22180,22181],{},"キャラクターデザインの基礎となる要素",[101,22183,22184],{},"冷たく、くすんだトーンでデザインされたキャラクターは、憂鬱さや内省を示しているかもしれません。",[101,22186,22187],{},"成長を経験しているキャラクターは、暗い色から始めて、徐々に明るく、より鮮やかな色調へ移行させることで、その発達を表せます。",[101,22189,22190],{},"特徴的なカラーパレットは、キャラクターをより印象的で記憶に残る存在にします。たとえばナルトのオレンジ・黄・青のような象徴的なパレットは、強い連想を生みます。",[101,22192,22193,22194,22197,22198,22201],{},"またアニメーションにおいて、カラーパレットはワールドビルディングのツールとしても機能します。キャラクターが存在する世界のトーンやスタイルを反映するのです。たとえば",[702,22195,22196],{},"『機動戦士ガンダム』ではなく","（※原文の参照先はそのまま扱います）",[702,22199,22200],{},"『アバター 伝説の少年アン』","では、それぞれの国（大地・水・火・風）に紐づく色は、元素を表すだけでなく、それぞれの文化的なアイデンティティをも映し出しています。",[111,22203],{},[114,22205,22207],{"id":22206},"_1-copy-what-works",[486,22208,22209],{},"1. うまくいっているものをコピーする",[101,22211,22212],{},"キャラクターのカラーパレットを作る最も簡単な方法のひとつは、既存メディアの成功したキャラクターを研究することです。アニメーション、ビデオゲーム、映画など、どの形式でも構いません。色の選び方が、キャラクターの性格、役割、そして物語をどう引き立てているかを理解しましょう。多くの確立されたキャラクターは、調和、コントラスト、補色といった色彩理論の原則をすでに活用しています。こうした例から学ぶことで、あなた自身のパレットにそれらの概念を効果的に適用できるようになります。",[3067,22214,22215,22221,22227,22233],{},[1151,22216,22217,22220],{},[486,22218,22219],{},"キャラクターを定義する"," - キャラクターを説明するための箇条書きリストを詳細に書き出します。役割／類型（主人公、メンター、相棒、敵役など）、職業（魔法使い、戦士、科学者、商人など）、年齢（子ども、若い大人、30代〜中年、年配など）、スキル（能力、戦闘技、知性、魅力）そして中核となる属性（英雄的／悪役的、陽気／憂鬱など）です。",[1151,22222,22223,22226],{},[486,22224,22225],{},"参考資料を調べる"," - Pinterestやアートデータベースのようなプラットフォームを使って、あなたのリストに合うキャラクターデザインを見つけましょう。特に、似た役割や類型で使われているカラーパレットを探します（老いた賢者、女王、戦士、道化師など）。たとえばジェームズ・ボンドは、洗練さや権威を示すために、一般的に中立的で暗い色を身にまとっています。一方、マリオのようなキャラクターは、明るい原色を使うことで、エネルギーと親しみやすさを伝えます。",[1151,22228,22229,22232],{},[486,22230,22231],{},"分析して適応させる"," - 同様の役割を担うキャラクター、あるいはあなたのキャラクターと似た特徴を持つキャラクターの間で、どの配色が最もよく見られるかを考えます。キャラクターの特性に響く色相を選びつつ、オリジナリティが生まれるように調整しましょう。たとえば、賢いメンターには土の色調が多いと気づいたとしても、あなたのキャラクターに冒険心のある一面があるなら、深い緑と鮮やかな金を組み合わせて、よりダイナミックなパレットを作れます。",[1151,22234,22235,22238],{},[486,22236,22237],{},"まとまりのあるパレットを作る"," - キャラクターの説明を反映しつつ、ディテールのための主要色・中間色・ハイライト色との視覚的な調和が保たれるように、カラーパレットの輪郭を描きます。たとえば守護者キャラクターなら、深い青（信頼）、銀（知恵）、鮮やかな金（勇気）の組み合わせのパレットが考えられます。",[111,22240],{},[114,22242,22244],{"id":22243},"_2-use-color-symbolism",[486,22245,22246],{},"2. 色の象徴を使う",[101,22248,22249],{},"色の象徴とは、物語作りやキャラクターデザインの文脈の中で、色を使って特定の考え・感情・価値観を表すことです。",[101,22251,22252],{},"それぞれの色は、特定の感情を引き起こしたり、ある特徴や役割を示唆したりします。赤はしばしば情熱、危険、力と結び付けられます。青は通常、落ち着き、信頼できること、あるいは悲しみを表します。",[3067,22254,22255,22261,22267,22273],{},[1151,22256,22257,22260],{},[486,22258,22259],{},"キャラクターの役割と関係性"," - ストーリーの中でのキャラクターの立場や重要度を考えます。彼らはしばしば特定の類型を象徴するため、そのカラーパレットは役割を反映するべきです。お姫さまなら、上品さや身分の高さを示すために、やわらかなパステル調やリッチな宝石色を身にまとっているかもしれません。このパレット上の差別化は単なる偶然ではありません。キャラクター同士の力関係を、観客に対してヒントとして提示することで、物語を支えます。たとえば、意外と優しい一面を持つ将軍のような、より奥行きのあるキャラクターを作りたいなら、隠れた特性を強調するために、パレット内で明るめの色や柔らかいトーンを使うとよいでしょう。",[1151,22262,22263,22266],{},[486,22264,22265],{},"社会経済的な指標"," - 色は社会経済的な地位も表します。多くの物語では、恵まれた環境のキャラクターは富を示すために、より明るく高コントラストな色を身につけます。一方、そうでない背景のキャラクターは、苦労を反映するために、モノクロに近い色調を身につけることが多いのです。こうした視覚的な違いは、それぞれの立場を即座に伝えます。",[1151,22268,22269,22272],{},[486,22270,22271],{},"文化的・宗教的な結びつき"," - 色には、文化や宗教によって特定の意味があり、場合によっては意味が異なることもあります。こうした結びつきは、キャラクターデザインに奥行きを与えます。西洋文化では白は純潔を象徴し、しばしば結婚式に結び付けられますが、いくつかの東洋文化では喪を表すことがあります。こうした文化的ニュアンスを取り入れると、キャラクターの背景が豊かになり、ワールドビルディングにも美しく馴染みます。ファンタジーの世界なら、あなた自身の架空の意味を作り出すこともできます。たとえば、あなたのアニメーションに自然を敬う文化が登場するとしましょう。その場合、緑のトーンは高貴さを象徴し、土の色調はより地に足のついた性格、または身分の低さを示すかもしれません。",[1151,22274,22275,22277],{},[486,22276,21206],{}," - 色の組み合わせを恐れずに試しましょう。基本のパレットから始めて、進化する物語に応じて調整します。たとえば、純白の騎士に偽装した悪役（例：アニメ『ベルセルク』のグリフィス）を登場させることもできます。『アナと雪の女王』のエルザは、深く慈しみ自らを犠牲にする人物として描かれているにもかかわらず、冷たく氷のような色のパレットを持っています。",[111,22279],{},[114,22281,22283],{"id":22282},"_3-leverage-color-palette-generators",[486,22284,22285],{},"3. カラーパレット生成ツールを活用する",[101,22287,22288],{},"カラーパレット生成ツールは、ユーザーが調和のとれた色の組み合わせを作るのに役立ちます。デジタルの制作ソフトにおける適切なレイヤー設定があれば、生成ツールによってさまざまな配色を素早く探索できます。",[101,22290,22291],{},"また生成ツールを使えば、選んだ色を管理してデザインの一貫性を保つこともできます：",[101,22293,22294],{},"Adobe Color、Coolors、Palettonのような人気ツールも同様に使えます：",[3067,22296,22297,22303,22309,22315],{},[1151,22298,22299,22302],{},[486,22300,22301],{},"ベースの色から始める"," - キャラクターの主な特性を基に、ベースとなる色を決めます。この色をパレット生成ツールに入力して、土台となるパレットを作りましょう。",[1151,22304,22305,22308],{},[486,22306,22307],{},"さまざまなカラースキームを探る"," - 生成ツールが用意する各種オプションを使って、別の配色を探索します。色相環で正反対に位置する補色を試すと視覚的な緊張感が生まれますし、隣り合う類似色を使うと、より調和のとれた見た目になります。",[1151,22310,22311,22314],{},[486,22312,22313],{},"文脈の中でパレットをテストする"," - いくつかのパレットを生成したら、キャラクターのラフスケッチに適用してみましょう。文脈で使うことで、実際の場面において色がどのように相互作用するのかが見えてきます。",[1151,22316,22317,22320],{},[486,22318,22319],{},"パレットを記録する","：アニメーション制作の途中で素早く参照できるように、HEX、RGB、HSL、またはCMYKの値であなたの選んだパレットを記録しましょう。",[111,22322],{},[114,22324,22326],{"id":22325},"_4-find-inspiration-from-around-you",[486,22327,22328],{},"4. 身の回りからインスピレーションを得る",[101,22330,22331],{},"身の回りの環境からインスピレーションを得るとは、自然、建築、ファッション、日常生活を観察して、キャラクターに響く色を抽出することです。",[101,22333,22334],{},"それはデザインにリアリティと親しみやすさを加え、観客がつながりを感じる世界の中でキャラクターを“根付かせる”ことになります。現実の世界は、よくある定番パターンに頼るよりも、ユニークで奥行きのあるパレットを作るための色のバリエーションに富んでいるのです。",[3067,22336,22337,22343,22349],{},[1151,22338,22339,22342],{},[486,22340,22341],{},"写真からカラーパレットを作る"," - 自分の目を引く印象的な色の組み合わせを見つけるか撮影してみましょう。鮮やかな街の壁画から、夕焼けの微妙な色合いまで、何でも構いません。お気に入りの写真ライブラリを作り、テーマや感情ごとに整理しておくと、インスピレーションが必要になったときの素早い参照になります。",[1151,22344,22345,22348],{},[486,22346,22347],{},"自然や周囲を観察する"," - 外で過ごし、さまざまな環境で色がどう相互作用するかを観察しましょう。森の中の緑が、時間帯や天候条件によってどれほど色味や濃淡が変わるかを見てください。こうした観察を記録することで、色を効果的に混ぜる方法を理解しやすくなります。さらに、雑誌、オンラインの情報源、あるいは自分の撮影から画像を選んでムードボードを作ることもできます。",[1151,22350,22351,22354],{},[486,22352,22353],{},"ファッションとインテリアデザインに注意を払う"," - 現在のファッショントレンドやインテリアの配色パレットを見てみましょう。デザイナーは、文化的な影響、季節の変化、感情的なテーマなどに基づいて色の選択を行うことがよくあります。なぜ特定の組み合わせが機能するのか、そしてそれがどんな感情を伝えるのかを分析しましょう。",[111,22356],{},[114,22358,22360],{"id":22359},"_5-dont-forget-lighting",[486,22361,22362],{},"5. 照明を忘れない",[101,22364,22365,22366,22371],{},"アニメーションでは、",[266,22367,4172,22368],{"href":4171},[4123,22369,22370],{},"照明は基本的な要素","であり、可視性、ムード、雰囲気、そして視覚的なストーリーテリングを左右します。自然光や人工光、その双方が色や影とどう絡み合うかを扱う必要があります。",[101,22373,22374],{},"色は照明条件によって印象が変わります。明るい日差しの下で見える鮮やかな色味が、暗い部屋ではくすんで見えるかもしれません。照明の種類はさまざまな感情的反応を引き起こし、こうした感情の文脈を踏まえてキャラクターのカラーパレットを選ぶことで、シーンが意図するムードをより強く補強できます。戦略的な照明は、キャラクターデザインの要素を引き立てたり弱めたりし、観客の視線を重要な特徴へ導いたり、不要な細部から遠ざけたりすることを可能にします。",[3067,22376,22377,22383,22389,22395],{},[1151,22378,22379,22382],{},[486,22380,22381],{},"色温度を試す"," - まず、キャラクターのムードに合う色温度を決めましょう。暖色・寒色・中立色のライトパレットを使っていくつかのスケッチを作り、その選択がキャラクターの色の印象にどう影響するか観察します。たとえば、ロマンチックまたは懐かしさを感じさせるキャラクターには柔らかい金色の光を使い、より距離感のある、あるいはミステリアスな人物には鮮やかな氷のような青を使うといった具合です。",[1151,22384,22385,22388],{},[486,22386,22387],{},"カラーグレーディングのツールを使う"," - デジタルアニメーションソフトには、照明効果を仮想的に調整して、さまざまな照明シナリオで色がどう反応するかを確認できるカラーグレーディング機能が含まれていることがよくあります。",[1151,22390,22391,22394],{},[486,22392,22393],{},"多様な照明条件でパレットをテストする"," - 予備のカラーパレットを使って複数のキャラクターデザインを作り、それらを別々の照明セットアップでレンダリングして、色の選び方が異なる環境でどれだけ通用するかを見極めます。ある照明では鮮やかだった色味が、別の照明ではくすんだり衝突したりすることがあり、その場合は必要な修正が生じます。",[1151,22396,22397,22400],{},[486,22398,22399],{},"影とハイライトを取り入れる"," - 光と影はキャラクターデザインに奥行きを生むため、効果的に明るくしたり暗くしたりできる色を選びましょう。",[111,22402],{},[114,22404,22406],{"id":22405},"_6-account-for-the-environment",[486,22407,22408],{},"6. 環境を考慮する",[101,22410,22411],{},"キャラクターが存在する環境を考えましょう。キャラクターのために選ぶ色は、背景やアニメーションの他の要素と調和する必要があります。",[101,22413,22414],{},"環境とは、背景の風景からほかのキャラクターまで、あらゆるものを含みます。それぞれの要素には独自のカラーパレットがあり、キャラクターデザインを引き立てたり、ぶつかったりします。",[101,22416,22417],{},"色を単独で選んでしまうと、物語を損なうまとまりのない視覚体験になるリスクがあります。キャラクターの色を環境を前提に設計すれば、シーン内での視覚的な階層をより適切に構築できます。メインキャラクターは目立つべきです。対照的に、サブキャラクターや背景要素は、より控えめにして、ダイナミックでありながらバランスの取れた構図を作れます。",[3067,22419,22420,22426,22432,22438],{},[1151,22421,22422,22425],{},[486,22423,22424],{},"文脈の中でデザインする"," - キャラクターデザインは必ず意図した環境の中に組み込み、単体でデザインすることは避けましょう。背景や他の要素がキャラクターのそばに現れる状態をはっきり見ながら、配色案を描きます。",[1151,22427,22428,22431],{},[486,22429,22430],{},"キャラクターの役割を確立する"," - 各キャラクターの役割を考えます。たとえばメインのプレイヤーキャラクターは、最も人目を引く色を持つべきで、大胆な色合いとコントラストを使って自然に注目を集めます。サブキャラクターは少しだけ彩度を抑え、背景キャラクターはさらに控えめな色調を身につけます。",[1151,22433,22434,22437],{},[486,22435,22436],{},"視覚的なリファレンスを使う"," - お気に入りのグラフィックエディタで、キャラクターのバリエーションをモンタージュ化しましょう。背景イラストを用意して、上にさまざまなキャラクターデザインを重ねることで、視覚的な参照になります。",[1151,22439,22440,22443],{},[486,22441,22442],{},"コントラストと可読性をテストする"," - キャラクターデザインが背景から簡単に見分けられるようにしましょう。効果的な方法は、モノクロ背景のバリエーションでデザインをテストすることです。キャラクターが背景に溶け込む場合は、望む美的な調和を保ちながら、十分に目立つところまでパレットを調整します。",[101,22445,22446],{},"同じシーン内で、新しい環境や別のグループのキャラクターに合わせて、キャラクターの服やアクセサリーを変えることも珍しくありません：",[111,22448],{},[114,22450,22451],{"id":559},[486,22452,560],{},[101,22454,22455],{},"アニメーションにおいて、色の選択と適用を丁寧に行うことは、単なる好みを超えた意味を持ちます。これは重要な物語の柱です。 ",[101,22457,22458],{},"色彩理論を理解し活用し、既存のパレットにアクセスし、色の象徴を用い、そして私たちを取り巻く世界からインスピレーションを得ることで、アニメーターは観客に深く響くキャラクターを作り上げられます。さらに、パレット生成ツールを、照明や環境への配慮と一緒に取り入れることで、そのキャラクターの色は観客を惹きつけるだけでなく、物語のインパクトも高めます。",[84,22460,22462,22465],{"className":22461},[87,88,89],[84,22463,576],{"className":22464},[93],[84,22466,17606,22468,22471],{"className":22467},[98],[266,22469,1404],{"href":583,"rel":22470},[585],"！私たちは、ベストプラクティスを共有する1000人以上の専門家とつながっており、時にはオフラインのイベントも企画しています。ぜひあなたをお迎えできれば嬉しいです！",[84,22473,22475],{"className":22474},[87,591,592],[266,22476,598],{"href":583,"className":22477},[596,597],{"title":168,"searchDepth":600,"depth":600,"links":22479},[22480,22481,22482,22483,22484,22485,22486,22487,22488],{"id":22153,"depth":600,"text":22156},{"id":22170,"depth":600,"text":22173},{"id":22206,"depth":600,"text":22209},{"id":22243,"depth":600,"text":22246},{"id":22282,"depth":600,"text":22285},{"id":22325,"depth":600,"text":22328},{"id":22359,"depth":600,"text":22362},{"id":22405,"depth":600,"text":22408},{"id":559,"depth":600,"text":560},"https://images.unsplash.com/photo-1495996278086-d589e29619ea?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3wxMTc3M3wwfDF8c2VhcmNofDQwfHxjb2xvciUyMGNoYXJhY3RlcnxlbnwwfHx8fDE3MzEzNzQ2MzF8MA&ixlib=rb-4.0.3&q=80&w=2000",{"updated_at":22491,"featured_at":612,"visibility":613},"2026-03-26T10:28:17.000+01:00","/blog-i18n/ja/character-color-palettes","2024-11-14T09:36:36.000+01:00",{"title":22125,"description":168},"character-color-palettes","blog-i18n/ja/character-color-palettes/index",[22498],{"id":620,"name":621,"slug":622,"description":7,"feature_image":7,"visibility":613,"og_image":7,"og_title":7,"og_description":7,"twitter_image":7,"twitter_title":7,"twitter_description":7,"meta_title":7,"meta_description":7,"codeinjection_head":7,"codeinjection_foot":7,"canonical_url":7,"accent_color":7,"url":623},"vcuSz1Badg1VZVvx38QOrSGwHTo3ydT02KwyNeBgWF4",{"id":22501,"title":22502,"authors":22503,"body":22505,"description":168,"extension":608,"feature_image":23063,"html":7,"meta":23064,"navigation":11,"path":23066,"published_at":23067,"seo":23068,"slug":23069,"stem":23070,"tags":23071,"__hash__":23073,"updated_at":23065,"featured_at":612,"visibility":613},"blog/blog-i18n/ja/what-is-2d-animation/index.md","(2026) 2Dアニメーションとは？",[22504],{"id":11067,"name":11068,"slug":11069,"profile_image":11070,"cover_image":7,"bio":11071,"website":7,"location":11072,"facebook":7,"twitter":11073,"meta_title":7,"meta_description":7,"threads":7,"bluesky":7,"mastodon":7,"tiktok":7,"youtube":7,"instagram":7,"linkedin":7,"url":11074},{"type":81,"value":22506,"toc":23052},[22507,22517,22520,22523,22555,22558,22560,22566,22574,22577,22597,22599,22605,22612,22615,22647,22650,22667,22669,22675,22683,22686,22689,22721,22724,22741,22743,22749,22752,22755,22781,22799,22801,22807,22816,22819,22822,22825,22828,22831,22834,22849,22851,22857,22865,22890,22893,22911,22913,22919,22927,22930,22962,22964,22970,22973,22976,22979,23011,23019,23021,23025,23028,23031,23046],[84,22508,22510,22513],{"className":22509},[87,88,89],[84,22511,16963],{"className":22512},[93],[84,22514,22516],{"className":22515},[98],"2Dアニメーションとは、二次元空間における動きの錯覚です。",[101,22518,22519],{},"2Dアニメーションでは、奥行きの錯覚を生み出すために、水平・垂直の平面上でフラットな画像や描画を操作します。一方で3Dアニメーションには、奥行きとボリュームのための追加の軸があり、キャラクターを回転させたり、あらゆる角度から光を当てたり、環境をリアルな質感でレンダリングしたりできます。",[101,22521,22522],{},"どちらの形式も「動きを通じたストーリーテリング」という共通の目的を持っていますが、必要なスキルセットや創造的アプローチは大きく異なります。2Dアニメーションだけでも、新しいアニメーターは自分に合うものが何かを理解するために、さまざまなスタイルを試してみることが重要です。",[1148,22524,22525,22531,22537,22543,22549],{},[1151,22526,22527,22530],{},[486,22528,22529],{},"コンピューターアニメーション",": アニメーターはデジタルツールを使って、キャラクター、小道具、環境を作り出します。たとえばAdobe Animateのようなソフトウェアを使えば、フレームごとのアニメーションを作成したり、タイムライン上で2Dアセットを操作したりできます。",[1151,22532,22533,22536],{},[486,22534,22535],{},"ストップモーション"," - この手法では、アニメーターが物理的なオブジェクトやキャラクターを少しずつ動かしながら撮影し、順番に再生することでシームレスな動きを生み出します。定番の例としては愛され続けている「ウォレスとグルミット」や「コラライン」などの映画があります。ストップモーションの触感のある性質は、独特の美学を提供します。",[1151,22538,22539,22542],{},[486,22540,22541],{},"モーショングラフィックス"," - モーショングラフィックスは、広告、タイトルシーケンス、解説動画などの商業的な場面で、グラフィックデザインとアニメーションを融合させます。ブランドのアイデンティティを強調するために、アニメーション化されたテキスト、ロゴ、アイコンなどを含みます。",[1151,22544,22545,22548],{},[486,22546,22547],{},"ホワイトボードアニメーション"," - このスタイルは、ホワイトボードにマーカーで描く効果を模倣するもので、通常は説明のためのナレーションと組み合わせます。視覚的なストーリーテリングによって視聴者の関心を保てるため、教育コンテンツでよく使われます。",[1151,22550,22551,22554],{},[486,22552,22553],{},"ロトスコープ"," - アニメーターが実写映像をフレーム単位でトレースして、リアルなアニメーションを作り出します。Max Fleischerによる初期の作品など、歴史的な意義があり、さらに近年では「スキャナー・ダークリー」などの制作でも活用されています。",[101,22556,22557],{},"これらの2Dアニメーションのスタイルはそれぞれ違いますが、創作プロセスは概ね似た流れをたどります。各段階には専門的な知識が必要なので、新しいアニメーターは就くべき職種の違いを理解しようとするはずです。",[111,22559],{},[114,22561,22563],{"id":22562},"_1-concept-development",[486,22564,22565],{},"1. コンセプト開発",[101,22567,22568,22573],{},[266,22569,22570],{"href":11920},[4123,22571,22572],{},"コンセプト開発","は、アニメーション制作のための明確なビジョンを確立することを目的に、アイデアをブレインストーミングして磨き上げる作業です。テーマ、キャラクターデザイン、全体のビジュアルスタイルなどが含まれます。ストーリーテリングと視覚コミュニケーションの深い理解が必要です。",[101,22575,22576],{},"コンセプト開発の段階でターゲットとなる視聴者を理解することで、アニメーターは共感を呼ぶ物語を構築できます。さらに、しっかりしたコンセプトがあると、後工程での手戻りを減らせるため、制作プロセスをスムーズに進められます。",[1148,22578,22579,22585,22591],{},[1151,22580,22581,22584],{},[486,22582,22583],{},"ブレインストーミング・セッション"," - 監督がチームを集めて、自由な発想やアイデア出しを促すコラボレーションを行います。マインドマッピングや連想ゲームのような手法を使い、可能性のあるテーマやキャラクターを探ります。",[1151,22586,22587,22590],{},[486,22588,22589],{},"リサーチ"," - 関連トピックを深掘りしてトレンドを見つけ、インスピレーションを集め、視聴者の好みを理解します。たとえばプロデューサーは、ストーリーテリングやキャラクターの関係性に関する洞察を得るために成功したアニメーションを分析するかもしれません。一方でイラストレーターは、コンセプトデザインのためにムードボードを作ることがあります。",[1151,22592,22593,22596],{},[486,22594,22595],{},"脚本作成"," - ライターが、物語のセリフ、アクション、重要なマイルストーンを伝えるための予備の脚本を準備します。この脚本はアニメーターや声優にとっての参照点となるため、正しく仕上げるまでに長い時間がかかるのが一般的です。",[111,22598],{},[114,22600,22602],{"id":22601},"_2-character-design",[486,22603,22604],{},"2. キャラクターデザイン",[101,22606,22607,22611],{},[266,22608,22609],{"href":11572},[4123,22610,21037],{},"とは、アニメーションのためにキャラクターの見た目、性格、独自の特徴を作り出すプロセスです。つまり、コンセプトや物語上の意図を、キャラクターの形状、カラーパレット、服装から、表情やボディランゲージの細部まで含む、際立ったビジュアルの形へと翻訳する作業です。",[101,22613,22614],{},"キャラクターは物語を動かすため、効果的なデザインは、物語のテーマ、動機、感情の流れ（感情の起伏）を伝えるのに役立ちます。誇張された特徴を持つキャラクターは無邪気さやコメディを表すことがあり、より洗練されたデザインなら上品さや真剣さを感じさせるかもしれません。",[1148,22616,22617,22623,22629,22635,22641],{},[1151,22618,22619,22622],{},[486,22620,22621],{},"リサーチとコンセプト開発"," - キャラクターデザイナーはまず、自分が作るキャラクターの文脈と目的を理解します。キャラクターの背景、物語の中での役割、プロジェクトのテーマをリサーチします。さらに、キャラクターの年齢、環境、関係性を考慮して、デザインの背景を文脈づけます。",[1151,22624,22625,22628],{},[486,22626,22627],{},"スケッチ"," - 次にラフスケッチから始め、さまざまな可能性を探ります。複数回の試行を通して形やサイズ、さまざまなポーズを実験し、アイデアを洗練させていきます。大切なのは探求し、創造性を発揮することです。",[1151,22630,22631,22634],{},[486,22632,22633],{},"キャラクタープロフィール"," - キャラクタープロフィールには、性格の特徴、好き・嫌い、恐れていること、望みなどがまとめられます。このドキュメントがデザインの判断を導き、描写の一貫性を担保します。",[1151,22636,22637,22640],{},[486,22638,22639],{},"色とスタイルの探索"," - カラーパレットはキャラクターの性格と、アニメーション全体のトーンを反映します。たとえば暖色系は親しみやすさを想起させることがあります。",[1151,22642,22643,22646],{},[486,22644,22645],{},"洗練と仕上げ"," - デザインが選ばれたら、服の質感や傷のような独自の特徴、アクセサリーなど、デザインをより良くできる小さな要素に注意を払いながら、キャラクターをさらに仕上げます。デザイナーは、キャラクターがさまざまな角度からどのように見えるかをアニメーターに示すための完成版のターンアラウンドシートを作成します。",[101,22648,22649],{},"鉛筆、スケッチブック、マーカーは、コンセプトアーティストにとって今も変わらない定番ツールです。自由な手描きの試行ができるからです。しかし現在では、色、形、レイヤーを簡単に操作するために、Adobe Photoshop、Corel Painter、Kritaのようなソフトウェアを使うことも一般的です。",[158,22651,22653,22659],{"className":22652},[87,161,689],[163,22654],{"src":22655,"className":22656,"alt":168,"loading":169,"width":22657,"height":22658},"https://blog.cg-wire.com/content/images/2024/11/image.png",[167],500,447,[696,22660,22661],{},[699,22662,22663],{},[702,22664,22666],{"className":22665,"style":678},[705],"出典: Nilah Ate The Blog",[111,22668],{},[114,22670,22672],{"id":22671},"_3-storyboarding",[486,22673,22674],{},"3. ストーリーボード",[101,22676,22677,22682],{},[266,22678,22679],{"href":12264},[4123,22680,22681],{},"ストーリーボードは一連の画像を作成","し、順番に表示してシーンを事前に可視化します。ストーリーボード内の各フレームは、物語の中の特定の瞬間を表し、アニメーションが構図、動き、タイミングといった要素を定義するための設計図として機能します。",[101,22684,22685],{},"ストーリーボードがあれば、アニメーション制作の時間を投じる前に、物語がどのように視覚的に展開していくのかをアニメーターが確認できます。物語の流れを明確にし、潜在的な問題を早期に見つけるのにも役立ちます。",[101,22687,22688],{},"また、チームメンバー間で全員が同じプロジェクト理解を持っていることを確認するための重要なコミュニケーションツールでもあります。",[1148,22690,22691,22697,22703,22709,22715],{},[1151,22692,22693,22696],{},[486,22694,22695],{},"スクリプト分析"," - ストーリーボード担当のアーティストは脚本を分析し、重要なシーン、アクション、セリフを特定します。感情のトーンやターゲット視聴者を考慮し、意図されたメッセージとストーリーボードが一致するようにします。",[1151,22698,22699,22702],{},[486,22700,22701],{},"サムネイルスケッチ"," - 詳細な描画に入る前に、構図、カメラアングル、キャラクターや背景の配置に集中するため、各主要シーンの小さなサムネイルスケッチを作成します。素早い修正ができるように、スケッチはシンプルに保ちます。",[1151,22704,22705,22708],{},[486,22706,22707],{},"シーン分解"," - アーティストは各シーン内での出来事の順序を決めます。シーン間のつなぎ、キャラクターの動き、物語を前進させる重要なアクションなどです。",[1151,22710,22711,22714],{},[486,22712,22713],{},"セリフの追加と注釈"," - チームは、アニメーターがキャラクターの意図や感情の伝え方を理解できるようにするため、各フレームにセリフテキスト、効果音の合図、アクションに関する必要な注記などを入れることがよくあります。",[1151,22716,22717,22720],{},[486,22718,22719],{},"修正とフィードバック"," - ストーリーボードは多くのアニメ制作工程と同様に反復的なプロセスです。そのため、ストーリーボードをチームメンバーと共有してフィードバックを集め、明確さを高めるために修正することが重要です。",[101,22722,22723],{},"ストーリーボードには今でもペンと紙を使うことを好むアニメーターも多くいます。",[158,22725,22727,22733],{"className":22726},[87,161,689],[163,22728],{"src":22729,"className":22730,"alt":168,"loading":169,"width":22731,"height":10884,"srcSet":22732},"https://blog.cg-wire.com/content/images/2024/11/image-1.png",[167],700,"https://blog.cg-wire.com/content/images/size/w600/2024/11/image-1.png 600w, https://blog.cg-wire.com/content/images/2024/11/image-1.png 700w",[696,22734,22735],{},[699,22736,22737],{},[702,22738,22740],{"className":22739,"style":678},[705],"出典: James Novy",[111,22742],{},[114,22744,22746],{"id":22745},"_4-animatic",[486,22747,22748],{},"4. アニマティック",[101,22750,22751],{},"アニマティックとは、アートワークと音声を組み合わせて、動くストーリーボードを作るアニメーションの試作版です。ラフなアニメーションで、最終的なアニメーションがどのように視覚的に展開されるかを見せる草案（ドラフト）です。",[101,22753,22754],{},"アニマティックは、本格的なフルアニメーションの制作リソースを投じる前に、構図や段取り（ステージング）に関する問題を見つけるのに役立ちます。フレーミングの中で起こり得る問題を浮き彫りにする、明確なビジュアルレイアウトを提供します。さらに、アクションやシーン間のつなぎを事前にプレビューすることで、セリフや視覚的なギャグを最大限の効果になるよう調整できます。",[1148,22756,22757,22763,22769,22775],{},[1151,22758,22759,22762],{},[486,22760,22761],{},"ストーリーボードとの統合"," - アーティストはまず、アニメーション内の各シーンをアウトラインした従来のストーリーボードから始め、それらをToon Boom Harmonyのような動画編集ソフトに取り込みます。",[1151,22764,22765,22768],{},[486,22766,22767],{},"音声の統合"," - アニメーターは、基本的なボイスオーバー、セリフ、効果音などを録音して、ストーリーボードに命を吹き込み、視覚的なシーケンスのテンポ設定を助けます。",[1151,22770,22771,22774],{},[486,22772,22773],{},"タイミング設定"," - アニメーションチームは、各ストーリーボードのパネルに尺を割り当てることで、それぞれのショットのタイミングを決め、映像を音声と同期させます。",[1151,22776,22777,22780],{},[486,22778,22779],{},"動きとつなぎ"," - アニマティックでは動きが重要です。たとえ固定画像に対する単純なパンやズーム効果だけでも、シーンがどのように切り替わり、どんなダイナミックな視聴体験になるかを可視化することは、制作段階でアニメーターの助けになります。",[158,22782,22784,22791],{"className":22783},[87,161,689],[163,22785],{"src":22786,"className":22787,"alt":168,"loading":169,"width":22788,"height":22789,"srcSet":22790},"https://blog.cg-wire.com/content/images/2024/11/image-2.png",[167],672,189,"https://blog.cg-wire.com/content/images/size/w600/2024/11/image-2.png 600w, https://blog.cg-wire.com/content/images/2024/11/image-2.png 672w",[696,22792,22793],{},[699,22794,22795],{},[702,22796,22798],{"className":22797,"style":678},[705],"出典: Dream Farm Studios",[111,22800],{},[114,22802,22804],{"id":22803},"_5-animation-production",[486,22805,22806],{},"5. アニメーション制作",[101,22808,22809,22815],{},[266,22810,22812],{"href":22811},"https://blog.cg-wire.com/how-to-prepare-your-production-part-1-the-contracts/",[4123,22813,22814],{},"アニメーション制作","は、コンセプトをアニメーション化されたコンテンツへと変える中核のプロセスです。",[101,22817,22818],{},"ここで作業の大半が発生します。アニメーターは、手描きの伝統的な方法、または2Dのデジタルアニメーション手法を用いて、キャラクターやシーンを動かす実際のフレームを作成します。",[101,22820,22821],{},"Toon Boom Harmonyは、2Dアニメーションで最も広く使われているソフトウェアの一つです。",[101,22823,22824],{},"ストーリーボードの画像を取り込んだり、アニマティックを作成したりできます。さまざまな形式に対応しているため、グラフィックタブレットを使った手描きのアートワークやデジタルアートワークと、シームレスに連携して作業できます。",[101,22826,22827],{},"アニメーターは、キャラクター、背景、UIなどの要素を分けるために異なるレイヤーを使います。この整理によって、制作後半で各コンポーネントを操作、色付け、アニメーション化しやすくなります。",[101,22829,22830],{},"各シーンの尺を設定したり、フレームレートを調整したりして、音声トラックに合わせたスムーズなつなぎを作れます。音声のタイミングは、一般的な動画編集ソフトと同様に、タイムライン上で直接変更できます。",[101,22832,22833],{},"代替としては、OpenToonz、Adobe Animate、Mohoなどがあります。",[158,22835,22837,22844],{"className":22836},[87,161,689],[163,22838],{"src":22839,"className":22840,"alt":168,"loading":169,"width":22841,"height":22842,"srcSet":22843,"sizes":173},"https://blog.cg-wire.com/content/images/2024/11/image-3.png",[167],1121,630,"https://blog.cg-wire.com/content/images/size/w600/2024/11/image-3.png 600w, https://blog.cg-wire.com/content/images/size/w1000/2024/11/image-3.png 1000w, https://blog.cg-wire.com/content/images/2024/11/image-3.png 1121w",[696,22845,22846],{},[285,22847,22848],{"style":678},"出典: Toon Boom Harmony",[111,22850],{},[114,22852,22854],{"id":22853},"_6-vfx",[486,22855,22856],{},"6. VFX",[101,22858,22859,22864],{},[266,22860,22861],{"href":11706},[4123,22862,22863],{},"ビジュアルエフェクト（VFX）は、描くのがより不便なイメージを作成または強化するための幅広い手法","を含みます。モーションブラー、ライティング、質感、炎などです。",[1148,22866,22867,22873,22879,22885],{},[1151,22868,22869,22872],{},[486,22870,22871],{},"レイヤリングとコンポジット"," - アニメーターは複数のアニメーションレイヤーを操作して奥行きを作ります。背景のあるアニメーションキャラクターに加えて、煙、炎、魔法の火花のようなVFX要素を加えることで、表現の細部を高めることができます。",[1151,22874,22875,22878],{},[486,22876,22877],{},"パーティクル効果の作成"," - 雨、雪、爆発のようなパーティクル効果を、物理エンジンを使って設計しアニメーションさせることはよくある作業です。",[1151,22880,22881,22884],{},[486,22882,22883],{},"特殊効果のアニメーション"," - グロー、歪み、トランジションのようなエフェクトも、動きのアニメーションの質を高められます。",[1151,22886,22887,22889],{},[486,22888,3999],{}," - 3Dアニメーションと同様に、VFXアニメーションには、品質や納品フォーマットに合わせて出力設定を調整するためのレンダリング工程が必要です。群衆アニメーションのようなリソース負荷が大きいレンダリングでは、レンダリングファームに頼ることもできます。これは非常に技術的な工程で、場合によっては専門的な知識が必要です。",[101,22891,22892],{},"2DアニメーションにおけるVFXで最も広く使われているツールの一つはAdobe After Effectsです。透明度、ブレンドモード、レイヤースタイルを調整してコンポジションを作成でき、パーティクル、ライト、カメラモーションといった内蔵エフェクトを活用できます。プリセットを使うことで、アニメーターのワークフローが効率化されます。",[158,22894,22896,22903],{"className":22895},[87,161,689],[163,22897],{"src":22898,"className":22899,"alt":168,"loading":169,"width":22900,"height":22901,"srcSet":22902,"sizes":173},"https://blog.cg-wire.com/content/images/2024/11/image-5.png",[167],1004,530,"https://blog.cg-wire.com/content/images/size/w600/2024/11/image-5.png 600w, https://blog.cg-wire.com/content/images/size/w1000/2024/11/image-5.png 1000w, https://blog.cg-wire.com/content/images/2024/11/image-5.png 1004w",[696,22904,22905],{},[699,22906,22907],{},[702,22908,22910],{"className":22909,"style":678},[705],"出典: 3D Art",[111,22912],{},[114,22914,22916],{"id":22915},"_7-sound-design",[486,22917,22918],{},"7. サウンドデザイン",[101,22920,22921,22926],{},[266,22922,22923],{"href":14433},[4123,22924,22925],{},"サウンドデザイン","とは、音声要素の作成、録音、編集、生成を行うことです。セリフや効果音から、環境音、音楽スコアまで、すべてを含みます。",[101,22928,22929],{},"適切な音楽や効果音は、視聴者がアニメーションにどう関わるかに直接影響し、笑い、恐れ、悲しみ、興奮といった感情を引き起こすことができます。",[1148,22931,22932,22938,22944,22950,22956],{},[1151,22933,22934,22937],{},[486,22935,22936],{},"フォーリー"," - フォーリーアーティストは、効果音（SFX）や環境音を見つける／作り出します。シーンのトーンを作り、アニメの世界を生き生きと感じさせるために、音楽スコアを作るミュージシャンを補完します。",[1151,22939,22940,22943],{},[486,22941,22942],{},"録音"," - 事前に用意された音がない場合、アニメーターは自分で音声を録音し、ボイスオーバーや独自の効果音を収録することがよくあります。ここで重要な役割を担うのが声のアーティストです。",[1151,22945,22946,22949],{},[486,22947,22948],{},"サウンド編集"," - 音源が用意されている、または録音した音の場合、それらは明瞭さ、音量、そしてアニメーションとの整合性のために編集する必要があります。音声要素をカットしたり、レイヤーにしたり、調整したりして、映像と完全に同期するようにします。",[1151,22951,22952,22955],{},[486,22953,22954],{},"ミキシング"," - ミキシングは、複数の音声トラック（セリフ、効果音、音楽）のバランスを取り、まとまりのある魅力的な聴覚体験を作り出します。適切にミキシングすることで、どの要素も他の要素に負けてしまうことがなくなります。",[1151,22957,22958,22961],{},[486,22959,22960],{},"サウンドデザインの実装"," - 編集・ミキシングされた音は、レベル調整、空間効果の追加、音声の微調整によって、アニメーションソフトウェアに組み込まれます。",[111,22963],{},[114,22965,22967],{"id":22966},"_8-supervision-management",[486,22968,22969],{},"8. 監督（スーパービジョン）& 管理",[101,22971,22972],{},"2Dアニメーションはチームで行う仕事です。スーパービジョンとマネジメントとは、企画の立ち上げから完成までアニメーションプロジェクトを導くための組織運営・リーダーシップのプロセスを指します。さまざまなチームを監督し、クリエイティブ面と制作面の目標が一致するようにし、全体として一貫したワークフローを維持します。",[101,22974,22975],{},"スーパーバイザーは、制作が締め切り、予算、品質基準を満たすようにするため、クリエイティブ面のディレクションから行政的な監督まで、さまざまな活動を担当します。アニメーション制作は複数の専門家が関わるため、機能横断の連携を支援する役割も担います。リソース配分に体系的なアプローチを取ることで、各チームメンバーが成功に必要なものを得られ、無駄な消費を抑えられます。アニメーション制作はしばしばタイトなスケジュールで進むため、スーパーバイザーは進捗を追い、プロジェクトが予定通り進むよう調整を促します。",[101,22977,22978],{},"これはフルタイムの仕事です：",[1148,22980,22981,22987,22993,22999,23005],{},[1151,22982,22983,22986],{},[486,22984,22985],{},"プロジェクト計画"," - プロジェクトのスケジュールを定め、マイルストーンを設定して、複数のチームにタスクを分け、各タスクがどのように組み合わさるかを判断します。",[1151,22988,22989,22992],{},[486,22990,22991],{},"チームマネジメント"," - 定期的なチェックインやフィードバックセッションを通じてチームメンバーと関わり、創造的なアウトプットを動機づけて鼓舞し、士気を保って共通認識を作ります。",[1151,22994,22995,22998],{},[486,22996,22997],{},"クリエイティブの監修"," - スーパーバイザーは、ストーリーボード、キャラクターデザイン、アニメーションなどをレビューし、承認することがよくあります。",[1151,23000,23001,23004],{},[486,23002,23003],{},"問題解決"," - プロジェクトが進むにつれて、課題が生じます。スーパーバイザーは、負荷、クリエイティブ面の食い違い、技術的な困難など、どのようなものでも早期に問題を特定し、解決策を実行できるようにする必要があります。",[1151,23006,23007,23010],{},[486,23008,23009],{},"予算管理"," - 金銭的な支出を把握することは、制作を成功させるかどうかを左右します。高品質なアウトプットを達成しつつ、予算の制約内に収めなければなりません。",[101,23012,23013,23018],{},[266,23014,23015],{"href":13587},[4123,23016,23017],{},"Kitsuのようなパイプライントラッカー","は、アセット管理やレビューの支援もしてくれるため、プロジェクトの制約を守りながらアニメーションチームを機敏に保ちます。",[111,23020],{},[114,23022,23023],{"id":559},[486,23024,560],{},[101,23026,23027],{},"2Dアニメーションには無数のチャンスがあり、さまざまな手法、役割、そして探求できる多様でユニークなプロジェクトが存在します。 ",[101,23029,23030],{},"だからこそ、特定の道を選ぶ前に、さまざまな分野で経験を積むことは非常に価値があります。一般的なアニメの台頭や、マーケティングにおけるモーショングラフィックスの活用が進む中で、2Dアニメーションはこれまで以上に今もなお重要です。ぜひ飛び込んで、探求してみてください！",[84,23032,23034,23037],{"className":23033},[87,88,89],[84,23035,576],{"className":23036},[93],[84,23038,23040,23041,23045],{"className":23039},[98],"2Dアニメーション制作についてもっと知りたい方は、",[266,23042,23044],{"href":583,"rel":23043},[585],"当社のDiscordコミュニティに参加することを検討してください","！ベストプラクティスを共有する1,000人以上の専門家とつながれ、また不定期に対面イベントも企画しています。皆さまのご参加を心よりお待ちしています！",[84,23047,23049],{"className":23048},[87,591,592],[266,23050,598],{"href":583,"className":23051},[596,597],{"title":168,"searchDepth":600,"depth":600,"links":23053},[23054,23055,23056,23057,23058,23059,23060,23061,23062],{"id":22562,"depth":600,"text":22565},{"id":22601,"depth":600,"text":22604},{"id":22671,"depth":600,"text":22674},{"id":22745,"depth":600,"text":22748},{"id":22803,"depth":600,"text":22806},{"id":22853,"depth":600,"text":22856},{"id":22915,"depth":600,"text":22918},{"id":22966,"depth":600,"text":22969},{"id":559,"depth":600,"text":560},"https://images.unsplash.com/photo-1620928572438-075c466c48da?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3wxMTc3M3wwfDF8c2VhcmNofDEwfHxjYXJ0b29ufGVufDB8fHx8MTczMDQ1NDA1MXww&ixlib=rb-4.0.3&q=80&w=2000",{"updated_at":23065,"featured_at":612,"visibility":613},"2026-03-26T10:45:32.000+01:00","/blog-i18n/ja/what-is-2d-animation","2024-11-04T00:20:09.000+01:00",{"title":22502,"description":168},"what-is-2d-animation","blog-i18n/ja/what-is-2d-animation/index",[23072],{"id":620,"name":621,"slug":622,"description":7,"feature_image":7,"visibility":613,"og_image":7,"og_title":7,"og_description":7,"twitter_image":7,"twitter_title":7,"twitter_description":7,"meta_title":7,"meta_description":7,"codeinjection_head":7,"codeinjection_foot":7,"canonical_url":7,"accent_color":7,"url":623},"eB9RZvyEG95qSxf5CTRmfX6uSmSDhdYqW0LzZv8mIng",{"id":23075,"title":23076,"authors":23077,"body":23079,"description":168,"extension":608,"feature_image":23435,"html":7,"meta":23436,"navigation":11,"path":23438,"published_at":23439,"seo":23440,"slug":23441,"stem":23442,"tags":23443,"__hash__":23445,"updated_at":23437,"featured_at":612,"visibility":613},"blog/blog-i18n/ja/3d-animation-process/index.md","3Dアニメーション制作プロセスを深掘りする（2026）",[23078],{"id":20735,"name":20736,"slug":20737,"profile_image":20738,"cover_image":20739,"bio":20740,"website":20741,"location":11072,"facebook":7,"twitter":11073,"meta_title":7,"meta_description":7,"threads":7,"bluesky":7,"mastodon":7,"tiktok":7,"youtube":7,"instagram":7,"linkedin":7,"url":20742},{"type":81,"value":23080,"toc":23423},[23081,23091,23101,23104,23107,23109,23115,23120,23129,23136,23139,23142,23144,23150,23157,23160,23168,23171,23174,23181,23184,23186,23192,23199,23202,23209,23212,23215,23221,23224,23226,23232,23239,23242,23245,23248,23254,23257,23263,23266,23268,23274,23281,23284,23290,23293,23295,23301,23304,23310,23319,23322,23324,23330,23333,23336,23347,23354,23367,23369,23375,23381,23384,23387,23389,23393,23396,23399,23402,23417],[84,23082,23084,23087],{"className":23083},[87,88,89],[84,23085,13891],{"className":23086},[93],[84,23088,23090],{"className":23089},[98],"『アナと雪の女王』のエルサのようなキャラクターや、『インサイド・ヘッド2』のジョイのようなキャラクターが、なぜ画面上でとても生き生きとして見えるのでしょうか？",[101,23092,23093,23096,23097,23100],{},[486,23094,23095],{},"3Dアニメーション ","とは、",[486,23098,23099],{},"デジタルな三次元空間の中で“動く映像”を作り出すプロセス","で、なかなか奥深いものです！ アニメーション制作会社では、制作パイプラインの一部または別の部分に特化した3Dアーティストが、それぞれ十数人〜多数名在籍するのが一般的です。 ",[101,23102,23103],{},"従来の2Dアニメーションとは異なり、3Dアニメーションでは、現実的な動きと物理を再現するために、高さ・幅・奥行きを備えたコンピューター生成モデルを使用します。アーティストは、それらのモデルをキーフレームやモーションキャプチャで操作し、命を吹き込みます。",[101,23105,23106],{},"ただ、それだけではありません！ ここでは、3Dアニメーションがどのように形になっていくのかを解説します。",[111,23108],{},[114,23110,23112],{"id":23111},"_1-concept-storyboarding",[486,23113,23114],{},"1. コンセプト＆ストーリーボーディング",[101,23116,23117,23119],{},[486,23118,22572],{},"は工程の最初の段階で、コンセプトアーティスト、ライター、ディレクターが、核となるアイデア、ストーリー、キャラクターを構想します。 ",[101,23121,23122,23128],{},[266,23123,23125],{"href":11920,"rel":23124},[585],[4123,23126,23127],{},"ブレインストーミングしてラフなアイデアをスケッチする","ことで、ビジュアルのスタイル、テーマ、キャラクターデザインを検討し、コンセプトが作品のビジョンと一致するようにします。",[101,23130,23131,23132,23135],{},"チームは脚本を通じてストーリーをイメージし、そして",[486,23133,23134],{},"一連の連続した描写をストーリーボードとして作成","します。これはコミックのように、シーンごとにストーリーの流れを整理するものです。 ",[101,23137,23138],{},"ストーリーボーディングは制作チームが、映画の構成、カメラアングル、キャラクターの位置、主要な場面のタイミングを把握するのに役立ちます。ショット、シーン、そしてトランジションを計画するための設計図です。",[101,23140,23141],{},"制作—つまり、アニメーターが3Dアセットを作っていく実行フェーズ—はここから始まります。",[111,23143],{},[114,23145,23147],{"id":23146},"_2-modeling-texturing",[486,23148,23149],{},"2. モデリング＆テクスチャリング",[101,23151,23152,23153,23156],{},"3Dモデリングでは、",[486,23154,23155],{},"アーティストが仮想の3D空間でキャラクター、物体、環境を定義する","のが基本です。 ",[101,23158,23159],{},"3Dモデラーとテクスチャアーティストは、プレプロダクション段階で作られたデザインを忠実に反映できるように、コンセプトアーティストと密に連携します。",[101,23161,23162,23167],{},[266,23163,23164],{"href":11579},[4123,23165,23166],{},"Maya、Blender、3ds Maxのような専用ソフトで、3Dモデルをポリゴンから作成する","のが一般的です。ポリゴンは、アニメーション内の物体の形状を構成する“3Dモデルの基本要素”です。 ",[101,23169,23170],{},"モデルは、シンプルなローポリ設計から、複雑で高密度な作り込みまで、アニメーションの要件に応じて幅があります。",[101,23172,23173],{},"次のステップは、最終的な見た目を得るためにテクスチャを適用することです。",[101,23175,23176,23177,23180],{},"テクスチャリングとは、",[486,23178,23179],{},"2D画像（テクスチャ）を3Dモデルに貼り付けること","であり、表面との光の当たり方を調整してリアルさや表現スタイルを作り出す作業です。 ",[101,23182,23183],{},"テクスチャアーティストは、プレーンな3Dモデルに対して、肌、布、金属、木など、対象物の表現に応じて色や模様、表面の細部を追加します。",[111,23185],{},[114,23187,23189],{"id":23188},"_3-rigging",[486,23190,23191],{},"3. リギング",[101,23193,23194,23195,23198],{},"リギングとは、",[486,23196,23197],{},"3Dモデル内にデジタル上の“骨格”または枠組みを作ること","です。 ",[101,23200,23201],{},"人の骨格が体の動きを可能にするように、リグは3Dモデルにアニメーションするために必要な構造を与えます。",[101,23203,23204],{},[266,23205,23206],{"href":12358},[4123,23207,23208],{},"リギングアーティストが、この土台となる仕組みを構築する",[101,23210,23211],{},"関節、ボーン、コントロールを使って作成し、アニメーターがさまざまな方法でモデルを操作したりポーズを作ったりできるようにします。 ",[101,23213,23214],{},"この骨格により、モデルの各パーツがどのように動くかが決まります。つまり、曲げる、伸ばす、必要に応じて現実的に、またはスタイライズされた動作を行うことができます。",[101,23216,23217,23218],{},"その後、3Dモデルはリグに取り付けられます。この工程はスキニングと呼ばれ、",[486,23219,23220],{},"モデルの表面（“スキン”）がリグの動きに正しく追従することを保証します",[101,23222,23223],{},"リグが動くとモデルも自然に変形します。つまり、手足の曲がり、表情、その他のアニメーションがスムーズで説得力のある見た目になります。スキニングが不十分だと、不自然な、または歪んだ動きになります。",[111,23225],{},[114,23227,23229],{"id":23228},"_4-animation",[486,23230,23231],{},"4. アニメーション",[101,23233,23234,23235,23238],{},"3Dアニメーターは、事前にリグ付けされたモデルに",[486,23236,23237],{},"スクリプトやストーリーボードに沿って、動き・表情・ジェスチャーを作るための操作を加える","ことで、生き生きとした動きを生み出します。 ",[101,23240,23241],{},"主なポーズを特定のフレームに設定し、ソフトウェアがその間の動きを自動補完するキーフレームアニメーションを使うこともできます。また、より稀に、各フレームを手作業で調整するフレーム・バイ・フレームのアニメーションを用いる場合もあります。",[101,23243,23244],{},"アニメーターは、キャラクターの個性を引き出し、その動きが自然でダイナミックに見え、シーンと同期していることに重点を置きます。",[101,23246,23247],{},"モーションキャプチャ（いわゆる“mocap”）は、現実の人間の動きを目指す制作で使われます。実際の俳優がセンサー付きのスーツを着て動作を行い、その動きをキャプチャします。そして、その動きを3Dモデルへと転送します。",[114,23249,23251],{"id":23250},"_5-lighting",[486,23252,23253],{},"5. ライティング",[101,23255,23256],{},"ライティングアーティストは、各シーンに最適な照明セットアップを作る専門家です。",[101,23258,23259,23262],{},[486,23260,23261],{},"3D環境内の仮想ライトを使用して、太陽光や室内照明のような現実世界のライティング効果を再現する","ことで、キャラクターや物体を見せるだけでなく、シーンの雰囲気、奥行き、質感も高めます。晴れて明るい一日でも、暗く不穏な夜でも、ライティングの選択は視聴者がアニメーションを体験する印象に大きく影響します。",[101,23264,23265],{},"ライティングアーティストは通常、光源の配置を行い、明るさを調整し、影や反射を微調整してシーンに影響を与えます。 ",[111,23267],{},[114,23269,23271],{"id":23270},"_6-camera-work",[486,23272,23273],{},"6. カメラワーク",[101,23275,23276],{},[266,23277,23278],{"href":15512},[4123,23279,23280],{},"仮想カメラがアクションをフレーミングして撮影する",[101,23282,23283],{},"これは実写映画の撮影と同じように、アクションを構図に収めて切り取るものです。カメラまたはレイアウトアーティストが、この役割を担うのが一般的です。視覚的なストーリーテリングをより魅力的でシネマチックにするだけでなく、観客の視線の誘導にも役立ちます。",[101,23285,23286,23289],{},[486,23287,23288],{},"カメラアーティストは3D環境内で仮想カメラを配置・調整し、シーンを撮影する","一方で、フレーミング、構図、動きが効果的にストーリーを伝えるようにします。 ",[101,23291,23292],{},"彼らはカメラアングルに注意を払い、キャラクターや物体との距離を決め、カメラがシーン内で固定か、ダイナミックに動くかを判断します。 ",[111,23294],{},[114,23296,23298],{"id":23297},"_7-rendering",[486,23299,23300],{},"7. レンダリング",[101,23302,23303],{},"レンダリング工程では、レンダリングアーティストまたはテクニカルディレクターが、照明、テクスチャ、カメラアングル、モデルなど、これまでの要素をすべて組み合わせて、3Dアニメーションの最終的な画像やフレームを生成します。 ",[101,23305,23306,23309],{},[486,23307,23308],{},"レンダリングは3Dシーンを2D画像へ変換する","作業であり、最終的に観客に見えるのはこの画像です。 ",[101,23311,23312,23313,23318],{},"シーンの複雑さ（キャラクターの数、ディテールのレベル、ライティング効果など）によっては、",[266,23314,23315],{"href":20386},[4123,23316,23317],{},"レンダリングは非常に時間がかかる","ことがあり、その場合は強力なコンピューターやレンダーファーム（アニメーションの処理を行うための強力なコンピューターの集合体）が必要になることがよくあります。 ",[101,23320,23321],{},"各フレームは個別にレンダリングされます。アニメーションは通常、毎秒24〜30フレームで動きます。",[111,23323],{},[114,23325,23327],{"id":23326},"_8-post-production",[486,23328,23329],{},"8. ポストプロダクション",[101,23331,23332],{},"レンダリングされたアニメーションは、編集、視覚効果（VFX）の追加、コンポジット、サウンドデザイン、音楽、そして最終的なカラ―グレーディングによってポストプロダクションで仕上げられます。 ",[101,23334,23335],{},"アニメーションは視覚的に一貫性があり、元のビジョンと合致している必要があります。",[101,23337,23338,23343,23346],{},[266,23339,23340],{"href":11659},[4123,23341,23342],{},"コンポジター（コンポジットアーティスト）",[486,23344,23345],{},"は、レンダリング済みのフレームを背景効果、視覚効果（VFX）、必要に応じて実写映像などの他のアセットと統合することに責任を持ちます","。コンポジターはレイヤーの調整、カラー補正、被写深度やモーションブラーのような効果の追加も行います。",[101,23348,23349,23350,23353],{},"すべてのフレームと効果の準備が整うと、",[486,23351,23352],{},"編集チームがショットをまとまりのあるシーケンスとして組み上げます","。編集者は、タイミング、テンポ、そしてシーン間のスムーズなトランジションに注目し、ストーリーの流れをより良くします。",[101,23355,23356,23357,23360,23361,23366],{},"視覚面の作業と並行して、",[486,23358,23359],{},"サウンドデザイナーやオーディオエンジニアが効果音、音楽、セリフをアニメーションに追加します","。 ",[266,23362,23363],{"href":14433},[4123,23364,23365],{},"サウンドデザインはもう一つの次元を生み出す","ことで、最終成果物に感情の山場をより引き立て、環境に奥行きを加え、視聴者をその世界へと完全に没入させます。控えめな環境ノイズであっても、力強い楽曲のスコアであっても、キャラクターの声の同期であっても同様です。",[111,23368],{},[114,23370,23372],{"id":23371},"_9-final-output",[486,23373,23374],{},"9. 最終成果物",[101,23376,23377,23380],{},[486,23378,23379],{},"完成したアニメーションは、意図した配信プラットフォームに適したファイル形式にしなければなりません",".",[101,23382,23383],{},"この作業では、解像度、フレームレート、ビットレートなどを調整して、見た目の品質を最適化します。 ",[101,23385,23386],{},"書き出されたファイルは、納品可能と判断される前に、色の不一致、音声の同期ズレ、その他の重要な要素がないか確認のレビューを受けます。",[111,23388],{},[114,23390,23391],{"id":559},[486,23392,974],{},[101,23394,23395],{},"初期のコンセプトから最終成果物まで、3Dアニメーションの各工程は、没入感のある生き生きとした体験を作り上げるために貢献します。緻密なモデリングであっても、ポストプロダクションでの仕上げであっても、このプロセスは非常に専門的であり、同時に創造的です。",[101,23397,23398],{},"この概要は、3Dアニメーション制作における主要なステップについての洞察を提供します。ただし裏側には、さらに多くの作業があります。制作パイプラインのあらゆる側面に気を配るパイプラインマネージャーから、複数スタジオ間を行き来して調整するスーパーバイザーまで、3Dアニメーション制作は複雑なのです。",[101,23400,23401],{},"また、3Dアニメーションのプロセスは直線的でもありません。監督が望む結果を得るために、フィードバックと再モデリングを繰り返す“高い反復性”があり、それが必要になります。",[84,23403,23405,23408],{"className":23404},[87,88,89],[84,23406,576],{"className":23407},[93],[84,23409,23411,23412,23416],{"className":23410},[98],"3Dアニメーションの作成についてさらに学ぶには、",[266,23413,23415],{"href":583,"rel":23414},[585],"ぜひDiscordコミュニティに参加することをご検討ください","！ 私たちはベストプラクティスを共有する1,000人以上の専門家とつながっており、時には現地イベントも企画しています。ぜひ皆さんを歓迎したいです！",[84,23418,23420],{"className":23419},[87,591,592],[266,23421,598],{"href":583,"className":23422},[596,597],{"title":168,"searchDepth":600,"depth":600,"links":23424},[23425,23426,23427,23428,23429,23430,23431,23432,23433,23434],{"id":23111,"depth":600,"text":23114},{"id":23146,"depth":600,"text":23149},{"id":23188,"depth":600,"text":23191},{"id":23228,"depth":600,"text":23231},{"id":23250,"depth":600,"text":23253},{"id":23270,"depth":600,"text":23273},{"id":23297,"depth":600,"text":23300},{"id":23326,"depth":600,"text":23329},{"id":23371,"depth":600,"text":23374},{"id":559,"depth":600,"text":974},"https://images.unsplash.com/photo-1547194936-28214bd75193?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3wxMTc3M3wwfDF8c2VhcmNofDE1fHxjb21wdXRlciUyMGFuaW1hdGlvbnxlbnwwfHx8fDE3Mjc4NDMwODF8MA&ixlib=rb-4.0.3&q=80&w=2000",{"updated_at":23437,"featured_at":612,"visibility":613},"2026-03-26T10:04:11.000+01:00","/blog-i18n/ja/3d-animation-process","2024-10-02T17:05:37.000+02:00",{"title":23076,"description":168},"3d-animation-process","blog-i18n/ja/3d-animation-process/index",[23444],{"id":620,"name":621,"slug":622,"description":7,"feature_image":7,"visibility":613,"og_image":7,"og_title":7,"og_description":7,"twitter_image":7,"twitter_title":7,"twitter_description":7,"meta_title":7,"meta_description":7,"codeinjection_head":7,"codeinjection_foot":7,"canonical_url":7,"accent_color":7,"url":623},"myLtobs0H696NB96Zn2GO8_YWBp7RemozrE4rtrEPhA",{"id":23447,"title":23448,"authors":23449,"body":23451,"description":23455,"extension":608,"feature_image":23648,"html":7,"meta":23649,"navigation":11,"path":23651,"published_at":23652,"seo":23653,"slug":23654,"stem":23655,"tags":23656,"__hash__":23658,"updated_at":23650,"featured_at":612,"visibility":613},"blog/blog-i18n/ja/working-with-multiple-digital-content-creation-tools/index.md","(2026) 複数のデジタルコンテンツ制作ツールを扱う",[23450],{"id":20735,"name":20736,"slug":20737,"profile_image":20738,"cover_image":20739,"bio":20740,"website":20741,"location":11072,"facebook":7,"twitter":11073,"meta_title":7,"meta_description":7,"threads":7,"bluesky":7,"mastodon":7,"tiktok":7,"youtube":7,"instagram":7,"linkedin":7,"url":20742},{"type":81,"value":23452,"toc":23639},[23453,23456,23459,23462,23468,23471,23474,23477,23480,23483,23489,23492,23495,23514,23522,23528,23531,23534,23537,23540,23546,23549,23552,23555,23558,23562,23565,23568,23571,23577,23580,23583,23599,23602,23606,23609,23612,23615,23618],[101,23454,23455],{},"キャラクターデザインからレンダリングまで、アニメーターは日々の仕事で多くのソフトウェアツールを使っています。しかし選択肢が多すぎると、適切なものを選ぶのが迷路のように感じられることがあります。",[101,23457,23458],{},"実際のところ、完璧な単一のツールはありません。各プログラムには、それぞれ強みと弱みがあります。ならば、強みやアニメーター個人の好みに応じて、どんなツールでも活用できたほうが良くないでしょうか？",[101,23460,23461],{},"適切な制作パイプラインがあれば、それは可能です。この記事では、複数のDCCツール向けにパイプラインを設計する際に考慮すべき4つの重要ポイント――単一の情報源（SSOT）の作成、レビューエンジンの活用、レンダリング、バージョン管理――を紹介します。",[114,23463,23465],{"id":23464},"why-use-multiple-tools",[486,23466,23467],{},"なぜ複数のツールを使うのか",[101,23469,23470],{},"スタジオは膨大なデジタルツールの武器庫に依存していますが、プロジェクトチームが単一のデジタルコンテンツ制作ツール――Maya、Blender、Unityなど――の使用に合意することはよくあります。しかし、複数のDCCツールの利用を許可することで得られる利点はいくつもあります。",[101,23472,23473],{},"まず、俊敏性が高まります。各アニメーターは自分が好むツールを使い、統合フェーズは標準的なファイル形式を用いる制作パイプラインに任せられます。初日から生産性を維持し、制作期間を通じて同じペースで進められます。",[101,23475,23476],{},"生産性が上がるだけでなく、許可されたツールの幅が広がることで、採用できる人材の可能性も広がります。スタジオは、異なるソフトウェアで磨かれた特定のスキルセットを持つアーティストを惹きつけることができ、プロジェクト特有の要求にぴったり対応できる“理想のチーム”を編成できます。",[101,23478,23479],{},"もちろん、このアプローチにも課題はあります。互換性の問題が起こり、別ソフト間でファイルをインポート／エクスポートするために手間が増えることがあります。さらに、さまざまなツール間で一貫したビジュアルスタイルを維持するのも難しく、綿密な計画とコミュニケーションが必要になります。",[101,23481,23482],{},"それでも、ワークフローを合理化するための適切な制作パイプラインがあれば、メリットがデメリットを上回ります。見ていきましょう。",[114,23484,23486],{"id":23485},"_1-creating-a-single-source-of-truth",[486,23487,23488],{},"1. 単一の情報源（SSOT）を作る",[101,23490,23491],{},"各アニメーターが自分のお気に入りの3Dグラフィックスツールを使うとします。では、各アセットをどのように組み合わせてシーンを作るのでしょうか？リギング情報はどうやって保持しますか？編集は？一貫性を保ち、情報のサイロ化を避ける必要があります。",[101,23493,23494],{},"物事をシンプルにするために、パイプラインには単一の情報源（SSOT）を含めるべきです。つまり、プロジェクトの重要情報をすべて保存する中央リポジトリです。SSOTは、分散したデータに潜む落とし穴――重複したファイル、古いバージョン、最新のイテレーションを追いかけるのに無駄になる時間――をすべてのチームが排除するための、決定的な参照ポイントとして機能します。アニメーションソフトウェアがアセットの作成・編集に特化している一方で、専用のSSOTはアセットのバージョンを保存するための中央ハブになります。",[101,23496,23497,23498,2183,23503,23508,23509,23513],{},"このSSOTを設定するために、",[266,23499,23502],{"href":23500,"rel":23501},"https://ayon.ynput.io/?ref=blog.cg-wire.com",[585],"Ayon",[266,23504,23507],{"href":23505,"rel":23506},"https://prism-pipeline.com/?ref=blog.cg-wire.com",[585],"Prism Pipeline","のようなアセットマネージャを利用できます。これらにより、あらゆるソフトウェアを通じてファイルの場所やバージョニングを管理できます。将来的な再利用のためにファイルのアセットライブラリまで作りたい場合は、すべてのファイルを閲覧・整理できる包括的なシステムである",[266,23510,23512],{"href":23511},"https://das-element.com/?ref=blog.cg-wire.com","dasElement","を検討することをおすすめします。",[101,23515,23516,23517,23521],{},"最後に、制作トラッカーのような",[266,23518,6374],{"href":23519,"rel":23520},"https://cg-wire.com/kitsu?ref=blog.cg-wire.com",[585],"を使えば、どのコンテンツ制作ツールからでもアセット情報を取り込み、プロジェクトのクリエイティブなアセットライブラリを構築し、すべてのアーティスティックな判断と納品の履歴を保持できます。",[114,23523,23525],{"id":23524},"_2-review-engine",[486,23526,23527],{},"2. レビューエンジン",[101,23529,23530],{},"アニメーションにおいて、クリエイティブなプロセスはめったに一直線ではありません。アイデアは進化し、リビジョンが加えられ、制作とレビューの間で常に往復することが、完成度の高い最終成果物を作るために不可欠です。この反復的な性質は、編集ソフトとフィードバックセッションの間をスムーズに切り替えるための堅牢な仕組みを要求します。",[101,23532,23533],{},"従来であれば、ファイルを書き出してレビュー担当に送付し、フィードバックを待ってから編集ソフトに戻る、といった流れになるかもしれません。これはワークフローを中断させ、ボトルネックを生みます。特に、全員が別々のDCCツールを使っている場合（異なるフォーマット、慣習など）には、なおさらです。",[101,23535,23536],{},"そこで必要になるのが制作トラッカーです。これは、納品物のプレビューと検証のための中央ハブとして機能します。レビュー担当は、アニメーションそのものの上に直接詳細なフィードバックを提供できます。そのフィードバックは、アセットマネージャを通じて編集ソフトへ簡単に取り込めます。",[101,23538,23539],{},"制作トラッカーはソフトウェアに依存しないため、どのソフトウェアとも統合できます。つまり、元となる制作ソフトが何であっても、あらゆる納品物をレビューできます。",[114,23541,23543],{"id":23542},"_3-versioning",[486,23544,23545],{},"3. バージョン管理",[101,23547,23548],{},"アセットが洗練されていくにつれて、変更を追跡したり必要に応じて以前のバージョンに戻したりするために、さまざまなバージョンを管理することが重要になります。",[101,23550,23551],{},"課題は、対象DCCでサポートされている形式で成果を書き出すことになります。さらに、ツール間での相互統合のために一貫したファイル形式を維持するのも良い選択肢です。FBXやUSDのような一般的な形式は、多くのアニメーションソフト間でのスムーズなデータ交換を可能にします。標準形式を使えば互換性の問題を回避でき、さまざまなアプリケーションでアセットをすぐにインポートして操作できることを保証できます。",[101,23553,23554],{},"アセットマネージャを使えば、Blenderのモデル、Mayaのアニメーション、Unityのシーンなど、作業ファイルのさまざまなバージョンを管理できます。プラットフォームは各イテレーションを追跡するため、変更履歴を確認でき、必要なら以前のバージョンに簡単に戻せます。",[101,23556,23557],{},"作業ファイルが適切な場所に書き出されたら、ショットの文脈で関係する要素の“正しいバージョン”を使ってシーンを構築できます。また、新しいバージョンが公開されるたびに要素を簡単に入れ替えられます。",[114,23559,23560],{"id":2268},[486,23561,2269],{},[101,23563,23564],{},"複数のDCCツールにまたがってレンダリング作業を調整することも、頭の痛い問題になりがちです。各ソフトウェアには独自のレンダリングエンジン、設定、出力フォーマットがあるため、シーン全体で一貫した見た目を維持するのが難しくなります。",[101,23566,23567],{},"だからこそ、ほとんどのスタジオは例えばMercenaries Guerillaのようなシーンアセンブラや、SideFX Solarisを使います。ファイルの適切なバージョン管理を設定しておけば、多くのレンダーファームはさまざまな構成やレンダリングソフトをサポートしているため、さまざまなソフトで最初に組み立てられたどんなシーンでもレンダリングできるはずです。",[101,23569,23570],{},"パイプラインからは、効率的な反復ループを簡単に構築できます。つまり、成果物を書き出す→シーンをアセンブルする→レンダリングする→結果を制作トラッカーに反映する→レビューエンジンからフィードバックを送る。その後、チームが新しいバージョンを作成し、プロセスをもう一度回します。",[114,23572,23574],{"id":23573},"_5-software-setup",[486,23575,23576],{},"5. ソフトウェアのセットアップ",[101,23578,23579],{},"もう一つ直面する課題は、アーティストのマシンにインストールされたさまざまなソフトウェアを管理することです。アーティストが使用するソフトウェアのバージョンを一貫させておくことが非常に重要です。そうしないと、パイプライン地獄のような状況になってしまいます。",[101,23581,23582],{},"最も一般的な解決策は以下に頼ることです。",[1148,23584,23585,23588,23596],{},[1151,23586,23587],{},"インストール環境のゴーストイメージを用意し、新しいマシンを一目でセットアップする",[1151,23589,23590,23595],{},[266,23591,23594],{"href":23592,"rel":23593},"https://rez.readthedocs.io/en/stable/?ref=blog.cg-wire.com",[585],"Rez","のようなパッケージマネージャで、すべてのソフトウェアとライブラリを整理する",[1151,23597,23598],{},"利用可能なバージョンに関する明確で厳格な方針",[101,23600,23601],{},"これはアーティストの体験にも貢献します。最初から分かりやすく示してあげることで、安心して取り組めるようになります。",[114,23603,23604],{"id":559},[486,23605,560],{},[101,23607,23608],{},"複数のデジタルコンテンツ制作ツールを使うことは、成功に大きく貢献し得ます。より幅広いクリエイティブなツールボックスが手に入り、チームがあなたのビジョンを形にする力も高まります。",[101,23610,23611],{},"ただし代償もあります。それには、より強力なパイプラインの構築が必要です。すべてをつなぎ止める“糊”のような存在として、アセットマネージャと制作トラッカーをセットアップする必要があります。あらゆる制作の積み上げのステップを連携させ、行った作業を追跡し、レビューするために必要になります。",[101,23613,23614],{},"結局のところ、それぞれのソフトの強みを最大限に活かすために複数ソフトを使うなら、特別な規律が求められます。つまり、パイプラインを文書化して準備することです。選定の理由を説明し、利用する異なるソフト間で適切な互換性が確保されるように、適切なファイル形式を選びます。いったん構成ができたら、制作中の余計な作業や予期せぬ状況を避けるために、ソフト一覧をできるだけ変更しないことをおすすめします。",[101,23616,23617],{},"事前準備をきちんとしておけば、さまざまなソフトを使うのはスムーズになり、チームの創造性は解き放たれます。クリーンで革新的なパイプラインを作ることは常にチャレンジですが、それによってチームが喜べるのなら、その努力は価値があります！",[101,23619,23620,23623,23631,23636],{},[702,23621,23622],{},"ぜひ",[266,23624,23626],{"href":23625},"https://discord.com/invite/VbCxtKN?ref=blog.cg-wire.com",[702,23627,4172,23628],{},[4123,23629,23630],{},"1500+ のKitsuコミュニティDiscord ",[702,23632,23633],{},[4123,23634,23635],{},"の animation/VFX プロフェッショナルたちと",[702,23637,23638],{},"挨拶し、ヒントを共有してください！",{"title":168,"searchDepth":600,"depth":600,"links":23640},[23641,23642,23643,23644,23645,23646,23647],{"id":23464,"depth":600,"text":23467},{"id":23485,"depth":600,"text":23488},{"id":23524,"depth":600,"text":23527},{"id":23542,"depth":600,"text":23545},{"id":2268,"depth":600,"text":2269},{"id":23573,"depth":600,"text":23576},{"id":559,"depth":600,"text":560},"https://images.unsplash.com/photo-1639815188508-13f7370f664a?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3wxMTc3M3wwfDF8c2VhcmNofDI4fHxjb25uZWN0fGVufDB8fHx8MTcyMjI3MjU5NHww&ixlib=rb-4.0.3&q=80&w=2000",{"updated_at":23650,"featured_at":612,"visibility":613},"2026-02-20T06:05:08.000+01:00","/blog-i18n/ja/working-with-multiple-digital-content-creation-tools","2024-08-17T20:40:14.000+02:00",{"title":23448,"description":23455},"working-with-multiple-digital-content-creation-tools","blog-i18n/ja/working-with-multiple-digital-content-creation-tools/index",[23657],{"id":620,"name":621,"slug":622,"description":7,"feature_image":7,"visibility":613,"og_image":7,"og_title":7,"og_description":7,"twitter_image":7,"twitter_title":7,"twitter_description":7,"meta_title":7,"meta_description":7,"codeinjection_head":7,"codeinjection_foot":7,"canonical_url":7,"accent_color":7,"url":623},"0WN_dO5uLrBq_UZ79VieXdDaxios__tvjvITKReJUn0",{"id":23660,"title":23661,"authors":23662,"body":23664,"description":23668,"extension":608,"feature_image":23897,"html":7,"meta":23898,"navigation":11,"path":23899,"published_at":23900,"seo":23901,"slug":23902,"stem":23903,"tags":23904,"__hash__":23911,"updated_at":16358,"featured_at":612,"visibility":613},"blog/blog-i18n/ja/physics-and-mechanics-principles-in-animation/index.md","アニメーションで使われる必知の物理・メカニクスの原理（2026）",[23663],{"id":11067,"name":11068,"slug":11069,"profile_image":11070,"cover_image":7,"bio":11071,"website":7,"location":11072,"facebook":7,"twitter":11073,"meta_title":7,"meta_description":7,"threads":7,"bluesky":7,"mastodon":7,"tiktok":7,"youtube":7,"instagram":7,"linkedin":7,"url":11074},{"type":81,"value":23665,"toc":23887},[23666,23669,23672,23678,23681,23684,23687,23690,23699,23704,23710,23713,23716,23719,23722,23725,23731,23734,23737,23740,23743,23763,23766,23772,23775,23778,23786,23791,23794,23797,23800,23806,23809,23812,23815,23818,23824,23827,23830,23836,23839,23848,23853,23856,23860,23863,23866],[101,23667,23668],{},"アニメーションは現実世界の反映です。信じられるだけのリアリティを持たせる必要がある一方で、同時に魅力的で面白くもあるべきです。スパイダーマンの動きは、Web（糸）の絡みつき感を地に足のついたものにしてダイナミックに見せるため、実在のパルクールやブレイクダンスに着想を得ています。 ",[101,23670,23671],{},"そのために、アニメーターは基本的な物理・メカニクスの原理を使い、よりスタイライズされた見た目に向けて“曲げて”いきます。この記事では、物理・メカニクスの原理をいくつかの例を通して紹介し、アニメーションのテクニックをより適切に言語化して、より惹きつけられるストーリーを作るための手助けをします。 ",[114,23673,23675],{"id":23674},"_1-body-mechanics",[486,23676,23677],{},"1. ボディメカニクス",[101,23679,23680],{},"キャラクターを生き生きと動かすには、実際の身体がどう動くかを理解する必要があります。",[101,23682,23683],{},"ボディメカニクスは、歩く、走る、階段を上るといったリアルな動作をアニメーション化するための基礎です。たとえば、アイドルアニメーションでは、キャラクターが立っていて呼吸しているといった微細な動きを表します。ポーズはニュートラルでもアクション重視でも構いませんが、連続した効果になるようにシームレスにループするよう設計できます。また、最初と最後のキーフレームが同一になっている他のサイクルやループは、連続した動きの錯覚を生み出します。",[101,23685,23686],{},"髪や服といった身体の一部、さらには無生物の小道具などは、物理の原理を使ったダイナミックシミュレーションが必要になる場合があります。たとえば、なびく髪やたなびく布地をシミュレートするには、副次的な動き（風でひらめくマントなど）の説得力を高めたり、小道具に命を吹き込むようにします（落ちる、跳ねる、ぶつかる、など）。",[101,23688,23689],{},"スピーチ（発話）アニメーションでは、フォネム（音素）が、特定の母音や子音に関連する口の形を表します。フォネムをマスターすれば、キャラクターのセリフにぴったり合う現実的な口の動きを作り出せます。",[158,23691,23693],{"className":23692},[87,161],[163,23694],{"src":23695,"className":23696,"alt":168,"loading":169,"width":23697,"height":23698},"https://lh7-us.googleusercontent.com/docsz/AD_4nXfmh7szja65dXpTNw1I3NqJjqWlqkWOEre2kR_PUATu_zw5G9V0w3h3Kt9nHKAgBPz16APcum-OeBwcr13Bz7Q-0fBwjViTZazr2JFNiNAJgu1mHXzJx14Ptjeqf9dVYa9_7u-L6_hPktMHZ2remH2LsFKm?key=wGN05F489POzdh7HFSn1cg",[167],1440,638,[101,23700,23701],{},[702,23702,23703],{},"出典：Blender Artists",[114,23705,23707],{"id":23706},"_2-timing-and-spacing",[486,23708,23709],{},"2. タイミングとスぺーシング",[101,23711,23712],{},"アニメーションとは、かっこいいポーズを描くアートなだけではありません。タイミングとスぺーシングは、強力なジャンプであれゆっくりした歩きであれ、信じられる動きを作るために同じくらい重要です。",[101,23714,23715],{},"タイミングは、各アクションに割り当てるフレーム数だと考えてください。これはアニメーションの速度を決めます。フレーム数が少なければ動きは速くなり、増やせば遅くなります。跳ねるボールを想像してください。跳ね上がりが高いほど、その最高点と下降を滑らかに見せるためにより多くのフレームが必要になります。",[101,23717,23718],{},"フレームレート（FPS）は、1秒あたりに表示される画像の枚数です。タイミングの土台となります。",[101,23720,23721],{},"スぺーシングは、フレーム間でオブジェクトが移動する距離のことです。スぺーシングはタイミングとセットで働き、重さや速さの錯覚を作ります。フレーム間の距離が大きいほど素早い動きを示し、距離が小さいほど遅く、より慎重な動作になります。",[101,23723,23724],{},"タイミングとスぺーシングは、モーションブラーと組み合わせることもできます。これにより、素早い動きの間にオブジェクトがにじむような表現が可能です。高速で走る車を想像してください。私たちの目は、クリスタルのようにくっきりしたフレームの連続ではなく、ブラーとして知覚します。",[114,23726,23728],{"id":23727},"_3-weight-and-mass",[486,23729,23730],{},"3. 重さと質量",[101,23732,23733],{},"重さと質量の違い、そして3Dソフトウェアがそれらの概念をアニメーションのツールにどう反映するかを理解すれば、オブジェクトの動きについてより適切な判断ができます。重さと質量はしばしば同じ意味として扱われますが、それぞれ別の意味を持っています。",[101,23735,23736],{},"質量とは、オブジェクトが含む物質の量です。質量は重力に関係なく一定です。地球上の巨大な岩塊と月の上のそれを想像してみてください。質量は同じでも、重力の違いにより重さは異なります。",[101,23738,23739],{},"重さは、重力によってオブジェクトに加わる力です。重い物体はより大きな重力による引力を受けるため、動かすにも止めるにも、より大きな力が必要になります。",[101,23741,23742],{},"3Dアニメーションソフトは、オブジェクトに対して直接「重さ」や「質量」のデータを保存するわけではありません。とはいえ、動きの効果を模倣するためのツールは提供しています：",[1148,23744,23745,23751,23757],{},[1151,23746,23747,23750],{},[486,23748,23749],{},"アニメーションクーブ（Animation Curves）"," - アニメーションクーブを調整することで、オブジェクトがどう加速し、最高速度に到達し、減速するかを制御できます。重いオブジェクトでは遅めのカーブにすると反応が鈍く遅れるようになり、軽いオブジェクトでは鋭いカーブにすると方向転換が素早く表現できます。",[1151,23752,23753,23756],{},[486,23754,23755],{},"フォースフィールド（Force Fields）"," - 一部のソフトでは、重力や風といった力をオブジェクトに適用できます。これらの力はオブジェクトの動きに影響し、重さや外力が現実の物体に与える影響を模倣します。",[1151,23758,23759,23762],{},[486,23760,23761],{},"物理シミュレーション（Physics Simulations）"," - 高度なソフトウェアでは、質量、重力、摩擦などの要因を考慮した物理シミュレーションを提供しています。こうしたシミュレーションは非常にリアルな動きを作れますが、セットアップに注意が必要で、計算コストも高くなりがちです。",[101,23764,23765],{},"さまざまな重さのオブジェクトがどう振る舞うかに、注意深く目を向けてください。アニメーションを物理的な現実感に基づけることは大切ですが、実際には少しの誇張が役立つことがよくあります。",[114,23767,23769],{"id":23768},"_4-inertia-momentum-and-force",[486,23770,23771],{},"4. 慣性・運動量・力",[101,23773,23774],{},"慣性、運動量、力は、物体が現実世界でどう動くかを形作る土台です。",[101,23776,23777],{},"ボウリングのボールがレーンを転がっていくところを想像してください。それは、ボウラーの手から離れた後でも動き続けます。これは慣性が働いている例です。慣性とは、物体が自身の運動状態の変化に抵抗する性質のことです。静止している物体は静止したままで、運動している物体は運動し続けます（一定の速度で、まっすぐな方向に進んでいる状態）。ただし、釣り合っていない力が加わらない限りは変わりません。慣性は、重さや徐々に止まるような挙動を描くのに役立ちます。走っているキャラクターが、瞬時に止まることはありません。彼らは少しスリップ（滑り）し、足が止まったとしても、体は前に動き続けるように見えます。",[158,23779,23781],{"className":23780},[87,161],[163,23782],{"src":23783,"className":23784,"alt":168,"loading":169,"width":10885,"height":23785},"https://lh7-us.googleusercontent.com/docsz/AD_4nXfUzHbz1NDC8yZNwvtoFPfEzr5rGEcOP9vXKTUtLyR873-Nrgpr_iqAEyTQDGiPt6xiRDadHhVZ_V2-qSPVa_7KwxoAWWkHgDvFOE9SXNAcKIJm9jC43ZjobIvZrI2wa-aykFiXSAG6xizii_4ZMjpH_qan?key=wGN05F489POzdh7HFSn1cg",[167],774,[101,23787,23788],{},[702,23789,23790],{},"出典：Dreamstime.com",[101,23792,23793],{},"運動量は「物体の質量 × 速度」です。言い換えると、移動する物体がどれだけの“推進力”を持っているかを示す指標です。重い物体、またはより速く動いている物体ほど、運動量は大きくなります。キャラクターがパンチを投げると、運動量が身体から拳へと移され、その結果として強い衝撃が生まれます。同様に、運動量の大きい車は自転車よりも止まるまでに時間がかかります。",[101,23795,23796],{},"力とは、物体を加速させるもののことです。これは、物体の慣性を乱して運動状態を変える押す力、または引く力です。たとえば、靴と地面の間に生じる摩擦は、走っているキャラクターを減速させる力です。キャラクターに強い力が加われば、より速く、またはより劇的な動きの変化が起こります。一方で弱い力では、わずかな揺れやぐらつき程度になるかもしれません。",[101,23798,23799],{},"あらゆる作用には、必ず同じ大きさで反対向きの反作用があります。これはニュートンの第3法則です。キャラクターがパンチを繰り出すと、腕は前方に向かって力を及ぼします（作用）。反作用として、キャラクターの身体は逆向きの力を受けて、少し後ろへ押し返されるようになります。キャラクターが剣を振るうなら、刃が物体に当たった瞬間に、わずかな反動（リコイル）を受けるはずです。",[114,23801,23803],{"id":23802},"_5-center-of-gravity",[486,23804,23805],{},"5. 重心",[101,23807,23808],{},"キャラクターを地に足のついた状態に保ち（そしてバランスを崩したときに倒れさせる）のが重力です。重心（CoG）は、物体の重さが完全に釣り合う、その特別な一点のことです。アニメーターとして私たちは、キャラクターが現実的に動き、適切なバランスを保てるように、常に重心を意識します。",[101,23810,23811],{},"重心（CoG）の位置は、アニメーションしたキャラクターが重力とどう相互作用するかに大きく影響します。",[101,23813,23814],{},"重心が支持基底の中に直接落ちている場合（キャラクターの足が地面に触れている範囲だと思ってください）、キャラクターはしっかりと釣り合った状態で立てます。これを安定平衡と呼びます。これは、静止しているキャラクターの典型的なポーズです。",[101,23816,23817],{},"もし重心が支持基底の外へ移動すると、キャラクターは不安定になり、傾いて倒れ始めます。これは、ターンに体を預けるような動きや、転倒といったダイナミックなアクションに活用できます。重心がさまざまなポーズでどう移動するかを理解すれば、自然に見える重さの移動や転びを作れます。",[114,23819,23821],{"id":23820},"_6-squash-and-stretch",[486,23822,23823],{},"6. スカッシュ＆ストレッチ",[101,23825,23826],{},"スカッシュ＆ストレッチは、動きの中でオブジェクトが変形する様子を誇張し、重さ、柔軟性、そしてユーモアの感覚を生み出す表現です。",[101,23828,23829],{},"跳ねるボールが地面に当たると、一瞬下にスカッシュし、その後に伸びて元に戻ります。私たちのアニメーションでは、このスカッシュ＆ストレッチを増幅します。たとえば、キャラクターがジャンプした瞬間に下へスカッシュし、そのまま空中ではミッドエアで伸ばす、といった具合です。全体のボリュームは保ちながら誇張を加えます。こうした誇張が、動きに命を吹き込みます。",[114,23831,23833],{"id":23832},"_7-green-screen-chroma-key",[486,23834,23835],{},"7. グリーンスクリーン / クロマキー",[101,23837,23838],{},"キャラクターがサンゴ礁の中を泳ぐアニメーションを作るとしましょう。小さなサンゴ礁のセットを作る代わりに、グリーンスクリーンを使えば、キャラクターを緑の背景の前で撮影できます。編集の段階で、この緑の背景は、思い描いていた鮮やかな水中シーンに置き換えられます。",[158,23840,23842],{"className":23841},[87,161],[163,23843],{"src":23844,"className":23845,"alt":168,"loading":169,"width":23846,"height":23847},"https://lh7-us.googleusercontent.com/docsz/AD_4nXdp_3vZIuY5XbYM97M1JQDVswcx3G7pivCPDnLpfqkd1hC1bDVWyiUcYDQbI8q-xAreAvQBVU6DRpG9CJo__fIxWNZQqy_1gOeG99wJG10POKAHgRwGWZ7H4gZphhQFi94CS7TbQS4XYZDRGGRsnn33Wq_v?key=wGN05F489POzdh7HFSn1cg",[167],664,840,[101,23849,23850],{},[702,23851,23852],{},"画像：Wikipedia",[101,23854,23855],{},"でも、なぜ緑なのでしょう？その“魔法”は色の区別にあります。緑は、通常キャラクターや物体に使われる色の範囲とぶつかりにくいのです。これにより、デジタル制作ソフトが撮影した要素（あなたのキャラクター）を緑の背景から簡単に分離できます。アニメーションシーケンスを読み込み、クロマキーで緑の背景色を特定し、緑の背景を別のものに置き換えるだけです。",[114,23857,23858],{"id":559},[486,23859,560],{},[101,23861,23862],{},"物理・メカニクスの原理を理解することは、信じられる、そして魅力的なアニメーションを作るために欠かせません。これらは、リアルな動き、重さの分配、そして環境との相互作用の土台を提供します。これらの概念をマスターすることで、アニメーターはキャラクターに命を吹き込み、心を惹きつけるストーリーを語ることができます。",[101,23864,23865],{},"しかしアニメーションは、冷たく硬い物理の原理に従うだけのものではありません。創造性と表現が息づくアートフォームです。アニメーターはしばしば、動きを（あるいはかなりはっきりと）わずかに誇張したり、オブジェクトをスカッシュ＆ストレッチさせたりして、キャラクターの特性を強調したり、感情を呼び起こしたり、ユーモアを注入したりします。こうした“ひねり”は、物理をしっかり理解したうえで行うからこそ、ロボット的な模倣と、本当に魅力的なアニメ表現を分ける要素になります。",[101,23867,23868,23871,23878,23884],{},[702,23869,23870],{},"ぜひ ",[266,23872,23873],{"href":23625},[702,23874,4172,23875],{},[4123,23876,23877],{},"1000人以上の ",[702,23879,23880,23883],{},[4123,23881,23882],{},"アニメーションのプロ","が集まるDiscordコミュニティ",[702,23885,23886],{},"で挨拶に来てください！",{"title":168,"searchDepth":600,"depth":600,"links":23888},[23889,23890,23891,23892,23893,23894,23895,23896],{"id":23674,"depth":600,"text":23677},{"id":23706,"depth":600,"text":23709},{"id":23727,"depth":600,"text":23730},{"id":23768,"depth":600,"text":23771},{"id":23802,"depth":600,"text":23805},{"id":23820,"depth":600,"text":23823},{"id":23832,"depth":600,"text":23835},{"id":559,"depth":600,"text":560},"https://images.unsplash.com/photo-1718536669027-4ebd2b932ece?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3wxMTc3M3wwfDF8YWxsfDR8fHx8fHwyfHwxNzE4NzQ2MDE1fA&ixlib=rb-4.0.3&q=80&w=2000",{"updated_at":16358,"featured_at":612,"visibility":613},"/blog-i18n/ja/physics-and-mechanics-principles-in-animation","2024-06-19T10:39:57.000+02:00",{"title":23661,"description":23668},"physics-and-mechanics-principles-in-animation","blog-i18n/ja/physics-and-mechanics-principles-in-animation/index",[23905,23906],{"id":620,"name":621,"slug":622,"description":7,"feature_image":7,"visibility":613,"og_image":7,"og_title":7,"og_description":7,"twitter_image":7,"twitter_title":7,"twitter_description":7,"meta_title":7,"meta_description":7,"codeinjection_head":7,"codeinjection_foot":7,"canonical_url":7,"accent_color":7,"url":623},{"id":23907,"name":23908,"slug":23909,"description":7,"feature_image":7,"visibility":613,"og_image":7,"og_title":7,"og_description":7,"twitter_image":7,"twitter_title":7,"twitter_description":7,"meta_title":7,"meta_description":7,"codeinjection_head":7,"codeinjection_foot":7,"canonical_url":7,"accent_color":7,"url":23910},"64875aac7093d20001dbafe6","Animation Glossary","glossary","https://blog.cg-wire.com/tag/glossary/","2APouUPE3Bu7h6DTO2rGSVI_X4tfDteoEGhDNFpORdQ",{"id":23913,"title":23914,"authors":23915,"body":23917,"description":168,"extension":608,"feature_image":24307,"html":7,"meta":24308,"navigation":11,"path":24310,"published_at":24311,"seo":24312,"slug":24313,"stem":24314,"tags":24315,"__hash__":24317,"updated_at":24309,"featured_at":612,"visibility":613},"blog/blog-i18n/ja/engaging-animation/index.md","2026年により魅力的なアニメーションを作るための手法",[23916],{"id":11067,"name":11068,"slug":11069,"profile_image":11070,"cover_image":7,"bio":11071,"website":7,"location":11072,"facebook":7,"twitter":11073,"meta_title":7,"meta_description":7,"threads":7,"bluesky":7,"mastodon":7,"tiktok":7,"youtube":7,"instagram":7,"linkedin":7,"url":11074},{"type":81,"value":23918,"toc":24287},[23919,23923,23926,23929,23932,23941,23947,23950,23958,23963,23966,23986,23992,23995,23998,24001,24007,24010,24013,24019,24022,24025,24033,24038,24044,24047,24050,24053,24059,24062,24065,24071,24074,24077,24080,24086,24089,24092,24095,24101,24104,24115,24118,24121,24127,24130,24138,24143,24146,24152,24155,24166,24169,24175,24178,24181,24184,24187,24193,24196,24204,24209,24215,24218,24221,24227,24230,24233,24236,24242,24245,24248,24255,24258,24262,24265,24268,24271,24274],[114,23920,23921],{"id":14226},[486,23922,14229],{},[101,23924,23925],{},"アニメーションを作り込むのに心血を注いだのに、仕上がりを見ると……まあ、少しだけ味気ない。動いてはいるし、見た目も悪くない。でも“きらめき”がないんです。シーケンスにはもう少し手を加える必要がありそうです。同僚や上司からの提案が役立つかもしれません。",[101,23927,23928],{},"逆に、お気に入りのアニメ番組を思い浮かべてみてください。そして、なぜ時間が経つのを忘れるほど魅力的なのかを観察してみましょう。面白いのはストーリーですか？ 声優の演技？ 音楽？ 描かれている感情でしょうか？",[101,23930,23931],{},"この記事では、作業をより魅力的にするためのアニメーション手法16個を紹介します。うまくいくのに大きなことは要らないことが多いのですが、肝心なのは細部で、編集を1つ入れるだけでアニメーションが忘れがたいものになります。",[101,23933,23934,23935,23940],{},"このリストは網羅的ではないので、ぜひ",[266,23936,23937],{"href":23625},[4123,23938,23939],{},"1000人以上のアニメーターが集まるDiscordコミュニティ","で、さらに共有してください。では、早速掘り下げていきましょう！",[114,23942,23944],{"id":23943},"_1-overlapping-action",[486,23945,23946],{},"1. オーバーラッピング・アクション",[101,23948,23949],{},"キャラクターがジャンプする場面を考えてみてください。現実では、まず脚が地面を押し、次に胴体が持ち上がり、最後に頭がついてきます。オーバーラッピング・アクションは、体の各部位を少しずつタイミングをずらしてアニメートすることで、この動きを再現します。ある部位は動きのきっかけ（リード）になり、別の部位は遅れて反応（フォロー）します。",[158,23951,23953],{"className":23952},[87,161],[163,23954],{"src":23955,"className":23956,"alt":168,"loading":169,"width":8112,"height":23957},"https://lh7-us.googleusercontent.com/docsz/AD_4nXe3SW25VtrtomdJ7k3OzdThKU0CtQ5CEgEyMc_b7RqPxQVeUjH_pdZX0aaClYrczjgwYUtsT4YJP4a94qYdot1zQfENLQOE-vV83VJ4poF-r_IO6gGrDkOYwZ5-qQWJk4g3KcSAeq7MAItCXXlZvP5beK1t?key=uzxSnDJSAdmuIOsXchZl3A",[167],450,[101,23959,23960],{},[702,23961,23962],{},"出典: animost.com",[101,23964,23965],{},"オーバーラッピング・アクションは、私たちの身体の動き方を模倣しています。部位ごとに独立したタイミングでアニメーションを作ることで、静止していて完全に同期した動きにはない、重量感・推進力・流れるような滑らかさが生まれます。キャラクターの感情や意図を強調するのにも使えます。パンチを投げた後に腕が少し遅れるキャラクターは疲労を伝え、走っている最中の誇張された髪の跳ねは高揚感を示します。",[3067,23967,23968,23974,23980],{},[1151,23969,23970,23973],{},[486,23971,23972],{},"リードとフォローの部位を特定する"," - 動きをその核となる要素に分解します。どの部位が動きを開始するでしょうか？ 慣性や重さの影響で、どの部位が遅れて反応するでしょうか？",[1151,23975,23976,23979],{},[486,23977,23978],{},"タイミングをずらす"," - まずリード側をアニメートし、その次に順番に反応する部位を入れます。たとえばジャンプでは、胴体が上がる前に脚が地面を押す動きをアニメートします。",[1151,23981,23982,23985],{},[486,23983,23984],{},"重さと推進力を考える"," - 重い部位ほど自然に軽い部位より遅れます。この原則を使って、物理的な手応えを作りましょう。",[114,23987,23989],{"id":23988},"_2-snappy-animation",[486,23990,23991],{},"2. スナッピー・アニメーション",[101,23993,23994],{},"スナッピー・アニメーションは、遅い動きと速い動きの間に強いコントラストを作ることで、キャラクターに躍動感を注入する手法です。たとえば、キャラクターが強いポーズを決めたあと一拍だけ保持し、その後次のアクションへ素早く、決断的に移行するイメージです。この“スナップ”によるポーズ間の切り替えは、視聴者の注意をつかみ、アニメーションのインパクトを強調します。",[101,23996,23997],{},"遅い動きと速い動きのはっきりした対比によって、観客は引き込まれ続けます。保持されたポーズの間に積み上がる期待によって惹きつけられ、そして素早い遷移に驚き、喜ぶことになります。スナッピー・アニメーションでは、感情の誇張表現もしやすくなります。保持されたポーズはキャラクターが気持ちを明確に伝える“時間”になり、スナッピーな切り替えがその感情の強さを際立たせます。主要なポーズを強調することで、視聴者にとって動きの追いやすさも向上します。動きの残像に飲み込まれることなく、画面上で何が起きているのかをはっきり見せられます。",[101,23999,24000],{},"スナッピー・アニメーションは、Looney Tunes のような古典的なカートゥーンから、現代のアニメまでさまざまな作風に見られます。パンチや打撃のあとにキャラクターが強いポーズを保持する場面、ジャンプ中にドラマチックなシルエットを見せる場面を探してみてください。ポーズ間を素早く切り替えるのが、スナッピー・アニメーションの特徴です。",[114,24002,24004],{"id":24003},"_3-breaking-joints",[486,24005,24006],{},"3. ブレイキング・ジョイント（関節の破壊）",[101,24008,24009],{},"なぜカートゥーンの格闘シーンは、実写のそれよりもずっとダイナミックに感じられるのか、不思議に思ったことはありませんか？ それは「ブレイキング・ジョイント」という手法があるからです。手足を曲げたり動かしたりする範囲を誇張して、より見栄えのするアニメーションを作ります。",[101,24011,24012],{},"ブレイキング・ジョイントとは、アニメーションの中で関節や四肢の自然な可動範囲を押し広げることです。現実ではできないような極端な曲げ・伸ばし・ねじりを含めることもあります。キャラクターがパンチを投げるとき、腕を通常どおり伸ばすのではなく、肘の曲がりと前腕のひねりを誇張して、強く誇張されたアーク（弧）を作ることもあるでしょう。",[114,24014,24016],{"id":24015},"_4-fish-eyes",[486,24017,24018],{},"4. フィッシュアイズ（魚眼）",[101,24020,24021],{},"もう一つ考えたいのが、魚眼ポーズです。これは目を通常よりもさらに離れた位置に置く表現です。",[101,24023,24024],{},"魚眼ポーズは、コメディ効果・驚き・さらには恐怖のための強力な手段になります。自然な目の配置を崩すことで、瞬時に視聴者の注意を引きつけます。",[158,24026,24028],{"className":24027},[87,161],[163,24029],{"src":24030,"className":24031,"alt":168,"loading":169,"width":1112,"height":24032},"https://lh7-us.googleusercontent.com/docsz/AD_4nXckZnsOWuv4cOji19npXsxcInkLORzu8Ao4B0aAJwoPL3jPdzTmypzY4tE8plra23u3rTA1X3wdOrSDqwFoS2PXnQ2S98VnLMNC87O2ar4ejGte2PZQiRv_k495UzlFyjIadvK6q2T3l4o7KtCgUt0MRNLm?key=uzxSnDJSAdmuIOsXchZl3A",[167],1194,[101,24034,24035],{},[702,24036,24037],{},"出典: Naruto",[114,24039,24041],{"id":24040},"_5-settle",[486,24042,24043],{},"5. セトル（静止への移行）",[101,24045,24046],{},"アニメーションの終盤の数フレームは、華やかなオープニングと同じくらいインパクトを持ちます。うまく実行されたセトル、アクションを休止ポーズへ“なだめる”ための短いアニメーションフレームは、現実味を少し足してくれます。",[101,24048,24049],{},"跳ねるボールが、即座に完全に止まることはありません。少しだけぐらつき、最後に圧縮が入り、その後で静止します。この微妙な動きこそが、セトルでアニメーションとして捉えられるものです。",[101,24051,24052],{},"急に止まると不自然に見えます。セトルは、動きと静止のギャップをつなぎ、現実世界の物体が持つ慣性を模倣します。はっきりした休止ポーズは、アクションの終わりを示します。セトルがないと、視聴者は「動きが本当に終わったのか」を混乱してしまうかもしれません。特にテンポの速いアニメーションでは、明瞭さが重要なので、なおさら大切です。",[114,24054,24056],{"id":24055},"_6-overshoot",[486,24057,24058],{},"6. オーバーシュート（行き過ぎ）",[101,24060,24061],{},"跳ねるボールの例をもう一度考えてみましょう。地面に当たったとき、少しだけ圧縮してから跳ね上がります。この一瞬の“行き過ぎ”が、アニメーションに重量感と反応の良さを与えます。オーバーシュートとは、アニメーションの要素が最終的な静止位置を一時的に超えてから、自然にスムーズに戻ってくることです。",[101,24063,24064],{},"控えめに保ってさえいれば、オーバーシュートはアニメーションに元気さやエネルギーを少し加えてくれます。推進力や重さを伝えることで、単純な動きであっても生き生きと、より魅力的に感じられるようになります。",[114,24066,24068],{"id":24067},"_7-animation-layer",[486,24069,24070],{},"7. アニメーションレイヤー",[101,24072,24073],{},"アニメーションレイヤーは、オーバーヘッドプロジェクターの透明フィルムのようなものだと考えてください。ベースレイヤーが土台になり、通常はアニメーションの主要な動きが入ります。その上にセカンダリレイヤーを追加していき、さりげない細部や華やかさを加えていきます。",[101,24075,24076],{},"犬がフリスビーを取りに行くアニメーションを想像してみましょう。ベースレイヤーには、犬が走る動き（メインの動き）を描きます。セカンダリレイヤーでは、犬が尻尾を振る動き（控えめで独立したアクション）を担当させられます。レイヤーを使えば、尻尾を振る強さを簡単に調整したり、ハアハアと息を切らすアニメーションに置き換えたりできます。しかも、走るという核となる動きには影響しません。",[101,24078,24079],{},"一見単純に見える動きにも考えられる次元がたくさんあることを意識すると、アニメーションに奥行きが生まれます。",[114,24081,24083],{"id":24082},"_8-moving-hold",[486,24084,24085],{},"8. ムービングホールド（動きのある保持）",[101,24087,24088],{},"魅力的なアニメーションは、派手な動きだけに頼るものではありません。“生きているように感じられる”静止の時間も必要です。そこで登場するのが「ムービングホールド」という考え方です。",[101,24090,24091],{},"ムービングホールドとは、キャラクターがポーズを保持しているように見せつつ、微細で、ほとんど気づかないような動きを入れる手法です。このわずかなアニメーションによって、キャラクターが固まっているように見えたり、命のないように見えたりするのを防げます。",[101,24093,24094],{},"たとえば、キャラクターが拳をぎゅっと握りしめたとき、手にほんの少しの震えを加えて、湧き上がる怒りを示すことができます。動きは、呼吸のようなわずかな動き、重さの移動、思わず出てしまうような小さなチラつき程度に、ほとんど気づかないレベルで十分です。それでも目的の伝達はしっかりできます。",[114,24096,24098],{"id":24097},"_9-rhythm",[486,24099,24100],{},"9. リズム",[101,24102,24103],{},"リズムは、タイミング・間隔（スペーシング）・強度（インテンシティ）の結果です：",[1148,24105,24106,24109,24112],{},[1151,24107,24108],{},"タイミングは、シーン内で物体やキャラクターが動く速さです。速い動きは緊迫感や高揚感を生みますが、遅い動きは緊張を高めたり、特定の細部を強調したりできます。",[1151,24110,24111],{},"間隔は、アニメーション中における物体やキャラクター同士の距離のことです。間隔を広く取ると孤立感が生まれたり、環境のスケールを強調できます。逆に間隔を近づければ、緊迫感やつながりを感じさせられます。",[1151,24113,24114],{},"強度は、アクションやジェスチャーの背後にあるパワーや力の大きさです。力強いパンチは、やさしいウェーブとは別のリズムになります。この違いを使うことで、さまざまな感情やアイデアを伝えられます。",[101,24116,24117],{},"崖の縁に向かって走っていくキャラクターのシーンを想像してみてください。アニメーションは、キャラクターが加速していくために最初はゆっくり、慎重に始まるかもしれません。そして徐々にタイミングと強度を上げて、緊迫感を作ります。縁に到達する直前には、ドラマチックな間（ポーズの静止）があってから、素早いジャンプや、必死の安全確保の動きに移るでしょう。このシーンの各要素――最初のゆっくりした立ち上がりから、最後の動きの爆発まで――すべてがリズムに寄与します。",[101,24119,24120],{},"効果的なリズムは、視聴者の注意をシーンの特定の部分へ導き、大事な細部を見逃さないようにします。丁寧にタイミングを取った間や、ゆっくりした立ち上がりは、次のアクションへのサスペンスや期待感を生みます。アニメーションのリズムは、その作品が呼び起こす感情に直結します。素早くギクギクした動きは恐怖やパニックを示しうる一方で、滑らかで流れるような動きは落ち着きや優雅さを表現できます。",[114,24122,24124],{"id":24123},"_10-smear-frames",[486,24125,24126],{},"10. スミア・フレーム（残像フレーム）",[101,24128,24129],{},"スミア・フレームとは、直前または直後のフレームを複製したり、強く引き伸ばしたものを、意図的に1フレームだけ挿入することです。これにより、動きの速さを強調するぼやけたような効果が生まれます。",[158,24131,24133],{"className":24132},[87,161],[163,24134],{"src":24135,"className":24136,"alt":168,"loading":169,"width":841,"height":24137},"https://lh7-us.googleusercontent.com/docsz/AD_4nXcdl7ai-dL-4UrL7YtkGLEwZYszBfCuzPCgg70SQUATDx0lIdnPikFXFQtCDXbkxD7ywU6t6lEX3aVR9f5A2QJItXhvwX4ReyuIo08j0WVh8m-WpxmG20mv2vQcyHvcN46X__65uGIsaNTNST308uEd34Wx?key=uzxSnDJSAdmuIOsXchZl3A",[167],540,[101,24139,24140],{},[702,24141,24142],{},"出典: The Simpsons",[101,24144,24145],{},"現実世界の動きは、完全にキリッとした輪郭になりません。私たちの目は、速い動きの間にぼやけを感じ取ります。スミア・フレームは、この自然なぼやけを模倣します。極端な速さや強さを見せたいとき、この手法は特に輝きます。スーパーヒーローが画面を横切っていく様子や、強烈なパンチが命中する瞬間を想像してください。スミア・フレームはインパクトを増幅し、動きがより強く感じられるようにしてくれます。",[114,24147,24149],{"id":24148},"_11-accents",[486,24150,24151],{},"11. アクセント",[101,24153,24154],{},"俳優が演技の中で重要な瞬間を強調するように、アニメーターもアクセントを使って、アニメーションの特定の部分を本当に輝かせることができます。アクセントは、標準的なアニメーションのスタイルやテンポからの意図的な逸脱です：",[1148,24156,24157,24160,24163],{},[1151,24158,24159],{},"誇張された動きや表情 - たとえば、目を大きく見開いた驚き、喜びに飛び跳ねるドラマチックな跳躍、そして信じられないという顔で顎が落ちるような表情。",[1151,24161,24162],{},"色やライティングの変化 - 重要な瞬間を際立たせるための突然の明るさの一撃、あるいは、別の色の光を浴びせてはっきりしたムードを作る。",[1151,24164,24165],{},"アニメーションスタイルの変更 - 笑いの瞬間だけ、よりカートゥーンっぽい短い切り替えを入れる、またはドラマチックな強調のためにより詳細でリアルな描写へ切り替える。",[101,24167,24168],{},"アクセントは、視覚的なスポットライトのように働きます。観客がアクセントの瞬間に注目することを保証しつつ、喜び・恐怖・怒りなど、観客に感じてほしいあらゆる感情を効果的に伝えることができます。うまく配置されたアクセントは、アニメーションが予測可能になってしまうのを防ぎ、視聴者を惹きつけ続けます。",[114,24170,24172],{"id":24171},"_12-attitude",[486,24173,24174],{},"12. アティチュード（態度／心情）",[101,24176,24177],{},"キャラクターのアティチュードとは、キャラクターの行動や反応を導く根底にある感情的な状態と性格のことです。自信の度合い、気質、そして状況への全体的な向き合い方を含みます。",[101,24179,24180],{},"観客がキャラクターのアティチュードを理解できると、共感しやすくなり、次に起こることを予測でき、より深いところでつながりを感じられます。",[101,24182,24183],{},"アティチュードはキャラクターの選択と反応を動かし、物語を自然で魅力的な形で前へ進めます。",[101,24185,24186],{},"アニメーションを作るときは、キャラクターがどんなアティチュードを持っているのかを、シーンをより良く演じるために常に明確にイメージしておくべきです！",[114,24188,24190],{"id":24189},"_13-silhouette",[486,24191,24192],{},"13. シルエット",[101,24194,24195],{},"白黒の基本的な画像に見えるかもしれませんが、シルエットはポーズの明瞭さを確認するために使います。キャラクターを本質的な形にまで減らすことで、アクションが読めるのか、ボディランゲージが意図した感情を伝えているのかを簡単に判断できます。",[158,24197,24199],{"className":24198},[87,161],[163,24200],{"src":24201,"className":24202,"alt":168,"loading":169,"width":8112,"height":24203},"https://lh7-us.googleusercontent.com/docsz/AD_4nXde56gox9eV6DnhuFGDvSodj4dBwPI1uJh6dank8z4-TmTT47uQBWwzqm3iBdmGvrzbv0-_hqsevc1wbaOvEUTImehDKpCyasejpb_zCed79ZORYwuOaM8HreEuWIvmjT9dKgM8wJtQoc2ti0DUze44NpxT?key=uzxSnDJSAdmuIOsXchZl3A",[167],600,[101,24205,24206],{},[702,24207,24208],{},"出典: Animator Island",[114,24210,24212],{"id":24211},"_14-reference",[486,24213,24214],{},"14. リファレンス（参考）",[101,24216,24217],{},"リファレンスとは、あなたのアニメーションを刺激するために、特定の目的で撮影した実写の映像を使うことです。アニメーターは自分たちでシーンを演じて撮影し、その映像をガイドとしてアニメーションに反映させます。",[101,24219,24220],{},"実写の映像は、人の身体のメカニクス、重さの配分、衣服が動きにどう影響するかなど、豊富な情報を提供してくれます。リファレンスを研究することで、自然で信じられるように感じられるアニメーションを作れます。さらに、重要なポーズも捉えられます。",[114,24222,24224],{"id":24223},"_15-balance",[486,24225,24226],{},"15. バランス",[101,24228,24229],{},"バランスとは、アニメーションにおける重さの見た目上の分布のことです。信じられる形になっていることを確認しましょう。",[101,24231,24232],{},"キャラクターの中心を通る線を引いてみたとき、その線を基準に大部分の質量が片側に収まっていれば、バランスの取れたポーズになります。そうすることで安定感が生まれ、キャラクターが倒れそうに見えるのを防げます。",[101,24234,24235],{},"うまくバランスされたアニメーションは、視聴者にとってより自然で説得力があります。キャラクターがジャンプしたりアクロバットをしたりしているときでも、重さの配分の感覚が、そこに働いている力を理解する助けになります。もしキャラクターが一方向に寄りすぎていると、次に何をするつもりなのか分かりにくくなることがあります。",[114,24237,24239],{"id":24238},"_16-use-verticality",[486,24240,24241],{},"16. 垂直性を活用する",[101,24243,24244],{},"私たちの自然界は、そびえ立つ木々、雄大な山々、広がる風景で満ちています。しかしアニメーションでは、フラットな地平線にだけ頼ってしまうと、シーンが“まあ、平たい”と感じられがちです。垂直方向の要素を取り入れることで、次元感が生まれ、視聴者の目をフレームの中へと引き込みます。",[101,24246,24247],{},"圧倒的なアニメーションで知られるスタジオジブリは、垂直性を使う名手です。たとえば宮崎駿のどの作品を見ても、空に向かって伸びるような高い木、重なり合う地形を渡っていくキャラクター、上へ伸びていく建物が見つかります。これは偶然ではありません。宮崎自身が、フランスのアニメーター、ポール・グリモー（Paul Grimault）の仕事に強く影響を受けており、その映画『Le Roi et l'Oiseau』（『王様と鳥』）は、アニメーションにおける垂直性が見事な奥行きを生む見本のような作品です：",[158,24249,24251],{"className":24250},[87,161],[163,24252],{"src":24253,"className":24254,"alt":168,"loading":169,"width":840,"height":841},"https://lh7-us.googleusercontent.com/docsz/AD_4nXc_ttHfpcrXipiI7s8hZzc5c-SiJoVkBs0c87wlGoCvPvMTc1C6tAmLt-5nTiLah9Mt0ATBh5BZFFG6yLG1DF27a2Vip0nEw2uTtrxYDQAyZ4EwuTtGHjKdselST1mdmXoSVBWaNo4fGwFri2ht-BYLhmKM?key=uzxSnDJSAdmuIOsXchZl3A",[167],[101,24256,24257],{},"画面を、そびえ立つ木や建物のような要素で埋めることを恐れないでください。そうすることでレイヤー感が生まれ、視聴者の目がシーンのさらに奥へと進んでいきます。単一の段の風景ではなく、さまざまな高さを持つ環境を作りましょう。転がるような丘、段差のある場所同士をつなぐ橋、構造物を登っていくキャラクター、といったイメージです。そうすれば複雑さと視覚的な面白さが増します。カメラの動きは上下に振りながらパンして、環境のスケールを見せるとよいでしょう。パースを工夫して、垂直性を強調してみてください。",[114,24259,24260],{"id":559},[486,24261,974],{},[101,24263,24264],{},"以上です。何か学べたなら嬉しいです！",[101,24266,24267],{},"観客の注意を引きつけることが重要で、普通のアニメーションから特別なものへ引き上げるのは、たいてい“さりげない細部”です。",[101,24269,24270],{},"素晴らしいアニメーションは、現実からのインスピレーションを受け取っています。鳥が飛び立つ瞬間や、緊張感を伝える人の姿勢の微妙な変化など、実際の動きを研究することで、あなたのアニメーションにリアリティを宿せます。そしてそのリアリティが、視聴者とのつながりを育みます。",[101,24272,24273],{},"さまざまな手法を試し、新しいソフトを使い、創造の境界線を押し広げることを恐れないでください。練習すればするほど、きっともっと気楽に作れるようになります！",[101,24275,24276,24278,24284],{},[702,24277,23622],{},[266,24279,24280],{"href":23625},[702,24281,4172,24282],{},[4123,24283,23939],{},[702,24285,24286],{},"で声をかけてください。そしてあなたのコツも共有して！",{"title":168,"searchDepth":600,"depth":600,"links":24288},[24289,24290,24291,24292,24293,24294,24295,24296,24297,24298,24299,24300,24301,24302,24303,24304,24305,24306],{"id":14226,"depth":600,"text":14229},{"id":23943,"depth":600,"text":23946},{"id":23988,"depth":600,"text":23991},{"id":24003,"depth":600,"text":24006},{"id":24015,"depth":600,"text":24018},{"id":24040,"depth":600,"text":24043},{"id":24055,"depth":600,"text":24058},{"id":24067,"depth":600,"text":24070},{"id":24082,"depth":600,"text":24085},{"id":24097,"depth":600,"text":24100},{"id":24123,"depth":600,"text":24126},{"id":24148,"depth":600,"text":24151},{"id":24171,"depth":600,"text":24174},{"id":24189,"depth":600,"text":24192},{"id":24211,"depth":600,"text":24214},{"id":24223,"depth":600,"text":24226},{"id":24238,"depth":600,"text":24241},{"id":559,"depth":600,"text":974},"https://images.unsplash.com/photo-1558368315-d44d7462073e?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3wxMTc3M3wwfDF8c2VhcmNofDEwfHxwdXBwZXR8ZW58MHx8fHwxNzE3ODQ2MjM2fDA&ixlib=rb-4.0.3&q=80&w=2000",{"updated_at":24309,"featured_at":612,"visibility":613},"2026-02-20T06:04:23.000+01:00","/blog-i18n/ja/engaging-animation","2024-06-08T13:33:07.000+02:00",{"title":23914,"description":168},"engaging-animation","blog-i18n/ja/engaging-animation/index",[24316],{"id":620,"name":621,"slug":622,"description":7,"feature_image":7,"visibility":613,"og_image":7,"og_title":7,"og_description":7,"twitter_image":7,"twitter_title":7,"twitter_description":7,"meta_title":7,"meta_description":7,"codeinjection_head":7,"codeinjection_foot":7,"canonical_url":7,"accent_color":7,"url":623},"048jeeIxs4f8_MdgQP5sM-2X67Jvpm2ilFx6mkJnCzY",{"id":24319,"title":24320,"authors":24321,"body":24323,"description":24327,"extension":608,"feature_image":24569,"html":7,"meta":24570,"navigation":11,"path":24572,"published_at":24573,"seo":24574,"slug":24575,"stem":24576,"tags":24577,"__hash__":24579,"updated_at":24571,"featured_at":612,"visibility":613},"blog/blog-i18n/ja/camera-work-in-animation/index.md","アニメーションにおけるカメラワーク（2026）：習得するための10の基本テクニック",[24322],{"id":11067,"name":11068,"slug":11069,"profile_image":11070,"cover_image":7,"bio":11071,"website":7,"location":11072,"facebook":7,"twitter":11073,"meta_title":7,"meta_description":7,"threads":7,"bluesky":7,"mastodon":7,"tiktok":7,"youtube":7,"instagram":7,"linkedin":7,"url":11074},{"type":81,"value":24324,"toc":24555},[24325,24328,24331,24334,24340,24343,24369,24372,24378,24381,24384,24387,24390,24396,24399,24402,24405,24411,24414,24417,24420,24426,24429,24432,24435,24441,24444,24447,24450,24453,24456,24462,24465,24468,24474,24477,24480,24483,24489,24492,24495,24498,24504,24507,24510,24516,24519,24522,24525,24529,24532,24535,24538,24541],[101,24326,24327],{},"私たちの見えない目として、アニメーションにおけるカメラは能動的な役割を担っています。カメラの動きを細部まで緻密にコントロールすることで、アニメーターは観客を惹きつけるさまざまな効果を生み出します――画面に何が起きているかを見せるだけにとどまらず、見過ごされがちな非常に強力なストーリーテリングの道具なのです。",[101,24329,24330],{},"カメラアニメーションは私たちの注意を導き、特定のディテールやキャラクターに視線を集めます。広大な都市のパノラマの広がりや、ささやき交わされる会話の親密さを際立たせるのにも役立ちます。とりわけ重要なのは、カメラアニメーションが物語のムードやトーンを作るうえで決定的な役割を果たすことです。荘厳な風景をなぞるような大きなショットは畏敬の念を呼び起こし、きっちりフレーミングされたクローズアップはサスペンスを強めたり、キャラクターの内にある動揺を明らかにしたりします。",[101,24332,24333],{},"以下の章では、アニメーションで用いられるさまざまなカメラテクニックと、それが魅力的な物語づくりにどう貢献するのかを見ていきます。",[114,24335,24337],{"id":24336},"camera-properties",[486,24338,24339],{},"カメラプロパティ",[101,24341,24342],{},"実カメラと同じように、仮想カメラにもいくつかの重要なプロパティがあり、アニメーターはそれを操作して特定の効果を作り、視線の誘導を行います。",[1148,24344,24345,24351,24357,24363],{},[1151,24346,24347,24350],{},[486,24348,24349],{},"位置"," - アニメーションの3D空間におけるカメラの位置です。被写体に対してカメラを近づけたり遠ざけたりすることで、フレーム内における物体のサイズをコントロールできます。",[1151,24352,24353,24356],{},[486,24354,24355],{},"回転"," - カメラを回転させることで、シーンをパンできるようになったり、隠れたディテールを見せたり、動くキャラクターを追いかけることでダイナミックさを生み出したりできます。",[1151,24358,24359,24362],{},[486,24360,24361],{},"視野（FOV）"," - カメラレンズが捉えるシーンの幅です。広い視野はより広い範囲を含み、セットアップショットに向いています。一方、狭い視野はズームインするように働き、特定の要素に注意を集中させられます。",[1151,24364,24365,24368],{},[486,24366,24367],{},"焦点距離"," - 焦点距離は、本質的にショットの視点（パース）や歪みを制御します。これを調整することで、カメラの位置を変えなくても、フレーム内で物体が大きく見えたり小さく見えたりします。さらに、焦点距離によって背景要素の見え方も変わります。短い焦点距離はより劇的な奥行き感を作り、長い焦点距離は背景を圧縮して、より平面的に見せます。焦点距離を操作することで、注目の感覚を作ったり、特定の要素を強調したり、さらにスタイルのある見た目のために現実をわずかに歪めたりすることも可能です。",[101,24370,24371],{},"これらのカメラプロパティを理解し、使いこなすことが、次の章で紹介するテクニックにつながります。",[114,24373,24375],{"id":24374},"_1-camera-shake",[486,24376,24377],{},"1. カメラシェイク",[101,24379,24380],{},"カメラシェイクは、ハンディカメラのようなガタガタした動きを再現し、微細な揺れから大きなワブル（ぐらつき）まで幅広く表現できます。",[101,24382,24383],{},"アニメーターは、カメラの位置と回転に小さく、素早い動きを加えることでカメラシェイクを実現します。これらの動きはランダムではなく、リアルさやスタイライズの感覚を生み出すために丁寧に設計されています。",[101,24385,24386],{},"たとえば、キャラクターが危険から逃げているシーンを想像してみましょう。カメラは着地のたびに少しだけ揺れ、キャラクターの切迫感や恐怖を伝えます。危険が近づくにつれて揺れは強まり、キャラクターの焦りが増していく様子を模倣します。",[101,24388,24389],{},"アクションシーンで揺れるカメラは、観客を戦闘のど真ん中へ投げ込みます。混乱と戦いの激しさを体感させることで臨場感を高めます。ホラーやサスペンスの緊迫した場面では、控えめなカメラシェイクが不安と期待を積み上げ、視聴者を落ち着かない状態にします。また、コミカルな効果としても使えます。キャラクターのドジさや、軽妙な状況を強調できるのです。",[114,24391,24393],{"id":24392},"_2-zoom",[486,24394,24395],{},"2. ズーム",[101,24397,24398],{},"最も基本的なカメラテクニックの1つがズームです。焦点距離を調整することで、ズームは視覚的な被写界深度（奥行き感）を変化させ、被写体と周囲の関係性をダイナミックにします。",[101,24400,24401],{},"ズームインすると、キャラクターの表情をより密に捉えられ、驚き・恐怖・決意といった感情がより強調されます。また、シーン内の特定のディテールに観客の注意を引きつける効果もあります。逆にズームアウトは視点を広げ、環境をセットアップしたり、より大きなスケールを見せることで畏敬の念のような感覚を作ったりできます。",[101,24403,24404],{},"ズームの感情的なインパクトの典型例は、『ライオン・キング』でシンバの顔をクローズアップしてズームする場面に見ることができます。父の死の真実に気づいた瞬間、ズームはシンバの悲しみと信じられなさを際立たせ、観客を彼の感情の混乱の中へ引き込みます。",[114,24406,24408],{"id":24407},"_3-pan",[486,24409,24410],{},"3. パン",[101,24412,24413],{},"パンは水平のスイベルで、左から右へ、あるいはその逆へと環境をより多く見せていきます。カメラ本体は1か所に固定されたままですが、頭部が滑らかに回転します。",[101,24415,24416],{},"パンは、アニメーターにとって非常に汎用性の高い道具です。シーンの導入として使い、広がりやごちゃごちゃとした細部を見せることができます。息をのむような風景に対してゆっくりとパンすれば畏敬の念が生まれますし、混沌としたマーケットをせわしなくパンすれば緊張が高まります。さらに、キャラクターの動きに追随したり、注目すべき対象を追跡したりするためにも使え、観客がアクションに没入した状態を保てます。",[101,24418,24419],{},"パンの典型例は、シーンの冒頭です。眠っているキャラクターの部屋をカメラがパンし、目覚まし時計がゆっくりと姿を現して目を覚まさせる……といった展開が考えられます。このシンプルなテクニックは、場所を示すだけでなく、シーンの感情的なトーンも確立します。",[114,24421,24423],{"id":24422},"_4-tilt-shot",[486,24424,24425],{},"4. チルトショット",[101,24427,24428],{},"チルトショットは、視点が縦方向に上下へピボットするように動くカメラ移動で、フレームの上側あるいは下側のより多くのシーンを明らかにします。これは、観客がシーンをどう捉えるかに能動的に影響します。",[101,24430,24431],{},"チルトの方向によって、さまざまな感情的な反応が引き出されます。上方向へのチルトは畏敬の念や驚きの感覚を生み、高い建造物や空を見上げるキャラクターを強調します。下方向へのチルトは、無防備さ・支配・あるいは混乱といった印象を示します。たとえば、強力なキャラクターが主人公を見下ろしている状態から下へチルトする場面や、落下する物体を追ってチルトし、緊張を高める場面などです。",[101,24433,24434],{},"また、ドラマチックな開示やトランジションにも使えます。上方向へのチルトは影の中に潜む脅威を明らかにし、下方向へのチルトは新しいキャラクターがシーンに入ってくる導入になるかもしれません。例えば、孤独なキャラクターが巨大で不気味な城の前に立つシーンを考えてみましょう。キャラクターの足元からゆっくりチルトして城の尖塔（スパイア）までを映すことで、障害となるものの圧倒的なスケールと力が効果的に伝わります。",[114,24436,24438],{"id":24437},"_5-dolly-zoom",[486,24439,24440],{},"5. ドリー・ズーム",[101,24442,24443],{},"ドリー・ズーム（めまい効果／バーティゴ効果とも呼ばれる）は、カメラの動きと焦点距離の調整を組み合わせて、視覚的に強いインパクトを生むテクニックです。",[101,24445,24446],{},"線路のようなレールに乗ったカメラを想像してください。カメラが物理的に被写体へ近づく（ドリーイン）一方で、レンズは同時にズームアウトします。逆に、カメラを後ろへドリーする（後退する）ことでズームインすることもできます。これにより、背景が引き伸ばされる／圧縮されるような歪みの感覚が生まれますが、被写体はフレーム内で比較的同じサイズのまま保たれます。",[101,24448,24449],{},"ドリー・ズームは、観客の知覚を操作するための強力なツールです。ズームアウトしながらドリーインすると孤立感や錯乱感が生まれ、サスペンスの場面にぴったりです。一方、ズームインしながらドリーアウトすると、背景が圧倒的に迫ってくるような、あるいは息苦しく感じるような感覚になります。",[101,24451,24452],{},"このテクニックは、キャラクターの感情状態を強調したり、物語の重要な瞬間に視線を集めたりするためにしばしば使われます。ドリー・ズームの代表例は、アルフレッド・ヒッチコックの映画『めまい（Vertigo）』です。キャラクターのスコッティが階段を降りるにつれて、カメラはドリーインしながらズームアウトし、背景を歪ませて高所への恐怖をより強く増幅します。",[101,24454,24455],{},"従来は実写映画で使われてきましたが、3Dソフトウェアを使えばアニメーションでも効果的に再現できます。",[114,24457,24459],{"id":24458},"_6-truck-shot",[486,24460,24461],{},"6. トラックショット",[101,24463,24464],{},"トラックショットは、仮想のレールに沿ってカメラを左右に（左または右へ）横方向に移動させる手法です。カメラの位置を変えずに向きを変えるパンとは異なり、トラックショットではカメラの視点そのものを物理的に再配置します。",[101,24466,24467],{},"トラックショットは、シーンをゆっくりと明かしながら、期待感やサスペンスを積み上げるために使われます。たとえば、右方向へトラックショットし、閉ざされたドアから始めて、反対側に立つキャラクターが徐々に見えてくる――という場面を想像してみてください。動くキャラクターや物体に沿って横に動く「トラック」にはスピード感やダイナミックさが生まれます。観客はまるで自動車の助手席に座って高速道路を駆け抜けているような感覚で、まさにアクションのど真ん中に投げ込まれます。広大な風景やそびえ立つ建物を横切るようにトラックすることで、その大きさや荘厳さが効果的に伝わります。",[114,24469,24471],{"id":24470},"_7-pedestal-shot",[486,24472,24473],{},"7. ペデスタルショット",[101,24475,24476],{},"ペデスタルカメラのテクニックは、固定された軸の上でカメラを縦方向に上下させます。水平を保ったまま角度を変えるチルトとは異なり、ペデスタルショットでは、動いている間もカメラは完全に水平のままです。",[101,24478,24479],{},"ゆっくりと「ペデスタルアップ」するショットは、高層のビル群や壮大な山並みをドラマチックに見せたり、権威を持つキャラクターを導入したりします。逆に「ペデスタルダウン」は、キャラクターを小さく弱々しく見せて、無力さを感じさせます。",[101,24481,24482],{},"たとえば、月の地表で孤独な宇宙飛行士が立っているシーンでは、ゆっくりとペデスタルアップすることで、広大で空っぽな宇宙の空間を明らかにし、宇宙飛行士の孤立感を強調できます。",[114,24484,24486],{"id":24485},"_8-arc-shot",[486,24487,24488],{},"8. アークショット",[101,24490,24491],{},"アークショットは、別名「360度ショット」または「360トラッキングショット」とも呼ばれ、視点がカーブした軌道で被写体の周りを回るカメラテクニックです。円形のレールの上をカメラが滑るように移動し、変化し続ける角度からシーンを捉える様子を想像してみてください。",[101,24493,24494],{},"キャラクターの周囲を回ることで、アークショットはキャラクターを視界の中心に保ちながら、その周りの環境を見せ、注目の的として際立たせます。環境の段階的な開示は、謎めいた感覚を生み出し、観客はキャラクターのすぐ外側に何があるのか気になって仕方がなくなります。ゆっくりとしたアークは畏敬の念や驚きを伝え、より速く、より不規則な動きは緊張や高揚感を作り出すかもしれません。",[101,24496,24497],{},"典型例としては、ネオが弾丸を難なくかわす『マトリックス』のシーンを挙げられます。カメラが優雅に彼の周囲を回り込むのです。",[114,24499,24501],{"id":24500},"_9-follow-shot",[486,24502,24503],{},"9. フォローショット",[101,24505,24506],{},"フォロー（追従）手法では、パンやチルト、あるいはそれらの組み合わせによってカメラが移動しても、キャラクターまたは物体をフレーム内に保ちます。",[101,24508,24509],{},"うまく実行されたフォローショットは、観客をアクションの中心へ置き、キャラクターと同じようにアドレナリンの高まりを感じさせます。たとえば、森を駆け抜けるキャラクターを見る場面です。頭を下げながら歩くキャラクターを追うと、悲しみや敗北の感情が伝わります。意気揚々と道をスキップしながら進むキャラクターを追えば、喜びやワクワクが描けます。",[114,24511,24513],{"id":24512},"_10-fly-through-shot",[486,24514,24515],{},"10. フライスルーショット",[101,24517,24518],{},"フライスルーショットは、仮想空間の旅へ視聴者を連れていきます。カメラの動きは「飛ぶ」感覚を模倣し、前へ素早く進みながら、パンやチルトで環境を見せていきます。",[101,24520,24521],{},"壮大な風景や賑やかな都市の中を、あるいは空想的な世界を滑空するのは非常に没入感があります。新しい環境を効率よく紹介し、空間全体の素早い俯瞰を与えられる一方で、特定の目的地へ向かうようだったり、隠された要素を明らかにしたりすると、興奮や緊張も積み上がっていきます。",[101,24523,24524],{},"フライスルーショットの良い例として、ピクサーの『バグズ・ライフ（A Bug's Life）』のオープニングシーンが挙げられます。カメラが草むらをすり抜けるように進み、せわしなく動くアリのコロニーが見えてきます。",[114,24526,24527],{"id":559},[486,24528,560],{},[101,24530,24531],{},"カメラワークの繊細な技が、これらの創作に命を吹き込みます。単にショットを切り取るだけではなく、カメラテクニックはシーンを格上げし、観客の目を休ませるための強力な道具なのです。",[101,24533,24534],{},"この記事では、アニメーターが使うさまざまなカメラのアングル、動き、ショットタイプを紹介しました。これらが観客の知覚にどう影響するのかを理解すれば、感情を呼び起こし、キャラクターの優位性を確立し、観客の視線の焦点を導くために活用できます。",[101,24536,24537],{},"最終成果物は、簡単そうに見えるかもしれませんが、効果的なカメラワークは奥深いテーマです。各シーンをどのように視覚化して展開するかを計画するために、カメラテクニックをストーリーボード作成プロセスに取り入れてください。",[101,24539,24540],{},"まずは基本のカメラの動きやアングルを学び、そのうえで革新的なアプローチを試してみましょう！",[101,24542,24543,24546,24552],{},[702,24544,24545],{},"共同プロジェクトを始めたいとお考えなら、私たちの ",[266,24547,24549],{"href":23625,"rel":24548},[585],[702,24550,24551],{},"Discordサーバー",[702,24553,24554],{},"へ気軽にご連絡ください！すでに同じプロセスを経てきた他スタジオの方々からアドバイスが得られます。",{"title":168,"searchDepth":600,"depth":600,"links":24556},[24557,24558,24559,24560,24561,24562,24563,24564,24565,24566,24567,24568],{"id":24336,"depth":600,"text":24339},{"id":24374,"depth":600,"text":24377},{"id":24392,"depth":600,"text":24395},{"id":24407,"depth":600,"text":24410},{"id":24422,"depth":600,"text":24425},{"id":24437,"depth":600,"text":24440},{"id":24458,"depth":600,"text":24461},{"id":24470,"depth":600,"text":24473},{"id":24485,"depth":600,"text":24488},{"id":24500,"depth":600,"text":24503},{"id":24512,"depth":600,"text":24515},{"id":559,"depth":600,"text":560},"https://images.unsplash.com/photo-1520904541532-f47ac41fec59?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3wxMTc3M3wwfDF8c2VhcmNofDJ8fGNhbWVyYSUyMG1vdmllfGVufDB8fHx8MTcxNjM3NTUzNXww&ixlib=rb-4.0.3&q=80&w=2000",{"updated_at":24571,"featured_at":612,"visibility":613},"2026-03-26T10:27:50.000+01:00","/blog-i18n/ja/camera-work-in-animation","2024-05-22T12:59:53.000+02:00",{"title":24320,"description":24327},"camera-work-in-animation","blog-i18n/ja/camera-work-in-animation/index",[24578],{"id":620,"name":621,"slug":622,"description":7,"feature_image":7,"visibility":613,"og_image":7,"og_title":7,"og_description":7,"twitter_image":7,"twitter_title":7,"twitter_description":7,"meta_title":7,"meta_description":7,"codeinjection_head":7,"codeinjection_foot":7,"canonical_url":7,"accent_color":7,"url":623},"gzTV2NE86QZL7tceTLlImpTsvV0l2v0VM40seRCtTHI",{"id":24581,"title":24582,"authors":24583,"body":24585,"description":168,"extension":608,"feature_image":24819,"html":7,"meta":24820,"navigation":11,"path":24822,"published_at":24823,"seo":24824,"slug":24825,"stem":24826,"tags":24827,"__hash__":24834,"updated_at":24821,"featured_at":612,"visibility":613},"blog/blog-i18n/ja/animation-asset-security/index.md","アニメーションスタジオの資産を守る（2026年）：セキュリティとコンプライアンス",[24584],{"id":20735,"name":20736,"slug":20737,"profile_image":20738,"cover_image":20739,"bio":20740,"website":20741,"location":11072,"facebook":7,"twitter":11073,"meta_title":7,"meta_description":7,"threads":7,"bluesky":7,"mastodon":7,"tiktok":7,"youtube":7,"instagram":7,"linkedin":7,"url":20742},{"type":81,"value":24586,"toc":24808},[24587,24591,24594,24597,24603,24609,24615,24618,24624,24627,24646,24652,24655,24669,24672,24675,24681,24684,24698,24704,24707,24721,24727,24730,24733,24765,24771,24774,24781,24787,24791,24794,24797,24800,24803],[114,24588,24589],{"id":14226},[486,24590,14229],{},[101,24592,24593],{},"アニメーションは魔法のように感じられます。しかし裏側では、原則として「アニメーション・パイプライン」と呼ばれる、人・プロセス・ソフトウェアの複雑なネットワークが、この魔法を支えています。そこでは、最終製品の心臓部となる、オリジナルのキャラクターデザイン、絵コンテ、そして緻密なアニメーションシーケンスなど、知的財産（IP）の宝庫を扱うことで、この魔法を成立させているのです。",[101,24595,24596],{},"アニメーション・パイプラインは、共同作業のワークフローとデジタル資産への依存という性質ゆえに、独特のセキュリティ課題を生み出します。これらの貴重なIP資産を、不正アクセス、漏えい、または悪意ある攻撃から守ることは、規模を問わずスタジオにとって不可欠です。この記事では、アニメーション業界のセキュリティ環境――脆弱性、ベストプラクティス、そしてアニメーションスタジオが自社の制作を守るために活用できる新しい技術――を掘り下げます。",[114,24598,24600],{"id":24599},"why-security",[486,24601,24602],{},"なぜセキュリティなのか",[101,24604,24605,24606],{},"クライアントは、スタジオに創造的なビジョンと機密情報を託します。しかし、オリジナルのアニメーション制作は、非常に多くの機微なデータも生み出します。キャラクターデザイン、絵コンテ、3Dモデル、アニメーションシーケンス、そして場合によっては独自のソフトウェアまでです。",[486,24607,24608],{},"これらの資産を守ることは、スタジオの創造的な取り組みを守ることにとどまりません――それは重要なビジネス上の必須条件です。",[101,24610,24611,24612],{},"強固なセキュリティ対策がなければ、アニメーションスタジオはデータ漏えいのリスクにさらされます。悪意ある攻撃者はセキュリティシステムの弱点を突いて機微な情報に不正アクセスし、その結果として知的財産、財務データ、さらには従業員やクライアントの個人情報が盗まれる可能性があります。",[486,24613,24614],{},"その影響は、金銭的損失、評判の毀損、さらには法的な影響にまで及び得て、甚大になり得ます。",[101,24616,24617],{},"幸いなことに、リスクを大幅に減らすための技術はすでに揃っています。",[114,24619,24621],{"id":24620},"_1-access-control",[486,24622,24623],{},"1. アクセス制御",[101,24625,24626],{},"アクセス制御は門番の役割を果たし、「誰が」「何を」「どのレベルで」アクセスできるかを制御します。",[1148,24628,24629,24634,24640],{},[1151,24630,24631,24633],{},[486,24632,3694],{}," - 物理的な鍵が特定の扉を開けるのと同様に、ユーザー認証は、許可された人だけがシステムや情報にアクセスできるようにする仕組みです。通常は、ユーザー名やパスワード、または多要素認証といった資格情報によって本人確認を行います。",[1151,24635,24636,24639],{},[486,24637,24638],{},"認可"," - ユーザーが認証された後、認可によってシステム内でのアクセスレベルが決まります。読み取り権限、書き込み権限、管理者権限などです。ここで役割ベースのアクセス制御（RBAC）が登場します。",[1151,24641,24642,24645],{},[486,24643,24644],{},"役割ベースのアクセス制御"," - RBACは、スタジオ内での役割に基づいて、個々のユーザーに異なる権限レベルを割り当てます。たとえば、アニメーターは自分の担当する特定のアニメーションファイルや絵コンテの改訂にアクセスできる一方で、プロジェクトマネージャーはプロジェクトのスケジュールやリソースを管理するために、より広いアクセス権を持つかもしれません。このきめ細かな制御により、ユーザーは担当業務を行うために必要な情報や機能にのみアクセスできるため、不正アクセスやデータ漏えいのリスクを効果的に最小化できます。",[114,24647,24649],{"id":24648},"_2-encryption",[486,24650,24651],{},"2. 暗号化",[101,24653,24654],{},"データはアクセス制御によって保護されていても、送信中や保存中には依然として脆弱です。そこで重要になるのが暗号化です。機微な情報を読めない形式に変換することで、暗号化は追加の防御層を提供します。これにより、不正な人物が他のセキュリティ対策をすり抜けることができたとしても、機微な情報へアクセスして利用することが大幅に難しくなります。",[1148,24656,24657,24663],{},[1151,24658,24659,24662],{},[486,24660,24661],{},"転送中の暗号化"," - アニメーションスタジオはリモートチームと共同作業したり、特定の作業を外注したりすることがよくあります。これには、ネットワーク間で機微なデータを安全に転送する必要があります。転送中の暗号化は、データがシステム間を移動する際にデータをかき乱し、不正な人物により傍受されても読めず、使えない状態を保ちます。たとえば、制作トラッカーのKitsuは、インターネット上で安全にデータを送信するためにHTTPSを使用しています。",[1151,24664,24665,24668],{},[486,24666,24667],{},"保管時の暗号化"," - データが能動的に転送されていない場合でも、漏えいの事態に備えて強固に保護する必要があります。保管時の暗号化は、データがサーバー、ハードドライブ、その他の保存媒体に保存されている間に暗号化します。これにより、攻撃者が保存デバイスにアクセスできたとしても、適切な復号鍵なしではデータ自体にアクセスできない状態を維持できます。 ",[101,24670,24671],{},"暗号化の有効性は、使用する暗号化アルゴリズムの強度に左右されます。スタジオは、復号鍵なしではデータをほぼ解読不可能にするように複雑な数学的公式を用いる、業界標準のアルゴリズムを選ぶべきです。さらに、暗号化鍵の定期的なローテーションは、仮に鍵が何らかの形で漏えい・侵害されたとしても、そのリスクを抑えることでセキュリティを一層高めます。 ",[101,24673,24674],{},"その部分を管理したくない場合は、CGWireが提案するようにサードパーティ製品に任せてメディア暗号化を依頼できます。Kitsuは、広く認知された暗号化標準であるAES-256を使ってアセットを暗号化できます。",[114,24676,24678],{"id":24677},"_3-audit-trail",[486,24679,24680],{},"3. アクティビティ監査（監査ログ）",[101,24682,24683],{},"アクセス制御と暗号化が安全な環境の土台を作る一方で、監査ログは「監視する目」として働き、ログという形でユーザーの活動を監視・記録します。これらの詳細なログは、セキュリティの強化と説明責任の確立において重要な役割を果たします。",[1148,24685,24686,24692],{},[1151,24687,24688,24691],{},[486,24689,24690],{},"ユーザー活動の記録"," - 監査ログは、制作トラッカー内のすべてのユーザー活動を細かく記録し、文書化します。これには、特定のファイルへのアクセス、プロジェクト情報の変更、ユーザー権限の変更といった操作が含まれます。ユーザー活動の包括的な時系列を捉えることで、監査ログは「誰が」「何を」「いつ」「どのように」行ったのかを把握するための貴重な洞察を提供します。これは事後調査（ポストモーテム）、コンプライアンス、セキュリティ調査に役立つだけでなく、不正アクセスが疑われる場合のアラートにもつながります。",[1151,24693,24694,24697],{},[486,24695,24696],{},"追跡可能性と説明責任"," - もしセキュリティ侵害や不審な活動が起きたとしても、監査ログは調査のための明確な手がかりを提供します。ログを分析することで、セキュリティ担当者はその活動の発生元を特定し、出来事の順序を追跡し、関与した個人を確認できます。これにより、スタジオが不正または悪意ある行為を特定し、対応できるようになり、説明責任を果たしやすくなります。",[114,24699,24701],{"id":24700},"_4-secure-integration",[486,24702,24703],{},"4. 安全な統合",[101,24705,24706],{},"デジタルの世界は単独ではほとんど機能しません。アニメーションスタジオは、レンダリングエンジン、アセット管理システム、コラボレーションツールなど、さまざまな他のソフトウェアアプリケーションと制作ツールを統合することがよくあります。これらの統合により、複数のシステム間でデータがシームレスに流れるようになりますが、新たなセキュリティ上の考慮点を持ち込むことになります。",[1148,24708,24709,24715],{},[1151,24710,24711,24714],{},[486,24712,24713],{},"APIセキュリティ対策"," - API（Application Programming Interfaces：アプリケーション・プログラミング・インターフェース）は、異なるソフトウェアアプリケーション間の連携とデータ交換を可能にする架け橋です。これらの接続の安全性を確保するには、APIキーの管理が重要です。安全なキー生成、保管、ローテーション、認可などが含まれます。",[1151,24716,24717,24720],{},[486,24718,24719],{},"安全なデータ交換プロトコル"," - APIセキュリティ対策に加えて、データ交換に使用するプロトコルが安全で信頼できることも確認すべきです。たとえば、HTTPSはアプリケーション間の通信を暗号化し、SFTP（Secure File Transfer Protocol）は安全なファイル共有のために使われます。",[114,24722,24724],{"id":24723},"_5-alerting",[486,24725,24726],{},"5. アラート（通知）",[101,24728,24729],{},"監査ログのセクションで見た通り、アセットやシステム、ユーザー活動をリアルタイムに監視することで、アニメーションスタジオは潜在的なセキュリティ侵害、技術的な不具合、不正アクセスの試みを、先回りして特定できます。しかし、監視だけでは不十分です。リアルタイムで不審な活動や異常をセキュリティチームに確実に通知する、堅牢なアラートシステムが不可欠です。",[101,24731,24732],{},"不審なイベントや異常により自動で発報される通知は、セキュリティチームが迅速に是正措置を取る機会を与え、セキュリティインシデントの影響を最小限に抑えることにつながります。",[1148,24734,24735,24741,24747,24753,24759],{},[1151,24736,24737,24740],{},[486,24738,24739],{},"明確な閾値（しきい値）を設定する"," - 通常とは異なるネットワークトラフィック、不正なログイン試行、重要アセットの変更など、さまざまなパフォーマンス指標やセキュリティ指標について、重要となる閾値を定義します。アラートは、それらの閾値を超えたときに発動されるべきです。",[1151,24742,24743,24746],{},[486,24744,24745],{},"実行可能なアラートに焦点を当てる"," - アラートシステムは、セキュリティチームが優先順位を付け、効果的に対応できるように、明確で実行につながる通知を生成するよう設計されるべきです。誤検知によって「アラート疲れ（alert fatigue）」を招かないよう、過剰な通知は避けましょう。クリティカル／高／中／低リスクのイベントを区別できる仕組みを用いて、重要度に基づいて優先順位を付けます。",[1151,24748,24749,24752],{},[486,24750,24751],{},"定期的にテストし、改善する"," - アラートシステムの有効性を確かめるために、定期的にテストし、改善してください。誤検知を減らし、意味のある通知を確実にするために、必要に応じて閾値や設定を調整します。",[1151,24754,24755,24758],{},[486,24756,24757],{},"監視と通知を一元化する"," - ツールをあちこちに散らして運用するのではなく、統合プラットフォームを検討し、複数のシステムからデータを集約して、アラートとセキュリティイベントの状況を一目で把握できるようにします。",[1151,24760,24761,24764],{},[486,24762,24763],{},"明確な対応計画を用意する"," - さまざまな種類のアラートを調査し、対応するための詳細な手順を作成し、文書化します。役割、責任、インシデント解決のためのエスカレーション手順なども含めることで、効果的なインシデント対応が可能になります。",[114,24766,24768],{"id":24767},"_6-disaster-recovery-and-backup",[486,24769,24770],{},"6. 障害復旧（ディザスタリカバリ）とバックアップ",[101,24772,24773],{},"堅牢なセキュリティ対策はアセットを守る上で大きな効果を発揮しますが、どれほど準備が整っていても、想定外の事態に対する「セーフティネット」は必要です。そこで重要になるのが、障害復旧とバックアップの計画です。",[101,24775,24776,24777,24780],{},"厳格なセキュリティ対策を講じていても、事故、技術的な不具合、あるいは自然災害によってデータが失われることがあります。",[486,24778,24779],{},"定期的なバックアップ","は、アニメーションアセット、プロジェクトファイル、制作トラッカーの情報など、重要データの冗長なコピーを作成します。これらのバックアップはデジタルのライフラインとして機能し、失われたデータを復旧して制作を迅速に再開できるようにします。CGWireでは、すべてのデータを毎日バックアップし、複数の場所に保存することで、災害時でもデータの利用可能性を確保しています。",[101,24782,24783,24786],{},[486,24784,24785],{},"障害復旧計画","とは、大規模な中断が起きた場合に実行すべき手順をまとめた包括的な戦略です。災害時に最優先で即時復旧が必要な最も重要なデータやシステムは何か。バックアップからデータやシステムを復元するにはどのような手順が必要か。復旧プロセスに関わるすべての関係者に対して、どの通信チャネルを使うべきか。ダウンタイムをどう最小化するか、といった点を整理します。",[114,24788,24789],{"id":559},[486,24790,974],{},[101,24792,24793],{},"鮮やかなアニメーションの背後には、重要な土台――データセキュリティがあります。アニメーションスタジオは、保護が必要な膨大なデータを扱います。",[101,24795,24796],{},"業界標準への準拠は、規制上の義務であるだけでなく、クライアントや従業員との信頼を育むための取り組みでもあります。",[101,24798,24799],{},"堅牢なセキュリティ機能を備えた制作トラッカーは重要な役割を果たします。アクセス制御や暗号化から、監視、アラート、障害復旧に至るまで、それらはスタジオがイノベーションを存分に育める、安全な環境を作ることを後押しします。",[101,24801,24802],{},"アニメーション業界は常に進化しており、セキュリティへのアプローチも同様に進化しなければなりません。AIは新たなセキュリティ課題をもたらし、スタジオはより大きく、グローバルになっていきます。ツールはクラウド環境で使われるケースがますます増えています。などなど。行動の合図は明確です。アニメーションスタジオではセキュリティを最優先にしてください。内蔵セキュリティ機能を備えた信頼できる制作トラッカーに投資し、包括的なセキュリティプロトコルを導入し、チーム内にセキュリティ意識の文化を取り入れましょう！危機にあるのは、あなたのスタジオの未来です。",[101,24804,24805],{},[702,24806,24807],{},"セキュリティのベストプラクティスや、導入方法に関するアドバイスをお探しなら、私たちのDiscordサーバーに連絡して、すでにこのプロセスを終えた他のスタジオからの意見を聞いてみてください！",{"title":168,"searchDepth":600,"depth":600,"links":24809},[24810,24811,24812,24813,24814,24815,24816,24817,24818],{"id":14226,"depth":600,"text":14229},{"id":24599,"depth":600,"text":24602},{"id":24620,"depth":600,"text":24623},{"id":24648,"depth":600,"text":24651},{"id":24677,"depth":600,"text":24680},{"id":24700,"depth":600,"text":24703},{"id":24723,"depth":600,"text":24726},{"id":24767,"depth":600,"text":24770},{"id":559,"depth":600,"text":974},"https://images.unsplash.com/photo-1584433144859-1fc3ab64a957?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3wxMTc3M3wwfDF8c2VhcmNofDE4fHxzZWN1cml0eXxlbnwwfHx8fDE3MTMyODE1MDZ8MA&ixlib=rb-4.0.3&q=80&w=2000",{"updated_at":24821,"featured_at":612,"visibility":613},"2026-02-20T06:03:45.000+01:00","/blog-i18n/ja/animation-asset-security","2024-04-16T17:38:25.000+02:00",{"title":24582,"description":168},"animation-asset-security","blog-i18n/ja/animation-asset-security/index",[24828,24829],{"id":620,"name":621,"slug":622,"description":7,"feature_image":7,"visibility":613,"og_image":7,"og_title":7,"og_description":7,"twitter_image":7,"twitter_title":7,"twitter_description":7,"meta_title":7,"meta_description":7,"codeinjection_head":7,"codeinjection_foot":7,"canonical_url":7,"accent_color":7,"url":623},{"id":24830,"name":24831,"slug":24832,"description":7,"feature_image":7,"visibility":613,"og_image":7,"og_title":7,"og_description":7,"twitter_image":7,"twitter_title":7,"twitter_description":7,"meta_title":7,"meta_description":7,"codeinjection_head":7,"codeinjection_foot":7,"canonical_url":7,"accent_color":7,"url":24833},"5fff0e4b653a0c003924f7f0","Production Management","production-management","https://blog.cg-wire.com/tag/production-management/","f6Ikp-mwhzeypAp84rsjlBJJ_aj5D9icDl00C9ljyY0",{"id":24836,"title":24837,"authors":24838,"body":24840,"description":24844,"extension":608,"feature_image":25575,"html":7,"meta":25576,"navigation":11,"path":25578,"published_at":25579,"seo":25580,"slug":25581,"stem":25582,"tags":25583,"__hash__":25585,"updated_at":25577,"featured_at":612,"visibility":613},"blog/blog-i18n/ja/artificial-intelligence-in-animation-state-of-the-art-february-2024/index.md","アニメーションにおける人工知能：最新動向 2024年2月",[24839],{"id":20735,"name":20736,"slug":20737,"profile_image":20738,"cover_image":20739,"bio":20740,"website":20741,"location":11072,"facebook":7,"twitter":11073,"meta_title":7,"meta_description":7,"threads":7,"bluesky":7,"mastodon":7,"tiktok":7,"youtube":7,"instagram":7,"linkedin":7,"url":20742},{"type":81,"value":24841,"toc":25562},[24842,24845,24848,24851,24854,24860,24863,24882,24891,24896,24922,24928,24931,24942,24951,24971,24979,24984,24987,24991,25017,25023,25026,25041,25048,25056,25065,25069,25093,25099,25102,25110,25119,25133,25140,25144,25170,25176,25179,25186,25189,25196,25200,25249,25255,25258,25265,25285,25289,25323,25329,25332,25339,25353,25357,25367,25373,25376,25383,25403,25407,25417,25423,25426,25435,25461,25465,25483,25489,25492,25512,25516,25534,25538,25541,25544,25547,25550],[101,24843,24844],{},"2023年にはAI（人工知能）が誰の口にも上りましたが、2024年に何が待ち受けているのか、そしてアニメーション制作スタジオに何をもたらすのかは、まだ誰にも完全には分かっていません。",[101,24846,24847],{},"AIほど賛否が分かれるテーマはほかにありません。ある一方では、作品がアルゴリズムによって違法に取り込まれていることに憤るアーティストがいます。対するもう一方では、自己表現や金銭的な利益のためにAIを活用する新しい波のクリエイターが現れています。",[101,24849,24850],{},"あなたの意見がどちらであれ、私たちはアニメーション業界に、利用可能なツールの概要と、その実用的なユースケース、そしてアニメーターとしての仕事にどのような影響を与えうるのかを把握してもらうことが重要だと考えました。この記事は、一般的なAIアートとあなたを差別化する方法を見つけるのに役立つだけでなく、関連する場面ではツールセットのもう一つの道具としてAIを取り込む方法も示してくれるはずです。",[101,24852,24853],{},"以下のリストは網羅的ではありませんが、コンセプトアートからレンダリングまで、制作プロセスのあらゆるステップをカバーしようとしています。ぜひ、みなさんのおすすめもお寄せください！",[114,24855,24857],{"id":24856},"_1-text-generation",[486,24858,24859],{},"1. テキスト生成",[101,24861,24862],{},"AIの最初で最も注目される用途はテキスト生成です。人工知能を使って、最初のプロンプトにもとづきテキストを自動で書かせること—数語を入力すると、学習した大量のデータから、そこに基づく全文を生成してくれます。大規模言語モデルは、アニメーションスタジオ向けにさまざまな一般的・専門的タスクをこなせます：",[1148,24864,24865,24871,24876],{},[1151,24866,24867,24870],{},[486,24868,24869],{},"脚本づくりの着想"," - シーンやキャラクターの説明案を出したり、セリフを生成したり、プロットのひねりのアイデアを提案したりできます。",[1151,24872,24873,24875],{},[486,24874,19586],{}," - アニメーターがシーンをイメージしやすくするために、詳細なシーン説明を生成し、カメラアングルを決めたり、アニメーション全体の雰囲気を確立したりするのに役立ちます。",[1151,24877,24878,24881],{},[486,24879,24880],{},"キャラクターの過去設定"," - 主要な特性を指定することで、アニメーターはさまざまなキャラクターのニュアンスを試し、よりバランスの取れた説得力ある人物像を作り出せます。",[158,24883,24885],{"className":24884},[87,161],[163,24886],{"src":24887,"className":24888,"alt":168,"loading":169,"width":24889,"height":24890},"https://lh7-us.googleusercontent.com/wvTd8njx-ETQhnsMwFkjCoPNIfwgf_cpk-iVm3YM_GxGLidzybLsS4z9zl0rV6T_7InVmlaK2LRcwz3omv4xp8lX8s5b7-TPZosTr9_PN3FS_6a__cLWh5vMNHASFuYsQPIIPk6luVlwI-B9opfvqRU",[167],1520,906,[101,24892,24893],{},[486,24894,24895],{},"リンクと参考情報",[1148,24897,24898,24906,24914],{},[1151,24899,24900],{},[266,24901,24903],{"href":24902},"https://www.perplexity.ai/?ref=blog.cg-wire.com",[4123,24904,24905],{},"Perplexity AI",[1151,24907,24908],{},[266,24909,24911],{"href":24910},"https://openai.com/blog/chatgpt?ref=blog.cg-wire.com",[4123,24912,24913],{},"ChatGPT",[1151,24915,24916],{},[266,24917,24919],{"href":24918},"https://blog.google/technology/ai/google-gemini-ai/?ref=blog.cg-wire.com",[4123,24920,24921],{},"Gemini",[114,24923,24925],{"id":24924},"_2-image-generation",[486,24926,24927],{},"2. 画像生成",[101,24929,24930],{},"AIが扱えるのはテキストだけではありません。おそらく2023年でもっとも物議を醸した技術の一つが、DALL·EやMidJourneyのような画像生成モデルです。これらは高度なニューラルネットワークを使って、テキストのプロンプト、あるいは別の画像から画像を生成します：",[1148,24932,24933],{},[1151,24934,24935,24938,24939,24941],{},[486,24936,24937],{},"図形を完全なイラストに変える"," - アニメーションスタジオは、スクリプトから—あるいは少なくともテキストによる説明から—新しいプロジェクトのための多様なコンセプトアート",[486,24940],{},"を素早く作り出し、さまざまなデザインの可能性を探れます。",[158,24943,24945],{"className":24944},[87,161],[163,24946],{"src":24947,"className":24948,"alt":168,"loading":169,"width":24949,"height":24950},"https://lh7-us.googleusercontent.com/79QQNAPxFSazsU67TTKE47nuLbFucOXqrW4XSIT7jhZlTTK1-Jl89CM2q67V_iym-T3rEPpPCw0jeOj-ncdGEU1ETTasluJ95nMllcF73Uh4o9SQ2_TLXmpiKfZbQLRGqqzPBvhSUiT2OUnaGttXZn4",[167],834,599,[1148,24952,24953,24959,24965],{},[1151,24954,24955,24958],{},[486,24956,24957],{},"ラフスケッチを完成イラストへ"," - Midjourneyは下書きのようなスケッチを理解し、完成したイラストに変換できます。",[1151,24960,24961,24964],{},[486,24962,24963],{},"キャラクターおよび環境デザイン"," - AI生成の画像は、キャラクターデザインの出発点として、または環境やレイアウトのさまざまなアイデアを探るために使えます。アニメーターがそこから作り込むための視覚的な参照（リファレンス）として機能します。",[1151,24966,24967,24970],{},[486,24968,24969],{},"テクスチャ生成"," - すでにDream Textures（Blenderプラグイン）のような、テクスチャ生成に特化したモデルがあります。キャラクター、オブジェクト、または環境に利用できます。",[158,24972,24974],{"className":24973},[87,161],[163,24975],{"src":24976,"className":24977,"alt":168,"loading":169,"width":1112,"height":24978},"https://lh7-us.googleusercontent.com/wFDBKTIWq6Dtc8b6tFY_WzuRdxbBMiGpR2_x-7WM4N09dKHKv0q0Xf6pXmahaeJamG2OarKQkVDNdqMtJCXEXt4yFJgjp_iweilKu0LhaU_8QybCLurkuL6mo0QeSgSiQlzmZokMAnw-uAFRin8ViAU",[167],127,[101,24980,24981],{},[702,24982,24983],{},"Dream Textures（Blender）を使ったテクスチャ生成の例",[101,24985,24986],{},"テキスト生成と組み合わせれば、大きな手間をかけずにコンセプトブック全体を生成することも可能です。これは明らかに、小規模スタジオやインディーアニメーターにとって、ほとんどコストをかけずにプロデューサーへコンセプトを売り込む際に大きな利点になります。",[101,24988,24989],{},[486,24990,24895],{},[1148,24992,24993,25001,25009],{},[1151,24994,24995],{},[266,24996,24998],{"href":24997},"https://artisticrender.com/dream-textures-ai-texture-generator-for-blender/?ref=blog.cg-wire.com",[4123,24999,25000],{},"Dream Textures",[1151,25002,25003],{},[266,25004,25006],{"href":25005},"https://legacy.midjourney.com/showcase/recent/?ref=blog.cg-wire.com",[4123,25007,25008],{},"Midjourney",[1151,25010,25011],{},[266,25012,25014],{"href":25013},"https://openai.com/dall-e-3?ref=blog.cg-wire.com",[4123,25015,25016],{},"Dalle3",[114,25018,25020],{"id":25019},"_3-upscaler",[486,25021,25022],{},"3. アップスケーラー",[101,25024,25025],{},"AIアップスケーラーは、手作業による介入なしに、画像や動画の解像度と品質を高めます。",[1148,25027,25028],{},[1151,25029,25030,25033,25034,25040],{},[486,25031,25032],{},"より速く、より安くレンダリング"," - スタジオは厳しい締め切りに対応し、コンテンツを素早く納品する必要があります。しかしレンダリングは、多くの場合フィードバックループにおける最大のボトルネックです。AIアップスケーラーなら、低品質のレンダリングを受け取り、通常のレンダリングと比べて遜色のない高品質なプレビューを、より短い時間で出力できます。",[266,25035,4172,25037],{"href":25036},"https://github.com/jarrellmark/ai_upscaler_for_blender?ref=blog.cg-wire.com#ai-upscaler-for-blender",[4123,25038,25039],{},"Blenderアップスケーラー"," などが例で、同等の品質の画像を37分から5分へ（86.5%高速化）短縮できます：",[158,25042,25044],{"className":25043},[87,161],[163,25045],{"src":25046,"className":25047,"alt":168,"loading":169,"width":1112,"height":8388},"https://lh7-us.googleusercontent.com/oDluygZ66Z75GHT3qib8vb8LM2DEX1buNWZmiEEnLrMrW336K_zobc34kQUSFwYi1ONuS7jKibJQCIxC65FK6gwdxVyBwPQ52CwRwt560fUD0f0xWMGsTk-LzXSnh0SIkW7dNWvH0xtOiqjCBDiBjcc",[167],[1148,25049,25050],{},[1151,25051,25052,25055],{},[486,25053,25054],{},"リアリティの追加"," - Photoshop UpscalerやMagnific AIのようなアップスケーラーは、あらゆるレンダリングに素早くディテールを加えて、より細部が見える／よりリアルに見えるようにできます。低解像度の画像から、シーンに素早くディテールを足したいとき、またはフォトリアルなキャラクターを作りたいときに特に役立ちます。",[158,25057,25059],{"className":25058},[87,161],[163,25060],{"src":25061,"className":25062,"alt":168,"loading":169,"width":25063,"height":25064},"https://lh7-us.googleusercontent.com/vAVOY3pwRLS65yWgpREfSroemFHJONFksPpCSoqvrrlisuWe9ozfT-x7B0LuMKFq6G2oa-4_f9rfMZh7hmMLcvrSWdQUCQJ0-oHQYMqRaTOS48dOMfCz1zk-Cshs-6QG0X3e9Ip_gq2DeZIUxS9vVsY",[167],944,806,[101,25066,25067],{},[486,25068,24895],{},[1148,25070,25071,25077,25085],{},[1151,25072,25073],{},[266,25074,25075],{"href":25036},[4123,25076,25039],{},[1151,25078,25079],{},[266,25080,25082],{"href":25081},"https://www.adobe.com/uk/creativecloud/photography/discover/image-upscale.html?ref=blog.cg-wire.com",[4123,25083,25084],{},"Photoshopアップスケーラー",[1151,25086,25087],{},[266,25088,25090],{"href":25089},"https://magnific.ai/?ref=blog.cg-wire.com",[4123,25091,25092],{},"Magnific AI",[114,25094,25096],{"id":25095},"_4-model-generation",[486,25097,25098],{},"4. モデル生成",[101,25100,25101],{},"技術の進歩があまりに速いため、私たちは画像の一歩先へ進んでいます。すでに、スマホの画像を本番用の3Dアセットへ変換するためのコンセプト実証（PoC）も存在します。",[1148,25103,25104],{},[1151,25105,25106,25109],{},[486,25107,25108],{},"自動アセット作成"," - 制作には大量のアセットが必要で、それを作ることはしばしば退屈で時間のかかる作業です。AIは画像から3Dモデルを生成できるため、アニメーターが細部の追加や最終結果の仕上げに集中できるようになります。",[158,25111,25113],{"className":25112},[87,161],[163,25114],{"src":25115,"className":25116,"alt":168,"loading":169,"width":25117,"height":25118},"https://lh7-us.googleusercontent.com/GG-Ta1ifFtO7NN-WD0imA3i-Q53KUAApZz2emM9w7UfK4QOCkX6_bSC1iRMmstjGYAijCMRzcSdizUPF4CBDHL2-kN_YpwaOYtsEQvgnTIYfHiJT3mO4zxA32PQMXxe31bUi1rpHRNIkIZf2bOdwI-I",[167],1000,483,[1148,25120,25121,25127],{},[1151,25122,25123,25126],{},[486,25124,25125],{},"キャラクターのカスタマイズとバリエーション"," - AIによる3Dモデル生成は、外見、服装、アクセサリーにおけるバリエーションを自動で生成することで、キャラクターのカスタマイズを容易にします。",[1151,25128,25129,25132],{},[486,25130,25131],{},"手続き型アニメーション"," - 複雑な環境や大規模な群衆では、AIは多様な3Dモデルやアニメーションを手続き的に（プロシージャルに）スケールへ適用し、はるかに効率よく生成できます：",[158,25134,25136],{"className":25135},[87,18458],[18460,25137],{"width":18462,"height":18463,"src":25138,"frameBorder":1294,"allow":18465,"allowFullScreen":11,"title":25139},"https://www.youtube.com/embed/Hqqq6LIhRb8?feature=oembed","Create a Crowd Simulation in Blender Using AI Generated Models - Blender Tutorial",[101,25141,25142],{},[486,25143,24895],{},[1148,25145,25146,25154,25162],{},[1151,25147,25148],{},[266,25149,25151],{"href":25150},"https://techcrunch.com/2023/11/02/stability-ais-latest-tool-uses-ai-to-generate-3d-models/?ref=blog.cg-wire.com",[4123,25152,25153],{},"Stable 3D",[1151,25155,25156],{},[266,25157,25159],{"href":25158},"https://www.adobe.com/creativecloud/3d-ar/campaign/pricing.html?sdid=JVLHVY6X&mv=search&mv2=paidsearch&gad_source=1&gclid=CjwKCAiAqY6tBhAtEiwAHeRopa4H7iHlU_3HjA3OuFW5qx4ZSGKxdrBtvbrylZdCnAOsVSXMyM6YvhoC2LsQAvD_BwE&ref=blog.cg-wire.com",[4123,25160,25161],{},"Adobe Substance 3D",[1151,25163,25164],{},[266,25165,25167],{"href":25166},"https://www.youtube.com/watch?v=Hqqq6LIhRb8&ref=blog.cg-wire.com",[4123,25168,25169],{},"Create a Crowd Simulation in Blender Using AI Generated Models",[114,25171,25173],{"id":25172},"_5-video-generation",[486,25174,25175],{},"5. 動画生成",[101,25177,25178],{},"プロンプトと任意の画像を入力すると、AIが動画を生成してくれます！",[101,25180,25181,25182,25185],{},"画像を生成できるなら、動画も生成できます。しかし現時点での主な技術的な難しさは、スケールさせたときに一貫性のあるフレームを生成することです。技術はまだ黎明期ですが、数秒分の映像によって短い動画を生成し、",[486,25183,25184],{},"絵コンテ","に使える形にすることはすでに可能です。",[101,25187,25188],{},"たとえば、TikTokやYouTubeで「にんじん物語（Carrot Saga）」のバイラルクリップを見たことがあるかもしれません。何百万という再生回数を得ています：",[158,25190,25192],{"className":25191},[87,18458],[18460,25193],{"width":18462,"height":18463,"src":25194,"frameBorder":1294,"allow":18465,"allowFullScreen":11,"title":25195},"https://www.youtube.com/embed/UROWs9HTsbk?feature=oembed","The Carrot Saga | Part 1 - The Fall of the Broccoli Empire",[101,25197,25198],{},[486,25199,24895],{},[1148,25201,25202,25210,25218,25226,25234,25242],{},[1151,25203,25204],{},[266,25205,25207],{"href":25206},"https://www.adobe.com/products/firefly.html?ref=blog.cg-wire.com",[4123,25208,25209],{},"Adobe Firefly",[1151,25211,25212],{},[266,25213,25215],{"href":25214},"https://3dvf.com/la-recherche-sur-l-ia-generative-chez-adobe-video-radi-raf-2023/?ref=blog.cg-wire.com",[4123,25216,25217],{},"Generative AI at Adobe（フランス語）",[1151,25219,25220],{},[266,25221,25223],{"href":25222},"https://stability.ai/news/stable-video-diffusion-open-ai-video-model?ref=blog.cg-wire.com",[4123,25224,25225],{},"Stable Video Diffusion",[1151,25227,25228],{},[266,25229,25231],{"href":25230},"https://pika.art/?ref=blog.cg-wire.com",[4123,25232,25233],{},"Pika Art",[1151,25235,25236],{},[266,25237,25239],{"href":25238},"https://www.youtube.com/watch?v=UROWs9HTsbk&ref=blog.cg-wire.com",[4123,25240,25241],{},"The Carrot Saga（AIアニメーション）",[1151,25243,25244],{},[486,25245,25246],{},[4123,25247,25248],{},"Sora",[114,25250,25252],{"id":25251},"_6-real-time-rendering",[486,25253,25254],{},"6. リアルタイムレンダリング",[101,25256,25257],{},"リアルタイムレンダリングとは、ミリ秒単位でアニメーションのフレームを生成し、即座に表示するプロセスです。レンダリングは伝統的に計算コストが高い作業ですが、AIを活用したレンダリングなら、さまざまなタスクでほぼ即時の結果を提供できます：",[158,25259,25261],{"className":25260},[87,18458],[18460,25262],{"width":18462,"height":18463,"src":25263,"frameBorder":1294,"allow":18465,"allowFullScreen":11,"title":25264},"https://www.youtube.com/embed/-IWPDt4_jjU?feature=oembed","Real time Rendering Performance Breakthrough Boosted by AI   DLSS 3 Supported in D5 Render",[1148,25266,25267,25273,25279],{},[1151,25268,25269,25272],{},[486,25270,25271],{},"事前可視化"," - リアルタイムレンダリングにより、アニメーターは動き、表情、インタラクションをすぐに確認でき、より魅力的なキャラクターや環境を作ることができます。",[1151,25274,25275,25278],{},[486,25276,25277],{},"インタラクティブなストーリーテリング"," - リアルタイムレンダリングを使えば、ユーザーの選択がストーリー展開に動的に影響するインタラクティブな物語を制作できます。AIアルゴリズムが別のシーンやキャラクター、結果のレンダリングを支えることで、より没入感のある体験を観客に提供できます。",[1151,25280,25281,25284],{},[486,25282,25283],{},"協同プロトタイピング"," - リアルタイムレンダリングはプロトタイピングの段階で非常に価値があります。アニメーターがさまざまなビジュアルスタイル、ライティング設定、カメラアングルをすぐに試せるからです。プロジェクトの異なる要素に取り組むアーティスト同士が、即座に更新内容を共有でき、より効率的な共同ワークフローを促進します。",[101,25286,25287],{},[486,25288,24895],{},[1148,25290,25291,25299,25307,25315],{},[1151,25292,25293],{},[266,25294,25296],{"href":25295},"https://www.youtube.com/watch?v=pNyIp73zva8&ref=blog.cg-wire.com",[4123,25297,25298],{},"ComfyUIと3ds Maxで行うリアルタイムAIレンダリング",[1151,25300,25301],{},[266,25302,25304],{"href":25303},"https://www.d5render.com/?ref=blog.cg-wire.com",[4123,25305,25306],{},"D5 Render",[1151,25308,25309],{},[266,25310,25312],{"href":25311},"https://www.youtube.com/watch?v=tQWzzACUbw0&ref=blog.cg-wire.com",[4123,25313,25314],{},"Nvidiaによるリアルタイムレイトレーシング",[1151,25316,25317],{},[266,25318,25320],{"href":25319},"https://kesen.realtimerendering.com/sig2023.html?ref=blog.cg-wire.com",[4123,25321,25322],{},"リアルタイムレンダリングに関する公開論文",[114,25324,25326],{"id":25325},"_7-keyframe-animation",[486,25327,25328],{},"7. キーフレームアニメーション",[101,25330,25331],{},"キーフレームアニメーションは、動きの開始点と終了点を定義するために一連のフレームを作成する手法です。Cascadeur のようなAIツールは、アニメーターに膨大な時間を節約できます：",[158,25333,25335],{"className":25334},[87,18458],[18460,25336],{"width":18462,"height":18463,"src":25337,"frameBorder":1294,"allow":18465,"allowFullScreen":11,"title":25338},"https://www.youtube.com/embed/R3pJ2HHFaTo?feature=oembed","Cascadeur - AI-Assisted Keyframe Animation Software",[1148,25340,25341,25347],{},[1151,25342,25343,25346],{},[486,25344,25345],{},"自動補間"," - AIによる補間（インターポレーション）は、キーフレーム間のフレームを生成する別の方法です。いくつかのポーズから、Cascadeurはキーフレームだけでなく、セカンダリモーションも含めたリアルなモーションアニメーションを生成できます。",[1151,25348,25349,25352],{},[486,25350,25351],{},"リグ生成"," - Cascadeurは、複雑な3Dモデル用のリグも自動生成できます。",[101,25354,25355],{},[486,25356,24895],{},[1148,25358,25359],{},[1151,25360,25361],{},[266,25362,25364],{"href":25363},"https://cascadeur.com/?ref=blog.cg-wire.com",[4123,25365,25366],{},"Cascadeur",[114,25368,25370],{"id":25369},"_8-rotoscopic-animation",[486,25371,25372],{},"8. ロトスコープアニメーション",[101,25374,25375],{},"ロトスコープアニメーションは、実写の映像をなぞり、リアルなアニメーションを作り出す手法です。AIは、ロトスコーピングのプロセスを支援しつつ、さまざまなメリットを提供します：",[158,25377,25379],{"className":25378},[87,18458],[18460,25380],{"width":18462,"height":18463,"src":25381,"frameBorder":1294,"allow":18465,"allowFullScreen":11,"title":25382},"https://www.youtube.com/embed/e818LgnJ9rI?feature=oembed","Revealing How CodeMiko Is Made",[1148,25384,25385,25391,25397],{},[1151,25386,25387,25390],{},[486,25388,25389],{},"Vtuber"," - リアルタイムレンダリングと組み合わせることで、AI支援のロトスコープアニメーションを使い、ライブ配信やその他の動画コンテンツ向けのバーチャルアバターを作成できます。",[1151,25392,25393,25396],{},[486,25394,25395],{},"自動フレーム検出"," - AIアルゴリズムは実写映像の中からキーフレームを自動で検出し、ロトスコーピングの初期段階を効率化します。これにより、フレームごとのトレースに必要な手作業を減らせます。",[1151,25398,25399,25402],{},[486,25400,25401],{},"トレース支援"," - AIは、キャラクターやオブジェクトの輪郭をなぞるなど、特定のトレース作業を自動化して、アニメーターを支援できます。",[101,25404,25405],{},[486,25406,24895],{},[1148,25408,25409],{},[1151,25410,25411],{},[266,25412,25414],{"href":25413},"https://live3d.io/vtuber_maker?ref=blog.cg-wire.com",[4123,25415,25416],{},"VTuber Maker",[114,25418,25420],{"id":25419},"_9-image-recognition",[486,25421,25422],{},"9. 画像認識",[101,25424,25425],{},"画像認識とは、画像の中の物体を特定し分類するプロセスです。 ",[158,25427,25429],{"className":25428},[87,161],[163,25430],{"src":25431,"className":25432,"alt":168,"loading":169,"width":25433,"height":25434},"https://lh7-us.googleusercontent.com/cKQc3uKYI5x81TPlKMGcCWH9Zx2zhCycqnYKw2J0RjZliCiIY4mXiX2Fa8IGkkSSg1HIix1trB5QACARX3GP-EJ32SPmToOQqThaIf_jYb97uteWKjhsf0yzG2Dhw-roD6x67kVuC_UShQZ4wFsLLCc",[167],607,456,[1148,25436,25437,25443,25449,25455],{},[1151,25438,25439,25442],{},[486,25440,25441],{},"シーン分解と分析"," - AIアルゴリズムは複雑なシーンを解析し、キャラクター、オブジェクト、背景、照明条件といった要素を自動で特定・分類できます。この機能により、シーン分解のプロセスがシンプルになり、各フレームの詳細な分析が可能になって、さらにレビューを速めるために、シーン内の視覚要素をより効率的に理解しやすくなります。",[1151,25444,25445,25448],{},[486,25446,25447],{},"注釈"," - テキスト生成ツールと組み合わせることで、AIはストーリーボードに説明やメモを自動で付けられます。これにより、アニメーション制作に関わる異なるチーム間でのコミュニケーションを簡潔にし、各プレビューのフレームにおける意図された視覚要素や物語要素を、関係者全員が明確に理解できるようにします。",[1151,25450,25451,25454],{},[486,25452,25453],{},"顔認識と表情分析"," - アニメーターはモーショントラッキングを活用してリアルなアニメーションを実現できます。これがVtuberアバターによるリップシンクやハンドシンクの実装方法です。",[1151,25456,25457,25460],{},[486,25458,25459],{},"品質管理とエラー検出"," - AIは品質管理に活用でき、画像内の異常、エラー、不整合を自動で検出して、アニメーション制作プロセスの精度を高め、制作パイプラインの早い段階でスタジオが問題を発見し修正できるよう支援します。",[101,25462,25463],{},[486,25464,24895],{},[1148,25466,25467,25475],{},[1151,25468,25469],{},[266,25470,25472],{"href":25471},"https://openai.com/gpt-4?ref=blog.cg-wire.com",[4123,25473,25474],{},"GPT4（Vision搭載）",[1151,25476,25477],{},[266,25478,25480],{"href":25479},"https://roboflow.com/?ref=blog.cg-wire.com",[4123,25481,25482],{},"Roboflow",[114,25484,25486],{"id":25485},"_10-voice-acting",[486,25487,25488],{},"10. 声優（ボイス演技）",[101,25490,25491],{},"AI支援の声優（ボイス演技）とは、アニメーションキャラクターやその他の音声コンテンツについて、音声の生成または強化を行うことです。",[1148,25493,25494,25500,25506],{},[1151,25495,25496,25499],{},[486,25497,25498],{},"テキスト読み上げ（TTS）合成"," - AIは、書かれたテキストを自然な抑揚や表現を伴って話し言葉へ変換できます。アニメーションスタジオは、TTSを使って素早くプロトタイプを作ったり、仮のボイスオーバーを生成したり、人間の声優を起用する前にセリフのバリエーションを試したりできます。",[1151,25501,25502,25505],{},[486,25503,25504],{},"音声クローンと複製"," - AIは特定の声優のスタイル、トーン、ニュアンスを分析し、実質的にその声をクローンできます。この機能は、プロジェクト間での一貫性を保ったり、元の声優が利用可能でない場合でも追加のセリフを作ったりするのに役立ちます。",[1151,25507,25508,25511],{},[486,25509,25510],{},"多言語の音声生成"," - AIによる音声生成は複数言語での発話を可能にし、世界中の視聴者に対応する柔軟性を提供します。アニメーションスタジオはコンテンツを容易にローカライズでき、広範な手作業による音声収録を行わずに、キャラクターが各言語で自然に話しているかのようにできます。",[101,25513,25514],{},[486,25515,24895],{},[1148,25517,25518,25526],{},[1151,25519,25520],{},[266,25521,25523],{"href":25522},"https://elevenlabs.io/?ref=blog.cg-wire.com",[4123,25524,25525],{},"ElevenLabs",[1151,25527,25528],{},[266,25529,25531],{"href":25530},"https://platform.openai.com/docs/models/tts?ref=blog.cg-wire.com",[4123,25532,25533],{},"OpenAI テキスト読み上げ",[114,25535,25536],{"id":559},[486,25537,560],{},[101,25539,25540],{},"AIはすでにアニメーション業界を変え始めており、今後数年でその流れはさらに続いていくでしょう。まだ始まったばかりではあるものの、コンセプトアートからレンダリング、そして配信に至るまで、アニメーションスタジオにおけるAIの可能性はすでに見えてきています。",[101,25542,25543],{},"アニメーション制作のアーティストにとって、AIは制作プロセスを効率化し、初期スキルに関係なく、より創造性を発揮できる強力な道具です。",[101,25545,25546],{},"AIは人間の創造性に取って代わるものではなく、アニメーターの道具箱の中のもう一つのツールであることを忘れないことが重要です。つまり、近い将来には一人で作るアニメーションスタジオの新しい波が来ることが期待できるだけでなく、スタジオ間の連携もさらに増えていくでしょう。もちろん、人件費の低下により、より多くのプロジェクトが生まれることも期待できます。",[101,25548,25549],{},"最後になりましたが、AIプラットフォームは著作権（作者の権利）への対応を迫られ、制作の現場に広く浸透するために適切な形を見つける必要があります。アーティストの承認がなければ、アート生成は繁栄できません。これらの点がクリアになれば、この新しい技術は私たちの目を楽しませるために、創造性を押し上げるはずです！",[101,25551,25552,25555,25560],{},[702,25553,25554],{},"クリエイティブな制作パイプラインの未来について語りたい、または世界中の1000人以上のアニメーション専門家と気軽に交流したい場合は ",[266,25556,25557],{"href":23625},[702,25558,25559],{},"Discordに参加してください",[702,25561,7323],{},{"title":168,"searchDepth":600,"depth":600,"links":25563},[25564,25565,25566,25567,25568,25569,25570,25571,25572,25573,25574],{"id":24856,"depth":600,"text":24859},{"id":24924,"depth":600,"text":24927},{"id":25019,"depth":600,"text":25022},{"id":25095,"depth":600,"text":25098},{"id":25172,"depth":600,"text":25175},{"id":25251,"depth":600,"text":25254},{"id":25325,"depth":600,"text":25328},{"id":25369,"depth":600,"text":25372},{"id":25419,"depth":600,"text":25422},{"id":25485,"depth":600,"text":25488},{"id":559,"depth":600,"text":560},"https://images.unsplash.com/photo-1678390210450-22bd7664dc05?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3wxMTc3M3wwfDF8c2VhcmNofDMyfHxBcnRpZmljaWFsJTIwaW50ZWxsaWd8ZW58MHx8fHwxNzA4NDM4NTU1fDA&ixlib=rb-4.0.3&q=80&w=2000",{"updated_at":25577,"featured_at":612,"visibility":613},"2026-03-26T10:26:23.000+01:00","/blog-i18n/ja/artificial-intelligence-in-animation-state-of-the-art-february-2024","2024-02-21T15:39:57.000+01:00",{"title":24837,"description":24844},"artificial-intelligence-in-animation-state-of-the-art-february-2024","blog-i18n/ja/artificial-intelligence-in-animation-state-of-the-art-february-2024/index",[25584],{"id":620,"name":621,"slug":622,"description":7,"feature_image":7,"visibility":613,"og_image":7,"og_title":7,"og_description":7,"twitter_image":7,"twitter_title":7,"twitter_description":7,"meta_title":7,"meta_description":7,"codeinjection_head":7,"codeinjection_foot":7,"canonical_url":7,"accent_color":7,"url":623},"YczTKOEXdDfjjfYwNYY620eswT0GzoJJ4qCysJ-5KIQ",{"id":25587,"title":25588,"authors":25589,"body":25591,"description":25595,"extension":608,"feature_image":25827,"html":7,"meta":25828,"navigation":11,"path":25830,"published_at":25831,"seo":25832,"slug":25833,"stem":25834,"tags":25835,"__hash__":25837,"updated_at":25829,"featured_at":612,"visibility":613},"blog/blog-i18n/ja/prism-and-kitsu-integration-a-full-stack-for-your-production-workflow/index.md","PrismとKitsuの統合：制作ワークフローのためのフルスタック",[25590],{"id":20735,"name":20736,"slug":20737,"profile_image":20738,"cover_image":20739,"bio":20740,"website":20741,"location":11072,"facebook":7,"twitter":11073,"meta_title":7,"meta_description":7,"threads":7,"bluesky":7,"mastodon":7,"tiktok":7,"youtube":7,"instagram":7,"linkedin":7,"url":20742},{"type":81,"value":25592,"toc":25806},[25593,25596,25599,25602,25606,25609,25612,25620,25623,25632,25636,25639,25642,25646,25649,25653,25656,25660,25663,25667,25670,25676,25682,25685,25695,25701,25704,25714,25724,25730,25733,25742,25746,25749,25757,25761,25764,25772,25776,25779,25786,25788,25791,25794],[101,25594,25595],{},"さまざまなツールやプラットフォームのシームレスな統合は、アニメーションおよびVFX制作という、進化し続ける領域において必要不可欠になってきました。効率的なコミュニケーションのために、すべてのスタジオには制作トラッカーとアセットマネージャーが必要です。前者はタスクの管理と納品の検証を可能にし、後者はファイルとクリエイティブツールを扱います。",[101,25597,25598],{},"人気のアセット管理システムであるPrism Pipelineと、私たちのコラボレーションプラットフォームであるKitsuの統合は、制作パイプラインの2つの主要パートをつなぎ合わせます。これにより、スタジオを管理するための包括的なスイートを実現します。 ",[101,25600,25601],{},"では、この新しいスタックがもたらす新たなメリットと機能を見ていきましょう！",[114,25603,25605],{"id":25604},"introduction-to-prism-pipeline-and-kitsu","Prism PipelineとKitsuの概要",[101,25607,25608],{},"統合を探る前に、PrismとKitsuについていくつかお話ししたいと思います。",[4249,25610,23507],{"id":25611},"prism-pipeline",[101,25613,25614,25615,25617],{},"Prism Pipelineは、汎用性と使いやすさによって人気を集めているオープンソースのアセット管理システムです。CGアーティストのワークフローを効率化するよう設計されており、DCC（デジタル・コンテンツ・クリエーション）からすぐにファイルやアセットを管理できます。 ",[534,25616],{},[266,25618,25619],{"href":23505},"https://prism-pipeline.com/",[4249,25621,6374],{"id":25622},"kitsu",[101,25624,25625,25626,25628],{},"Kitsuは、私たちのコラボレーションプラットフォームです。チームがプロジェクトの進捗をリアルタイムで追跡できるようにし、アサインメント、データ共有、レビューのためのツールを提供します。",[534,25627],{},[266,25629,25631],{"href":25630},"cg-wire.com/kitsu","https://cg-wire.com/kitsu",[114,25633,25635],{"id":25634},"the-benefits-of-the-integration","統合のメリット",[101,25637,25638],{},"手短に言うと、Prism PipelineとKitsuを統合すれば、スタジオが「ステロイドを飲んだように」加速します。以下に、その主な利点を挙げます。",[101,25640,25641],{},"注：補足ですが、PrismチームはKitsuとPrismの統合を有料プラグインにしました。そのため、動作させるために追加費用が必要になります。",[4249,25643,25645],{"id":25644},"seamless-communication","シームレスなコミュニケーション",[101,25647,25648],{},"異なるチーム間のコミュニケーションはスムーズに：アーティストとマネージャーは、情報やフィードバックを直接やり取りできます。情報はDCCから、またはWebプラットフォーム経由で送信できます。場所を問わず、データや情報を共有できるため、エラーや誤解が減ります。",[4249,25650,25652],{"id":25651},"managed-asset-management-lifecycle","管理されたアセット管理ライフサイクル",[101,25654,25655],{},"Prismは、アセットを構築して保管するためのフレームワークを提供します。Kitsuのデータから、すべてのファイルを適切に整理できるようになります。シーンの準備が整ったら、Prismはシーンから生成したプレイブラストをKitsuへプッシュできます。ディレクターはKitsu（またはRV）でレビューを実行し、フィードバックをアーティストへ直接送れます。アセットのライフサイクルは管理下にあります。",[4249,25657,25659],{"id":25658},"real-time-progress-tracking","リアルタイムの進捗トラッキング",[101,25661,25662],{},"この統合により、リアルタイムで進捗を追跡できます。チームメンバーは、Kitsu内でさまざまなタスクやマイルストーンの状況を直接監視できます。これにより、より良い計画とリソース配分が可能になり、プロジェクトが計画通り、かつ定められた期限内に収まるようになります。",[4249,25664,25666],{"id":25665},"enhanced-feedback-loop","強化されたフィードバックループ",[101,25668,25669],{},"スーパーバイザーやチームリードは、KitsuまたはRV内で直接素早くフィードバックを提供し、アセットを承認できます。レビューのプロセスが加速し、フィードバックが迅速かつ正確に反映されることを保証します。これにより、より多くの反復を行えます。",[114,25671,25673,25674],{"id":25672},"how-the-integration-work","統合の仕組み",[534,25675],{},[4249,25677,25679],{"id":25678},"kitsu-project-synchronization",[486,25680,25681],{},"Kitsuプロジェクトの同期",[101,25683,25684],{},"最初のステップは、Kitsuに制作物を作成することです。すべてのアセット、ショット、タスクを列挙します。次に、すべてのアーティストのワークステーションにPrismをセットアップします。完了したら、PrismにKitsuプラグインをインストールします。これにより、プロジェクトがPrismのインストール状況と同期されます。Kitsuプロジェクトに追加した内容はすべて、Prismにも反映されます。",[158,25686,25688],{"className":25687},[87,161],[163,25689],{"src":25690,"className":25691,"alt":168,"loading":169,"width":25692,"height":25693,"srcSet":25694,"sizes":173},"https://blog.cg-wire.com/content/images/2023/11/kitsu_prism_1.webp",[167],1501,844,"https://blog.cg-wire.com/content/images/size/w600/2023/11/kitsu_prism_1.webp 600w, https://blog.cg-wire.com/content/images/size/w1000/2023/11/kitsu_prism_1.webp 1000w, https://blog.cg-wire.com/content/images/2023/11/kitsu_prism_1.webp 1501w",[4249,25696,25698],{"id":25697},"file-management",[486,25699,25700],{},"ファイル管理",[101,25702,25703],{},"Prismがファイルの整理を担当します。Kitsuプラグインを有効にすると、Kitsuに設定した要素からファイル階層が作成されます。アーティストは、Kitsuのタスクに一致するファイルを開くだけで作業を開始できます。Prismは、ファイルを扱うために任意のCGIソフトウェアを使用できる能力を備えています。各タスクは複数のファイルと、各ファイルに対する複数のバージョンを扱えます。タスクに取り組むために複数のツールを使うことも可能です。あらゆる種類のシーンを構築するために必要なことをすべてカバーします。",[158,25705,25707],{"className":25706},[87,161],[163,25708],{"src":25709,"className":25710,"alt":168,"loading":169,"width":25711,"height":25712,"srcSet":25713,"sizes":173},"https://blog.cg-wire.com/content/images/2023/11/image.png",[167],1436,960,"https://blog.cg-wire.com/content/images/size/w600/2023/11/image.png 600w, https://blog.cg-wire.com/content/images/size/w1000/2023/11/image.png 1000w, https://blog.cg-wire.com/content/images/2023/11/image.png 1436w",[158,25715,25717],{"className":25716},[87,161],[163,25718],{"src":25719,"className":25720,"alt":168,"loading":169,"width":25721,"height":25722,"srcSet":25723,"sizes":173},"https://blog.cg-wire.com/content/images/2023/11/image-1.png",[167],1433,956,"https://blog.cg-wire.com/content/images/size/w600/2023/11/image-1.png 600w, https://blog.cg-wire.com/content/images/size/w1000/2023/11/image-1.png 1000w, https://blog.cg-wire.com/content/images/2023/11/image-1.png 1433w",[4249,25725,25727],{"id":25726},"publishing",[486,25728,25729],{},"パブリッシング",[101,25731,25732],{},"作業が完了したら、数クリックで、レビューセッション用のプレイブラストを生成できます。統合により、Prismはコメントを作成し、新しいレビューリビジョンを作成することで、その結果をKitsuへ公開できます。",[158,25734,25736],{"className":25735},[87,161],[163,25737],{"src":25738,"className":25739,"alt":168,"loading":169,"width":25740,"height":24032,"srcSet":25741,"sizes":173},"https://blog.cg-wire.com/content/images/2023/11/image-2.png",[167],1246,"https://blog.cg-wire.com/content/images/size/w600/2023/11/image-2.png 600w, https://blog.cg-wire.com/content/images/size/w1000/2023/11/image-2.png 1000w, https://blog.cg-wire.com/content/images/2023/11/image-2.png 1246w",[4249,25743,25745],{"id":25744},"get-feedback","フィードバックを取得",[101,25747,25748],{},"Kitsu経由で、スーパーバイザーやディレクターがフィードバックを提供できます。このフィードバックはPrismに取り込めます。そうすることで、アーティストは自分のツールを使い続けながら、作業に何が求められているか、または検証済みかどうかを把握できます。",[158,25750,25752],{"className":25751},[87,161],[163,25753],{"src":25754,"className":25755,"alt":168,"loading":169,"width":25692,"height":25693,"srcSet":25756,"sizes":173},"https://blog.cg-wire.com/content/images/2023/11/kitsu_prism_4.webp",[167],"https://blog.cg-wire.com/content/images/size/w600/2023/11/kitsu_prism_4.webp 600w, https://blog.cg-wire.com/content/images/size/w1000/2023/11/kitsu_prism_4.webp 1000w, https://blog.cg-wire.com/content/images/2023/11/kitsu_prism_4.webp 1501w",[4249,25758,25760],{"id":25759},"rv-integration","RVの統合",[101,25762,25763],{},"最後に、ディレクターはKitsuのプレイリストにRVを接続できます。プレイリストがKitsuで準備できたら、Prismを通じてRVにダウンロードできます。RVで書いたすべてのコメントはKitsuへ送られ、結果としてアーティストのPrismインストールへ反映されます。",[158,25765,25767],{"className":25766},[87,161],[163,25768],{"src":25769,"className":25770,"alt":168,"loading":169,"width":25692,"height":25693,"srcSet":25771,"sizes":173},"https://blog.cg-wire.com/content/images/2023/11/kitsu_prism_7.webp",[167],"https://blog.cg-wire.com/content/images/size/w600/2023/11/kitsu_prism_7.webp 600w, https://blog.cg-wire.com/content/images/size/w1000/2023/11/kitsu_prism_7.webp 1000w, https://blog.cg-wire.com/content/images/2023/11/kitsu_prism_7.webp 1501w",[114,25773,25775],{"id":25774},"full-illustration","全体の図解",[101,25777,25778],{},"Epic Gamesのソリューション・アーキテクトであり、TheMillで過去にCGスーパーバイザーも務めたGaurav Mathurが、両方の技術を統合した完全な例を発表しました。彼が両方の技術に基づいてどのように一連のパイプラインを構築したかがわかります。",[158,25780,25782],{"className":25781},[87,18458],[18460,25783],{"width":18462,"height":18463,"src":25784,"frameBorder":1294,"allow":18465,"allowFullScreen":11,"title":25785},"https://www.youtube.com/embed/MtXxnvgQYko?start=18452&feature=oembed","Unreal Fest Day 1 | Livestream 3",[114,25787,560],{"id":559},[101,25789,25790],{},"Prism PipelineとKitsuの統合は、プロジェクトマネジメントのための一式を構成します。アセット管理とコラボレーション機能を統合することで、制作に必要な「シームレスなコミュニケーション」を実現するためのあらゆる機能が提供されます。",[101,25792,25793],{},"これらの新しい機能は、複数のスタジオとリモートのアーティストを相手に仕事をするときに特に重要です。より大規模で分散したチームでの作業も、今や可能になりました。Prism / Kitsuの統合により、スタジオを拡大するのがかつてないほど簡単になります！",[101,25795,25796,25799,25803],{},[702,25797,25798],{},"追加のサポートが必要なら",[266,25800,25801],{"href":23625},[702,25802,25559],{},[702,25804,25805],{},"。クリエイティブなプロジェクトの共同作業についての助けが欲しい場合も、世界中の1000人以上のアニメーションの専門家と一緒に過ごしたいだけの場合も歓迎です！",{"title":168,"searchDepth":600,"depth":600,"links":25807},[25808,25812,25818,25825,25826],{"id":25604,"depth":600,"text":25605,"children":25809},[25810,25811],{"id":25611,"depth":4819,"text":23507},{"id":25622,"depth":4819,"text":6374},{"id":25634,"depth":600,"text":25635,"children":25813},[25814,25815,25816,25817],{"id":25644,"depth":4819,"text":25645},{"id":25651,"depth":4819,"text":25652},{"id":25658,"depth":4819,"text":25659},{"id":25665,"depth":4819,"text":25666},{"id":25672,"depth":600,"text":25673,"children":25819},[25820,25821,25822,25823,25824],{"id":25678,"depth":4819,"text":25681},{"id":25697,"depth":4819,"text":25700},{"id":25726,"depth":4819,"text":25729},{"id":25744,"depth":4819,"text":25745},{"id":25759,"depth":4819,"text":25760},{"id":25774,"depth":600,"text":25775},{"id":559,"depth":600,"text":560},"https://blog.cg-wire.com/content/images/2023/11/kitsu-prism.png",{"updated_at":25829,"featured_at":612,"visibility":613},"2026-03-26T10:54:26.000+01:00","/blog-i18n/ja/prism-and-kitsu-integration-a-full-stack-for-your-production-workflow","2023-11-29T12:03:58.000+01:00",{"title":25588,"description":25595},"prism-and-kitsu-integration-a-full-stack-for-your-production-workflow","blog-i18n/ja/prism-and-kitsu-integration-a-full-stack-for-your-production-workflow/index",[25836],{"id":620,"name":621,"slug":622,"description":7,"feature_image":7,"visibility":613,"og_image":7,"og_title":7,"og_description":7,"twitter_image":7,"twitter_title":7,"twitter_description":7,"meta_title":7,"meta_description":7,"codeinjection_head":7,"codeinjection_foot":7,"canonical_url":7,"accent_color":7,"url":623},"kRkiVdmGgTmINfyhpRhTLcjkBft2L4SAG5_-eBdFKto",{"id":25839,"title":25840,"authors":25841,"body":25843,"description":25847,"extension":608,"feature_image":25900,"html":7,"meta":25901,"navigation":11,"path":25903,"published_at":25904,"seo":25905,"slug":25906,"stem":25907,"tags":25908,"__hash__":25910,"updated_at":25902,"featured_at":612,"visibility":613},"blog/blog-i18n/ja/list-of-open-source-technologies-for-your-cg-pipeline/index.md","CGパイプラインのためのオープンソース技術リスト（2026年）",[25842],{"id":20735,"name":20736,"slug":20737,"profile_image":20738,"cover_image":20739,"bio":20740,"website":20741,"location":11072,"facebook":7,"twitter":11073,"meta_title":7,"meta_description":7,"threads":7,"bluesky":7,"mastodon":7,"tiktok":7,"youtube":7,"instagram":7,"linkedin":7,"url":20742},{"type":81,"value":25844,"toc":25898},[25845,25848,25858,25861,25893],[101,25846,25847],{},"私たちがCGWireを始めたとき、CGパイプラインをより速く構築するためのオープンソース技術を探していました。私たちはそれらを数多く見つけましたが、時間がかなりかかり、共有するための中央リポジトリがありませんでした。",[101,25849,25850,25851,25857],{},"同時に、ソフトウェア開発の世界では、特定の分野に関連する技術やリソースの「",[266,25852,25856],{"href":25853,"rel":25854},"https://github.com/sindresorhus/awesome?ref=blog.cg-wire.com",[25855],"noopener","awesome","」リストを作るのが一般的な実践になっていることに気づきました。これらのリストは参加型で、誰もが追加を持ち込むことで貢献できます。そうすることで、誰にとっても物事が簡単になります。ユーザーはリソースを見つけやすくなり、著者は自分の仕事を参照してもらえます。",[101,25859,25860],{},"CGの世界にこのような欠けている部分があるのは明らかでした。そこで、CGパイプラインの構築プロセスに関連する無料かつオープンソースの技術の「awesome」リストを作ることにしました。すでに70以上の技術が含まれており、複数の人がそれに貢献しています。もし興味があれば、以下のリンクをクリックして、そのページを訪れ、あなた自身のリンクも追加してください：",[158,25862,25865],{"className":25863},[87,25864],"kg-bookmark-card",[266,25866,25870],{"className":25867,"href":25869},[25868],"kg-bookmark-container","https://github.com/cgwire/awesome-cg-pipeline?ref=blog.cg-wire.com",[84,25871,25874,25879,25884],{"className":25872},[25873],"kg-bookmark-content",[84,25875,25878],{"className":25876},[25877],"kg-bookmark-title","cgwire/awesome-cg-pipeline",[84,25880,25883],{"className":25881},[25882],"kg-bookmark-description","awesome-cg-pipeline - CG向けのパイプラインを構築するプロセスを助けるオープンソース技術のリスト…",[84,25885,25888],{"className":25886},[25887],"kg-bookmark-metadata",[285,25889,25892],{"className":25890},[25891],"kg-bookmark-author","github.com",[101,25894,25895],{},[702,25896,25897],{},"このブログはCGパイプラインと制作（プロダクション）管理に捧げられています。ソフトウェア戦略に関心があるなら、きっと私たちの記事を楽しんでいただけるはずです。自分たちの課題／解決策について議論したり、他の人から学んだりできるDiscordチャンネルもあります。",{"title":168,"searchDepth":600,"depth":600,"links":25899},[],"https://blog.cg-wire.com/content/images/max/800/1-YO1Kkcm9-zq28_f6PeUmzA.png",{"updated_at":25902,"featured_at":612,"visibility":613},"2026-03-27T10:50:03.000+01:00","/blog-i18n/ja/list-of-open-source-technologies-for-your-cg-pipeline","2018-05-14T11:11:12.000+02:00",{"title":25840,"description":25847},"list-of-open-source-technologies-for-your-cg-pipeline","blog-i18n/ja/list-of-open-source-technologies-for-your-cg-pipeline/index",[25909],{"id":620,"name":621,"slug":622,"description":7,"feature_image":7,"visibility":613,"og_image":7,"og_title":7,"og_description":7,"twitter_image":7,"twitter_title":7,"twitter_description":7,"meta_title":7,"meta_description":7,"codeinjection_head":7,"codeinjection_foot":7,"canonical_url":7,"accent_color":7,"url":623},"wQRGQYRoIGmYxhWkMvMceKyENKdZxs-sT3V1ptlxfL8",{"id":25912,"title":25913,"authors":25914,"body":25916,"description":25920,"extension":608,"feature_image":26026,"html":7,"meta":26027,"navigation":11,"path":26029,"published_at":26030,"seo":26031,"slug":26032,"stem":26033,"tags":26034,"__hash__":26036,"updated_at":26028,"featured_at":612,"visibility":613},"blog/blog-i18n/ja/agile-cg-pipeline/index.md","CGパイプラインにおけるアジャイル（2026）",[25915],{"id":20735,"name":20736,"slug":20737,"profile_image":20738,"cover_image":20739,"bio":20740,"website":20741,"location":11072,"facebook":7,"twitter":11073,"meta_title":7,"meta_description":7,"threads":7,"bluesky":7,"mastodon":7,"tiktok":7,"youtube":7,"instagram":7,"linkedin":7,"url":20742},{"type":81,"value":25917,"toc":26024},[25918,25921,25924,25929,25932,25935,25938,25943,25950,25953,25956,25959,25964,25971,25978,25981,25984,25987,25991,25994,25997,26000],[101,25919,25920],{},"アジャイル手法はWeb業界ではよく知られています。これらは、特に変化の激しい環境において、ソフトウェアを構築する際の予測不能さに対応するために設計されています。CGスタジオのパイプライン開発とは非常に相性が良い可能性があります。それでも実際には、ほとんどの人がそれを適用せず、代わりに日々の中で発生する想定外のニーズの絶え間ない流れに対処することを好みます。これは、プレッシャーが非常に高く、プロダクション中に作られたものが容易に再利用できないために起こります。",[101,25922,25923],{},"一方で、スタジオが最初から大規模なプロジェクトを構築し、CGパイプラインのあらゆる側面をカバーしたいと考えることもあります。開発には何年もかかり、ほとんどの時間は、結局は納品することがないまま、多くの挫折につながります。",[101,25925,25926],{},[486,25927,25928],{},"アジャイル手法の本質",[101,25930,25931],{},"では、なぜパイプラインを開発する際にアジャイル手法を使うのでしょうか？ アジャイルは、予測不能な環境に対してより安心して取り組めるようにするのに適しており、混乱をうまく管理します。",[101,25933,25934],{},"まず考慮すべきなのは、プロジェクトの成功を保証するうえで最も重要な要素がコミュニケーションであるということです。全員が常に同じ認識を持つ必要があります。アジャイルはまさにそれを行います。背後にある主な考え方は、定期的な儀式（リチュアル）を通じて、すべてのステークホルダーが適切にコミュニケーションできていることを担保し、全員を軌道に乗せ続けることです。",[101,25936,25937],{},"アジャイルは、あなたのチームに合わせて適応させることを目的としています。スタジオや会社でうまく機能したことが、あなたの組織では機能しない場合もあります。何を始めるにしても、まずは最も広く使われている2つのフレームワーク、SCRUM と Kanban から始めるのが良いでしょう。そして、カルチャーにより合うように、儀式を取り除いたり、修正したり、追加したりすることをおすすめします。",[101,25939,25940],{},[486,25941,25942],{},"Kanban",[158,25944,25946],{"className":25945},[87,161],[163,25947],{"src":25948,"className":25949,"alt":168,"loading":169},"https://blog.cg-wire.com/content/images/max/800/1-iSHSRId5FAmZz3lnMqebMA.png",[167],[101,25951,25952],{},"Kanbanはメンテナンスに適しており、日々のCGスタジオのニーズに対応するために活用できます。シンプルで、誰もが同じ付箋（ポストイット）のボードに従います。左の列は、要求によって継続的に補充されます。各列は、ビルドプロセスの1つのステップを表します（たとえばコード、テスト、バリデーション）。タスクに取り組む進捗は、そのタスクの状況を示す列へ関連する付箋を移動させることで可視化します。そして、これにはシンプルなルールが1つあります。あるステップに同時に置けるカード数は x 枚まで、ということです。そのため、ある列でボトルネックが発生したら、それが解消されるまで、それ以外の作業はすべて止めます。",[101,25954,25955],{},"時々ミーティングが組まれ、開発の現状を議論し、何を改善できるかを確認します。",[101,25957,25958],{},"全体としての目標は、全員が何が起きているかを把握し、何かを待つことで詰まってしまわないようにすることです。日々の運用にはとても向いていますが、長期的な見通しを描くのは難しくなります。",[101,25960,25961],{},[486,25962,25963],{},"SCRUM",[158,25965,25967],{"className":25966},[87,161],[163,25968],{"src":25969,"className":25970,"alt":168,"loading":169},"https://blog.cg-wire.com/content/images/max/800/1-e8poplNLosYKCYVKMmlLKA.png",[167],[101,25972,25973,25977],{},[266,25974,25963],{"href":25975,"rel":25976},"https://www.scrum.org/resources/what-is-scrum/?ref=blog.cg-wire.com",[25855],"は、中〜長期の開発により適しています。優先順位について全員が同意し、進捗の定期的なデモが組み込まれることを保証します。すべてがスプリントのリズムに沿って進みます。何を行うかはスプリントの最初に決められ、次のスプリントまで変更されません。",[101,25979,25980],{},"チームの各メンバーには、明確な役割が与えられます。プロダクトオーナー（優先順位と機能要件を扱う）、開発者（プロダクトを作る）、スクラムマスター（アジャイル手法が十分に理解され、適切に適用されていることを確認する）です。",[101,25982,25983],{},"今後のスプリントで何が達成されるかを、おおよそ見積もることができます。そうすることで、すべての部署とトップマネジメントに共有できるロードマップを作ることができます。",[101,25985,25986],{},"SCRUMは、人々の集中とモチベーションを保つのに優れています。階層（上長）への報告にも向いていますが、緊急事態への対応を目的としているわけではありません。",[101,25988,25989],{},[486,25990,560],{},[101,25992,25993],{},"アジャイルとは適応することです。したがって、生産環境でも使える可能性があるのは驚くことではありません。CGWireでは、パイプラインとプロダクションツールを構築するためにそれらを適用することを強くおすすめします。これにより、各部署間の連携がはるかにスムーズになります。",[101,25995,25996],{},"アジャイルが全員に受け入れられたあと、直面する最大の課題は、儀式を厳密に（粘り強く）適用することです。儀式を軽視してしまうのはとても簡単だと気づくでしょう（技術者でない人は、そこにいないことに対して常に良い理由を見つけがちです）。しかし儀式は、手法の土台（バックボーン）です。毎回同じスケジュールで計画されないようになると、物事は崩れていき、日々の組織運営に逆戻りします。だから、儀式には厳しくありましょう。",[101,25998,25999],{},"まとめとして、私たちのアドバイスはこうです。稼働中のニーズには Kanban 手法、より再利用しやすい開発には SCRUM 手法から始めてください。あなたのカルチャーとスケジュールに合わせて調整します。それに慣れたら、非常に厳格になり、規律を守ってください。映画を作るのは大変です。ソフトウェアを作るのも大変です。競争に勝ちたいなら、いい加減な見積もりや妥協は許されません。",[101,26001,26002,26005,26011,26014,26021],{},[702,26003,26004],{},"この記事はCGパイプラインおよびプロダクションマネジメントに捧げています。ソフトウェア戦略やアニメーション映画に興味はありますか？ きっと ",[266,26006,26008],{"href":26007},"https://medium.com/@cgwire/?ref=blog.cg-wire.com",[702,26009,26010],{},"私たちのすべての記事",[702,26012,26013],{},"を楽しめるはずです。さらに ",[266,26015,26018],{"href":26016,"rel":26017},"http://forum.cg-wire.com/?ref=blog.cg-wire.com",[270,25855,25855,25855],[702,26019,26020],{},"フォーラム",[702,26022,26023],{},"もあります。そこで、あなた自身の課題／解決策について議論したり、他の人から学んだりできます。",{"title":168,"searchDepth":600,"depth":600,"links":26025},[],"https://blog.cg-wire.com/content/images/max/2560/1-nt3EFutd4ODGvnzJ_yK_cw.jpeg",{"updated_at":26028,"featured_at":612,"visibility":613},"2026-02-20T06:03:44.000+01:00","/blog-i18n/ja/agile-cg-pipeline","2018-03-20T01:40:41.000+01:00",{"title":25913,"description":25920},"agile-cg-pipeline","blog-i18n/ja/agile-cg-pipeline/index",[26035],{"id":620,"name":621,"slug":622,"description":7,"feature_image":7,"visibility":613,"og_image":7,"og_title":7,"og_description":7,"twitter_image":7,"twitter_title":7,"twitter_description":7,"meta_title":7,"meta_description":7,"codeinjection_head":7,"codeinjection_foot":7,"canonical_url":7,"accent_color":7,"url":623},"NxKBOu1BQbIuGZECt3UEfxFO9Va-XeJWn5OhjjWEDNY",{"id":26038,"title":26039,"authors":26040,"body":26042,"description":26046,"extension":608,"feature_image":26130,"html":7,"meta":26131,"navigation":11,"path":26133,"published_at":26134,"seo":26135,"slug":26136,"stem":26137,"tags":26138,"__hash__":26140,"updated_at":26132,"featured_at":612,"visibility":613},"blog/blog-i18n/ja/cg-pipeline-shot-casting/index.md","CGパイプラインにおけるショットキャスティング（2026）",[26041],{"id":20735,"name":20736,"slug":20737,"profile_image":20738,"cover_image":20739,"bio":20740,"website":20741,"location":11072,"facebook":7,"twitter":11073,"meta_title":7,"meta_description":7,"threads":7,"bluesky":7,"mastodon":7,"tiktok":7,"youtube":7,"instagram":7,"linkedin":7,"url":20742},{"type":81,"value":26043,"toc":26128},[26044,26047,26050,26055,26058,26061,26066,26070,26073,26078,26082,26085,26088,26096,26099,26104,26108,26111,26114],[101,26045,26046],{},"CG制作のすべてのショットは、主にモデリング部門とセットアップ部門によって作られるアセットで構成されています。これらのアセットは、どんな種類でもあり得ます：キャラクター、プロップ、環境など、挙げればきりがありません。アセットの一覧は、ストーリーボードで概ね決められ、レイアウトの段階でより正確になります。しかし、その内容は、レンダリングの直前、さらには最後の最後まで変わり得るものです。",[101,26048,26049],{},"制作の各工程では、各部門間で効率的に作業を進めるために、シーン内に何が存在しているかを明確にしたリストが必要です。そこで以下では、どのような精度のレベルがあり、どんな場合に移行（トランジション）をよりスムーズにするのに役立つのかを説明します。",[26051,26052,26054],"h4",{"id":26053},"list-of-assets-present-in-the-shot","ショットに存在するアセットの一覧",[101,26056,26057],{},"まず用意できる最も基本的な情報は、そのショットに登場するアセットのリストです。このリストは主に制作管理者（プロダクションマネージャー）が使用します。これにより、アセットの変更がどのショットに影響するのかを把握できます。また、映画の全期間を通して、そのアセットの重要度を見積もるのにも良い方法です。",[101,26059,26060],{},"キャスティングは、Pipeline TD（パイプライン担当テクニカルディレクター）にも役立ちます。この情報があれば、シーン内に存在するすべてのアセットを自動的に取り込むシンプルなシーンビルダーを作成できます。さらに、TDはツールによって制作管理者がリストを作るのを手伝うこともできます。なぜなら、この一覧作成には多くの時間がかかり得るからです。",[101,26062,26063],{},[702,26064,26065],{},"例：ショット01は Agent327、SuperEvil、Gun、Cars、Street で構成される",[26051,26067,26069],{"id":26068},"list-and-number-of-assets-present-in-a-shot","ショットに存在するアセットの一覧と数",[101,26071,26072],{},"次に追加できる情報は、そのショットに存在するアセットの数です。これは制作管理の観点ではさほど重要ではありませんが、シーンビルダーをより正確にするのに役立ちます。アーティストは、取り込んだモデルを複製する必要がなくなり、シーンがどれくらい複雑になりそうかを推測できるようになります。",[101,26074,26075],{},[702,26076,26077],{},"例：ショット01は Agent327（1）、SuperEvil（1）、Gun（1）、Cars（3）、Street（1）で構成される",[26051,26079,26081],{"id":26080},"list-of-instance-of-assets-present-in-a-shot","ショットに存在するアセットのインスタンス一覧",[101,26083,26084],{},"最も正確な解決策は、ショット内に存在する各アセットインスタンスごとにエントリを保存することです。手間がかかるため、この解決策は「正しく行うための十分な時間がある場合」にのみ使うことをおすすめします。",[101,26086,26087],{},"インスタンスのリストがあれば、次の2つの新しい可能性が得られます：",[1148,26089,26090,26093],{},[1151,26091,26092],{},"単一のインスタンスに対して、作業内容と状態を追跡できます。特定のシーンに対してだけ、モデルやセットアップを変更しなければならないことはよくあります。制作管理者は、そのショットで追加作業を引き起こしたアセットが何だったのかを把握できます。",[1151,26094,26095],{},"インスタンスごとのファイルを生成・取り込みできます。シーンの要素を1つだけ変更した場合に、あまり多くの処理を再計算せずに済みます。",[101,26097,26098],{},"すべてのインスタンスを一覧化することは、自動化やコミュニケーションに大きく貢献します。しかし、より複雑にし、相応に多くの追加作業が必要になります。そのため、この種のデータを制作に含めるときは注意してください。",[101,26100,26101],{},[702,26102,26103],{},"例：ショット01は Agent327—1-wounded、SuperEvil-1、Gun-1、Car-1-blue、Car-2-red、Car-3-broken、Street-1で構成される",[26051,26105,26107],{"id":26106},"final-words","最後に",[101,26109,26110],{},"この記事では、単一ショットのキャスティングを扱いました。しかし、ときにはより高いレベルでキャスティングを見る必要があります：シーケンス単位、あるいはエピソード単位（特にTV番組の場合）です。もちろん、同じ原則を適用することもできますが、基本となる一覧は十分でしょう。",[101,26112,26113],{},"以上がキャスティングについてです！シンプルに聞こえるかもしれませんが、管理するのは面倒であり、制作で共有すべき最も重要な情報の1つでもあります。だからこそ、これを取り上げました。しかし、あなたにもきっとそれについての独自の見解があるはずです。ぜひコメントで意見を聞かせてください！",[101,26115,26116,26119,26125],{},[702,26117,26118],{},"この記事は気に入りましたか？ぜひ、当社のブログ記事「 ",[266,26120,26122],{"href":26121},"https://medium.com/@cgwire/cg-pipeline-asset-management-and-dependencies-634b28a1a49a?ref=blog.cg-wire.com",[702,26123,26124],{},"アセット管理と依存関係",[702,26126,26127],{},"」もお読みください。関連があり、良いパイプラインが制作をどう節約できるのかを理解するのに役立つはずです。",{"title":168,"searchDepth":600,"depth":600,"links":26129},[],"https://blog.cg-wire.com/content/images/max/1200/1-PjYKKKZV0g3la2qV43qKtw.jpeg",{"updated_at":26132,"featured_at":612,"visibility":613},"2026-02-20T06:04:12.000+01:00","/blog-i18n/ja/cg-pipeline-shot-casting","2017-12-12T02:25:14.000+01:00",{"title":26039,"description":26046},"cg-pipeline-shot-casting","blog-i18n/ja/cg-pipeline-shot-casting/index",[26139],{"id":620,"name":621,"slug":622,"description":7,"feature_image":7,"visibility":613,"og_image":7,"og_title":7,"og_description":7,"twitter_image":7,"twitter_title":7,"twitter_description":7,"meta_title":7,"meta_description":7,"codeinjection_head":7,"codeinjection_foot":7,"canonical_url":7,"accent_color":7,"url":623},"Jp2Y0L51Oeun8vUqb9gI_oTb9btVRj9q8llxw66ptVY",{"id":26142,"title":26143,"authors":26144,"body":26146,"description":26150,"extension":608,"feature_image":26318,"html":7,"meta":26319,"navigation":11,"path":26321,"published_at":26322,"seo":26323,"slug":26324,"stem":26325,"tags":26326,"__hash__":26328,"updated_at":26320,"featured_at":612,"visibility":613},"blog/blog-i18n/ja/cg-pipeline-in-house-development-vs-commercial-solution/index.md","CGパイプラインにおける内製開発と商用ソリューションの比較（2026）",[26145],{"id":20735,"name":20736,"slug":20737,"profile_image":20738,"cover_image":20739,"bio":20740,"website":20741,"location":11072,"facebook":7,"twitter":11073,"meta_title":7,"meta_description":7,"threads":7,"bluesky":7,"mastodon":7,"tiktok":7,"youtube":7,"instagram":7,"linkedin":7,"url":20742},{"type":81,"value":26147,"toc":26316},[26148,26151,26156,26159,26163,26166,26171,26188,26193,26204,26208,26211,26215,26232,26236,26247,26251,26254,26257,26276,26279,26282,26285,26300,26303],[101,26149,26150],{},"私たちは皆、それぞれ独自のやり方を持っています。状況やチーム、あるいは文化によって、まったく同じ課題に対しても、非常に異なるスタイルでアプローチできます。だからこそ、制作がどのように組み立てられるかには、このような多様性が存在します。つまり、Pipeline TDは自社スタジオの特性に合ったツールを作る傾向があり、そうすることでパイプラインをより正確で強力なものにできるのです。",[101,26152,26153],{},[702,26154,26155],{},"免責事項：CGWireは市販のソリューションを提案していますが、本記事では客観性を保つよう最善を尽くします！",[101,26157,26158],{},"とはいえ、既製のオフ・ザ・シェルフ・ソリューションを購入するほうがはるかに速いこともあり、さらに、手早く時間をかけずに開発できないような追加機能が付いてくる場合もあります。より良くて簡単そうに聞こえますが、デメリットもあります。それは、ソフトウェアに適応する必要があることです。ではどうすればよいのでしょうか。この記事では、あなたの意思決定に役立つように、両方の方法のメリット・デメリットを探っていきます。",[26051,26160,26162],{"id":26161},"in-house-development","内製開発",[101,26164,26165],{},"まず、ここで言う内製開発とは何かというと、スクラッチからツールを作ってそれを使うことです。内部の仕組みを知っているのはあなただけのチームです。他のスタジオでそのまま提供できるようなものにするのは、ほとんど難しいでしょう。",[101,26167,26168],{},[702,26169,26170],{},"メリット",[1148,26172,26173,26176,26179,26182,26185],{},[1151,26174,26175],{},"内製ツールは、特定の制作または特定のプロセスのニーズに正確に合う",[1151,26177,26178],{},"効果を素早く実感できる",[1151,26180,26181],{},"学習しやすい：自分たちで作ったので、仕組みを説明しやすい",[1151,26183,26184],{},"スタジオにとって競争優位になり得る",[1151,26186,26187],{},"反復によって、優れたツールに育てられる",[101,26189,26190],{},[702,26191,26192],{},"デメリット",[1148,26194,26195,26198,26201],{},[1151,26196,26197],{},"品質が劣りがち：多くの場合、内製ソフトは商用ソフトほど“戦ってきた”検証がされておらず、ベンダーが持つような厳格なQAプロセスにも従っていない",[1151,26199,26200],{},"時間とともにコストがかさむことがある：保守管理は非常に時間がかかり得る",[1151,26202,26203],{},"ある制作のためにツールを作っても、次の制作では役に立たないことがある。そのため、内製開発の多くは廃棄されます。大きな問題というわけではありませんが、頭に入れておく必要があります。",[26051,26205,26207],{"id":26206},"commercial-solution","商用ソリューション",[101,26209,26210],{},"商用ソリューションとは、Webサイトやベンダー経由で購入できるソフトウェアのことです。例：Shotgun、Ftrack、Arnold。",[101,26212,26213],{},[702,26214,26170],{},[1148,26216,26217,26220,26223,26226,26229],{},[1151,26218,26219],{},"短期間でパイプラインに多くの機能を追加できる",[1151,26221,26222],{},"何年分もの開発と専門知識を活用できる",[1151,26224,26225],{},"専任のサポートが利用できる",[1151,26227,26228],{},"別のスタジオで見かけていたなどにより、アーティストがすでに慣れている可能性がある",[1151,26230,26231],{},"どのスタジオでも直面する標準的な業務を扱うのに最適",[101,26233,26234],{},[702,26235,26192],{},[1148,26237,26238,26241,26244],{},[1151,26239,26240],{},"ソフトウェアの背後にある会社に依存する（たとえば閉鎖したり、価格を変更したりすることがある）",[1151,26242,26243],{},"隠れたコストが多い（サポート、拡張、設定…）",[1151,26245,26246],{},"万能の解決策はない：商用ソフトはあなたのニーズに完全にフィットすることはありません。つまり、それに合わせてプロセスを適応させる必要があります",[26051,26248,26250],{"id":26249},"decision-factors","意思決定の要因",[101,26252,26253],{},"さらに、選択を行う際には、戦略・文化・予算の3点を考慮すべきだと私たちは考えています。R&D（研究開発）を自社の重要な強みだと見なすスタジオもあれば、それを“ネットワーク”として捉えるスタジオもあります。あるスタジオは、特定のクライアントの期待に到達するためにツールを改善する必要がある一方で、別のスタジオは短い納期の枠内で制作を出荷しなければならない、といった具合です。スタジオの目標は、あなたの意思決定に大きく影響します。",[101,26255,26256],{},"予算はもちろん重要なパラメータです。エンジニアチームを抱えるのは高コストであり、すぐに収益になるわけではありません。長期投資です。予算に余裕がない場合は、内製開発よりも商用ソリューションを探すほうが、おそらく良いでしょう。そして最後に、スタジオの文化も物事の進め方に深く影響します。",[101,26258,26259,26260,26263,26264,26267,26268,26271,26272,26275],{},"たとえばフランスでは、",[702,26261,26262],{},"Buf","スタジオが、自社の内製ソフトだけで知られていました。その結果、彼らは何十年にもわたって群を抜いて存在感を示しました。",[702,26265,26266],{},"Illumination","はレンダーツールとアセットマネージャに大きな努力を払いながら、制作管理にはShotgunを大いに活用しています。",[702,26269,26270],{},"Cube Creative","はオートメーションと、多数のショットを出荷する能力で知られています。",[702,26273,26274],{},"Unit Image","は、この画像の品質で知られています。スタジオのスタイルは、素早く雑に開発して早い成果を得るのか、重要な優位性につながる品質の高いツールを作るのか、あるいは実績があり堅牢なツールに頼るのかを判断するうえで、深く影響します。",[26051,26277,974],{"id":26278},"to-conclude",[101,26280,26281],{},"ソフトウェアを自作するか購入するかを選ぶとき、白黒はつけられません。予算、チーム規模、スタジオ文化、スタジオの戦略といった複数の要因によって決まります。おそらく最終的には、両方の選択肢の組み合わせになるでしょう。要するに、この2つの間でバランスを見つけることです。",[101,26283,26284],{},"SlackチャンネルでBlur StudioのDouglasが提案していたように、最も重要なのはアーキテクチャをモジュール化しておくことです。こうすれば、状況が変化したときや、ある部分について間違った選択をしたと感じたときに、コンポーネントを簡単に入れ替えられます。したがって、パイプラインのコンポーネントを定期的に置き換える準備をしておきましょう。",[101,26286,26287,26290,26297],{},[702,26288,26289],{},"注：モジュール型アーキテクチャをさらに掘り下げたい場合は、ぜひ",[266,26291,26294],{"href":26292,"rel":26293},"https://8thlight.com/blog/uncle-bob/2012/08/13/the-clean-architecture.html?ref=blog.cg-wire.com",[25855],[702,26295,26296],{},"クリーンアーキテクチャの記事",[702,26298,26299],{},"（Uncle Bob）をおすすめします。",[101,26301,26302],{},"要するに：モジュール化によって、パイプラインを機敏で柔軟に保ちましょう。大きくて一般的なタスクには商用ソリューションを選び、競争優位を高めるためのツールは自分たちで作り、そしてそれをスタジオの特性に沿って行いましょう！",[101,26304,26305,26308,26313],{},[702,26306,26307],{},"この記事はCGパイプラインと制作管理に捧げています。ソフトウェア戦略に関心があるなら、きっと私たちの記事を楽しんでいただけるはずです。私たちは ",[266,26309,26311],{"href":26016,"rel":26310},[25855],[702,26312,26020],{},[702,26314,26315],{},"も用意しており、そこで自分たちの課題や解決策を議論したり、他者から学んだりできます。",{"title":168,"searchDepth":600,"depth":600,"links":26317},[],"https://blog.cg-wire.com/content/images/max/1200/1-oZXmY8cSXYGvImmJe4x2Dg.jpeg",{"updated_at":26320,"featured_at":612,"visibility":613},"2026-02-20T06:04:10.000+01:00","/blog-i18n/ja/cg-pipeline-in-house-development-vs-commercial-solution","2017-10-24T19:58:46.000+02:00",{"title":26143,"description":26150},"cg-pipeline-in-house-development-vs-commercial-solution","blog-i18n/ja/cg-pipeline-in-house-development-vs-commercial-solution/index",[26327],{"id":620,"name":621,"slug":622,"description":7,"feature_image":7,"visibility":613,"og_image":7,"og_title":7,"og_description":7,"twitter_image":7,"twitter_title":7,"twitter_description":7,"meta_title":7,"meta_description":7,"codeinjection_head":7,"codeinjection_foot":7,"canonical_url":7,"accent_color":7,"url":623},"CCYBW71jCdKmAKSdmSmZ6c3RT5MQVDj08GWDdRpicYo",{"id":26330,"title":26331,"authors":26332,"body":26334,"description":26338,"extension":608,"feature_image":26363,"html":7,"meta":26364,"navigation":11,"path":26366,"published_at":26367,"seo":26368,"slug":26369,"stem":26370,"tags":26371,"__hash__":26374,"updated_at":26365,"featured_at":612,"visibility":613},"blog/blog-i18n/ja/say-welcome-to-our-brand-new-forum/index.md","私たちの新しいフォーラムへようこそ",[26333],{"id":20735,"name":20736,"slug":20737,"profile_image":20738,"cover_image":20739,"bio":20740,"website":20741,"location":11072,"facebook":7,"twitter":11073,"meta_title":7,"meta_description":7,"threads":7,"bluesky":7,"mastodon":7,"tiktok":7,"youtube":7,"instagram":7,"linkedin":7,"url":20742},{"type":81,"value":26335,"toc":26361},[26336,26339,26347],[101,26337,26338],{},"数か月前、私たちは CG パイプラインエンジニアのコミュニティを立ち上げました。実現するために、人々にプライベートな Slack チャンネルで議論してもらうよう招待しました。その結果には、嬉しい驚きがありました。アイデアの場であるだけでなく、ベストプラクティスに関する多くのヒントや知識も共有されていました。さまざまなスタジオの人々が、これらのテーマについて集まって議論できるようになりました。ですが、ある時点で 2 つの制約に直面しました。コンテンツを検索エンジンでインデックスできないこと、そして Slack の履歴が定期的に削除されてしまうことです。",[101,26340,26341,26342,26346],{},"そこで、CG パイプラインおよび CG プロダクションマネジメントについて人々が話せるように、公開 ",[266,26343,26020],{"href":26344,"rel":26345},"https://forum.cg-wire.com/?ref=blog.cg-wire.com",[25855]," を開くことにしました。このフォーラムは、コミュニティがさまざまな話題を共有し、重要なトピックを把握しておくのに良い場となります。さらに、検索エンジンのインデックスにより、新しい人たちがフォーラムとコミュニティを見つけられるようになります。もちろん、CGWire ソフトウェアのサポート用にカテゴリを用意しています。Free and Open Source のような技術が対象です。ユーザー同士が気軽に助け合えることは重要だと考えています。最後に、次に予定している機能についてのフィードバック依頼を、このフォーラムで投稿していきます。",[101,26348,26349,26350,26355,26356,26360],{},"フォーラムを管理するために使われているテクノロジーは ",[266,26351,26354],{"href":26352,"rel":26353},"https://www.discourse.org/?ref=blog.cg-wire.com",[25855],"Discourse"," と呼ばれています。非常に使いやすいユーザーインターフェースを提供してくれる、実績のあるソフトウェアです。ぜひ楽しんでいただければ嬉しいです！ここから何が生まれるのか、私たちはとても楽しみにしています。ぜひ参加して、気になる質問があれば遠慮なくしてください。喜んでお答えし、サポートします！ぜひ ",[266,26357,26359],{"href":26344,"rel":26358},[25855],"https://forum.cg-wire.com"," へ参加してください！",{"title":168,"searchDepth":600,"depth":600,"links":26362},[],"https://blog.cg-wire.com/content/images/max/800/1-tue5tT1QZwaBn74i_QY96w.png",{"updated_at":26365,"featured_at":612,"visibility":613},"2021-01-14T14:52:49.000+01:00","/blog-i18n/ja/say-welcome-to-our-brand-new-forum","2017-10-16T00:32:27.000+02:00",{"title":26331,"description":26338},"say-welcome-to-our-brand-new-forum","blog-i18n/ja/say-welcome-to-our-brand-new-forum/index",[26372,26373],{"id":620,"name":621,"slug":622,"description":7,"feature_image":7,"visibility":613,"og_image":7,"og_title":7,"og_description":7,"twitter_image":7,"twitter_title":7,"twitter_description":7,"meta_title":7,"meta_description":7,"codeinjection_head":7,"codeinjection_foot":7,"canonical_url":7,"accent_color":7,"url":623},{"id":24830,"name":24831,"slug":24832,"description":7,"feature_image":7,"visibility":613,"og_image":7,"og_title":7,"og_description":7,"twitter_image":7,"twitter_title":7,"twitter_description":7,"meta_title":7,"meta_description":7,"codeinjection_head":7,"codeinjection_foot":7,"canonical_url":7,"accent_color":7,"url":24833},"xA2F3pvtmW7fZb9cQl2JH4Dozt_wi5FglaDzw3P8J7k",{"id":26376,"title":26377,"authors":26378,"body":26380,"description":26384,"extension":608,"feature_image":27143,"html":7,"meta":27144,"navigation":11,"path":27146,"published_at":27147,"seo":27148,"slug":27149,"stem":27150,"tags":27151,"__hash__":27153,"updated_at":27145,"featured_at":612,"visibility":613},"blog/blog-i18n/ja/cg-pipeline-the-best-graph-database-for-your-cg-production-data/index.md","2026年にCG制作データに最適なグラフデータベース",[26379],{"id":20735,"name":20736,"slug":20737,"profile_image":20738,"cover_image":20739,"bio":20740,"website":20741,"location":11072,"facebook":7,"twitter":11073,"meta_title":7,"meta_description":7,"threads":7,"bluesky":7,"mastodon":7,"tiktok":7,"youtube":7,"instagram":7,"linkedin":7,"url":20742},{"type":81,"value":26381,"toc":27141},[26382,26385,26388,26391,26394,26398,26405,26408,26411,26415,26418,26451,26454,26457,26463,26466,26469,26487,26602,26605,26626,26629,26632,26641,26644,26653,26656,26661,26664,26681,26734,26737,26779,26794,26797,26812,26821,26830,26834,26837,26840,26843,26849,26852,26882,26885,26990,27005,27008,27011,27014,27029,27032,27035,27038,27042,27045,27053,27057,27060,27063,27081,27090,27116,27118,27121,27124,27127],[101,26383,26384],{},"以前のブログ記事で述べた通り、CG制作はグラフ構造として表現できます。映画はショットで構成されており、それらはシーンファイルから生成されます。そしてそのシーンファイルは、関係によって結び付けられた要素から成り立っています。それにもかかわらず、制作データをデータベースに保存するときには、データをフラットな形式で記述することが多いです。そしてデータベースを選ぶ段になると、最も一般的な選択肢はリレーショナルデータベースに頼ることです。",[101,26386,26387],{},"リレーショナルデータベースを使うのは良い選択です。安全で、きちんと目的を果たしてくれます。しかし現在では、いくつかのデータベース技術が、データをグラフとして直接フォーマットされた形で保存できるよう提案しています。最初は主にソーシャルネットワークや銀行のユースケースに使われていました。ですが、多くのCGスタジオのテクニカルディレクターや開発者の注目を集めたのは、驚くべきことではありません。グラフデータベースへの関心が高まっているため、私たちはそれらをより詳しく見ていくことにしました。",[101,26389,26390],{},"グラフの情報は、あなたをより機敏にします。グラフストレージによって、すべてのアセットの依存関係を保存し、ショットでキャストされる要素のバージョンを設定できます。そして、保存されたグラフは有向であるため、シーンの要素を構築・再構築するための一連の操作を簡単に計算できます。つまり、監督が新しいことを試したいときに、より高いリアクタビリティが得られます。",[101,26392,26393],{},"いまやグラフデータベースを使う十分な動機があります。そこで、市場で利用可能な主要なオープンソースのグラフデータベースを見ていきます。",[26051,26395,26397],{"id":26396},"example-use-case","使用例",[101,26399,26400,26401,26404],{},"これらのデータベースを探索するために、以前の記事 ",[266,26402,26403],{"href":26121},"CG production as a Graph"," で説明した小道具アニメーションのデータグラフを実装することを提案します。方針は、小道具を作るために必要なステップを保存し、それを特定のショットに組み込むことです。",[101,26406,26407],{},"グラフで最もよくやりたいことは、ある要素に対する変更がもたらす影響をすべて取得することです。これを説明するために、小道具のメッシュに対する変更によって影響を受ける要素を取得するクエリを実行します。",[101,26409,26410],{},"各データベースの使い方を示すPythonスニペットを用意します。その後、簡単なベンチマークを実行します。i7–6700 CPU @ 3.40GHz 上で、サンプルクエリを1万回実行するのにどれくらい時間がかかるかを比較します。なお、このベンチマークにはPythonクライアントが含まれます。つまり、あなたがデータベースをクライアント経由でしか使わないと考え、そのため計測に含めています。",[26051,26412,26414],{"id":26413},"main-databases","主要データベース",[101,26416,26417],{},"私たちが調べる主要なデータベースは以下の通りです：",[1148,26419,26420,26428,26436,26444],{},[1151,26421,26422,26427],{},[266,26423,26426],{"href":26424,"rel":26425},"https://neo4j.com/?ref=blog.cg-wire.com",[25855],"Neo4j","（Java）",[1151,26429,26430,26435],{},[266,26431,26434],{"href":26432,"rel":26433},"https://www.arangodb.com/?ref=blog.cg-wire.com",[25855],"ArangoDB","（C++）",[1151,26437,26438,26443],{},[266,26439,26442],{"href":26440,"rel":26441},"https://cayley.io/?ref=blog.cg-wire.com",[25855],"Cayley","（Go）",[1151,26445,26446,26427],{},[266,26447,26450],{"href":26448,"rel":26449},"https://orientdb.com/?ref=blog.cg-wire.com",[25855],"OrientDB",[26051,26452,26442],{"id":26453},"cayley",[101,26455,26456],{},"CayleyはGoで書かれ、Googleによって配布されているグラフデータベースです。多くの点で有望です（設定可能なバックエンド、コミュニティ主導など）。ただし現時点ではドキュメントがほとんど存在しません。とはいえ、何ができるのか見ていきましょう。",[101,26458,26459,26460,26462],{},"まず、あなたのプラットフォームに関連するバイナリをダウンロードし、データベースを初期化して、クエリを実行するのに使えるHTTPサーバーを起動します。データベースの初期化は、データを渡す必要があるという意味ではありません。単にデータベースファイルを作るだけです。../cayley init -db bolt -dbpath /tmp/testdb",[534,26461],{},"./cayley http --dbpath=/tmp/testdb  --host 0.0.0.0 --port 64210",[101,26464,26465],{},"ここで別のDB技術（Bolt）が関わっていることに気づくでしょう。Cayleyは既存のデータベースの上に構築されたレイヤーだからです。バックエンドとして、従来のキー・バリュー・ストアを使うことも、リレーショナルデータベースを使うこともできます。",[101,26467,26468],{},"ではPythonクライアントのコードに進みます。私たちは、すべてのアセット、シーン、ショット、そしてそれらの関係を保存したいのです。そのためには、Pythonドライバをインストールする必要があります：pip install pyley",[101,26470,26471,26472,26474,26475,26477,26478,26483,26484,26486],{},"Cayleyはトリプレット（3つ組）という概念に基づいています。すべてが別の頂点と結び付けられた頂点です。トリプレットは3つの頂点から構成されます。つまり、リンクしたい2つの要素と、リンクのための頂点（ある種のエッジ）です。各トリプレットにラベルを追加できるため、Cayleyではこのデータ構造の用語は「quads（クアッズ）」になります。 ",[534,26473],{},"残念ながらPythonクライアントは完成しておらず、Quadの作成をサポートしていません。そこで、標準的なPython HTTPクライアント（CayleyはREST APIを提供しています）を使ってクアッドを作成する必要があります：def create_quad(quad):",[534,26476],{},"    path = “",[266,26479,26482],{"href":26480,"rel":26481},"http://localhost:64210/api/v1/write?ref=blog.cg-wire.com",[270],"http://localhost:64210/api/v1/write","\"",[534,26485],{},"    return requests.post(path, json=[quad])",[101,26488,26489,26490,26492,26493,26495,26496,26498,26499,26501,26502,26504,26505,26492,26507,26495,26509,26498,26511,26513,26514,26504,26516,26492,26518,26520,26521,26498,26523,26525,26526,26504,26528,26492,26530,26532,26533,26498,26535,26525,26537,26504,26539,26492,26541,26532,26543,26498,26545,26547,26548,26504,26550,26492,26552,26532,26554,26498,26556,26558,26559,26561,26562,26492,26564,26566,26567,26498,26569,26558,26571,26504,26573,26492,26575,26577,26578,26498,26580,26582,26583,26504,26585,26492,26587,26589,26590,26498,26592,26582,26594,26561,26596,26598,26599,26601],{},"ではクアッドの作成に進みます：quads = [",[534,26491],{},"    {",[534,26494],{},"        “subject”: “props1-concept”, ",[534,26497],{},"        “predicate”: “dependencyof”, ",[534,26500],{},"        “object”: “props1-texture”",[534,26503],{},"    },",[534,26506],{},[534,26508],{},[534,26510],{},[534,26512],{},"        “object”: “props1-mesh”",[534,26515],{},[534,26517],{},[534,26519],{},"        “subject”: “props1-texture”, ",[534,26522],{},[534,26524],{},"        “object”: “props1-model”",[534,26527],{},[534,26529],{},[534,26531],{},"        “subject”: “props1-mesh”, ",[534,26534],{},[534,26536],{},[534,26538],{},[534,26540],{},[534,26542],{},[534,26544],{},[534,26546],{},"        “object”: “props1-rig”",[534,26549],{},[534,26551],{},[534,26553],{},[534,26555],{},[534,26557],{},"        “object”: “props1-keys”",[534,26560],{},"    }",[534,26563],{},[534,26565],{},"        “subject”: “props1-rig”, ",[534,26568],{},[534,26570],{},[534,26572],{},[534,26574],{},[534,26576],{},"        “subject”: “props1-model”, ",[534,26579],{},[534,26581],{},"        “object”: “shot1-image-sequence”",[534,26584],{},[534,26586],{},[534,26588],{},"        “subject”: “props1-keys”, ",[534,26591],{},[534,26593],{},[534,26595],{},[534,26597],{},"]for quad in quads:",[534,26600],{},"   create_quad(quad)",[101,26603,26604],{},"以上です。ご覧の通り、すべてのデータはすでに保存され、互いの間の関係も設定されています。同様のクアッドをもう一度作成しても何も変わらず、重複も発生しません。",[101,26606,26607,26608,26610,26611,26616,26617,26619,26620,26622,26623,26625],{},"それでは、制作におけるリグ変更の影響に関するクエリを実行しましょう：from pyley import CayleyClient, GraphObject",[534,26609],{},"client = CayleyClient(\"",[266,26612,26615],{"href":26613,"rel":26614},"http://localhost:64210/?ref=blog.cg-wire.com",[270],"http://localhost:64210","\", \"v1\")graph = GraphObject()",[534,26618],{},"query = graph.V(“props1-mesh”)",[534,26621],{},"    .Out()",[534,26624],{},"    .All()",[101,26627,26628],{},"目的のデータを得るために、どの頂点（ここではテクスチャ）の影響を調べたいのかを指定する必要がありました。次に、テクスチャが属している要素である外側の頂点を求めただけです。影響の深さに応じて呼び出しを連結できます。再帰的なトラバーサルも利用可能ですが、Pythonクライアントはまだそれを実装していません。最後に、パフォーマンステストを行いました。このクエリを1万回実行するのに50秒かかりました。",[101,26630,26631],{},"可視化のUIはうまく動かず、使い勝手もあまり良くありません。これは残念です。Neo4jとArangoには、グラフを表示できる動作するUIがあります。",[101,26633,26634,26635,26640],{},"Cayleyはとてもシンプルなデータベースです。クアッド表現という1つの概念で、データを表現できます。クエリも非常に簡単で、",[266,26636,26639],{"href":26637,"rel":26638},"http://tinkerpop.apache.org/docs/current/reference/?ref=blog.cg-wire.com",[25855],"Gremlin"," などの標準的なグラフクエリ言語に基づいています（お気に入りのクエリ言語を選べます）。しかし、プロジェクトのドキュメントはまだ貧弱で、Pythonクライアントも不完全です。だからこそ、クリーンでシンプルな設計にもかかわらず、Cayleyを本番環境で使うことはおすすめできません。",[26051,26642,26426],{"id":26643},"neo4j",[101,26645,26646,26647,26652],{},"Neo4jは、すべての中で最も成熟したソリューションです。背後にあるエンタープライズは、サポートのための説得力のある企業向けソリューションと、",[266,26648,26651],{"href":26649,"rel":26650},"https://neo4j.com/editions/?ref=blog.cg-wire.com",[25855],"追加機能","（監視、バックアップ、クエリの改善など）を提供しています。これは、クライアントとの厳格な契約があるなど、非常に安全である必要がある場合に大きな利点です。しかし始めるにあたっては、コミュニティ版を使うことをおすすめします。この記事では、そのバージョンを扱います。",[101,26654,26655],{},"私たちはまだ試行錯誤の段階なので、公式のDockerを使ってNeo4jを触ります：",[188,26657,26658],{},[146,26659,26660],{},"docker run \\    --publish=7474:7474 --publish=7687:7687 \\    --volume=$HOME/neo4j/data:/data \\    neo4j",[101,26662,26663],{},"次に、Pythonドライバをインストールします：pip install neo4j-driver",[101,26665,26666,26667,26669,26670,26672,26673,288,26675,26677,26678,26680],{},"まず最初に、データベースとの接続とクエリセッションを初期化しましょう。最初の接続時にはパスワードを設定するよう求められます。以下のスニペットの最後の行で設定できます：from neo4j.v1 import GraphDatabase, basic_authdriver = GraphDatabase.driver(",[534,26668],{},"    \"bolt://localhost:7687\",",[534,26671],{},"    auth=basic_auth(\"neo4j\", \"tests\")",[534,26674],{},[534,26676],{},"session = driver.session()",[534,26679],{},"# session.run(\"CALL dbms.changePassword('tests')\")",[101,26682,26683,26684,26686,26687,26689,26690,26692,26693,26695,26696,26686,26698,26700,26701,26692,26703,26705,26706,26686,26708,26710,26711,26713,26714,26716,26717,26719,26720,26686,26722,26724,26725,26727,26728,26730,26731,26733],{},"次に、アセットノード、ショットノード、関係のエッジを作成するためのヘルパーを追加します。Pythonクライアントは強力なAPIを提供していませんが、Neo4jが社内で名付けた言語Cypherを使って、直接リクエストを実行できるようになっています。CREATEコマンドもありますが、存在しない場合はCREATEとして動作するため、MERGEを使います：def create_asset(name):",[534,26685],{},"    session.run(",[534,26688],{},"        \"MERGE (a:Asset { name: $name })\",",[534,26691],{},"        name=name",[534,26694],{},"    )def create_shot(name):",[534,26697],{},[534,26699],{},"        \"MERGE (a:Shot { name: $name })\",",[534,26702],{},[534,26704],{},"    )def create_relation(asset1, asset2):",[534,26707],{},[534,26709],{},"        \"MATCH (a:Asset { name: $asset1 }), (b:Asset { name: $asset2 })\"",[534,26712],{},"        \"MERGE (a)-[r:ELEMENT_OF]->(b)\",",[534,26715],{},"        asset1=asset1, asset2=asset2",[534,26718],{},"    )def create_casting(asset, shot):",[534,26721],{},[534,26723],{},"        \"MATCH (a:Asset { name: $asset }), (b:Shot { name: $shot })\"",[534,26726],{},"        \"MERGE (a)-[r:CASTED_IN]->(b)\",",[534,26729],{},"        asset=asset, shot=shot",[534,26732],{},"    )",[101,26735,26736],{},"ご覧の通り、構文は読みやすく、学びやすいです。1つのノードに好きなだけフィールドを追加できます。",[101,26738,26739,26740,26742,26743,26745,26746,26748,26749,26751,26752,26754,26755,26757,26758,26760,26761,26763,26764,26766,26767,26769,26770,26772,26773,26775,26776,26778],{},"これで関数ができました。ではグラフを投入します:create_asset(\"Props 1 concept\")",[534,26741],{},"create_asset(\"Props 1 mesh\")",[534,26744],{},"create_asset(\"Props 1 texture\")",[534,26747],{},"create_asset(\"Props 1 rig\")",[534,26750],{},"create_asset(\"Props 1 model\")",[534,26753],{},"create_asset(\"Props 1 keys\")",[534,26756],{},"create_shot(\"Shot 1\")create_relation(\"Props 1 concept\", \"Props 1 texture\")",[534,26759],{},"create_relation(\"Props 1 concept\", \"Props 1 mesh\")",[534,26762],{},"create_relation(\"Props 1 mesh\", \"Props 1 model\")",[534,26765],{},"create_relation(\"Props 1 texture\", \"Props 1 model\")",[534,26768],{},"create_relation(\"Props 1 mesh\", \"Props 1 rig\")",[534,26771],{},"create_relation(\"Props 1 mesh\", \"Props 1 keys\")",[534,26774],{},"create_relation(\"Props 1 rig\", \"Props 1 keys\")create_casting(\"Props 1 model\", \"Shot 1\")",[534,26777],{},"create_casting(\"Props 1 keys\", \"Shot 1\")",[101,26780,26781,26782,26784,26785,26787,26788,26790,26791,26793],{},"次は、表現力のあるクエリ言語を活用してトラバーサルを行います。矢印の中の星（*）に注目してください。これは、これ以上外側への接続がなくなるまで、すべてのノードを辿ることを意味します。result = session.run(",[534,26783],{},"    \"MATCH (:Asset { name: 'Props 1 mesh' })-[*]->(out)\"",[534,26786],{},"    \"RETURN out.name as name\"",[534,26789],{},")for record in result:",[534,26792],{},"    print(\"%s\" % record[\"name\"])session.close()",[101,26795,26796],{},"完了です！結果のレコードは表示や分析が簡単です。作成時に指定したフィールドを含むPythonの辞書です。このリクエストを1万回実行するのに3.5秒かかりました（毎回セッションを開閉する場合は17秒に落ちます）。",[158,26798,26800,26807],{"className":26799},[87,161,689],[163,26801],{"src":26802,"className":26803,"alt":168,"loading":169,"width":26804,"height":26805,"srcSet":26806},"https://blog.cg-wire.com/content/images/max/800/1-jxPmsYBVm3zMdPOgDejKfw.png",[167],651,534,"https://blog.cg-wire.com/content/images/size/w600/max/800/1-jxPmsYBVm3zMdPOgDejKfw.png 600w, https://blog.cg-wire.com/content/images/max/800/1-jxPmsYBVm3zMdPOgDejKfw.png 651w",[696,26808,26809],{},[285,26810,26811],{"style":678},"neo4j UIでのグラフ表示",[101,26813,26814,26815,26820],{},"総合的に、Neo4jは機能が充実していて、ちゃんと仕事をこなし、他のものよりも速いです。強力なクエリ言語と多くの機能により、グラフで扱うであろう最も一般的なユースケースを実行できます。公式のPythonクライアントはやや薄めですが、コミュニティが ",[266,26816,26819],{"href":26817,"rel":26818},"https://github.com/robinedwards/neomodel?ref=blog.cg-wire.com",[25855],"ORMのように作られたクライアント"," という興味深い代替案を提供しています。最後に、データベース自体は長い間存在しており、その企業も非常に活発です。だからこそ、Neo4jはこのレビューの中でより安全な選択肢になります。",[101,26822,26823,26824,26829],{},"注：",[266,26825,26828],{"href":26826,"rel":26827},"https://hackernoon.com/life-after-1-year-of-using-neo4j-4eca5ce95bf5?ref=blog.cg-wire.com",[25855],"Neo4jを1年使った実生活のフィードバック","もあります。",[26051,26831,26833],{"id":26832},"with-arangodb","ArangoDBの場合",[101,26835,26836],{},"ArangoDBは、ドキュメント保存とグラフ保存の両方を扱える汎用的なデータベースです。最近人気が高まってきたため、テストに含めました。クラウド基盤での簡単なデプロイや、REST APIを構築するためのヘルパーなど、便利な機能がいくつもあります。しかしこの記事では、グラフ保存とそのクエリシステムに焦点を当てます。",[101,26838,26839],{},"さっそくコードを書きましょう！テストを行うには、まずArangoのインスタンスを起動しておく必要があります。ここでもDockerを使って起動します：docker run -p 8529:8529 -e ARANGO_ROOT_PASSWORD=openSesame arangodb/arangodb:3.2.1",[101,26841,26842],{},"次にPythonクライアントをインストールします：pip install python-arango",[101,26844,26845,26846,26848],{},"次にPythonスクリプトを書きます。最初のステップはデータベースの初期化です：from arango.client import ArangoClientclient = ArangoClient(username='root', password='openSesame')",[534,26847],{},"db = client.create_database('cgproduction')",[101,26850,26851],{},"ご覧の通り、データベース作成は非常にわかりやすいです。唯一の問題は、すでにデータベースが存在している場合に例外が発生することです。つまり、スクリプトで冪等性（何度実行しても同じ結果になる状態）を達成したいなら、自分で「get or create（取得または作成）」メソッドを書く必要があります。以下のすべての作成処理でも同じです。このPythonドライバを拡張する準備をしておきましょう。",[101,26853,26854,26855,26857,26858,26860,26861,26863,26864,26866,26867,288,26869,26871,26872,26874,26875,26863,26877,26879,26880,288],{},"次のステップは、グラフを定義し、頂点とエッジ情報を保存するコレクションを設定することです：dependencies = db.create_graph('dependencies')shots = dependencies.create_vertex_collection('shots')",[534,26856],{},"assets = dependencies.create_vertex_collection('assets')casting = dependencies.create_edge_definition(",[534,26859],{},"    name='casting',",[534,26862],{},"    from_collections=['assets'],",[534,26865],{},"    to_collections=['shots']",[534,26868],{},[534,26870],{},"elements = dependencies.create_edge_definition(",[534,26873],{},"    name='element',",[534,26876],{},[534,26878],{},"    to_collections=['assets']",[534,26881],{},[101,26883,26884],{},"Arangoのグラフストレージは、自前のドキュメント保存システムに基づいています。各頂点は、コレクション内のjsonエントリとして保存されます。エッジは少し異なります。同様の方法で保存されますが、コレクション定義にはより多くの情報が必要です。内部の頂点コレクションと外部のコレクションです。エッジは常に有向です。",[101,26886,26887,26888,26890,26891,26893,26894,26890,26896,26898,26899,26890,26901,26903,26904,26906,26907,26909,26910,26912,26913,26915,26916,26918,26919,26921,26922,26924,26925,26927,26928,26930,26931,26924,26933,26927,26935,26937,26938,26924,26940,26942,26943,26945,26946,26924,26948,26950,26951,26953,26954,26924,26956,26950,26958,26945,26960,26924,26962,26950,26964,26966,26967,26924,26969,26971,26972,26966,26974,26976,26977,26979,26980,26982,26983,26976,26985,26987,26988,26982],{},"これでデータベースは正しく設定できたので、データを追加します：# 頂点を挿入",[534,26889],{},"assets.insert(",[534,26892],{},"    {'_key': 'props1-concept', 'name': 'Props 1 Concept'})",[534,26895],{},[534,26897],{},"    {'_key': 'props1-texture', 'name': 'Props 1 Texture'})",[534,26900],{},[534,26902],{},"    {'_key': 'props1-mesh', 'name': 'Props 1 Mesh'})",[534,26905],{},"assets.insert({'_key': 'props1-rig', 'name': 'Props 1 Rig'})",[534,26908],{},"assets.insert({'_key': 'props1-model', 'name': 'Props 1 Model'})",[534,26911],{},"assets.insert({'_key': 'props1-keys', 'name': 'Props 1 Keys'})",[534,26914],{},"shots.insert(",[534,26917],{},"    {'_key': 'shot1-image-sequence', ",[534,26920],{},"     'name': 'Shot 1 Image sequence'})# エッジを挿入",[534,26923],{},"elements.insert(",[534,26926],{},"    {'_from': 'assets/props1-concept', ",[534,26929],{},"     '_to': 'assets/props1-texture'})",[534,26932],{},[534,26934],{},[534,26936],{},"     '_to': 'assets/props1-mesh'})",[534,26939],{},[534,26941],{},"    {'_from': 'assets/props1-texture', ",[534,26944],{},"     '_to': 'assets/props1-model'})",[534,26947],{},[534,26949],{},"    {'_from': 'assets/props1-mesh', ",[534,26952],{},"     '_to': 'assets/props1-rig'})",[534,26955],{},[534,26957],{},[534,26959],{},[534,26961],{},[534,26963],{},[534,26965],{},"     '_to': 'assets/props1-keys'})",[534,26968],{},[534,26970],{},"    {'_from': 'assets/props1-rig', ",[534,26973],{},[534,26975],{},"casting.insert(",[534,26978],{},"    {'_from': 'assets/props1-model', ",[534,26981],{},"     '_to': 'shots/shot1-image-sequence'})",[534,26984],{},[534,26986],{},"    {'_from': 'assets/props1-keys', ",[534,26989],{},[101,26991,26992,26993,26995,26996,26998,26999,27001,27002,27004],{},"データが正しく取り込めたら、クエリに進みます：traversal_results = dependencies.traverse(",[534,26994],{}," start_vertex=’assets/props1-mesh’,",[534,26997],{}," direction=’outbound’",[534,27000],{},")for result in traversal_results[“vertices”]:",[534,27003],{},"   print(result[“name”])",[101,27006,27007],{},"このシンプルなリクエストで、props 1 meshの変更が及ぼす影響をすべて得られます。結果の分析は簡単で、クエリは設定可能です（例えば、深さ優先トラバーサルと幅優先トラバーサルのどちらかを選べます）。",[101,27009,27010],{},"Arangoは、特定のパスを構築できるトラバーサルオブジェクトを提供しています。最短経路の探索やパス長の取得などのヘルパーもあります。グラフクエリの観点で、たいていのニーズはカバーできるはずです。",[101,27012,27013],{},"最後に、ArangoのWeb UIでグラフを可視化できます：",[158,27015,27017,27024],{"className":27016},[87,161,689],[163,27018],{"src":27019,"className":27020,"alt":168,"loading":169,"width":27021,"height":27022,"srcSet":27023},"https://blog.cg-wire.com/content/images/max/800/1-WSrxSHlMqQ9JiMG6SlrmWg.png",[167],605,475,"https://blog.cg-wire.com/content/images/size/w600/max/800/1-WSrxSHlMqQ9JiMG6SlrmWg.png 600w, https://blog.cg-wire.com/content/images/max/800/1-WSrxSHlMqQ9JiMG6SlrmWg.png 605w",[696,27025,27026],{},[285,27027,27028],{"style":678},"全体的なWeb UIはneo4jより洗練されていますが、グラフ表現はあまり 明示的ではありません",[101,27030,27031],{},"総合的に、ArangoDBとPythonクライアントは理解しやすく、ドキュメントも整っています。グラフで遊ぶためのヘルパーが多く、可視化ツールのおかげでさらに簡単になります。しかし、neo4jより遅いように見えます。クエリを1万回実行するのに26秒かかりました。これらの結果にもかかわらず、このテストにおける私たちのお気に入りのデータベースです。Arangoは非常に開発者に優しいです。グラフデータベースを素早く試すには最適です。そして、その背後にある企業がとても活発に見えるため、本番利用においても安全な選択肢のように思えます。",[26051,27033,26450],{"id":27034},"orientdb",[101,27036,27037],{},"OrientDBはもうしばらく前からあります（2010年から）。しかし、それに関する非常に悪いフィードバックがあるため（コメントも参照）、この記事ではこのデータベースを取り上げないことにしました。CG制作環境で使うにはリスクが大きすぎます。",[26051,27039,27041],{"id":27040},"alternatives","代替案",[101,27043,27044],{},"まだ代替案はあります。従来のデータベースを使っていじることで、グラフデータベースと同様の機能を得られます。選択肢の1つは、再帰的な結合（recursive joins）を使ったPostgresです。これにより、グラフトラバーサルのシンプルなユースケースをカバーできます。",[101,27046,27047,27048,27052],{},"もう1つの選択肢は、曖昧検索（ファジー検索）をできるようにしたい場合にとても良さそうで、Elastic Searchを使い、すべての頂点とエッジをJSONドキュメントとして保存することです（ArangoDBと似たアプローチです）。この件について詳しく知るには、こちらの ",[266,27049,27051],{"href":27050},"https://medium.com/@imriqwe/elasticsearch-as-a-graph-database-bc0eee7f7622?ref=blog.cg-wire.com","詳細記事"," を読んでください。",[26051,27054,27056],{"id":27055},"visualisation","可視化",[101,27058,27059],{},"グラフデータがあるのは素晴らしいですが、どこかのタイミングで（また、組み込みのUIの外で）データを表示するツールを作りたくなるかもしれません。",[101,27061,27062],{},"Qtには、グラフを簡単に構築できる優れたライブラリが2つあります：",[1148,27064,27065,27073],{},[1151,27066,27067,27072],{},[266,27068,27071],{"href":27069,"rel":27070},"https://github.com/clemenssielaff/ZodiacGraph?ref=blog.cg-wire.com",[25855],"ZodiacGraph","：強力なC++ライブラリで、高速かつ柔軟です。",[1151,27074,27075,27080],{},[266,27076,27079],{"href":27077,"rel":27078},"https://github.com/LeGoffLoic/Nodz?ref=blog.cg-wire.com",[25855],"Nodz","：使いやすいPythonライブラリです。",[101,27082,27083,27084,27089],{},"別の選択肢として、ブラウザ内、あるいは ",[266,27085,27088],{"href":27086,"rel":27087},"https://electron.atom.io/?ref=blog.cg-wire.com",[25855],"Electron"," アプリケーション向けのJavaScriptライブラリを使う方法もあります。例はこちら：",[1148,27091,27092,27100,27108],{},[1151,27093,27094,27099],{},[266,27095,27098],{"href":27096,"rel":27097},"http://sigmajs.org/?ref=blog.cg-wire.com",[25855],"SigmaJS","：高速で、よくドキュメントされたライブラリ",[1151,27101,27102,27107],{},[266,27103,27106],{"href":27104,"rel":27105},"http://js.cytoscape.org/?ref=blog.cg-wire.com",[25855],"Cytoscape","：用途が広く、堅牢です。",[1151,27109,27110,27115],{},[266,27111,27114],{"href":27112,"rel":27113},"https://d3js.org/?ref=blog.cg-wire.com",[25855],"d3.js","：使うのは難しいですが、限界がありません。",[26051,27117,974],{"id":26278},[101,27119,27120],{},"私たちの調査から見ると、ArangoDBは最もユーザーフレンドリーなデータベースであり、ドキュメント保存の側面により、制作データの管理がより簡単になるはずです。ただし、まだ若いDBでもあります。スピードが必要である場合、あるいはお金の面で大きなリスクがあり、より安全な選択肢を探しているなら、Neo4jを選ぶべきです。Neo4jは仕事をきちんとこなし、より堅牢に見えます。最後に、Cayleyは多くの面で良さそうで、すでにあるリレーショナルデータベースを補完する最良の選択になり得ますが、ドキュメントがまだ乏しく、若いため本番で使うには向いていません。つまり要約すると、まずArangoDBを試してみてください！",[101,27122,27123],{},"パイプラインTDにとって、グラフ表現と保存が解決する課題は何か、という問いは残っています。私たちの主要なユースケースは、変更が起きたときにショットを再構築するために必要な一連のアクションを簡単に生成することです。もう1つは、制作を人々が議論できる形で簡単に表現することです。",[101,27125,27126],{},"この記事を楽しんでいただければ幸いです。私たちはまだグラフデータベースについてはとても新しい段階です。ぜひ、この点についてあなたの意見を聞かせてください。そして、これらの技術での制作経験を読ませてください。コメント歓迎です！",[101,27128,27129,27132,27138],{},[702,27130,27131],{},"このブログはCGパイプラインと制作管理に捧げられています。CG制作におけるグラフデータベースに興味があるなら、きっと私たちの記事をすべて楽しめるはずです。私たちの ",[266,27133,27135],{"href":27134},"https://medium.com/@cgwire/facilitating-cg-graphists-to-focus-more-on-the-artistic-aa8f801edf20?ref=blog.cg-wire.com",[702,27136,27137],{},"最初のブログ記事",[702,27139,27140],{},"を読んで、もっと私たちのことを知ってください！",{"title":168,"searchDepth":600,"depth":600,"links":27142},[],"https://blog.cg-wire.com/content/images/max/2560/1-I4a6MOBxYhgQsBRcwbShRw.jpeg",{"updated_at":27145,"featured_at":612,"visibility":613},"2026-03-26T10:53:20.000+01:00","/blog-i18n/ja/cg-pipeline-the-best-graph-database-for-your-cg-production-data","2017-09-04T10:56:01.000+02:00",{"title":26377,"description":26384},"cg-pipeline-the-best-graph-database-for-your-cg-production-data","blog-i18n/ja/cg-pipeline-the-best-graph-database-for-your-cg-production-data/index",[27152],{"id":620,"name":621,"slug":622,"description":7,"feature_image":7,"visibility":613,"og_image":7,"og_title":7,"og_description":7,"twitter_image":7,"twitter_title":7,"twitter_description":7,"meta_title":7,"meta_description":7,"codeinjection_head":7,"codeinjection_foot":7,"canonical_url":7,"accent_color":7,"url":623},"gELe47G3rhkknFLm7idPQCIVVB6AUZPC05ruhQEVa38",{"id":27155,"title":27156,"authors":27157,"body":27159,"description":27163,"extension":608,"feature_image":27229,"html":7,"meta":27230,"navigation":11,"path":27232,"published_at":27233,"seo":27234,"slug":27235,"stem":27236,"tags":27237,"__hash__":27239,"updated_at":27231,"featured_at":612,"visibility":613},"blog/blog-i18n/ja/cg-pipeline-files-and-nodes-metadata/index.md","CGパイプラインにおけるファイルとノードのメタデータ（2026）",[27158],{"id":20735,"name":20736,"slug":20737,"profile_image":20738,"cover_image":20739,"bio":20740,"website":20741,"location":11072,"facebook":7,"twitter":11073,"meta_title":7,"meta_description":7,"threads":7,"bluesky":7,"mastodon":7,"tiktok":7,"youtube":7,"instagram":7,"linkedin":7,"url":20742},{"type":81,"value":27160,"toc":27227},[27161,27164,27183,27194,27201,27204,27212,27215],[101,27162,27163],{},"すべてのツールで共有するデータベースは、それらの間の良い流れを確保するために必須です。しかし、特定のデータに対しては、よりシンプルなアクセスが必要になることもあります。ノードやファイルについての情報をデータベースに問い合わせるより直接取得できるほうが、効率的です。では、ローカルにメタデータをどのように保存し、どのように問い合わせればよいのでしょうか？",[101,27165,27166,27167,3793,27172,27177,27178,27182],{},"それを実現する方法は2つあります。1つ目は、ファイルと同じフォルダー内にテキストファイルを追加することです。その中では、データを ",[266,27168,27171],{"href":27169,"rel":27170},"https://en.wikipedia.org/wiki/TOML?ref=blog.cg-wire.com",[25855],"TOML",[266,27173,27176],{"href":27174,"rel":27175},"https://fr.wikipedia.org/wiki/YAML?ref=blog.cg-wire.com",[25855],"YAML","、または ",[266,27179,27181],{"href":27174,"rel":27180},[25855],"JSON"," のような標準的な構文に従って構造化できます。2つ目は、ノードのプロパティに依存する方法です。ほとんどのモデリングツールでは、ノードにキー／値のペアを追加できるようにしています。これらのシンプルなペアを使うことで、シーンのあらゆる部分に多くの興味深い情報を追加できます。たとえば、次のようにできます：",[1148,27184,27185,27188,27191],{},[1151,27186,27187],{},"データベース内のアセットやショットとのリンク",[1151,27189,27190],{},"シーンのどの部分か（ボディ、フェイス、環境など）",[1151,27192,27193],{},"情報タグの追加： hires、lowres、proxy、tocache など",[101,27195,27196,27197,27200],{},"タグの良い用途は、制作ステップの ",[266,27198,25726],{"href":27199},"https://medium.com/@cgwire/cg-pipeline-publishing-preview-and-production-management-c51d7ae7ffec?ref=blog.cg-wire.com"," の際に、シーンから何をエクスポートすべきかを特定することです。",[101,27202,27203],{},"このメタデータを共有データベースに保存するのは、やはり良いアイデアです。情報への素早いアクセスができるからといって、他のツールと共有すべきでないという意味ではありません。",[101,27205,26823,27206,27211],{},[266,27207,27210],{"href":27208,"rel":27209},"https://zou.cg-wire.com/?ref=blog.cg-wire.com",[25855],"Zou API"," では、すべてのアセットおよびファイルエントリに対して非構造化データを保存できます。メインの型に単にJSONフィールドを追加しただけです。こうすることで、エンティティのスキーマについて考えずに、共有の制作データに特定の情報を追加できます。",[101,27213,27214],{},"共有する情報が多いほど、チームはより効率的になります。追加で提供できる情報はすべて役に立ちます。特に、何千ものアセットを含む複雑なシーンを扱う必要があるときです。だからこそ、ローカルなメタデータが制作の生産性を向上させます。",[101,27216,27217,27220,27224],{},[702,27218,27219],{},"本ブログはCGパイプラインと制作管理に捧げています。アセットノードのメタデータに関心があるなら、きっと私たちの記事を気に入っていただけるでしょう。私たちが誰で、何をしているのかを理解するために、",[266,27221,27222],{"href":27134},[702,27223,27137],{},[702,27225,27226],{},"を読んでください。",{"title":168,"searchDepth":600,"depth":600,"links":27228},[],"https://blog.cg-wire.com/content/images/max/1200/1-adh4mxqlTdZX_tsADuoIbw.jpeg",{"updated_at":27231,"featured_at":612,"visibility":613},"2026-02-20T06:04:09.000+01:00","/blog-i18n/ja/cg-pipeline-files-and-nodes-metadata","2017-07-21T00:57:58.000+02:00",{"title":27156,"description":27163},"cg-pipeline-files-and-nodes-metadata","blog-i18n/ja/cg-pipeline-files-and-nodes-metadata/index",[27238],{"id":620,"name":621,"slug":622,"description":7,"feature_image":7,"visibility":613,"og_image":7,"og_title":7,"og_description":7,"twitter_image":7,"twitter_title":7,"twitter_description":7,"meta_title":7,"meta_description":7,"codeinjection_head":7,"codeinjection_foot":7,"canonical_url":7,"accent_color":7,"url":623},"dIpTG-nTzVUxcyc0CdaeCGMfZYf_U_EARQTWVnRdo-Y",{"id":27241,"title":27242,"authors":27243,"body":27245,"description":27249,"extension":608,"feature_image":27290,"html":7,"meta":27291,"navigation":11,"path":27292,"published_at":27293,"seo":27294,"slug":27295,"stem":27296,"tags":27297,"__hash__":27299,"updated_at":27231,"featured_at":612,"visibility":613},"blog/blog-i18n/ja/cg-pipeline-file-cleaning-and-quality-checking/index.md","CGパイプラインにおけるファイルのクリーンアップと品質チェック（2026）",[27244],{"id":20735,"name":20736,"slug":20737,"profile_image":20738,"cover_image":20739,"bio":20740,"website":20741,"location":11072,"facebook":7,"twitter":11073,"meta_title":7,"meta_description":7,"threads":7,"bluesky":7,"mastodon":7,"tiktok":7,"youtube":7,"instagram":7,"linkedin":7,"url":20742},{"type":81,"value":27246,"toc":27288},[27247,27250,27253,27256,27259,27262,27265],[101,27248,27249],{},"CGアーティストにとって、クリーンな新規ファイルで作業できることは、生産性がより高まります。ノードが適切に名前付けされていて、要素の位置が標準化されていて、残っているアーティファクトがなく、すべての参照が適切に設定されていると、良い仕事をするのがはるかに簡単になります。シーンの理解が早くなり、ノードを選びやすくなります。残念ながら、クリーンなファイルはあまり一般的ではありません。なので、アーティスティックな作業に飛び込む前に、まずCGアーティストが行う最初のステップは、退屈なクリーンアップ作業です。",[101,27251,27252],{},"しかし、なぜ人々は汚れたファイルを納品するのでしょうか？仕事が終わった後に、何が必要だったかを覚えておくのが難しいからです。長時間の作業の後、CGアーティストは、クリーンアップを扱う意欲があまりなくなります。さらに悪いことに、「ファイルを“クリーン”にするために何が期待されているのか」を常に把握できているわけではありません。その結果、何もせずに送り出してしまい、ファイルを体裁よく整えることにしてしまいがちです。",[101,27254,27255],{},"ただ、退屈な作業が良い点は、それらを自動化できることです。ほとんどのCGソフトはPythonスクリプトを利用できます。つまり、あなたの代わりに面倒な作業をすべて処理するシンプルなツールを作れます。品質チェックのスクリプトを実装することで、ファイルが公開できる状態であることを確認できます。これらは独立して実行でき、何が問題か／良いかのレポート（各基準ごとのステータス一覧）を提供してくれます。",[101,27257,27258],{},"これは、ソフトウェアエンジニアが使うユニットテストの実践にたとえることができます。メインスクリプトが多くのサブスクリプトを実行します。それぞれのサブスクリプトがテストを行います。メインスクリプトは、成功したサブスクリプトと失敗したサブスクリプトを列挙するレポートを出します。これにより、何がうまくいっていて、コードのどこを直す必要があるのかを把握できます。",[101,27260,27261],{},"もうひとつ自動化できるのは、失敗したチェックの修正です。たとえば、ノード名に特殊文字が含まれているなど、何か問題があれば、必要な修正を行う別のスクリプトを組み込むことができます（この例では、ノード名から特殊文字を削除することになります）。",[101,27263,27264],{},"シーンのチェックと、問題を直す作業を自動化することで、CGアーティストの非常に大きな時間を節約できます。大規模な開発は必要なく、品質チェックはテクニカルアーティストがコード化できます。パイプラインを実装したいなら、まず始めるのに最適な取り組みです。つらい悪いサプライズを避けられ、アーティストもきっともっと喜ぶはずです！",[101,27266,27267,27270,27277,27280,27286],{},[702,27268,27269],{},"CGWireは ",[266,27271,27274],{"href":27272,"rel":27273},"https://github.com/cgwire?ref=blog.cg-wire.com",[270,25855,25855],[702,27275,27276],{},"オープンソースのツール",[702,27278,27279],{}," を制作し、あなたのパイプラインをより効率的にするソフトウェア会社です。私たちがやっていることに興味があり、それが役に立つと思うなら、ぜひ ",[266,27281,27283],{"href":27282},"mailto:contact@cg-wire.com",[702,27284,27285],{},"お問い合わせください",[702,27287,7323],{},{"title":168,"searchDepth":600,"depth":600,"links":27289},[],"https://blog.cg-wire.com/content/images/max/1200/1-yfEu1ov2TXZ4AA2Tg8jguA.jpeg",{"updated_at":27231,"featured_at":612,"visibility":613},"/blog-i18n/ja/cg-pipeline-file-cleaning-and-quality-checking","2017-07-11T09:12:05.000+02:00",{"title":27242,"description":27249},"cg-pipeline-file-cleaning-and-quality-checking","blog-i18n/ja/cg-pipeline-file-cleaning-and-quality-checking/index",[27298],{"id":620,"name":621,"slug":622,"description":7,"feature_image":7,"visibility":613,"og_image":7,"og_title":7,"og_description":7,"twitter_image":7,"twitter_title":7,"twitter_description":7,"meta_title":7,"meta_description":7,"codeinjection_head":7,"codeinjection_foot":7,"canonical_url":7,"accent_color":7,"url":623},"fpt7r19ZLBX6hJGqPjKAydsxOK6SiAu5w_EWHy_Flsk",{"id":27301,"title":27302,"authors":27303,"body":27305,"description":27309,"extension":608,"feature_image":27363,"html":7,"meta":27394,"navigation":11,"path":27396,"published_at":27397,"seo":27398,"slug":27399,"stem":27400,"tags":27401,"__hash__":27403,"updated_at":27395,"featured_at":612,"visibility":613},"blog/blog-i18n/ja/cg-pipeline-asset-management-and-dependencies/index.md","CGパイプラインにおけるアセット管理と依存関係（2026）",[27304],{"id":20735,"name":20736,"slug":20737,"profile_image":20738,"cover_image":20739,"bio":20740,"website":20741,"location":11072,"facebook":7,"twitter":11073,"meta_title":7,"meta_description":7,"threads":7,"bluesky":7,"mastodon":7,"tiktok":7,"youtube":7,"instagram":7,"linkedin":7,"url":20742},{"type":81,"value":27306,"toc":27392},[27307,27310,27313,27316,27319,27322,27325,27328,27331,27345,27358,27372,27375,27378],[101,27308,27309],{},"制作において、すべてのファイルやアセットを追跡することが重要な主な理由は、それらの間の依存関係を管理するためです。変更が起きたときに、何を再計算し、検証する必要があるのかを把握することが不可欠です。要素の数が増えるほど、すべてを正しく追跡するのはより面倒になります。各要素の間の接続をすべて描くと、管理が難しい巨大な有向グラフになります。それでも、適切に扱うことは必須です。",[101,27311,27312],{},"ファイルの追跡とは、基本的にあなたのパイプラインが行うことです。すべてのファイルの場所を保存し、それがビルドステップに関連付けられていることを保証します。さらに良いのは、パイプラインがファイル間の依存関係も保存してくれることです。",[101,27314,27315],{},"ただし、ファイルを見るのは、制作を低レベルで表現することに似ています。要素の参照などのように、問題をローカルに考えるとき（局所的に考えるとき）には、ファイルレベルで作業するのは素晴らしいのですが、ショットの最終レンダリングのように、より大きなスケールで何が起きているかを話し合いたいときには、この表現は細かすぎます。だから私たちは、しばしばアセットとして扱うことを好みます。",[101,27317,27318],{},"アセットはファイルの抽象化であり、正確な要素ではなく概念として語るようなものです。たとえば、.jpeg や .png のファイルではなく、テクスチャだけについて話すときに起こります。アセットはモデル、アニメーションキー、シェーダ、FX など、何でもあり得ます。ここではフォルダやファイル名の話はしません。アセットを扱うことで、出力ファイルや作業ファイルに考えを縛られなくなり、制作の本質的な概念に集中できます。",[101,27320,27321],{},"必要であれば、さらに別の抽象化レベルを追加するために、アセットをグループ化することさえできます。たとえば、アニメーショングループにはリグとアニメーションキーが含まれ、テクスチャグループにはフラットテクスチャとシェーダが含まれます。",[101,27323,27324],{},"アセットで物事を表せるようになれば、制作グラフをより簡単にマスターできます。ビルドプロセスと依存関係をより効率よく管理できます。アセットを変更したとき、どのアセットが即座に再計算されるべきかが分かります。これはチームやソフトウェアにとって優れたコミュニケーションツールです。プロジェクトのすべての関係者が、その周りでアイデアを交換できます。",[101,27326,27327],{},"私たちはグラフについてたくさん話してきました。グラフは頂点（ノード）と辺（エッジ）で構成されます。私たちのアセットは頂点（ノード）として考えてよいでしょう。でも辺は何を表すのでしょう？辺はワークフローのステップです。ステップは1つ、あるいは複数のアセットを入力として受け取り、別のアセットを出力として導きます。たとえば、モデリングは、テクスチャ、メッシュ、シェーダを1つの完全なモデルに「溶かし込む」動作です。セットアップアクションはメッシュを入力として受け取り、リグへと導きます。",[101,27329,27330],{},"最後にこの記事を締めくくり、制作要素のいくつかの表現を例示してみましょう：",[158,27332,27334,27340],{"className":27333},[87,161,689],[163,27335],{"src":27336,"className":27337,"alt":168,"loading":169,"width":27338,"height":27339},"https://blog.cg-wire.com/content/images/max/800/1-PiZJ-_jBwCApGZf3d15_3w.png",[167],481,401,[696,27341,27342],{},[285,27343,27344],{"style":678},"小道具の 構築のグラフ表現",[158,27346,27348,27353],{"className":27347},[87,161,689],[163,27349],{"src":27350,"className":27351,"alt":168,"loading":169,"width":27352,"height":27338},"https://blog.cg-wire.com/content/images/max/800/1-RPwf2k5MvjwLt8DJGAXgxQ.png",[167],501,[696,27354,27355],{},[285,27356,27357],{"style":678},"ショットの 構築のグラフ表現",[158,27359,27361,27367],{"className":27360},[87,161,689],[163,27362],{"src":27363,"className":27364,"alt":168,"loading":169,"width":8112,"height":27365,"srcSet":27366,"sizes":173},"https://blog.cg-wire.com/content/images/max/800/1-tniNe0RXXWZU1IQNezn3_Q.png",[167],532,"https://blog.cg-wire.com/content/images/size/w600/max/800/1-tniNe0RXXWZU1IQNezn3_Q.png 600w, https://blog.cg-wire.com/content/images/max/800/1-tniNe0RXXWZU1IQNezn3_Q.png 800w",[696,27368,27369],{},[285,27370,27371],{"style":678},"例：リテイクが リグに与える影響は分かりやすい",[101,27373,27374],{},"ご覧のとおり、グラフ表現と、それを管理するための適切なツールがあれば、変更の影響を見つけるのは簡単です！",[101,27376,27377],{},"この記事は以上です。この制作にグラフの提示を取り入れることを納得していただければ幸いです。ノードとエッジを使うことで、CGアーティスト、スーパーバイザー、プロダクションマネージャとのコミュニケーションが改善されます…つまり、アート面に使う時間が増え、ストレスの多い状況が減るということです！",[101,27379,27380,27383,27390],{},[702,27381,27382],{},"制作やパイプラインについて主に書いているからといって、美しい写真を見ることを楽しんでいないわけではありません。CG業界全般についてもっと幅広い話題や厳選されたコンテンツが見たい場合は、 ",[266,27384,27387],{"href":27385,"rel":27386},"https://x.com/cgwirekitsu?ref=blog.cg-wire.com",[585],[702,27388,27389],{},"Twitter",[702,27391,7323],{},{"title":168,"searchDepth":600,"depth":600,"links":27393},[],{"updated_at":27395,"featured_at":612,"visibility":613},"2026-03-26T10:58:03.000+01:00","/blog-i18n/ja/cg-pipeline-asset-management-and-dependencies","2017-07-05T09:42:24.000+02:00",{"title":27302,"description":27309},"cg-pipeline-asset-management-and-dependencies","blog-i18n/ja/cg-pipeline-asset-management-and-dependencies/index",[27402],{"id":620,"name":621,"slug":622,"description":7,"feature_image":7,"visibility":613,"og_image":7,"og_title":7,"og_description":7,"twitter_image":7,"twitter_title":7,"twitter_description":7,"meta_title":7,"meta_description":7,"codeinjection_head":7,"codeinjection_foot":7,"canonical_url":7,"accent_color":7,"url":623},"7qgUx5MAgKG982jaw1_vLWC687gmgcFe4QsVs_HX2DA",{"id":27405,"title":27406,"authors":27407,"body":27409,"description":27496,"extension":608,"feature_image":27497,"html":7,"meta":27498,"navigation":11,"path":27500,"published_at":27501,"seo":27502,"slug":27503,"stem":27504,"tags":27505,"__hash__":27508,"updated_at":27499,"featured_at":612,"visibility":613},"blog/blog-i18n/ja/book-review-production-pipeline-fundamentals-for-film-and-games/index.md","映画とゲームのための制作パイプライン基礎：書評（2026）",[27408],{"id":20735,"name":20736,"slug":20737,"profile_image":20738,"cover_image":20739,"bio":20740,"website":20741,"location":11072,"facebook":7,"twitter":11073,"meta_title":7,"meta_description":7,"threads":7,"bluesky":7,"mastodon":7,"tiktok":7,"youtube":7,"instagram":7,"linkedin":7,"url":20742},{"type":81,"value":27410,"toc":27494},[27411,27419,27422,27427,27431,27434,27442,27445,27447,27450,27453,27456,27459,27463,27466,27470,27473,27476,27479,27482],[101,27412,27413,27414,680],{},"どの分野でも、あなたの専門性のレベルにかかわらず、自分の職業の最先端の状況を学ぶために立ち寄ってみるのは良い考えです。私たちがそれを実現するためにいちばん好きな方法は、参考文献として扱われている本を読むことです。しかし、CG業界では、良い読書がなかなか見つかりません。幸いなことに、私たちが良い本を探し始めたとき、いくつか検索した後に、他のどれよりも際立っている1冊があることに気づきました： ",[266,27415,27418],{"href":27416,"rel":27417},"https://www.crcpress.com/Production-Pipeline-Fundamentals-for-Film-and-Games/Dunlop/p/book/9780415812290?ref=blog.cg-wire.com",[25855],"Production Pipeline Fundamentals for Film and Games",[101,27420,27421],{},"この本は、CG業界で編集者、テクニカルライター、ジャーナリストとして20年間活動してきたRenée Dunlopによって書かれています。制作の主要な当事者たちを観察することで、彼女がパイプラインについて学んだことを私たちに共有してくれます。これを説明し、さまざまな視点を得るために、本書はCGまたはゲームのパイプラインに携わった経験者へのインタビューで補完されています。",[101,27423,27424],{},[702,27425,27426],{},"NB：このブログ記事では、映画パイプラインにのみ焦点を当てます。",[26051,27428,27430],{"id":27429},"production","制作",[101,27432,27433],{},"CG制作は決定論的なキャンバスを持っていますが、内容は大きく異なり、創造的な作業も多く含まれます。そのため、特別なアプローチと、高い柔軟性が必要になります。",[101,27435,27436,27437,27441],{},"そこでRenéeにとって、CG制作の成功に欠かせないのは透明性と、明確なコミュニケーションです。まず彼女は ",[266,27438,27440],{"href":27439},"https://medium.com/@cgwire/cg-production-pre-production-production-and-post-production-c4723a62ca1c?ref=blog.cg-wire.com","制作の主要な段階"," を説明します。次に、コンセプトからコンポジットまで、それぞれの工程を細部まで描写することで掘り下げていきます。彼女は、関係者間のコミュニケーションを改善するためには、すべてを文書化すべきだと考えています。そして、マネジメントが扱うべきことをすべて取り上げます。すなわち、予算の見通し、採用（雇用）カレンダー、ハードウェア要件、そしてサービス提供者のブッキングです。",[101,27443,27444],{},"続いてRenéeは、バリデーションがどのように処理されるのかを説明します。どこで行われるのか、ショット同士はどう比較すべきか、適切なノート追跡の方法、納品のレビュー方法、そして色彩設計（カラリミトリ）を扱いながらサウンドの同期を管理して最終納品を出荷する方法です。",[26051,27446,6],{"id":622},[101,27448,27449],{},"ここが本書の中心テーマです。制作工程（製造）のステップを適切に区分けする必要性を強調しています。そのためRenéeは、制作の各段階で「何が必要で、何が作成されるのか」をきちんと文書化することを勧めます。ステップ間の移行を自動的に管理するツールをソフトウェアチームが実装する際にも、生活が大いに楽になります。",[101,27451,27452],{},"ただし、非アート（非創造的）な工程を自動化するには難しさがあります。ファイル管理です。大きなファイルを大量に扱うと、すぐに混乱が起きます。だからこそ彼女は、フォルダ構成、ファイル命名、メタデータの保存についての解決策を探ります。さらに、バージョン管理（ディスク上のファイルバージョン管理）とソース管理（バージョンのための中央リポジトリであり、ファイルシステムは直接アクセスできない）の利点と欠点を、徹底的な比較を通して議論しています。",[101,27454,27455],{},"Renéeは、ソフトウェアプロジェクトのマネジメントにおけるベストプラクティスも紹介してくれます。CGスタジオは必ずしもそれに慣れているわけではありません。だからこそ、彼女の洞察はとても役に立ちます。特にウォーターフォールとアジャイルの手法を比較した点が注目に値します。",[101,27457,27458],{},"最後に彼女は、あなたの状況に応じてパイプラインを適応させることを促します。会社の価値観、どのような制作を行っているのか、そして関わる人々に何が期待されているのかを理解するためです。",[26051,27460,27462],{"id":27461},"hardware","ハードウェア",[101,27464,27465],{},"本書は、ツールがハードウェアに与える影響について述べています。すべての計算、作業用ファイル、出力には、非常に大きなストレージ、CPU能力、ネットワーク帯域が必要です。彼女は、その複雑さに対処するための戦略として、構成管理、クラウドレンダリング、よくアクセスされるファイルのキャッシュ、そしてスマートなバックアップを提案しています。",[26051,27467,27469],{"id":27468},"the-future","未来",[101,27471,27472],{},"最後の章は、これからのトレンドに充てられています。ワークステーション上での仮想マシン、WebGLによる協調的なモデリング、そしてオープン形式によるファイルの標準化といった、追うべきことについてのヒントを与えてくれます。研究開発チームにとって、アイデアの素晴らしい源です。",[101,27474,27475],{},"Production Pipeline Fundamentals は、CG業界に新しく入ってきた人にとって必読の書です。CGパイプラインに必須の主要な側面をすべてカバーしています。章は正確で完全であり、道中で追加されるインタビューによって、さまざまな視点が得られます。",[101,27477,27478],{},"経験年数のあるプロフェッショナルにとっても、やはりとても良い読み物です。新しいアイデアを見つけられますし、ビデオゲーム業界でどのように行われているのかを学ぶこともできます。さらに、大規模スタジオがCGパイプラインの複雑さにどう対処しているのかを見ることもできます。",[101,27480,27481],{},"まとめると：Production Pipeline Fundamentals は強くおすすめです！",[101,27483,27484,27487,27492],{},[702,27485,27486],{},"このブログは、CGパイプラインと制作マネジメントに特化しています。この本に興味があるなら、きっと私たちの記事も気に入るはずです。私たちについて、そして私たちが何をしているのかを理解するために、 ",[266,27488,27489],{"href":27134},[702,27490,27491],{},"最初の記事",[702,27493,27052],{},{"title":168,"searchDepth":600,"depth":600,"links":27495},[],"どの分野でも、あなたの専門性のレベルにかかわらず、自分の職業の最先端の状況を学ぶために立ち寄ってみるのは良い考えです。私たちがそれを実現するためにいちばん好きな方法は、参考文献として扱われている本を読むことです。しかし、CG業界では、良い読書がなかなか見つかりません。幸いなことに、私たちが良い本を探し始めたとき、いくつか検索した後に、他のどれよりも際立っている1冊があることに気づきました： Production Pipeline Fundamentals for Film and Games。","https://blog.cg-wire.com/content/images/max/800/1-533IOIVQKJArjDNdcztcEg.jpeg",{"updated_at":27499,"featured_at":612,"visibility":613},"2026-02-20T06:04:06.000+01:00","/blog-i18n/ja/book-review-production-pipeline-fundamentals-for-film-and-games","2017-06-13T11:21:49.000+02:00",{"title":27406,"description":27496},"book-review-production-pipeline-fundamentals-for-film-and-games","blog-i18n/ja/book-review-production-pipeline-fundamentals-for-film-and-games/index",[27506,27507],{"id":24830,"name":24831,"slug":24832,"description":7,"feature_image":7,"visibility":613,"og_image":7,"og_title":7,"og_description":7,"twitter_image":7,"twitter_title":7,"twitter_description":7,"meta_title":7,"meta_description":7,"codeinjection_head":7,"codeinjection_foot":7,"canonical_url":7,"accent_color":7,"url":24833},{"id":620,"name":621,"slug":622,"description":7,"feature_image":7,"visibility":613,"og_image":7,"og_title":7,"og_description":7,"twitter_image":7,"twitter_title":7,"twitter_description":7,"meta_title":7,"meta_description":7,"codeinjection_head":7,"codeinjection_foot":7,"canonical_url":7,"accent_color":7,"url":623},"eaWbJEyVFJtqO3q_m2F4pwOg59KKCV0S96PBRMZD5ys",{"id":27510,"title":27511,"authors":27512,"body":27514,"description":27518,"extension":608,"feature_image":27608,"html":7,"meta":27609,"navigation":11,"path":27610,"published_at":27611,"seo":27612,"slug":27613,"stem":27614,"tags":27615,"__hash__":27617,"updated_at":26132,"featured_at":612,"visibility":613},"blog/blog-i18n/ja/cg-pipeline-take-advantage-of-your-render-farm-at-every-step-of-the-production/index.md","レンダーファームをCG制作のあらゆるステップで活用しよう（2026）",[27513],{"id":20735,"name":20736,"slug":20737,"profile_image":20738,"cover_image":20739,"bio":20740,"website":20741,"location":11072,"facebook":7,"twitter":11073,"meta_title":7,"meta_description":7,"threads":7,"bluesky":7,"mastodon":7,"tiktok":7,"youtube":7,"instagram":7,"linkedin":7,"url":20742},{"type":81,"value":27515,"toc":27606},[27516,27519,27522,27527,27530,27535,27538,27543,27546,27551,27554,27559,27566,27571,27574,27579,27582,27587],[101,27517,27518],{},"レンダーファームは、グラフィックデザイナーやレンダーチームが、計算ジョブをさまざまなサーバーに送信できるようにします。これにより、非常に負荷の高い計算を処理しつつ、デザイナー用のワークステーションが常に使用可能な状態を保てます。レンダーファームは、すべてのショットを期限内に納品するために欠かせない構成要素です。",[101,27520,27521],{},"レンダーファームで最も一般的な用途は、最終ショットのレンダリングです。しかし、何がそれをゲームチェンジャーにしているのでしょうか？最終出力を届けられるようになるだけでなく、制作の各ステップで処理を高速化できます。この記事では、レンダーファームに委ねられることをすべて振り返ります。",[101,27523,27524],{},[486,27525,27526],{},"モデリングと画像レンダリング",[101,27528,27529],{},"モデリング工程の早い段階では、グラフィックデザイナーは素材パラメータを検証するためにシーンをレンダリングする必要があります。ハイポリメッシュや複雑なテクスチャリングは、レンダリングにすぐに数時間かかることがあります。専用のコンピュータ群でこのレンダリングを計算できるなら、長時間ワークステーションを占有してしまうのを避けることで、膨大な時間を節約できます。",[101,27531,27532],{},[486,27533,27534],{},"テクスチャベイク",[101,27536,27537],{},"テクスチャの事前レンダリングを行うプロセスです。主な考え方は、複雑なマテリアルのレンダリング結果を、シンプルなテクスチャに変換することです。たとえそれが1つのオブジェクトのためだけであっても、複数回の長いレンダリングが必要になる場合があります。これもレンダーファームに送るのが良いでしょう。",[101,27539,27540],{},[486,27541,27542],{},"アニメーションキャッシュ",[101,27544,27545],{},"アニメーターは、アニメーションのバリエーションを出したがります。これらのテストでは、キャッシュファイルの計算が必要になります。つまり、アニメーションの各フレームに対するすべての頂点の座標です。生成には長い数十分、場合によっては数時間かかることもあります。これを、グラフィックデザイナーのマシン上で行うよりも、レンダーファームで行いたいはずです。",[101,27547,27548],{},[486,27549,27550],{},"FXシミュレーション",[101,27552,27553],{},"FXシミュレーションには非常に大きな計算が必要です。ほとんど並列化できません（つまり、ファームの1コアに長時間張り付くことになります）。そのため、レンダーファームによって大幅に速くなるわけではありませんが、同時に多数実行でき、ワークステーションを解放できます。",[101,27555,27556],{},[486,27557,27558],{},"プレビュー生成",[101,27560,27561,27562,27565],{},"適切な検証トラッキングを行うなら、各ステップで議論するためにプレビューが必要です。生成はとても速いこともありますが、ときには数十分のレンダリングになることもあります。レンダーファームで行い、その結果をあなたの",[266,27563,27564],{"href":27199},"検証トラッキング","ツールに直接送るのがより良いでしょう。",[101,27567,27568],{},[486,27569,27570],{},"ショット生成",[101,27572,27573],{},"もちろんですが、最終ショットのレンダリングは最も負荷の高い計算作業です。最終出力を生成することが、レンダーファームの主な目的です。ここでの問題は、どのレンダリングを優先するかです。多くのレンダーファームマネージャーでは、重要なジョブに優先度を与えられます。しかし、どれが最も重要かを常に判断しやすいとは限りません。",[101,27575,27576],{},[486,27577,27578],{},"コンポジット",[101,27580,27581],{},"複雑なコンポジットのレンダリング、特に高解像度の場合、これもファームに任せるのに良いでしょう。パラメータ調整のためのテストをより多く行えるようになります。",[101,27583,27584,27585,7323],{},"この記事では、レンダーファームでできることを取り上げました。人々がそこへ処理を投入できるように適切なパイプラインを整えれば、生産性と品質の向上をたくさん実感できるはずです。ですが、すぐに新たな問題に直面します。制作負荷をどう管理するのか？レンダーファームは大量のネットワーク帯域とファイルストレージを消費します。多くのジョブを処理できたとしても、人はファームが扱える以上に計算を投入しがちです。これらの問題は、すぐに頭痛の種になり得ます。幸い、私たちはお手伝いできます。次回の記事をお楽しみに、またはお気軽に",[266,27586,27285],{"href":27282},[101,27588,27589,27592,27597,27600,27604],{},[702,27590,27591],{},"CGWireは 、",[266,27593,27595],{"href":27272,"rel":27594},[25855],[702,27596,27276],{},[702,27598,27599],{},"を作って、パイプラインをより効率的にするソフトウェアショップです。私たちの取り組みに興味があり、それが役立つと考えるなら、ぜひ ",[266,27601,27602],{"href":27282},[702,27603,27285],{},[702,27605,7323],{},{"title":168,"searchDepth":600,"depth":600,"links":27607},[],"https://blog.cg-wire.com/content/images/max/1200/1-ykAEE4nsK7Sy9zwpVDWsTg.jpeg",{"updated_at":26132,"featured_at":612,"visibility":613},"/blog-i18n/ja/cg-pipeline-take-advantage-of-your-render-farm-at-every-step-of-the-production","2017-06-08T20:28:41.000+02:00",{"title":27511,"description":27518},"cg-pipeline-take-advantage-of-your-render-farm-at-every-step-of-the-production","blog-i18n/ja/cg-pipeline-take-advantage-of-your-render-farm-at-every-step-of-the-production/index",[27616],{"id":620,"name":621,"slug":622,"description":7,"feature_image":7,"visibility":613,"og_image":7,"og_title":7,"og_description":7,"twitter_image":7,"twitter_title":7,"twitter_description":7,"meta_title":7,"meta_description":7,"codeinjection_head":7,"codeinjection_foot":7,"canonical_url":7,"accent_color":7,"url":623},"y8G_eOZq5CmNHQeT-fSDp6X40_c1xwfneJSReB-wZew",{"id":27619,"title":27620,"authors":27621,"body":27625,"description":27629,"extension":608,"feature_image":27697,"html":7,"meta":27698,"navigation":11,"path":27700,"published_at":27701,"seo":27702,"slug":27703,"stem":27704,"tags":27705,"__hash__":27709,"updated_at":27699,"featured_at":612,"visibility":613},"blog/blog-i18n/ja/cg-pipeline-publishing-preview-and-production-management/index.md","CG制作におけるバリデーション、プレビュー、公開（2026）",[27622],{"id":20735,"name":20736,"slug":20737,"profile_image":20738,"cover_image":20739,"bio":27623,"website":20741,"location":27624,"facebook":7,"twitter":11073,"meta_title":7,"meta_description":7,"threads":7,"bluesky":7,"mastodon":7,"tiktok":7,"youtube":7,"instagram":7,"linkedin":7,"url":20742},"CGWireのCEO &Founder","パリ, フランス",{"type":81,"value":27626,"toc":27695},[27627,27630,27633,27637,27640,27643,27647,27655,27659,27662,27666,27669,27672],[101,27628,27629],{},"制作において最も重要なアクションの一つがバリデーション（検証）工程です。制作されたすべてのアセットとコンポーネントは、出荷される前にディレクターおよびスーパーバイザーによってレビューされなければなりません。すべてのバリデーションは強い意思決定であり、技術的なものにも芸術的なものにもなり得ます。レビューされたコンポーネントが承認されない場合、それはスタジオ全体に対して追加の作業とコストを生むことになります。逆に、十分な本数のショットがバリデーションされると、予算の一部が解放され、スタジオの推進力になります。したがって、制作管理の観点から適切なバリデーションのトラッキングを行えるかどうかは非常に重要です。",[101,27631,27632],{},"この記事では、何をトラッキングすべきか、そしてあなたのパイプラインがバリデーションをより速くするためにどう役立つかを解説します。",[26051,27634,27636],{"id":27635},"history-tracking","履歴のトラッキング",[101,27638,27639],{},"すべてのバリデーション判断にはコミットメントと予算への影響が伴うため、「誰がいつ何を言ったのか」を把握しておくべきです。スタジオで最もよく見かけるツールは Google スプレッドシートです。これを使えば、非常に有益な表を作成でき、どこからでもアクセスできます。だからこそ便利です。しかし残念ながら、制作チーム以外の人々はあまり積極的に入力しようとしません。さらに最悪なのは、過去の変更にアクセスしにくいことです。",[101,27641,27642],{},"そのため、Shotgun や Ftrack のようにより包括的なソリューションの利用を推奨します。会話の明確な履歴を持つことができ、制作の状態を簡単に閲覧できるようになります。価格は高く見えるかもしれませんが、大量の時間を節約できます。加えて、「どれくらいの往復があったのか」を把握することは、どのショットやアセットに二重の注意が必要かを特定するうえで重要です。",[26051,27644,27646],{"id":27645},"preview","プレビュー",[101,27648,27649,27650,27654],{},"あるアイテムを検証するために、グラフィクス担当者のマシンに行って結果を見るだけでは、あまり効果的ではありません。そこで、プレビューの公開（パブリッシュ）プロセスを構築することを考えるべきです。レンダーしたアイテムの動画や画像を ",[266,27651,27653],{"href":27652},"https://medium.com/@cgwire/cg-pipeline-a-proposal-for-your-file-hierarchy-7825a163de1e?ref=blog.cg-wire.com","専用フォルダーに保存する","のか、専門のソフトウェアにアップロードするのかに関わらず、トラッキングの仕組みを同時に確立する必要があります。アーティストは、自分の作業が完了したと判断したら「このプレビューは閲覧可能になった」と伝えるべきで、さらに、このプレビューを作るために使用した作業ファイルがどれだったかを記録する必要があります。同様に、誤解を避けるため、すべてのコメントは関連するプレビューに紐づけるべきです。",[26051,27656,27658],{"id":27657},"delivery","デリバリー（納品）",[101,27660,27661],{},"コンポーネントがバリデーションされたからといって、まだ作業は終わっていません。次の工程を担当するチームのために、成果物のファイルを作成しなければなりません。生成されるファイルは作業ファイルとは異なります（アニメーションのキャッシュファイル、モデリングの低解像度・高解像度モデルなど）。そのため、ソースファイルもトラッキングする必要があります。作成したファイルは、バリデーションと作業ファイルの両方に関連付けるべきです。これはバリデーションに役立つだけでなく、再レンダーが必要になった場合にも有用です。",[26051,27663,27665],{"id":27664},"pipeling-the-whole-thing","全体をパイプライン化する",[101,27667,27668],{},"良いニュースは、これを実現するために必要な地道な作業の中でも、いくつかは自動化できるということです。プレビューの生成はスクリプト／プラグインによって行い、グラフィクス担当者がワンクリックするだけでトラッキングソフトウェアへ送信できます。出力ファイルは、バリデーション後に自動で生成することも可能です。コメント、作業ファイル、出力ファイル、プレビュー間の関係は、インデックス化されたデータベースに保存できます。そのデータストアをもとに、R&D チームは表やグラフを作成し、制作状況の概要と詳細を提供できるようになります。",[101,27670,27671],{},"CG 映画の制作進捗を追い続けるのは退屈で、忍耐力、コミットメント、そして優れたコミュニケーションが必要です。幸いなことに、この作業はソフトウェアソリューションによって、制作チーム、スーパーバイザー、グラフィクス担当者を支援できます。これらの大変な工数は、最初は二次的なものに見えるかもしれませんが、きちんと整備すれば制作はまったく別物になります。悪い想定外は避けられ、制作（ファブリケーション）の柔軟性が高まります。結果としてストレスが減り、より速い進行につながり、その分、芸術的な作業や全体の品質向上により多くの時間を費やせるようになります。",[101,27673,27674,27677,27684,27687,27693],{},[702,27675,27676],{},"私たちは、 ",[266,27678,27681],{"href":27679,"rel":27680},"http://www.cg-wire.com/?ref=blog.cg-wire.com",[25855],[702,27682,27683],{},"オープンソースツール",[702,27685,27686],{}," を制作して、パイプラインをより効率的にするソフトウェアショップです。私たちの取り組みに興味があり、それが役に立つと思うなら、 ",[266,27688,27690],{"href":27282,"rel":27689},[25855],[702,27691,27692],{},"ぜひご連絡ください",[702,27694,7323],{},{"title":168,"searchDepth":600,"depth":600,"links":27696},[],"https://blog.cg-wire.com/content/images/max/2560/1-Aww5zN-UY_33lX7DgspgqA.jpeg",{"updated_at":27699,"featured_at":612,"visibility":613},"2026-03-27T11:01:08.000+01:00","/blog-i18n/ja/cg-pipeline-publishing-preview-and-production-management","2017-05-22T14:44:48.000+02:00",{"title":27620,"description":27629},"cg-pipeline-publishing-preview-and-production-management","blog-i18n/ja/cg-pipeline-publishing-preview-and-production-management/index",[27706,27707],{"id":24830,"name":56,"slug":24832,"description":7,"feature_image":7,"visibility":613,"og_image":7,"og_title":7,"og_description":7,"twitter_image":7,"twitter_title":7,"twitter_description":7,"meta_title":7,"meta_description":7,"codeinjection_head":7,"codeinjection_foot":7,"canonical_url":7,"accent_color":7,"url":24833},{"id":620,"name":27708,"slug":622,"description":7,"feature_image":7,"visibility":613,"og_image":7,"og_title":7,"og_description":7,"twitter_image":7,"twitter_title":7,"twitter_description":7,"meta_title":7,"meta_description":7,"codeinjection_head":7,"codeinjection_foot":7,"canonical_url":7,"accent_color":7,"url":623},"パイプライン自動化","UqE1fIXAEVgYIOBLxQuQzE3Rx7EE0FyWqRRWF6D4bhU",{"id":27711,"title":27712,"authors":27713,"body":27715,"description":27892,"extension":608,"feature_image":27893,"html":7,"meta":27894,"navigation":11,"path":27896,"published_at":27897,"seo":27898,"slug":27899,"stem":27900,"tags":27901,"__hash__":27903,"updated_at":27895,"featured_at":612,"visibility":613},"blog/blog-i18n/ja/cg-pipeline-a-proposal-for-your-file-hierarchy/index.md","CGパイプライン：ファイル階層の提案（2026）",[27714],{"id":20735,"name":20736,"slug":20737,"profile_image":20738,"cover_image":20739,"bio":20740,"website":20741,"location":11072,"facebook":7,"twitter":11073,"meta_title":7,"meta_description":7,"threads":7,"bluesky":7,"mastodon":7,"tiktok":7,"youtube":7,"instagram":7,"linkedin":7,"url":20742},{"type":81,"value":27716,"toc":27890},[27717,27725,27728,27733,27739,27746,27751,27755,27758,27763,27769,27772,27777,27781,27784,27790,27794,27797,27802,27809,27812,27816,27823,27828,27832,27835,27838,27843,27846,27851,27854,27859,27863,27866,27868,27871,27874,27877],[101,27718,27719,27720,27724],{},"ファイル保存は、あらゆるCG制作において依然として大きな課題です。関わる",[266,27721,27723],{"href":27722},"https://medium.com/@cgwire/cg-pipeline-series-list-of-the-most-popular-cg-tools-7fb39ff6d062?ref=blog.cg-wire.com","多くのソフトウェア","によって、ファイルが無数に増え、その中で道に迷いやすくなってしまいます。",[101,27726,27727],{},"理想の世界では、メタデータを通じてファイルを検索・参照・保存できる専用のデータベースを使うでしょう。残念ながら、ほとんどのスタジオはこの種のソリューションを構築する費用を捻出できません。最も簡単な代替手段は、クラシックなファイルシステムに頼ることです。しかし、混乱を避けるためには、ファイルシステムの構造を徹底して運用することが必須です。この記事では、この点について議論します。",[101,27729,27730],{},[702,27731,27732],{},"なお、すべてのパスは小文字で記述し、特殊文字やスペースは使いません。これらのルールにより、ソフトウェアやツールとの互換性と準備（readiness）を最大化できます。",[26051,27734,27736],{"id":27735},"the-root-folder",[486,27737,27738],{},"ルートフォルダー",[101,27740,27741,27742,27745],{},"ルートフォルダー名は非常に明確にし、",[702,27743,27744],{},"制作（productions）","フォルダーと制作名で構成してください：",[188,27747,27748],{},[146,27749,27750],{},"productions/big_buck_bunny\n",[26051,27752,27754],{"id":27753},"the-state-folders","状態フォルダー",[101,27756,27757],{},"内容を説明する前に、作業用ファイル用のフォルダーと、公開用ファイル用のフォルダーの2つが必要です。",[188,27759,27760],{},[146,27761,27762],{},"productions/big_buck_bunny/working\nproductions/big_buck_bunny/export\n",[26051,27764,27766],{"id":27765},"the-type-folders",[486,27767,27768],{},"タイプフォルダー",[101,27770,27771],{},"制作の中では主にアセットとショットを作ります。なので、これら2つの概念を明確に分けましょう：",[188,27773,27774],{},[146,27775,27776],{},"productions/big_buck_bunny/working/assets\nproductions/big_buck_bunny/working/shots",[26051,27778,27780],{"id":27779},"the-asset-folders","アセットフォルダー",[101,27782,27783],{},"アセットを適切に整理するために、アセットカテゴリごとにフォルダーを作ることを提案します。次に、各アセットにはそれぞれ独立したフォルダーを用意します。最後に、アセット制作の主要なステップごとのディレクトリを持つほうがよいと考えています。細かくしすぎると、フォルダーが無数に増えてしまいます：",[188,27785,27786],{},[146,27787,27789],{"className":27788},[193],"prod...ing/assets/characters/rabbit/modeling\nprod...ing/assets/characters/rabbit/rigging\nprod...ing/assets/characters/rabbit/texturing",[26051,27791,27793],{"id":27792},"the-shot-folders","ショットフォルダー",[101,27795,27796],{},"フォルダーはショットの階層（エピソード／チャプター、シーケンス、ショット）を表すべきです。そして各ショットごとに、ショット制作の主要ステップを説明するフォルダーへファイルを格納します。",[188,27798,27799],{},[146,27800,27801],{},"prod...ing/shots/ep001/se001/sh001/animation\nprod...ing/shots/ep001/se001/sh001/fx\nprod...ing/shots/ep001/se001/sh001/compositing",[101,27803,27804,27805,27808],{},"エピソードまたはチャプターがない場合は、",[702,27806,27807],{},"ep001","フォルダーは省略できます。",[101,27810,27811],{},"ここでの主な課題は、ときどきアニメーションが複数のショットにまたがって動く必要があることです。その場合は、シンボリックリンクを使うか、アニメーションに関係する最初のショットだけで作業することを推奨します。",[26051,27813,27815],{"id":27814},"the-asset-in-a-shot-folders","ショット内のアセットフォルダー",[101,27817,27818,27819,27822],{},"特定のショット向けにアセットのバリアントを作らなければならない場合、またはアニメーションが各アセットごとに個別に作られる場合があります。その場合、ショットフォルダーの中に",[702,27820,27821],{},"assets","フォルダーを作ります。このフォルダー内では、アセットごとにフォルダーを作成します。アセットタイプ用のフォルダーを追加する必要はありません。",[188,27824,27825],{},[146,27826,27827],{},"prod...ing/shots/ep001/se001/sh001/assets/rabbit/animation\nprod...ing/shots/ep001/se001/sh001/assets/rabbit/modeling\n",[26051,27829,27831],{"id":27830},"file-naming","ファイル命名",[101,27833,27834],{},"ファイル名にも、すべての情報をできるだけ反映させるのがより良いです。いくつかのソフトでは、ウィンドウタイトルに表示されるのがファイル名だけだからです。そのため、明確にするのが望ましいです。",[101,27836,27837],{},"アセット： ",[188,27839,27840],{},[146,27841,27842],{},"big_buck_bunny_assets_characters_rabbit_modeling.max",[101,27844,27845],{},"ショット： ",[188,27847,27848],{},[146,27849,27850],{},"big_buck_bunny_ep001_se001_sh001_animation.max",[101,27852,27853],{},"ショット内のアセット： ",[188,27855,27856],{},[146,27857,27858],{},"big_buck_bunny_ep001_se001_sh001_rabbit_animation.max",[26051,27860,27862],{"id":27861},"departments-and-specific-file-hierarchy","部門ごとのファイル階層と具体的な階層",[101,27864,27865],{},"いくつかの部門では、ファイルの扱い方が異なる場合があります。部門ごとに別のファイル階層を用意するのは良いアイデアかもしれません。その場合は、必ず適切にドキュメント化してください。",[26051,27867,26107],{"id":26106},[101,27869,27870],{},"以上です！このシンプルなファイル階層があれば、すべてのファイルを適切に保存できるはずです。つまり、次の制作において頭を悩ませる時間やストレスを減らせます。",[101,27872,27873],{},"ファイル構造を徹底すると、ファイルの重複が生じたり、CGアーティストに対して追加のプロセスが必要になったりすることがあります。それを恐れる必要はありません。ファイル構造は、人と人とのコミュニケーションの一部です。そしてプロジェクトにおいて最も重要なのは、良いコミュニケーションです。だからこそ、多少の小さな欠点は受け入れるほうがよいのです。正しいファイルを探すときに生じる非効率は、はるかに大きくなります。",[101,27875,27876],{},"さらに、ファイルシステムに対して自動的に作業できるツールを開発できるようになります。スタジオをスケールさせるには、パイプラインツールは必須です。今後のブログ記事では、何を作るべきか、そしてそれをどう実現するかについてアイデアをお伝えします。",[101,27878,27879,27882,27887],{},[702,27880,27881],{},"制作管理やパイプラインについて主に書いていますが、美しい画像を見るのも好きではない、という意味ではありません。CG業界全般について、より幅広い話題やキュレーションされたコンテンツをご希望なら、",[266,27883,27885],{"href":27385,"rel":27884},[585],[702,27886,27389],{},[702,27888,27889],{},"をご覧ください！",{"title":168,"searchDepth":600,"depth":600,"links":27891},[],"ファイル保存は、あらゆるCG制作において依然として大きな課題です。関わる多くのソフトウェアによって、ファイルが無数に増え、その中で道に迷いやすくなってしまいます。","https://blog.cg-wire.com/content/images/max/800/1-NRDdvzPCpmkgCu17iuO4pQ.jpeg",{"updated_at":27895,"featured_at":612,"visibility":613},"2026-03-26T10:57:46.000+01:00","/blog-i18n/ja/cg-pipeline-a-proposal-for-your-file-hierarchy","2017-05-15T23:57:32.000+02:00",{"title":27712,"description":27892},"cg-pipeline-a-proposal-for-your-file-hierarchy","blog-i18n/ja/cg-pipeline-a-proposal-for-your-file-hierarchy/index",[27902],{"id":620,"name":621,"slug":622,"description":7,"feature_image":7,"visibility":613,"og_image":7,"og_title":7,"og_description":7,"twitter_image":7,"twitter_title":7,"twitter_description":7,"meta_title":7,"meta_description":7,"codeinjection_head":7,"codeinjection_foot":7,"canonical_url":7,"accent_color":7,"url":623},"4IiaRfApd1c1dLGilluRjECNec5FzLHWlV54iBHA2xg",{"id":27905,"title":27906,"authors":27907,"body":27909,"description":27913,"extension":608,"feature_image":7,"html":7,"meta":27954,"navigation":11,"path":27956,"published_at":27957,"seo":27958,"slug":27959,"stem":27960,"tags":27961,"__hash__":27963,"updated_at":27955,"featured_at":612,"visibility":613},"blog/blog-i18n/ja/facilitating-cg-graphists-to-focus-more-on-the-artistic/index.md","CGアーティストがより「制作」に集中できるようにする",[27908],{"id":20735,"name":20736,"slug":20737,"profile_image":20738,"cover_image":20739,"bio":20740,"website":20741,"location":11072,"facebook":7,"twitter":11073,"meta_title":7,"meta_description":7,"threads":7,"bluesky":7,"mastodon":7,"tiktok":7,"youtube":7,"instagram":7,"linkedin":7,"url":20742},{"type":81,"value":27910,"toc":27952},[27911,27914,27917,27920,27931,27939],[101,27912,27913],{},"CGWireは、グラフィックデザイナーやプロデューサーが制作のより“アート”側に集中できるようにする新しい会社です。制作管理とパイプラインをより効率化するためのソフトウェアソリューションおよびサービスを提案します。私たちがこの旅の中で学んだことを共有したいと考えています。これが、このブログの理由です。",[101,27915,27916],{},"プロデューサーやTDは、CG制作の土台です。彼らは、グラフィックデザイナーが自身のアーティスティックな成果を披露するための枠組みを提供します。美しい画像を作る方法について語るコンテンツプラットフォームはすでに数多くあります。しかし、制作の工程を「配線（wiring）」のステップとして組み立て、さらに予算と結びつける話は稀です。だからこそこのブログでは、CG制作を裏で支える人々の“見えない仕事”について書いていきます。",[101,27918,27919],{},"私たちのコンテンツは3つのカテゴリに分かれます :",[1148,27921,27922,27925,27928],{},[1151,27923,27924],{},"CG制作関連コンテンツ：検証トラッキング、採用、コスト管理などに関するインタビューやベストプラクティス。",[1151,27926,27927],{},"CGパイプライン関連コンテンツ：CG制作のためのパイプラインを構築するためのインタビューやベストプラクティス。",[1151,27929,27930],{},"ソフトウェア開発チュートリアル：スクリプトを書くことで、一般的なCGツールにより多くの価値を追加する方法。",[101,27932,27933,27934],{},"私たちのミッションを楽しんでいただければ嬉しいですし、みなさんのコメントを読むのが待ちきれません！もし私たちに会って、制作／パイプライン関連のコンテンツをさらに一緒に広げるお手伝いをしていただけるなら、ぜひお話ししましょう。 そのために ",[266,27935,27938],{"href":27936,"rel":27937},"http://contact@cg-wire.com/?ref=blog.cg-wire.com",[25855],"メールを送ってください！",[101,27940,27941,27944,27949],{},[702,27942,27943],{},"“裏側（behind the scene）に注目する”ことは、美しい画像を見るのを楽しんでいないという意味ではありません。CG業界全般について、より幅広いテーマやキュレーションされたコンテンツをご希望なら、私たちを ",[266,27945,27947],{"href":27385,"rel":27946},[585],[702,27948,27389],{},[702,27950,27951],{}," でフォローしてください！",{"title":168,"searchDepth":600,"depth":600,"links":27953},[],{"updated_at":27955,"featured_at":612,"visibility":613},"2026-03-26T10:58:57.000+01:00","/blog-i18n/ja/facilitating-cg-graphists-to-focus-more-on-the-artistic","2017-04-15T17:32:54.000+02:00",{"title":27906,"description":27913},"facilitating-cg-graphists-to-focus-more-on-the-artistic","blog-i18n/ja/facilitating-cg-graphists-to-focus-more-on-the-artistic/index",[27962],{"id":620,"name":621,"slug":622,"description":7,"feature_image":7,"visibility":613,"og_image":7,"og_title":7,"og_description":7,"twitter_image":7,"twitter_title":7,"twitter_description":7,"meta_title":7,"meta_description":7,"codeinjection_head":7,"codeinjection_foot":7,"canonical_url":7,"accent_color":7,"url":623},"ab6JL9wPp9ID5_i1lR72BVcqjYGyUU1rY6ClWIVb_s8",[27965,27968,27971,27974,27977,27980,27983],{"id":19,"title":20,"body":7,"description":7,"extension":8,"lang":9,"localizedSlug":21,"meta":27966,"navigation":11,"pageType":12,"path":23,"seo":27967,"slug":21,"stem":25,"__hash__":26},{"name":20},{},{"id":28,"title":29,"body":7,"description":7,"extension":8,"lang":9,"localizedSlug":29,"meta":27969,"navigation":11,"pageType":12,"path":31,"seo":27970,"slug":29,"stem":33,"__hash__":34},{"name":29},{},{"id":36,"title":37,"body":7,"description":7,"extension":8,"lang":9,"localizedSlug":37,"meta":27972,"navigation":11,"pageType":12,"path":39,"seo":27973,"slug":37,"stem":41,"__hash__":42},{"name":37},{},{"id":44,"title":45,"body":7,"description":7,"extension":8,"lang":9,"localizedSlug":45,"meta":27975,"navigation":11,"pageType":12,"path":47,"seo":27976,"slug":45,"stem":49,"__hash__":50},{"name":45},{},{"id":5,"title":6,"body":7,"description":7,"extension":8,"lang":9,"localizedSlug":6,"meta":27978,"navigation":11,"pageType":12,"path":13,"seo":27979,"slug":6,"stem":15,"__hash__":16},{"name":6},{},{"id":55,"title":56,"body":7,"description":7,"extension":8,"lang":9,"localizedSlug":56,"meta":27981,"navigation":11,"pageType":12,"path":58,"seo":27982,"slug":56,"stem":60,"__hash__":61},{"name":56},{},{"id":63,"title":64,"body":7,"description":7,"extension":8,"lang":9,"localizedSlug":64,"meta":27984,"navigation":11,"pageType":12,"path":66,"seo":27985,"slug":64,"stem":68,"__hash__":69},{"name":64},{},[27987,27990,27993,27996,27999,28002,28005],{"id":19,"title":20,"body":7,"description":7,"extension":8,"lang":9,"localizedSlug":21,"meta":27988,"navigation":11,"pageType":12,"path":23,"seo":27989,"slug":21,"stem":25,"__hash__":26},{"name":20},{},{"id":28,"title":29,"body":7,"description":7,"extension":8,"lang":9,"localizedSlug":29,"meta":27991,"navigation":11,"pageType":12,"path":31,"seo":27992,"slug":29,"stem":33,"__hash__":34},{"name":29},{},{"id":36,"title":37,"body":7,"description":7,"extension":8,"lang":9,"localizedSlug":37,"meta":27994,"navigation":11,"pageType":12,"path":39,"seo":27995,"slug":37,"stem":41,"__hash__":42},{"name":37},{},{"id":44,"title":45,"body":7,"description":7,"extension":8,"lang":9,"localizedSlug":45,"meta":27997,"navigation":11,"pageType":12,"path":47,"seo":27998,"slug":45,"stem":49,"__hash__":50},{"name":45},{},{"id":5,"title":6,"body":7,"description":7,"extension":8,"lang":9,"localizedSlug":6,"meta":28000,"navigation":11,"pageType":12,"path":13,"seo":28001,"slug":6,"stem":15,"__hash__":16},{"name":6},{},{"id":55,"title":56,"body":7,"description":7,"extension":8,"lang":9,"localizedSlug":56,"meta":28003,"navigation":11,"pageType":12,"path":58,"seo":28004,"slug":56,"stem":60,"__hash__":61},{"name":56},{},{"id":63,"title":64,"body":7,"description":7,"extension":8,"lang":9,"localizedSlug":64,"meta":28006,"navigation":11,"pageType":12,"path":66,"seo":28007,"slug":64,"stem":68,"__hash__":69},{"name":64},{},1776340307761]