開発中のアプリを動画で撮影してgifに変換する方法【iPhoneシュミレーター・実機】

こんにちは！Pentagonの山本です。

プルリクエストを作成するときにgifを添付したいときってありますよね。この記事では、実機およびシミュレーターで動画を撮影してgifに変換する方法を紹介します。

iPhoneシュミレーターで画面を動画撮影する方法

コンソールを開いて、任意のディレトリで以下のコマンドを実行します。

xcrun simctl io booted recordVideo <file_name>.mov

このコマンドを実行すると画面録画状態になるので、シミュレーターを操作します。

操作が完了して録画を終了したい場合は、control + C で終了すると、実行ディレトリにmovファイルが生成されます。

アプリ開発の外注をお考えの方へ

アプリ制作を依頼したいけど、どの会社に依頼したら良いかわらない...
わからないことが多くて不安ですよね？

株式会社Pentagonでは、技術力はもちろんデザインに特化した開発をしております。
また、最新技術を採用し、iOSアプリとAndroidを同時に開発することも可能です。

当社と連携することで、大手企業のアプリにも勝る「美しく使いやすくアプリ」を開発することができます。

【お問い合わせ】アプリ開発のご相談はこちらから

実機で画面収録をする方法

左下のボタンを押すと画面収録できます。あとは、AirDropなどでパソコンに動画を送ります。

movファイルはGitHubにアップロードできない

movファイルはGitHubのコメント欄にアップロードできないんです。なので、movファイルを、gifに変換する必要があります。

撮影した動画をgifに変換する方法

FFmpegを使用してmovファイルをgifに変換します。インストールしていない人は、インストールしましょう！

brew install ffmpeg
ffmpeg -i <file_name>.mov  -r 20 <file_name>.gif

これでmovファイルがgifに変換できました。あとは、gifファイルをGitHubのコメント欄にドラック＆ドロップすればアップロードできます。

まとめ

オンラインの変換サービスなどもありますが、機密情報保持の観点からサードパーティのサービスに動画データをアップロードするのはあまりよろしくないので、ローカルで行える方法を探していましたが、FFmpegはコマンド一発で変換できるので便利でした。

＼アプリ・Webサイト制作のご相談はこちら／ お問い合わせ

アプリ開発エンジニアブログ

Posted by 山本 真矢