概要
Qiitaへ動画を投稿しようと思ったのですがファイル制限や編集ソフトでつまづいたのでまとめました。インストール無しで出来る超簡単！GIFアニメアップロードの方法です、ご覧ください。
※動画撮影にはAndroidのスマホを使いましたが基本的にはiPhoneも同じかと思います
※非常に長文ですがお子様やご年配の方向けに写真を多用しております、ご了承くださいませ
はじめに
昭和世代なら誰もが知ってるナイトライダー、男の子ならいつかはトランザムに乗ってみたいなと思ったんじゃないでしょうか（私もその一人）
（H D 147さんの動画をお借りしました）
その流れるLEDをMbedマイコンで作ってみたのがこちらです。
この動画のアップ方法を解説します。
一応Mbedのコードサンプルを載せておきます。
main.c// Knight Rider Flashing LED Example #include "mbed.h" DigitalOut led[]={LED1,LED2,LED3,LED4,LED3,LED2}; int main() { int x=0; while (1) { led[0]=0; led[1]=0; led[2]=0; led[3]=0; led[x]=1; wait(0.3); x = x++ -(x/5)*6; //6になったら0に戻す } }
全体の流れ
スマホ等で動画ファイルを用意し、パソコン上へ取り込んでおいて下さい。
その後、以下の３つのクラウドサービスを使い編集＆アップします。
動画編集サービスです、トリミングや回転もできます。
・Online Video CutterアニメーションGIF変換サービスです、簡単な編集もできます。
・GIFMAGAZINEGIFファイルの投稿サイトです、リンクURL取得に使います。
・GIPHY
その後Qiitaへアップします。
動画を編集しよう
※この時点でPC上に動画ファイルを用意しておいてください
・それではOnline Video Cutterを立ち上げてください。
立ち上がったら中央のOpen Fileをクリックし動画ファイルを選択してください。
・Online Video Cutter
・読み込み中の画面
アップロードは少し時間がかかります。
・画面の説明
・トリミングボタンをクリック
余計な部分をカットできます、見せたい部分を中央に持ってくると良いでしょう。
・開始と終了のスライダーで編集
再生ボタンで確認をしながら動画がうまくリピートする様に調整してください。
※この時、１コマ程度少し長めに編集するのがポイントです
完了すればカットボタンをクリックしてください。
・ファイルの保存
Downloadボタンをクリックし適当な場所にファイルを保管してください。
うまく編集ができたか一度再生をしておいてください（この時１コマ程度少し長めが最適です）
パラパラアニメに変換しよう
・次にGIFMAGAZINEを立ち上げます。
中央のアイコンをクリックし先ほど出来上がった動画ファイルを読み込みます。
GIFMAGAZINE
・スライダーを調整して編集します。
先ほどの１コマ多めの部分をここでカットします。
なぜ１コマ多めのファイルを作成したのかですがGIF化する時に少し欠けるために糊しろと考えてください。
確認はpreviewボタンを押してください。
・動画の最終確認をおこないます。
※GIFMAGAZINEでは編集とレビューに時間がかかりますのでOnline Video Cutterと併用が望ましいです
・GIFアニメファイルをダウンロードします。
中央のClickしてダウンロードからGIFファイルを保存します。
GIFアニメサイトにアップしよう
Qiitaはファイルの大きさに制限があり直接貼り付けられる動画ファイルに制約があります。
なので一旦GIPHYにGIFファイルをアップさせて中継をさせます、それではGIPHYを立ち上げましょう。
立ち上がったら上部のUploadをクリックします。
GIPHY
・Browseボタンから、または直接ファイルをドラッグ＆ドロップして読み込ませます。
・画面上でリピートがうまく出来ているか最終確認をします。
OKならCopy linkをクリックします。
・上から２つ目のGIF linkのURLをコピーします。
Qiitaへの書き方
・マークダウン記法はこんな感じ。
結果
