Session2手元作業の「自動化」をした効用とその先のこと

20150117 第24回Creators MeetUp 田中正吾

私の話はスライドは後ほど共有します。話す内容に注力いただいて大丈夫です！

自己紹介

4

田中正吾（たなかせいご）屋号：ワンフットシーバス

2004年よりフリーランス。以後、FLASH制作を中心にインタラクティブコンテンツを主に行い現在に至る。最近は、JavaScriptやHTML5アニメーション、スマートフォン演出制作のワークフロー改善に関わったりしていました。

5

iPadアプリ作ったりしています

6

HTML5アニメーション作ったりしています

7

デジタルサイネージ作ったりしてます

！

手元作業の「自動化」したよ

最近もフロントエンド的な手元の作業を自動化しました。まずはそこから。

フロントエンドの頻度の高い作業として「受領デザインの正確な再現」というのがある。

受領デザインがあるとして

一つ一つ素材を切り出して

FLASHやHTMLなりで位置を再現する。こういう処理。

Photoshopでの作業

Photoshopで一つ一つ切り出してくれる機能がある（Generator機能）

便利！しかし。

ありがたい機能なのだが、再現という観点から見ると位置情報は無くなってしまう。結局HTMLやFLASHに再度パズルピースを置き直すようなことをする羽目になる。

制作物に再配置

10パーツならいいが100～200となるとこれ結構つらい。

そんなわけで自動化しました

PhotoshopにはJSXという操作を自動化するツールがあり、JSXを使ってバラバラにする前に、位置情報を別に記録して再配置する自動処理作りました。

自動でやってくれる

ブログにも雰囲気の分かる処理をアップしてます。

http://www.1ft-seabass.jp/memo/2015/01/16/generator_png_layer_listup_jsx/

このような処理を日々作ってるわけですが、作っている時や使っている時思ったことを話します。

自動化は自分の作業が客観的に見えるようになる

自動化その先 その１

自分の作業を自動化をするということは作業を見直すことになります。

自動化のためにプログラムを書くので、自分で自分に仕様を固める必要があります。

「ややこしい作業」という大きな印象のものも

作業

アプリケーションの操作手順やルールを揃えたいファイル名という着地などなにげなく行っている作業が見えてくる

1 2 3 4

1 2 3 4

自動化しにくい処理＝曖昧な処理を見つけることにも寄与するので

作業のシンプル化・スリム化にも繋がります

1 新2 3 4 5

例：分割してシンプルに例：見直してスリムに

自動化の目線を既に持っていると「ややこしいそうな作業」も

違和感から危ないとピンとくる時がある。うまくいけば先手で改善できることもある。

なんかヤバイ！

一人で出来る限界への新しい越え方が見えるときもある

自動化その先 その2

制作力を高めていくことは大事。しかし。一人の限界というのはある。

自動化を作るということはある意味、自分の作業量への見切りではあります

（くやしいけれど）

見切りが悪く「よくわからないまま、あふれる」と、急にメンバーに迷惑をかけたりするのはなかなか心に来るものがありますね・・・。

これは1人やっても無理だ。自動化するぞ。という見切りによって行動する場合、「よくわからないまま、あふれる」前に自分自身を拡張しつつ対応できる事前のワンチャンスができます

はい。つぎ。

仕事

仕事 仕事

仕事仕事

仕事

仕事

仕事事

仕事

仕事 仕事

仕事仕事

仕事

仕事

事 仕事

制作も複数走るようになると、一つにかけられる時間はどうしても限られ、より精度が求められます。切れ味重要。

余裕があれば、かけられる時間＞仕事ですがかけられる時間≒仕事になってくる。

仕事

かけられる時間かけられる時間

仕事精度

いかに切れ味よく対応するかで、自動化で作業精度を高められるケースも出てくる

仕事

仕事 仕事

仕事仕事

仕事

仕事

事 仕事

自動化によって出来た余裕（時間）をいかに使うか考えるようになる

自動化その先 その3

自動化がうまくいくと、本来やるはずだった作業が軽減され

余裕できます。

自動化がうまくいくと、本来やるはずだった作業が軽減され

余裕できます。

本来大変だった作業に余裕ができると、有効に使おうとします。（個人差があります）

だ い じ

余談

自動化を行って先が見えるはずなのに！危機が去らないプロジェクトもあります。作業が多すぎたり、別で疲弊していると気づいたり。（逐次人員投入でダメと気づくよりは素敵ですね。）

HELLO!!!

失敗談

あるとき、プロジェクトが進み自動化を組み合わせすぎた時があります。

やりすぎた自動化は結局その使い方を覚える必要があるため

途中参加にキツい属人化が進む場合もあります。

途中参加の方に作業がわかりにくくなり「明確化したつもりが別の大変さが出るんだ。」

と、気づいたのは収穫でした。

（このあといろいろ整理しました）

途中参加の方にも、一度は素の作業をしていただきうわ！大変な作業と認識してからのほうが、「よくわからないけど、なんかできる」より

使う共感が得れて大事そうです。

自動化ができると他の人に作業をお願いしやすくなる

自動化その先 その3

作業を客観視して出来上がった自動処理。それは他の方が動かしても同じ結果が出やすくそれそのものがマニュアルの役割も果たします

こういう処理だよ

自動処理を軸に対応してもらうことで、他の方との間でも曖昧な作業がなくなり

品質は保ちやすくなります。

「手順書をすべて完璧に行わないと！」とお願いしてギスギスするよりも

自動化でお願いできるとお互いハッピー！というところ。

気軽に頼めるようになるというのは結構、重要だったりします

「使い勝手を意識するようになる」

自分だけだと説明も必要のない処理が他の方に使ってもらうと

思いのほか迷わせてしまったり説明が不足だったりします（あるある）

? ? ?

「いつ動作・完了したかわからない」「間違って起動したときに止めれない」「AのあとBを実行、最後にC。多いわ！」

「あるアプリへキレたはずの処理を自分自身が産出」

つらい。なるべくなら気持よく使って欲しい。という意識。

× × ×

実感としてアラートとか大事と分かってくる。（何が起きてるかの状態を説明）

! ! !

他の方の使用を考えると普段の仕事とは違った目線で

使い勝手を意識するようになります。

（できないときもあるけど、なるべく頑張るで、何卒）

まとめ

➔自動化を作成するときに作業を客観的に見る視点が得れる。➔自動化で余裕が生まれるので、その使い方をクオリティアップ使うなど意識するようになる。普段から依頼されたフローでの違和感を検知できるようになる時もある。

➔自動化することで、作業を分析できてるため、他の方に同様の作業をお願いしやすくなる。他の方の使用を目の当たりにすると、いままで及ばなかった使い勝手へ意識が芽生えたりする。

➔このように自動化は目下の効率UPだけでない、様々な地味に自分の切れ味を増す効用があるのでオススメ。

まとめ

ご清聴いただきましてありがとうございました！