Upgrade to Pro — share decks privately, control downloads, hide ads and more …

OLM R&D祭2022 デジタル作画のパイプライン構築 -OLM FM Tool-

OLM R&D祭2022 デジタル作画のパイプライン構築 -OLM FM Tool-

デジタル作画の導入を進めていた矢先にパンデミックが発生し、デジタル化の更なる促進とリモートワークの対応が必要不可欠となりました。OLMではどのようにしてデータの受け渡しを行っているのか、そこで開発したツールも交えてご紹介いたします。

OLM Digital R&D
PRO

October 20, 2022
Tweet

More Decks by OLM Digital R&D

Other Decks in Technology

Transcript

  1. デジタル作画のパイプライン構築
    OLM FM Tool
    山岸 悟
    高橋優
    深谷祐太
    木下美紀
    前島謙宣
    © OLM Digital, Inc. 1

    View Slide

  2. 背景
    • デジタル化推進プロジェクト
    – 作画のデジタル化
    – 進行表・設定制作管理のデジタル化
    – ワークフローの効率化
    – リモートワーク促進
    • ワークフローの問題点
    – リモートワーク先への配布・回収
    © OLM Digital, Inc. 2

    View Slide

  3. デジタル作画ワークフロー
    © OLM Digital, Inc. 3
    リモートワーク先
    ファイル
    サーバ
    OLM社内
    HDD
    素材配布
    成果物回収

    View Slide

  4. データ転送サーバ検討
    • 社内サーバ
    – ファイル転送ツール・Proself
    – VPN
    • 社外サーバ
    – 外部サーバの設置
    – クラウドサービス
    © OLM Digital, Inc. 4
    Googleサービス利用中
    Google ドライブの活用

    View Slide

  5. Googleドライブ特徴
    • Googleサービスのセキュリティ対策を利用
    • アカウント毎にアクセス制限可能
    • 利用方法
    – ブラウザベース
    – 純正アプリケーション
    • 開発用API
    © OLM Digital, Inc. 5

    View Slide

  6. Google ドライブの問題点と要望
    • 問題点
    – エクスプローラのような操作
    ⇒移動・削除などのミスは防げない
    – ファイルを特定するのはURL
    ⇒ わかりにくい
    • https://drive.google.com/drive/folders/ XXXXXXXXXXXXXXXXXXX (フォルダ例)
    • https://drive.google.com/file/d/XXXXXX--YYYYYYYY-ZZZZZZZZZZZZZZZZ (ファイル例)
    • 要望
    – デザイナーにもわかりやすいツール
    – プロジェクト/話数/カットで表示・連絡できるツール
    – デザイナーの要望を反映しやすいツール
    © OLM Digital, Inc. 6
    自社開発

    View Slide

  7. 制作
    (OLM社内)
    デザイナー
    (リモートワーク先)
    OLM FM Tool利用イメージ
    © OLM Digital, Inc. 7
    ファイル
    サーバ
    HDD
    アップロード ダウンロード
    ダウンロード アップロード
    OLM FM Tool OLM FM Tool
    取得
    保存
    成果物回収
    素材配布
    素材アップ連絡
    成果物アップ連絡

    View Slide

  8. OLM FM Tool 概要
    • OLM FM Tool
    File Managementの略
    • 機能
    – 作品/話数/カット/工程でブラウズ
    できるUI
    – ダウンロード(個別・一括)
    – アップロード(個別・一括)
    – フォルダ作成(個別・一括)
    – フォルダパス表示・コピー&ペー
    スト
    – 削除
    • 開発について
    – 動作環境
    • Windows
    – 開発言語
    • Python3
    – 利用ライブラリ
    • PySide2
    • Google Drive API
    – EXE化
    • PyInstaller
    © OLM Digital, Inc. 8

    View Slide

  9. 機能紹介
    © OLM Digital, Inc. 9

    View Slide

  10. OLM FM Tool
    © OLM Digital, Inc. 10
    フォルダパス
    3) ダウンロード
    4) 一括ダウンロード
    5) アップロード 6) 一括アップロード
    2)フォルダ一括作成
    1)フォルダ作成
    プロジェクト 話数 カット
    種別
    7) 削除
    {
    コンテクスト
    メニュー
    ソート(名称/日付)
    8)フォルダパス操作
    コピー ペースト オープン
    種別について
    seq:話数用
    tools:ツール用
    trade:素材や成果物以外

    View Slide

  11. 1) フォルダ作成
    © OLM Digital, Inc. 11
    ①Add Folder
    ボタンクリック
    ②フォルダ作成
    • Google Drive上にフォルダ作成
    • テンプレート (tar)をコピー

    View Slide

  12. 2) フォルダ一括作成
    © OLM Digital, Inc. 12
    ①Create
    ボタンクリック
    ②作成する
    カット、工程を入力
    ③一括フォルダ作成
    • Google Drive上にフォルダ作成
    • テンプレート (tar)を各フォルダへコピー

    View Slide

  13. 3)ダウンロード
    © OLM Digital, Inc. 13
    ローカルPC上に
    • 作業フォルダ作成
    • 作業用テンプレート
    ②Download
    ボタンクリック
    ① 選択
    ③ダウンロードフォルダを選択
    ④ダウンロード
    &フォルダ解凍

    View Slide

  14. 4)一括ダウンロード
    © OLM Digital, Inc. 14
    ① Add to Download List
    ダウンロードするものを
    ダウンロードリストに追加
    ② Multi Downloadボタンクリック
    ③ダウンロード
    ローカルPC上
    • 複数作業フォルダ作成
    ④フォルダ解凍
    ダウンロードリスト表示

    View Slide

  15. 5)アップロード
    © OLM Digital, Inc. 15
    ②Upload
    ボタンクリック
    ローカルPCから
    • フォルダ選択
    • tarファイルとして
    アップ
    ③アップロードするフォルダ選択
    ①アップロード先選択
    ④アップロード

    View Slide

  16. 6)一括アップロード
    © OLM Digital, Inc. 16
    ② アップロードするフォルダを
    ドラッグ&ドロップ
    ①Multi Upload
    ボタンクリック
    ③ フォルダ名を元に
    各フォルダへアップロード
    フォルダ名ネーミングルール:
    PROJECT_EPISODE_CUT_WORK

    View Slide

  17. 7) 削除
    権限
    • デザイナー:データ削除不可
    • 管理者:データ削除可
    実際の処理
    • _deleted- をファイル名の先頭に付加
    • ツール上は、 _deleted-付加ファイルは非表示
    © OLM Digital, Inc. 17
    ①削除するものを選択
    ②コンテクストメニュー
    Remove Itemをクリック

    View Slide

  18. 8) フォルダパス操作
    フォルダパス
    • URL表記 https://drive.google.com/drive/folders/XXXXXX-YYYYYYYY-ZZZZZZZZZZZZZZZZ
    • フォルダパス表記 ZZZZZZ/seq/003/0001/LO/Software/ZZZZZZ_003_0001_SS.tar
    操作
    • コピー
    – クリップボードに保存
    • ペースト
    – クリップボードから貼付
    – UIに表示
    • オープン
    – Chrome上で表示
    © OLM Digital, Inc. 18
    8)フォルダパス操作
    コピー ペースト オープン

    View Slide

  19. 工夫した点
    • 低速なネットワーク環境でも快適に
    – 大量ファイルのアップロード/ダウンロードは時間がかかる
    – Googleドライブ上は1つのファイル
    – ツールで圧縮解凍を自動で行う
    • データ紛失事故を防ぐ
    – デザイナーのアクセス権限は削除不可
    – データ削除ではなく非表示
    • ツールインストール時のWindows警告を回避
    – アプリケーション証明書をバンドル
    • 他のツール開発へ流用
    – Google ドライブアクセス用クラスを用意
    © OLM Digital, Inc. 19

    View Slide

  20. まとめ
    現状
    • プロジェクトで運用
    – 開発時にツールの問合せ/要望をとりまとめたデザイナー
    ⇒ ツールのサポート窓口
    今後の課題
    • ツールの自動アップデート機能
    – 起動時に更新版の有無チェック
    – 自動ダウンロード
    – 未使用時にアップデート
    © OLM Digital, Inc. 20

    View Slide

  21. ご清聴ありがとうございました
    © OLM Digital, Inc. 21
    OLM Open Toolsが更新されました
    ぜひアンケートにご協力ください

    View Slide