iPhoneアプリ「コードレビュー道場」の30秒紹介動画

コードレビュー道場は、プルリクエストの差分を読んで、レビューの指摘を練習するiPhoneアプリです。差分の中から怪しい行を自分でタップして探し、観点を選んで指摘を付け、相手がすぐ動けるコメントの伝え方まで練習できます。問題はLaravelとReactに分かれています。

0〜2秒　生成りの二重枠に「コードレビュー道場」が出て、「STAGE 1 PRレビューの修行」と虫の敵が現れます。

2〜5.5秒　「レビューで指摘されてばかり」と出て、虫が次々に現れ、HPの棒が「-1」ずつ削られます。

5.5〜9秒　「先輩が何を見ているのかわからない」と出て、「？？？」が並ぶメニューの周りに「？」が浮かびます。

9〜11秒　「コードレビュー道場を手に入れた！」と出て、宝箱が開いて公式アイコンと星が飛び出します。

11〜15秒　「差分を読んで怪しい行を探す」と出て、アプリの差分の画面で2行を囲み、EXPが「+1」ずつ増えます。

15〜18.5秒　「観点を選んで指摘を付ける」と出て、メニューの「？？？」が観点の名前に変わり、画面の観点を囲みます。

18.5〜22秒　「伝え方まで練習できる」と出て、吹き出しの横でコメントを選ぶ画面を金の枠で囲みます。

22〜27秒　「LEVEL UP!」と星が舞い、100点のクリア画面を囲んで、LaravelとReactの問題数を添えます。

27〜30秒　公式アイコンと「コードレビュー道場」、App Storeの表示で締めます。

製品名の「道場」から、窓の外をドット絵の道場の板の間にし、墨の窓に生成りの二重枠と朱の内線を引いたRPGのメニューで組みました。書体はDotGothic16で、強調は金色です。アプリの画面とアイコンは公式の画素のままにし、寄って囲むだけにしました。

製品サイトで公開されている情報だけをもとに、製品の見た目に合わせて制作しています。ナレーションは入れず、画面の動きと音楽で伝える構成です。