本記事は AfterEffects Advent Calendar 2016 12日目の記事です

映像制作は滅多にしない初心者ですが、アプリのPVを作ったのでその際に得た知見をシェアしたいと思います。
AfterEffectsのTipsというよりは、ライトユーザがちゃちゃっとそれっぽく作るテクニックです。
ですので、本記事は初心者向けです。

まずは出来上がった映像から御覧ください。

シンプルですが、安っぽさは無いですよね。

iMovieとAfterEffectsを使い分けよう

ガッツリ本職で映像を作っている方はMac Proなどのハイスペックマシンを使ってらっしゃるかと思います。
でも普段プログラミングをしている僕は普通のマシンなので、映像制作するにはちょっとキツい環境です。
そこで、iMovieとAfterEffectsを使い分けることで作業の効率化を図ります。なぜなら、これらは以下の特性があるからです：

• iMovieは少機能だが軽い
• AfterEffectsは重いが多機能

つまり、

• 凝った編集はAfterEffects
• 素材の繋ぎ合わせはiMovie

というように作業すると効率が上がります。

素材を買おう

PV内に出てくるヒゲもじゃのオッサンや音楽は素材サイトで購入したものです。
値段もそんなに高くないですし、無駄な時間をかけて必死に無料の素材を探すよりコスパが良いです。
費用は約5000円弱で済みました。
以下が使用した素材の一覧です：

• BGM
  • Uplifting Piano by StockSounds | AudioJungle
• ヒゲもじゃ
  • Start And End Of Work Day by StockHunter | VideoHive
  • Friendly Mobile Conversation by StockHunter | VideoHive
  • Positive Emotions And Triumph by StockHunter | VideoHive

AfterEffectsで注目させたい部分をズームする

見せたい部分に注目してもらうために、操作画面をズームしました。よくある表現手法です。
以下のように、キーフレームでTransformの位置とスケールを変更します。

キーフレームとはなんぞやという方は以下のビデオが参考になります。

AfterEffectsで行った編集作業はほぼこれだけです。

iMovieでつなぎ合わせる

操作画面パートができたら、iMovieに移って繋ぎ合わせましょう。
購入したオッサンの映像にアプリのロゴを重ねるところは、iMovieでも出来るのでそちらでやります。

特にテクニックとか必要なくて、ホントにただ繋ぎ合わせるだけです。

必要なのはセンスだけ

なんかあんまり中身の無いエントリになってしまいました、、それだけ簡単という事ですね！
ネットには膨大な素材が転がっているし、使い方でわからない所があれば検索ですぐに出てきます。
ほんと、いい世の中ですね。

よっぽど凝ったものでなければ、誰でも作れちゃうのでぜひ物怖じせずにトライしてみてください！

OmniFocusはタスクを階層構造に整理出来るのが便利で使っています。
「Omni」の名のつく通り、これはToDoアプリとして網羅的に機能を備えています。

しかし、そんなOmniFocusにも実は不満があります。

ToDoアプリは「終わったタスク」の扱いが悪い

上記の添付画像のように、開発しているアプリをバージョンごとにプロジェクト(フォルダ)として分けています。通常、終わったタスクは非表示になりますが僕は過去のタスクをよく参照するので常に表示設定にしています。そうすると、次にやるべきタスクを考えやすいんです。

しかしこれには落とし穴があって、ご覧のとおり過去のバージョンがずらーっと表示された状態になってしまっています。直近のタスクだけ表示してくれればいいのに、全部の終わったタスクが表示されているのが問題なのです。

ToDoアプリはアイデアのストックに向いていない

アイデアを書きためる用のプロジェクトを作っているんですが、これが使いづらい。
複数カラム表示ができないので、ドラッグして別のプロジェクトへの移動がやりづらいんですね。

あくまでToDoアプリは「やることリスト」であって「したいことリスト」には向いてないようです。

PivotalTrackerはToDoアプリのかゆいところに手が届く

前述のような悩みがPivotalTrackerなら解決できそうな感じがしています。
上画像のようにUIはいわゆるカンバン方式で、TrelloとかZenHubと似ています。
このサービスにおいてタスクはストーリーと呼ばれます。

「Icebox」にアイデアをとりあえずぶち込んでおくことが出来ます。
「Start」ボタンを押すと作業中に変わり、そのストーリーは「Current/Backlog」に移動します。分かりやすいですね！

工数ベースで管理できる

面白い特徴として、見積もり工数を三段階で表せられるという点が挙げられます。
これはまさにチームワーク用の機能で、例えば重いタスクは3点！とかってつけていくと、メンバーが抱えているタスク量がその数ではなく工数で分かるようになります。

タスクを種別で分けられる

また、上画像のようにストーリーの種類が選べます。
日本語で表記すると「機能」「バグ」「雑務」「リリース」ですね。
まさに開発用途に特化した機能で、直感的です。

直近の終わったタスクが見返しやすい

このサービスには「イテレーション」という概念があって、デフォルトでは１週間になっています。
このイテレーションごとに終わったタスクは「Done」欄へ移動するというわけです。
なのでOmniFocusのように終わったタスクが延々と増殖していかない仕組みになっています。

小タスクが設定できる

上画像のように、ストーリーには「TASKS」という欄があって、関連の小タスクが設定できます。
ここに「#3153169」みたいにストーリーIDを書くと、別のストーリーと関連付けることができたりします。

ただ問題は、小タスクにはコメントとかメモが書けない点ですね。

大まかなタスク管理はPivotalTrackerでよさそう

ざっくりとPivotalTrackerを紹介してきましたが、これも要は使い分けと組み合わせなんだと思います。
拙作アプリ「Inkdrop」にもタスク管理機能があるのですが、これは小タスク向けな気がします。例えば何かモジュールの使い方を把握するとか、環境構築するとか、やりながらメモが必要なタスクですね。
それに対してPivotalTrackerは大きなタスクの管理に向いていると思います。
プロジェクト全体をざっくりと俯瞰するのに適しているといえるでしょう。

• PivotalTracker
• https://www.pivotaltracker.com/
• プロジェクト2つまで無料

ちなみにInkdropのタスクは公開設定なのでよかったら参考程度に見てみてください：

• https://www.pivotaltracker.com/n/projects/1910393

わりとプロっぽいでしょ？
制作所要日数は2日で、費用は約5000円弱。使ったのはiMovieとAfterEffects。
外国人のオジサンの動画やBGMの曲は素材サイトで購入しました。

参考記事・ビデオ

制作の際に参考にしたのは、以下のMotokiさんの記事：

• Making of iOSDC Japan 2016 オープニングムービー #iosdc | wearable44

あと、こちらのカレンダーアプリ「Fantastical 2」のPVもかなり参考にしました：

やっぱり人が出てくるだけでグッと雰囲気がよくなりますね。

使った素材

BGMは以下のピアノ曲。期待感を煽りつつ前に出過ぎないメロディーと、1分という尺が調度良かったので採用しました。

• Uplifting Piano by StockSounds | AudioJungle

もじゃ男さんはこちらの素材。部屋の飾り付けの雰囲気が良くて、クリエイティブな感じがよく出ていたので採用しました。特に最後の拍手とガッツポーズがお気に入り。

• Start And End Of Work Day by StockHunter | VideoHive
• Friendly Mobile Conversation by StockHunter | VideoHive
• Positive Emotions And Triumph by StockHunter | VideoHive

ピッタリな素材を探すのには結構苦労しました。

PVの構成はシンプルに

ノートアプリはカレンダーアプリと同様に必要性や用途が割と自明なので、別に凝ったアニメーションとかでアプリの主旨を説明しなくてもいいかなと思ってやめました。なので機能性にフォーカスして画面の動きをメインに据えました。
QuickTimeの画面レコーディング機能を使って操作を録画して、AfterEffectsで編集しました。

動画制作楽しい

普段やらない作業だったので楽しかったですね。
ウチの古いiMacではAfterEffectsのレンダリングが辛くて、新しいやつが欲しくなりました。
そんな風に作ったPVのアプリ、ぜひ使ってみてください。

• https://www.inkdrop.info/

Stripeの魅力まとめ

他の類似サービスとくらべて個人的に良いポイントを挙げておきます：

• 各クレジットカード会社による厳しい審査がない
  • ただし、ローンチ時にStripeによる簡易の審査あり
  • 禁止業種に抵触していなければOK
• 海外からの支払いに対応している
• ドキュメントが充実している
  • ただしほとんど英語

外国人はJPYなんて分からない

僕はつい最近Inkdropというサービスをローンチしたのですが、この時まだ価格がJPY表記でした。
でも一部の少なくない外国人は、価格表記を無条件にUSDと思い込むようです。こんな問い合わせがありました：

いや、よく見ろよ！と言いたくなります。笑
しかし仮にJPYと分かったとしても彼らには馴染みがないので、すぐにピンと来ないでしょう。UX的にアカンわけです。僕らがAUDで価格を示されてもピンと来ないのと同じです。
だから、USDで価格表記できることは重要なのです。

安心して利用できる

ベータがとれたので何かあっても自己責任、というプレッシャーから開放されます。
とりあえず自分のサービスをUSD対応させるところから始めよう！

• https://stripe.com/jp

最近読んだ本にそのテクニックについて面白い記述があったので紹介したい。

[amazonjs asin=”B010UYUHD0″ locale=”JP” title=”影響力の武器　実践編”]

この本は、人の行動に影響を与えるためにどうすれば説得力が高められるかという事について、心理学者たちが研究したものをまとめた本だ。

6つの普遍的な社会的影響力の原理

様々な実験を通して一貫して示されるのは、以下の原理の有効性だ。

• 返報性（恩恵を受けたら報いなくてはならないと感じること）
• 権威（専門家に指示を仰ごうとすること）
• コミットメントと一貫性（自分のコミットメントや価値観と一貫した行動をとろうとすること）
• 希少性（手に入れにくいものほど求めたがること）
• 好意（好意をもつ相手ほど賛同したくなること）
• 社会的証明（他人の行動を指針とすること）

少し言葉遣いを変えるだけで取り入れることができたりするから、覚えておくだけでも損はしない。

オークションの開始価格は1円で

開始価格は出来るだけ低い方がいい。そうすれば結果的に高く落札してもらえる。
出品物に社会的証明を蓄積させることが出来るからだ。

どういうことかと言うと、人は他人の行動を指針とする習性がある。
「他の人がそうしているのだから」という言い訳を聞いたことがない人はいないだろう。
つまり、人は誰しも自分でどうしたらよいか分からないときには、周りに目を向けて他人の行動を手本にするという法則のことだ。

だから、多くの商品では「顧客の声」なるものを表示して、説得力を増強しようとしている。
Amazonのレビューや食べログの星の数を多くの人が重視する。
では、この手法を出品物に持たせてより高く落札してもらうにはどうすればよいだろうか。

答えは簡単だ。開始価格を1円にすればいい。
これは本書中でも実験で実証された手法だ。
その原理は以下の通り（本書より抜粋）：

1. 開始価格はオークションに参加する際のハードルのようなものなので、低ければ低いほど多くの人を入札に呼び込むことができる。
2. 低価格での売り出しによってアクセス量が増え、それが入札件数や入札者数に反映されることで、これから入札しようという人に対する社会的証明となる。
   言い換えると、開始価格が低かった品物への入札を検討している人は、ほかにも多くの人が入札しているのだからその品物は価値があるのだと考え、その社会的妥当性によってさらに競売への参加を後押しされる。
3. 安値で売り出された品物に入札した人は、特に早くから参加していた場合、たびたび自分の入札価格を更新する傾向がある。
   つまり、すでに掛けた時間と手間が無駄にならないよう、価格をさらに上げてでも入札を続けて、ぜひとも落札しようとする。

これなら誰でも出来る手法だ。

説得は科学だ

この本はもっぱら科学的に検証された手法が紹介されていて、とても信ぴょう性が高い。
そしてすぐに自分でも試せる。
逆に言えば、相手の手口も理解できるということだから、より賢い選択が可能になるとも言える。
自分の「なんとなく」の選択が解明された気がしてとても清々しい気分になった。

[amazonjs asin=”B010UYUHD0″ locale=”JP” title=”影響力の武器　実践編”]

出すことが大事

不具合を恐れるあまりテストに時間を割くのは愚かだ。
自動テストを組むのには相応のコストがかかる。
限られた貴重な時間をテストに使う理由はほとんど無い。
そんなことよりさっさとリリースしてユーザに触ってもらって意見を聞いたほうがずっと有益だ。

不具合が露呈したら恥ずかしい？そんなのは問題ではない。あなたのプライドなど誰も気にしない。
あなたの書くプログラムは銀行口座の引き落としのような厳密さが要求されるのか？爆弾処理のようなプログラムはほんの一握りだ。
不具合のせいでユーザが怒る？それは関係性を深めるいいきっかけになるだろう。不具合報告には感謝を込めて誠実に対応しよう。
アプリはあなた一人で作るものではない。ユーザと一緒に作るものだ。

TDDもBDDもやるな。あれはリソースがたんまりあるチーム開発向けだ。

怒りを好意に変える

不具合は時としてアプリの評価を下げる。
レビュー欄がひどいことになっているアプリを見たことがあるだろう。
そういうアプリはたいていユーザとコミュニケーションする場が設けられていない。
ユーザとの交流の場は機能性に直接関係がないから軽視されているのだろう。

ユーザがレビュー欄に走って怒りをぶちまけるエネルギーはすさまじい。
このエネルギーをアプリの成長に使えたらどんなに素晴らしいだろうか。
この問題にはフォーラムの設置が効果的だ。
フォーラムはユーザと作者が交流している様子が可視化される。
それは作者がユーザの声に耳を貸す姿勢が伝わるという効果がある。
ユーザは自分と同じ問題で困っている別のユーザを見つけられて安心できる。
このフォーラムをアプリ内の見つけやすい場所で案内する。
あるいはクラッシュした次の起動時にアラートなどで案内する。
そうして得られた声に迅速に誠実に答えれば、その怒りは好意に変わるだろう。

ユーザと一緒に作る

ユーザは敵ではない。
不具合を恐れるな。アプリは更新できる。
リリースとはアイデアを試す事だ。
フィードバックを汲み取る仕組みを用意しよう。

もちろん、テストの自動化が「便利」なケースでは使うべきだ。
手作業での動作確認が難しいとか、とても複雑なアルゴリズムだとか。
つまりは効率の問題だ。

方法論に溺れるな。

自分は今海外向けアプリを作っているので、海外向けのPR戦略が必要になる。
そこでネットメディアについて詳しく書かれた下記の書籍を読んだ。

[amazonjs asin=”B0074VTHH0″ locale=”JP” title=”Trust Me, I’m Lying: Confessions of a Media Manipulator”]

この書籍で書かれていたことがなかなか参考になるので紹介する。
これは英語圏のネットメディアにかぎらず、日本でも通用することだと思った。

以下、引用欄は断りのない限り上記書籍からの抜粋とする。

ページビューへの渇望

Every decision a publisher makes is ruled by one dictum: traffic by any means.

当たり前だが、プロのブロガーは仕事で記事を書いている。
ブログで食うのに必要なのはただひとつだけだ。それはページビューだ。
これは趣味で記事を書いている人にも当てはまるだろう。
とにかく彼らは常にアクセスを渇望している。もっと人に読んで欲しい。もっともっと。
それが金を生むからだ。

アクセスを稼ぐためには、アクセスが稼げる記事をより多く投稿しなければならない。
彼らには差し迫った締切とノルマが厳しく課せられている。

彼らはページビューのためなら、時にはネタを仕入れるための手段を選ばず、中身の正誤など気にしないのだ。

ブログは慈善事業ではない

Blogs are not in the business of doing favors –even if all you’re asking is for them to print the truth.

前述の通り、ブロガーは常に狂ったようにページビューを追い求めている。
もしあなたが何か宣伝したいことがあるとして、率直にお願いすればブロガーはすんなりとあなたのプロダクトについて書いてくれるだろうか？

彼らは善意や人助けでブログをやっている訳ではない。

彼らは、ページビューを生まず議論も巻き起こさずシェアを喚起しないものには興味を示さない。
彼らには、わざわざあなたのプロダクトを調べて特徴を見出して面白い記事にまとめるだけの暇も善意も無い。
だから工夫が必要なのだ。

ブロガーが喜ぶものをタレこめ

GIVE THEM WHAT SPREADS, NOT WHAT’S GOOD

プレスリリースを書くなら、記事にそのままコピペして使えるように書くべきだ。
自分はGIGAZINEに拙作の映像作品を紹介してもらったことがある。

• 実写映像を人工知能「ディープラーニング」でゴッホや葛飾北斎っぽく変換した「the four painters」 – GIGAZINE

このネタをタレ込む時、事前に映像作品について詳細に説明したブログを書いて、そのURLを添付した。
この記事を良く見ると、ほとんどがブログ記事のコピペである。
もしタレ込む時に映像作品へのリンクと簡単な説明のみだったら載らなかっただろう。
つまり、「早い安い美味い」の三拍子をタレ込むネタに仕込むことが重要なのだ。

ネタに視点を加える

あなたのプロダクトを単に紹介するだけの記事にスクープ性はほとんど無いだろう。
だって誰もまだ知らないのだから。

だから仕立てあげるのだ。例えば：

• 議論が巻き起こっている世間の話題に引っ掛ける
• ヘッドラインにセンセーショナルな表現を組み入れる
• 話の中にビッグネームを絡める
• 話題になる証拠を添付する

工夫はいろいろ考えられる。

とにかく、自分がブロガーだったらどんなネタをもらうと嬉しいのかを考えることが重要だ。
自分を実験台にして、今後もいろいろ試して行きたい。

[amazonjs asin=”B0074VTHH0″ locale=”JP” title=”Trust Me, I’m Lying: Confessions of a Media Manipulator”]

ゆうちょダイレクトからすぐに移行できる

実は2016年3月6日にゆうちょ銀行が「ゆうちょダイレクト＋（プラス）」という新サービスを発表していました。

• ゆうちょダイレクト＋（プラス）について?ゆうちょ銀行

上記ページによると、「ゆうちょダイレクト＋」とは通帳を発行しない無通帳型総合口座です。
要するに口座としてのサービス内容は基本同じで、通帳の機能をネットに置き換えたもののようです。
このプラスでは、入出金明細の照会期間が最大で15ヶ月間になります。
ゆうちょはん分かってますやん！

しかも、今まで２ヶ月前しか照会できなかったのが、申し込むとすぐに7ヶ月前まで見れるようになっていました！！
15ヶ月間ではないのはデータベース移行の関係なのかよく分からないけど、とにかく期間が伸びているのは助かります。
っていうか、データがあるんなら最初からプラスに移行しなくても見れるようにしてくれよ（笑） まぁいろいろあるんでしょうね。

このように、「直近６ヶ月分」という選択肢が増えていて、日付指定の欄では去年が選択できるようになっています。

切り替え方法

既にゆうちょダイレクトを使用していれば、フォームから申し込むだけですぐに切り替えできます。
切り替えるリンクは画面左のメニューにあります。

簡単ですね！
これで毎月のコピー地獄から開放される！！

上の画像はTechカテゴリの写真たち。サービス紹介のウェブサイトなどに使えそうですね！

これ全部無料です。しかもライセンスはCreative Commons Zero。
つまり、無料でコピー・変更・再配布・商用利用が可能ということです。
Getty Imagesのような著作権表示は要りません。
やばくない？やばいね。

こんなに凄いのにまだあまり知られてない様子で、公式Twitterアカウントのフォロワーもそれほど多くありません。
みんなで応援しましょう！

名前がユニークですが、「bossfight」＝「上司の争い」というのはライセンスフリーだからもう上司と争わなくてもいいよ！という意味らしいです笑

時間制限は効果が大きい

人間は時間制限を与えられると作業効率が上がる。
経験則的にも科学的にも広く認知されている。
ではその理由はなにか、ちょっと説明してみる。

充実感が高まる

実は定時を設けることは時間制約を設ける意味をもつのでいいことなのだ。
「今日は何時までに◯◯を終わらせるぞ！」と始業前に宣言すれば、終わった時の達成感も向上する。
時間内に終わらせられたという達成感は、脳内報酬物質のドーパミンが分泌される。
それによってやる気が高まるし、強化学習につながる。

自分の作業スピードを理解できる

例えば学校のテストって上手く出来ていて、問題全てが制限時間内に終わるか終わらないかの丁度いい難易度と量に調整されている。
これは先生が生徒の解けるスピードを把握しているから出来る。
自分に時間制約を課すことによって、この作業スピードを自分で把握する事ができる。
スピードが把握できると、今からやる作業がどのくらいかかりそうか見積もりやすくなる。
見通しが立つことで、まわりとの連携が取りやすくなるしペース配分も出来る。

優先度を付けられる

だらだらとYouTubeを見てしまったりSNSを眺めたりして、気づいたら1時間が経過していることは誰しもが一度はやったことのある失敗だと思う。
時間制約によって「そんなことより◯◯をやらなければ！」という意識が湧くので、無駄な行動が自然と減る。

マーク・ザッカーバーグが言った「完璧を目指すよりまず終わらせろ」という言葉がある。
これは、仕事なんて無限にあるんだから、瑣末なことは切り捨てて大事なことを終わらせろという意味。
時間制約は、この瑣末なことを切り捨てる判断力をもたらす。

25分集中・5分休憩

ポモドーロテクニックは、この時間制限を小刻みに設ける方法論のこと。
25分集中・5分休憩を繰り返す。その際に以下のことをやる：

• 開始前に、「◯◯をやる」と宣言する
• どんなに中途半端な状態でも休憩時間に入ったら手を止める

これだけ。
やったことの無い人は、騙されたと思ってやってみて欲しい！

おすすめポモドーロアプリ

Mac版は「Pomodoro One」を今のところ使っている。無料。シンプルで使いやすい。

iOS版では「Pomodoro」120円。ミニマリズムなデザインがかっこいい。

タイマー設定は強制開始が良い

アプリによっては設定でいろいろ調整できるけど、一点だけ個人的に注意したいことがある。
それは、次のサイクルへは「強制開始」にするということ。
任意のタイミングで開始するようにすると、休憩がどんどん長引いてダラけてしまう。
学校のチャイムのように不可避にすると、体は自然と仕事に戻れる。

とはいえ、体調が悪くなったり明らかにしんどくなったら、タイマーを止めて休もう。
あくまで生産性を向上させるためのテクニックであって、あなたに強制労働を強いるものではないのだから。