dnjiro’s 9VAe blog

誰でもアニメが作れる無料ソフト9VAeきゅうべえ開発者のブログ

9VAeきゅうべえの動画出力時間を比較。1位7秒、最下位10分

動画素材作成フリーソフト9VAeきゅうべえの動画出力時間を比較しました。

  • 作成した動画は、9VAeのヘルプ>練習用にある「カニとたたかう」27秒です。
  • これを、960 x 720 、30fps の MP4動画にしました。
  • パソコン、スマホタブレットで手動で計測しました。

機種 OS CPU メモリ 出力時間
Macbook Air (M1 2020) macOS Monterey Apple M1 8GB 7秒
Macbook Pro (Late 2013) macOS Big Sir Intel Core i7 16GB 14秒
iPad (第7世代) iPadOS 15.4 Apple A10 3GB 16秒
iPhone 6s iOS 15.4 Apple A9 2GB 21秒
Mac mini (Late 2014) macOS Catalina Intel Core i5 4GB 25秒
Lenovo IdeaCenter240 Windows11 Intel Core i5-10400T 8GB 30秒
mouse E10 Windows10 Intel Celeron N4000 4GB 1分
iPad (第4世代) iPadOS 10.3 Apple A6X 1GB 1分6秒
ドン・キホーテ U1 Windows10 Intel Atom Z8350 4GB 1分44秒
Google Pixel 3a Android 12 Qualcomm® SnapdragonTM 670 4GB 2分47秒
ASUS C223N ChromeOS101 64bit Intel N3350 4GB 3分1秒
Lenovo S330 ChromeOS100 32bit MediaTek MT8173C 4GB 3分43秒
Amazon Fire7 (第9世代) FireOS 7 MediaTek MT8163V/B 1GB 8分43秒
Raspberry Pi 2B Raspbian Stretch Broadcom BCM2837 1GB 9分50秒

わかること、感想

  • M1 Macbook Air はやはり速いです。7秒
  • Amazon Fire 7 (第9世代) は、3千円で入手できましたが遅いです。8分
  • 新しいiPad は無印でも速いです。16秒。古い iPad の4倍も速いです。
  • 1万5千円の mouse E10 は、少し前の格安 Chromebook より速いです。1分
  • 新しいドンキU1Cは、Celeron N3350 で、もっと速いかも。Unityも動くかも。
  • Chromebook は、OSが軽いので、非力なCPUでメモリが少なくても軽快に動くといいますが、Googleドキュメントは速いのですが、作り方が悪いアプリは速く動かないかも。
  • Android / Chromebook が遅いのは、9VAeアプリのせいもあります。連番画像作成の処理が遅いです。
  • ラズベリーパイ、時間がかかるけど、ちゃんと動画ができます。

なお、Amazon Fire 7 は動画出力に8分もかかりますが、9VAeきゅうべえ編集中は動画を作成しないので、軽いです。

9VAeきゅうべえのダウンロード

低価格 Windows タブレットの Cドライブを増やす方法:ひとコマ解説

Chromebookより安い2万円程度で Windowsノートパソコン が入手できるようになってきました。低価格Windows にマイクロSDカードを入れて C ドライブの代わりにする方法を解説します。この方法で、mouse E10 に、Unity をいれることもできました。

ほかの解説動画はこちら

 SDカードの中にハードディスクのかわり(仮想ディスク)を作成する

  • マウスコンピュータ mouse E10 や、ドン・キホーテ U1C は、メモリ4GB、ストレージ64GB が2万円程度で入手できる激安 Windows パソコンです。キーボードをはずせばタブレットにもなり、mouse E10 には筆圧ペンまでついています。
  • ただ64GB だと、 C ドライブに Visual Studio などのプログラミング開発環境をいれると、容量不足で OSのアップデートができなくなります。しかし、SDカードには、Visual Studioがいれられません。
  • 1000円程度で入手できる 32GB のマイクロSDカードを、仮想ディスク(VHD)にすると、Cドライブのかわりに開発環境やプロジェクトをいれることができます。その方法を紹介します。

 

仮想ディスク(VHD)の作り方

32GB 以上のマイクロSDカードをセットして以下の操作をします。

  1. Windowsボタン>「ディスク管理」を検索します。
  2. 見つかった項目(ハードディスクパーティションの作成とフォーマットなど)をクリックすると「ディスクの管理」が開きます。もし開かなければ「設定」から検索してみてください。
  3. 下にあるSDカード(左側の表示がリムーバブル)のバーを右ボタンクリック。メニューから「フォーマット」を実行。
  4. ファイルシステムは「NTFS」にします。FAT32だと数GBのファイルしか保存できないので、NTFSにしなければいけません。フォーマットにより中身はすべて消去されます。★★かならずリムーバブルを確認★★
  5. OKでフォーマットを実行
  6. 「操作メニュー>VHDの作成」を実行。
  7. 「参照ボタン」でSDカードの中の仮想ディスクのファイル名を設定。
  8. 左側でSDカードを選びます。
  9. 短い半角英数名がおすすめ。好きな名前を設定
  10. 「保存」
  11. 最大サイズを設定します。32GBのSDだと、28GBぐらいのファイルが作れます。
  12. 単位を「GB」に変更
  13. 「OK」ボタン
  14. ファイルの作成には時間がかかります。ファイルができると、SDカードの下に「ディスク2」のバーができます。見えなければウィンドウを縦にのばしてください。最初は「初期化されていない」「未割り当て」となっています。左側の「初期化されていない」を右ボタンクリックし「ディスクの初期化」を実行。
  15. GPTパーティションでかまいません。「OK」で初期化を実行。
  16. 左側の表示が「オンライン」にかわります。右側の「未割り当て」を右ボタンクリック。「新しいシンプルボリューム」を実行。

 

仮想ドライブを作成し、自動的にマウントするよう設定

上の操作につづいて、つぎの操作を実行します。

  1. 「次へ」を何回かクリックし「NTFS」フォーマットのボリュームを作成します。
  2. 作成が完了すると、ドライブが割り当てられ、保存ができるようになります。この中に、Visual Studio をインストールすることができます。

仮想ディスクVHDファイルのショートカットをスタートアップに入れて自動マウント

  • PCを再起動すると、最初、仮想ディスクVHDは単なるファイルです。
  • 仮想ディスクファイルVHDをダブルクリックすれば、マウントされ、仮想ディスクが使えるようになります。
  • VHDファイルを右ボタンでクリックし「ショートカットの作成」でショートカットを作ります。これを、スタートアップフォルダにいれて、起動時に実行するようにします。
  • スタートアップフォルダは、Windowsボタンと「R」を同時におし、「ファイル名を指定して実行」で「shell:startup」で開きます。この中に、VHDのショートカットを入れます。
  • パソコンを再起動して、EドライブができればOKです。

ドライブ名変更の注意

  • パソコン再起動時に、VHDにEドライブが割り当てられるのに少し時間がかかります。その前にUSBメモリなどを差すと、USBメモリがEドライブに割り当てられてしまい、VHDドライブが Fドライブになってしまうことがあります。こうなると、Eドライブにインストールしたプログラムが使えません。VHDにEドライブが割り当てられてからUSB機器をさすようにしましょう。
  • Fドライブに割り当てられたVHDを、Eドライブに戻すには、次の様にします。

  1. Windowsボタン>「ディスク管理」を検索します。
  2. 見つかった項目(ハードディスクパーティションの作成とフォーマットなど)をクリック
  3. ドライブ名を変更したいドライブを右ボタンでクリック。「ドライブ文字とパスの変更」
  4. 変更したいドライブ名を選んで「変更」

 

■Unity インストール

  • Unityは、初心者でも3次元ゲームがつくれる開発環境です。mouse e10 にも入れることができます。入れ方はこちら
  • 標準では、Cドライブにはいるため、ツールや プロジェクトの保存先を、仮想ディスクに変更しましょう。

 

Visual Studio インストール

Unityをはじめ、いろんなアプリ開発につかわれるプログラミング開発環境です。

  1. ダウンロードはこちら  
  2. 古い Visual Studio を使っていた場合は、先に削除しましょう。ツールメニュー>「ツールと機能を取得」>Visual Studio Installer が起動します。「閉じる」>「インストール済み」タブ 「その他>アンインストール」
  3. Visual Studio Installer から、Visual Studio Community をインストールします。
  4. 「インストールの場所」タブで、上の2つの場所はCドライブ以外に変更できます。ただし、SDカードのようなリムーバブルディスクは選べません。上のように仮想ドライブを準備しておく必要があります。
  5. インストール場所を設定後、「ワークロード」タブで、言語やツールを選びます。Windows用アプリを作りたい(C++/WinRT)の場合は、「C++によるデスクトップ開発」、「ユニバーサルWindowsプラットフォーム開発」を選びます。
  6. 不足していたモジュールは、あとから「個別のコンポーネント」タブで追加できます。

 

サンプルの動画編集プログラム(MediaEditing) をビルドして実行

  1. ここ GitHub を開く
  2. 「Code」ボタンの右側の▼をクリック。メニューから「Download ZIP」をクリック。Windows-universal-samples-main(.zip) がダウンロードフォルダに入手できます。
  3. ダウンロードフォルダを開く。Windows-universal-samples-main(.zip) を右ボタンでクリック。メニューから「すべて展開」を実行。「展開」ボタンをおすとダウンロードフォルダの中に「Windows-universal-samples-main」ができます。
  4. Windows-universal-samples-main」の中の「Samples」フォルダの中にたくさんのサンプルがはいっています。
  5. この中の「MediaEditing」を開きます。「cpp」の中にC++、「cs」の中にC#プログラムがはいっています。
  6. 「cpp」の中の「MediaEditing.sln」をダブルクリックします。
  7. Visual Studio が起動します。
  8. メニューバーの下の「Debug▼」「ARM▼」「リモートコンピュータ▼」がありますが、「ARM」の右側の▼をクリック。「x86」に変更します。「リモートコンピュータ」が「ローカルコンピュータ」に変わります。
  9. 「ローカルコンピュータ」をクリックすると、ビルド(プログラムから実行系を作る作業)が始まります。成功するとアプリがインストールされます。
  10. 初回、「開発者向け設定」画面が開きます。自作アプリをインストールするには「任意のソースからのアプリのインストール(開発者モード)」をオンにします。
  11. ドン・キホーテノートでも「MediaEditing」サンプルが起動しました。1) Trimming and Saving a clip をクリックすると、「1 Choose Video」「2 Trim Video」「3 Save Result」ボタンが表示されます。「1 Choose」ボタンで動画を選択。「2 Trim」で動画の前、後ろを削除。「3 Save Result」で、結果を保存できます。
  12. このサンプルを手掛かりに、WinRT アプリを作っていく過程はこちら

Visual Studioでよく使うキー

  • Alt +B のあと B    ビルド
  • F5  実行、続きを実行
  • F9  ブレークポイント ON/OFF
  • F10  ステップ実行
  • F11  関数の中にはいる
  • Shift+F11  関数から外に抜ける 

Visual Studio メモ

  • 右側がソリューションエクスプローラで、プロジェクトに含まれるファイルなどが表示
  • ソリューションエクスプローラの親を右ボタンでクリックし、「スタートアッププロジェクトに設定」すると、右向き▲ボタンでこのプロジェクトが実行される。
  • ソリューションエクスプローラの親を右ボタンでクリックし、一番下の「プロパティ」を開くと、コンパイラー、リンカーなどの設定がみえる
  • プロパティの $(ProjectDir); はプロジェクトがあるフォルダ(.vcxproj, .sln)ほかの意味はこちら
  • ビルドすると下に結果が表示される。下の「出力」タブを押すとエラーが見える
  • プロパティの $(GeneratedFilesDir); は、x86, x64, ARM などのCPUフォルダ

 


解説動画の作り方

この記事のひとコマ解説GIFは、フリーソフト9VAeきゅうべえで作成しています。

9VAeきゅうべえのダウンロード

 

  • 9VAeきゅうべえで、キャプチャー画面に、矢印や説明を加え、ページに「ひとコマ」設定するだけで作れます。
  • Youtube動画より作成が簡単で、スクロールしなくても見えるのが特長です。
  • Youtube 動画にすることもできます。

 

画面キャプチャ方法

OS
画面キャプチャ方法
保存先
 Windows
クリップボード
 Mac
  • Shift + Command + 4 (スペースでウィンドウ指定)
デスクトップ
 Android
  •  電源 + 音量Down
 adbコマンド (開発者向け)
  •  adb shell screencap -p /sdcard/screen.png
     adb pull /sdcard/screen.png
フォトアプリ>
ライブラリ>
Screenshots
 
iPhone / iPad
  •  ホームボタン + 電源ボタン
  • サイドボタン + 音量UP
写真>
アルバム>
スクリーンショット
 Linux Mint
  • Print Screen キー
クリップボード
ファイル
 Amazon Fire
  • 電源 + 音量Down 1秒長押し
  • USBケーブルでPCと接続し、
    設定>接続デバイス>USB>ファイル転送
ピクチャ >
スクリーンショット
 Chromebook
  • Shift + Ctrl + ウィンドウ一覧キー(上の中央のキー)
マイファイル >
ダウンロード

キャプチャ画像を転送する方法はこちら

キャプチャ画像を9VAeに読みこむ

f:id:dnjiro:20220119095713g:plain

  1. 画像入力ボタン「山」でキャプチャ画像を読み込む
  2. 画像の中心の「+」をクリック。メニューから「ステージの大きさにする」
  3. 画像の中心の「+」をクリック。メニューから「ページを画像に合わせる」

文字、矢印を入れる

f:id:dnjiro:20220119131719g:plain

  1. 文字入力ボタン「A」で数字を入力
  2. 角の■をドラッグでサイズ変更。
  3. 中心の「+」または枠線のドラッグで移動
  4. 線の種類ボタンをクリック。メニューから「→」で矢印に設定
  5. 折れ線ボタンをクリック
  6. 開始点
  7. 終了点
  8. 選択ボタンで入力終了
  9. 太さ設定ボタン。メニューから「太くする」で太くできます。
  10. 文字入力ボタン「A」で説明文章を入力
  11. 背景の色を設定
  12. 線の種類メニューの「ー」で枠線がつきます
  13. 太さ設定ボタン。メニューから「太くする」で太くできます。

文字の色、縁、影をつける

f:id:dnjiro:20220119140955g:plain

  1. 文字を選ぶ
  2. 文字タブ2をクリック
  3. 文字の色をクリック
  4. 赤に設定
  5. 文字と矢印をドラッグして選ぶ
  6. 図形タブ1をクリック
  7. 線の種類から「縁をつける」
  8. 線の種類から「影をつける」、線の種類から「広く」
  9. 線の色「赤」

ひとコマアニメーションにする

  1. ページ時間をクリック。メニューから「ひとコマ」を設定。これでアニメーションができます。
  2. プレイボタンで再生してみましょう。入力した順番に文字、矢印がでてきます。
  3. これで1ページ完成です。続きを作りたい場合は、ページの右側の「+」をクリックし「続きのページを作る」で、2ページ目が作成できます。

アニメGIF、動画出力

  • ファイルメニュー>アニメGIF出力」または「動画出力」で、好きなサイズのアニメGIF または MP4動画 が作成できます。
    Win / RaspberryPi / Linux版 でMP4動画を作るには FFmpeg が必要です
  • スマホの場合、端末内の「9VAe」フォルダの中に出力されます。フォトアプリで、「端末内の写真>9VAe」で見ることができます。
  • アニメGIFは、背景を透明にできます。音がいれられません。
  • MP4動画には音が入れられます。Youtubeに投稿できます。Youtubeに投稿する場合、1秒30コマ、高さ720 または 1080 で出力するとよいでしょう。

 

 

9VAeをつかえば素材動画が作れる 

      • 9VAeきゅうべえを使えば、オリジナルの素材動画が簡単に作れます。
      • Openclipart や  FreeSVG などフリーのSVGイラストをつかって動くキャラクタが作れます。
      • 動画編集ソフトで動画に合成できます。

OS

フリーソフト

9VAeで作成する素材動画

Windows

AviUtl

連番PNG または MP4

Mac/iPhone/iPad

iMovie

MP4 または QuickTime(古いMac)

Android

PowerDirector

GIF または MP4

作り方

 

      • もっと長いアニメを作ることもできます。以下をご覧ください。

9VAeきゅうべえ:長いアニメを作る方法 - Qiita

 

 

9VAeきゅうべえに関する質問

 

 

スマホ画面をキャプチャする方法:ひとコマ解説

スマホ画面をキャプチャ(スクリーンショット)して転送する方法を説明します。

ほかの解説動画はこちら

 

iPhone / iPad の画面キャプチャ

  • ホームボタン + 電源ボタン
  • サイドボタン + 音量UP

の同時押しで画面キャプチャできます。

画像は、「写真」アプリの「スクリーンショット」に入ります。

iPhone のキャプチャ画像を取り出す方法

 

android / chromebook の画面キャプチャ

  •  電源 + 音量Down

の同時押しで画面キャプチャできます。

画像は、「フォト」アプリ、「ライブラリ」の「Screenshots」に入ります。

android のキャプチャ画像を取り出す方法

  • フォトアプリのスクリーンショットにはいっているので、長押し選択し、Googleドライブに保存すると、パソコンの Googleドライブでダウンロードできます。
  • android 版9VAeで編集する場合は、スマホ内の 9VAe または 9VAeDanglaフォルダに保存します。



 

内容:


解説動画の作り方

この記事のひとコマ解説GIFは、フリーソフト9VAeきゅうべえで作成しています。

9VAeきゅうべえのダウンロード

 

  • 9VAeきゅうべえで、キャプチャー画面に、矢印や説明を加え、ページに「ひとコマ」設定するだけで作れます。
  • Youtube動画より作成が簡単で、スクロールしなくても見えるのが特長です。
  • Youtube 動画にすることもできます。

 

画面キャプチャ方法

OS
画面キャプチャ方法
保存先
 Windows
クリップボード
 Mac
  • Shift + Command + 4 (スペースでウィンドウ指定)
デスクトップ
 Android
  •  電源 + 音量Down
 adbコマンド (開発者向け)
  •  adb shell screencap -p /sdcard/screen.png
     adb pull /sdcard/screen.png
フォトアプリ>
ライブラリ>
Screenshots
 
iPhone / iPad
  •  ホームボタン + 電源ボタン
  • サイドボタン + 音量UP
写真>
アルバム>
スクリーンショット
 Linux Mint
  • Print Screen キー
クリップボード
ファイル
 Amazon Fire
  • 電源 + 音量Down 1秒長押し
  • USBケーブルでPCと接続し、
    設定>接続デバイス>USB>ファイル転送
ピクチャ >
スクリーンショット
 Chromebook
  • Shift + Ctrl + ウィンドウ一覧キー(上の中央のキー)
マイファイル >
ダウンロード

キャプチャ画像を転送する方法はこちら

キャプチャ画像を9VAeに読みこむ

f:id:dnjiro:20220119095713g:plain

  1. 画像入力ボタン「山」でキャプチャ画像を読み込む
  2. 画像の中心の「+」をクリック。メニューから「ステージの大きさにする」
  3. 画像の中心の「+」をクリック。メニューから「ページを画像に合わせる」

文字、矢印を入れる

f:id:dnjiro:20220119131719g:plain

  1. 文字入力ボタン「A」で数字を入力
  2. 角の■をドラッグでサイズ変更。
  3. 中心の「+」または枠線のドラッグで移動
  4. 線の種類ボタンをクリック。メニューから「→」で矢印に設定
  5. 折れ線ボタンをクリック
  6. 開始点
  7. 終了点
  8. 選択ボタンで入力終了
  9. 太さ設定ボタン。メニューから「太くする」で太くできます。
  10. 文字入力ボタン「A」で説明文章を入力
  11. 背景の色を設定
  12. 線の種類メニューの「ー」で枠線がつきます
  13. 太さ設定ボタン。メニューから「太くする」で太くできます。

文字の色、縁、影をつける

f:id:dnjiro:20220119140955g:plain

  1. 文字を選ぶ
  2. 文字タブ2をクリック
  3. 文字の色をクリック
  4. 赤に設定
  5. 文字と矢印をドラッグして選ぶ
  6. 図形タブ1をクリック
  7. 線の種類から「縁をつける」
  8. 線の種類から「影をつける」、線の種類から「広く」
  9. 線の色「赤」

ひとコマアニメーションにする

f:id:dnjiro:20220119154101g:plain

  1. ページ時間をクリック。メニューから「ひとコマ」を設定。これでアニメーションができます。
  2. プレイボタンで再生してみましょう。入力した順番に文字、矢印がでてきます。
  3. これで1ページ完成です。続きを作りたい場合は、ページの右側の「+」をクリックし「続きのページを作る」で、2ページ目が作成できます。

アニメGIF、動画出力

  • ファイルメニュー>アニメGIF出力」または「動画出力」で、好きなサイズのアニメGIF または MP4動画 が作成できます。
    Win / RaspberryPi / Linux版 でMP4動画を作るには FFmpeg が必要です
  • スマホの場合、端末内の「9VAe」フォルダの中に出力されます。フォトアプリで、「端末内の写真>9VAe」で見ることができます。
  • アニメGIFは、背景を透明にできます。音がいれられません。
  • MP4動画には音が入れられます。Youtubeに投稿できます。Youtubeに投稿する場合、1秒30コマ、高さ720 または 1080 で出力するとよいでしょう。

 

 

9VAeをつかえば素材動画が作れる 

      • 9VAeきゅうべえを使えば、オリジナルの素材動画が簡単に作れます。
      • Openclipart や  FreeSVG などフリーのSVGイラストをつかって動くキャラクタが作れます。
      • 動画編集ソフトで動画に合成できます。

OS

フリーソフト

9VAeで作成する素材動画

Windows

AviUtl

連番PNG または MP4

Mac/iPhone/iPad

iMovie

MP4 または QuickTime(古いMac)

Android

PowerDirector

GIF または MP4

作り方

 

      • もっと長いアニメを作ることもできます。以下をご覧ください。

9VAeきゅうべえ:長いアニメを作る方法 - Qiita

 

 

9VAeきゅうべえに関する質問

 

 

Skype の無料オンライン部屋を作るには:ひとコマ解説

Skypeで、無料のオンライン会議部屋(Meet Now)を作る方法、参加方法を説明します。

ほかの解説動画はこちら

 

Skype Meet Now とは

  • 50名まで無料でオンライン会話ができるサービスです。
  • アプリなし、アカウントなしで、会議室を作成できます。
  • アプリなし、アカウントなしで、会議に参加できます。
  • 画面共有、テキストチャットあり。

 

Skype Meet Now 会議室の作り方(スマホでもできます)

Skype はこちら

  1. Skype のサイト(https://www.skype.com/ja/)を開きます。
  2. 「無料ビデオ通話を作成する」ボタンをクリックします。
  3. 会議室の名前をつけます。これで会議室の作成完了。
  4. コピーボタンで会議室リンクがコピーされるので、参加者に伝えます。

 

Skype Meet Now 会議室への参加方法

会議室のリンクをクリックします

  1. リンクをクリックすれば会議に参加できます。
  2. ゲスト参加ならアカウント登録不要です。
  3. 「ゲストユーザー」を会議で表示する名前に変更します。
  4. 今すぐ参加。
  5. マイクやカメラへのアクセス許可がもとめられるので「OK」
  6. 下をクリックするとマイクやカメラON/OFF ボタンが現れます。
  7. 赤い受話器ボタンで退出します。

 

内容:


解説動画の作り方

この記事のひとコマ解説GIFは、フリーソフト9VAeきゅうべえで作成しています。

9VAeきゅうべえのダウンロード

 

  • 9VAeきゅうべえで、キャプチャー画面に、矢印や説明を加え、ページに「ひとコマ」設定するだけで作れます。
  • Youtube動画より短く、キャプチャー画面の羅列より見やすいのが特長です。
  • FFmpeg を使って Youtube 動画にすることもできます。

 

画面キャプチャ方法

OS
画面キャプチャ方法
保存先
 Windows
クリップボード
 Mac
  • Shift + Command + 4 (スペースでウィンドウ指定)
デスクトップ
 Android
  •  電源 + 音量Down
 adbコマンド (開発者向け)
  •  adb shell screencap -p /sdcard/screen.png
     adb pull /sdcard/screen.png
フォトアプリ>
ライブラリ>
Screenshots
 
iPhone / iPad
  •  ホームボタン + 電源ボタン
  • サイドボタン + 音量UP
写真>
アルバム>
スクリーンショット
 Linux Mint
  • Print Screen キー
クリップボード
ファイル
 Amazon Fire
  • 電源 + 音量Down 1秒長押し
  • USBケーブルでPCと接続し、
    設定>接続デバイス>USB>ファイル転送
ピクチャ >
スクリーンショット
 Chromebook
  • Shift + Ctrl + ウィンドウ一覧キー(上の中央のキー)
マイファイル >
ダウンロード

キャプチャ画像を転送する方法はこちら

キャプチャ画像を9VAeに読みこむ

f:id:dnjiro:20220119095713g:plain

  1. 画像入力ボタン「山」でキャプチャ画像を読み込む
  2. 画像の中心の「+」をクリック。メニューから「ステージの大きさにする」
  3. 画像の中心の「+」をクリック。メニューから「ページを画像に合わせる」

文字、矢印を入れる

f:id:dnjiro:20220119131719g:plain

  1. 文字入力ボタン「A」で数字を入力
  2. 角の■をドラッグでサイズ変更。
  3. 中心の「+」または枠線のドラッグで移動
  4. 線の種類ボタンをクリック。メニューから「→」で矢印に設定
  5. 折れ線ボタンをクリック
  6. 開始点
  7. 終了点
  8. 選択ボタンで入力終了
  9. 太さ設定ボタン。メニューから「太くする」で太くできます。
  10. 文字入力ボタン「A」で説明文章を入力
  11. 背景の色を設定
  12. 線の種類メニューの「ー」で枠線がつきます
  13. 太さ設定ボタン。メニューから「太くする」で太くできます。

文字の色、縁、影をつける

f:id:dnjiro:20220119140955g:plain

  1. 文字を選ぶ
  2. 文字タブ2をクリック
  3. 文字の色をクリック
  4. 赤に設定
  5. 文字と矢印をドラッグして選ぶ
  6. 図形タブ1をクリック
  7. 線の種類から「縁をつける」
  8. 線の種類から「影をつける」、線の種類から「広く」
  9. 線の色「赤」

ひとコマアニメーションにする

f:id:dnjiro:20220119154101g:plain

  1. ページ時間をクリック。メニューから「ひとコマ」を設定。これでアニメーションができます。
  2. プレイボタンで再生してみましょう。入力した順番に文字、矢印がでてきます。
  3. これで1ページ完成です。続きを作りたい場合は、ページの右側の「+」をクリックし「続きのページを作る」で、2ページ目が作成できます。

アニメGIF、動画出力

  • ファイルメニュー>アニメGIF出力」または「動画出力」で、好きなサイズのアニメGIF または MP4動画 が作成できます。
    Win / RaspberryPi / Linux版 でMP4動画を作るには FFmpeg が必要です
  • スマホの場合、端末内の「9VAe」フォルダの中に出力されます。フォトアプリで、「端末内の写真>9VAe」で見ることができます。
  • アニメGIFは、背景を透明にできます。音がいれられません。
  • MP4動画には音が入れられます。Youtubeに投稿できます。Youtubeに投稿する場合、1秒30コマ、高さ720 または 1080 で出力するとよいでしょう。

 

 

9VAeをつかえば素材動画が作れる 

      • 9VAeきゅうべえを使えば、オリジナルの素材動画が簡単に作れます。
      • Openclipart や  FreeSVG などフリーのSVGイラストをつかって動くキャラクタが作れます。
      • 動画編集ソフトで動画に合成できます。

OS

フリーソフト

9VAeで作成する素材動画

Windows

AviUtl

連番PNG または MP4

Mac/iPhone/iPad

iMovie

MP4 または QuickTime(古いMac)

Android

PowerDirector

GIF または MP4

作り方

 

      • もっと長いアニメを作ることもできます。以下をご覧ください。

9VAeきゅうべえ:長いアニメを作る方法 - Qiita

 

 

9VAeきゅうべえに関する質問

 

 

無料のオンライン会議 around の部屋を作るには:ひとコマ解説

無料のオンライン会議 around の部屋を作る方法、参加方法を説明します。

ほかの解説動画はこちら

 

■ around とは

  • 50名まで無料でオンライン会話ができるサービスです。
  • だれでも会議室(ルーム)を作成できます。入室許可不要の部屋も作れます。
  • 会議室作成にはアカウント登録が必要ですが、参加だけならアカウントを作らなくても参加できます。
  • スマホは専用アプリが必要。パソコンは、ブラウザ(Chrome, Edge )でもはいれます。
  • 画面共有、テキストチャットあり

 

■ around 会議室の作り方

around はこちら

  1. around のサイト(https://www.around.co)をクリックします。「Try for Free」の右側の・・・をクリックします。
  2. アカウントの種類を選びます。
  3. 「Try for Free」をクリックし、アカウント登録します。
  4. パソコンの場合、「Continue in Browser」のクリックで、ブラウザで処理できます。アプリを起動したい場合は「Launch Around app」をクリックします。
  5. サインインすると、自分のページが開きます。新しい会議室を作るには「*Create Room」をクリックします。
  6. Room名を入れます。
  7. 会議室のリンクアドレスに、すきな名前を入力できます。
  8. 入室許可が必要ならチェックをいれます。誰でもはいれる部屋なら、チェックをはずします。
  9. 「Continue」で次へ
  10. 部屋にはいれる人を登録できます。「Done」で設定完了。
  11. 作成した会議室(Room)をクリックすると会議室にはいれます。「Click to Copy Link」をクリックすると、会議室のリンクをコピーできます。

 

■会議室への参加方法

会議室のリンクをクリックします

  1. 会議に参加するには、スマホではアプリのインストールが必要。パソコンの場合は、アプリ以外に、Chrome, Edge ブラウザでも参加できます。
  2. スマホでアプリインストールすみの場合、「launch meeting with App」をタッチ
  3. アカウントにログインする(アイコンを登録したい)なら、アカウントを選びます。アカウント登録したくないなら「Join meeting without signing up 」をタッチ
  4. 会議で表示する名前を入力します。
  5. 入室許可が不要なら会議室にはいれます。許可が必要なら「Awaiting Approval 入出許可待ち」になるので、ホストの許可を待ちます。
  6. 会議室の中にはいると、下に、マイクやカメラON/OFF があります。赤い受話器ボタンで退出します。

 

内容:


解説動画の作り方

この記事のひとコマ解説GIFは、フリーソフト9VAeきゅうべえで作成しています。

9VAeきゅうべえのダウンロード

 

  • 9VAeきゅうべえで、キャプチャー画面に、矢印や説明を加え、ページに「ひとコマ」設定するだけで作れます。
  • Youtube動画より短く、キャプチャー画面の羅列より見やすいのが特長です。
  • FFmpeg を使って Youtube 動画にすることもできます。

 

画面キャプチャ方法

OS
画面キャプチャ方法
保存先
 Windows
クリップボード
 Mac
  • Shift + Command + 4 (スペースでウィンドウ指定)
デスクトップ
 Android
  •  電源 + 音量Down
 adbコマンド (開発者向け)
  •  adb shell screencap -p /sdcard/screen.png
     adb pull /sdcard/screen.png
フォトアプリ>
スクリーンショット
 
iPhone / iPad
  •  ホームボタン + 電源ボタン
  • サイドボタン + 音量UP
写真>
アルバム>
スクリーンショット
 Linux Mint
  • Print Screen キー
クリップボード
ファイル
 Amazon Fire
  • 電源 + 音量Down 1秒長押し
  • USBケーブルでPCと接続し、
    設定>接続デバイス>USB>ファイル転送
ピクチャ >
スクリーンショット

 

キャプチャ画像を9VAeに読みこむ

f:id:dnjiro:20220119095713g:plain

  1. 画像入力ボタン「山」でキャプチャ画像を読み込む
  2. 画像の中心の「+」をクリック。メニューから「ステージの大きさにする」
  3. 画像の中心の「+」をクリック。メニューから「ページを画像に合わせる」

文字、矢印を入れる

f:id:dnjiro:20220119131719g:plain

  1. 文字入力ボタン「A」で数字を入力
  2. 角の■をドラッグでサイズ変更。
  3. 中心の「+」または枠線のドラッグで移動
  4. 線の種類ボタンをクリック。メニューから「→」で矢印に設定
  5. 折れ線ボタンをクリック
  6. 開始点
  7. 終了点
  8. 選択ボタンで入力終了
  9. 太さ設定ボタン。メニューから「太くする」で太くできます。
  10. 文字入力ボタン「A」で説明文章を入力
  11. 背景の色を設定
  12. 線の種類メニューの「ー」で枠線がつきます
  13. 太さ設定ボタン。メニューから「太くする」で太くできます。

文字の色、縁、影をつける

f:id:dnjiro:20220119140955g:plain

  1. 文字を選ぶ
  2. 文字タブ2をクリック
  3. 文字の色をクリック
  4. 赤に設定
  5. 文字と矢印をドラッグして選ぶ
  6. 図形タブ1をクリック
  7. 線の種類から「縁をつける」
  8. 線の種類から「影をつける」、線の種類から「広く」
  9. 線の色「赤」

ひとコマアニメーションにする

f:id:dnjiro:20220119154101g:plain

  1. ページ時間をクリック。メニューから「ひとコマ」を設定。これでアニメーションができます。
  2. プレイボタンで再生してみましょう。入力した順番に文字、矢印がでてきます。
  3. これで1ページ完成です。続きを作りたい場合は、ページの右側の「+」をクリックし「続きのページを作る」で、2ページ目が作成できます。

アニメGIF、動画出力

  • ファイルメニュー>アニメGIF出力」または「動画出力」で、好きなサイズのアニメGIF または MP4動画 が作成できます。
    Win / RaspberryPi / Linux版 でMP4動画を作るには FFmpeg が必要です
  • スマホの場合、端末内の「9VAe」フォルダの中に出力されます。フォトアプリで、「端末内の写真>9VAe」で見ることができます。
  • アニメGIFは、背景を透明にできます。音がいれられません。
  • MP4動画には音が入れられます。Youtubeに投稿できます。Youtubeに投稿する場合、1秒30コマ、高さ720 または 1080 で出力するとよいでしょう。

 

 

9VAeをつかえば素材動画が作れる 

      • 9VAeきゅうべえを使えば、オリジナルの素材動画が簡単に作れます。
      • Openclipart や  FreeSVG などフリーのSVGイラストをつかって動くキャラクタが作れます。
      • 動画編集ソフトで動画に合成できます。

OS

フリーソフト

9VAeで作成する素材動画

Windows

AviUtl

連番PNG または MP4

Mac/iPhone/iPad

iMovie

MP4 または QuickTime(古いMac)

Android

PowerDirector

GIF または MP4

作り方

 

      • もっと長いアニメを作ることもできます。以下をご覧ください。

9VAeきゅうべえ:長いアニメを作る方法 - Qiita

 

 

9VAeきゅうべえに関する質問

 

 

フリー素材の Midi 音楽を MP3 や Wav に変換する方法:ひとコマ解説

フリー素材の Midi 音楽をダウンロードして、 MP3 や WAV ファイルに変換する方法を解説します。スマホの操作を説明しますがパソコンでもできます。

ほかの解説動画はこちら

内容:

Midi、MP3、WAVの違い

  • Midiは、音楽を演奏、記録したファイルです。Midiファイルには、楽器の種類と音階や長さの情報だけで、実際の音データがはいっていないため、サイズが非常に小さいという特長があります。多くの動画編集ソフトには、MIDI音源がないため、そのままでは動画に入れることができません。
  • MP3 は、音のデータを圧縮したもので、WAVよりデータサイズが小さいです。いくつか圧縮方法があり、圧縮につかったコーディックがないと再生できないことがあります。
  • WAVは単純な音データで、再生が簡単ですが、データサイズが大きくなります。
データ 内容 特長
 Midi  楽譜データ
  • 音源がないと再生できない
  • 音楽を編集できる
MP3 音データ
  •  圧縮されている
  • 解凍できないと再生できない
Wav 音データ
  • 圧縮されていないので再生が簡単 

 

フリーの音楽、効果音をどこから入手するか

MIDIファイルをダウンロードする方法

  1. TAM Music Factory の「音楽カテゴリー」から「春」を選びます。
  2. MIDIファイルを選んで、タッチするとダウンロードされます。
  3. iPhoneの場合は、MIDIファイル名を長押しし「share...」、「iCloud」「iCloud Drive」で、iCloudにダウンロードするとよいでしょう。下の iPhoneの場合も参照

TAM Musicから直接、MP3をダウンロードすることもできます。ここではMIDIからMP3変換を試してみましょう。

 

MIDIファイルをMP3に変換する方法

Androidの場合

  1. BearAudio MIDI to MP3を開きます。
  2. 「ファイル選択(Select a local file)」ボタンをタッチ。
  3. 「ファイル」ボタンをタッチ(ファイルアプリがない場合は「ドキュメント」)
  4. 音声タブをタッチし、ダウンロードしたファイルを探します。
  5. ダウンロードしたMIDIファイルをタッチします。
  6. 「変換開始(Start Conversion)」ボタンをタッチ。MIDIがMP3に変換されます。ボタンを押す前に、下にある設定で「WAV」にチェックすれば、WAV形式に変換することもできます。
  7. スマホで変換したファイルをダウンロードするには画面を横にします。変換したファイルの右側の「download」をタッチするとダウンロードフォルダに変換結果がダウンロードされます。

 

iPhone の場合

  1. BearAudio MIDI to MP3を開きます。
  2. 「Select a local file(ファイル選択)」ボタンをタッチ。
  3. iCloud Drive」ボタンをタッチ(MIDIファイルがある場所)
  4. ダウンロードしたMIDIファイルをタッチします。
  5. 「Start Conversion(変換開始)」ボタンをタッチ。MIDIがMP3に変換されます。ボタンを押す前に、下の設定で「WAV」にチェックすれば、WAV形式に変換することもできます。
  6. メニューから「share...」をタッチします。
  7. 保存先は「Add to iCloud Drive」を選ぶとわかりやすいでしょう
  8. iCloud Drive」を選ぶと、iCloud Drive に保存されます。

 

MP3 を WAV に変換する方法

 


解説動画の作り方

この記事のひとコマ解説GIFは、フリーソフト9VAeきゅうべえで作成しています。

9VAeきゅうべえのダウンロード

 

  • 9VAeきゅうべえで、キャプチャー画面に、矢印や説明を加え、ページに「ひとコマ」設定するだけで作れます。
  • Youtube動画より短く、キャプチャー画面の羅列より見やすいのが特長です。
  • FFmpeg を使って Youtube 動画にすることもできます。

 

画面キャプチャ方法

OS
画面キャプチャ方法
保存先
 Windows
クリップボード
 Mac
  • Shift + Command + 4 (スペースでウィンドウ指定)
デスクトップ
 Android
  •  電源 + 音量Down
 adbコマンド (開発者向け)
  •  adb shell screencap -p /sdcard/screen.png
     adb pull /sdcard/screen.png
フォトアプリ>
ライブラリ>
Screenshots
 
iPhone / iPad
  •  ホームボタン + 電源ボタン
  • サイドボタン + 音量UP
写真>
アルバム>
スクリーンショット
 Linux Mint
  • Print Screen キー
クリップボード
ファイル
 Amazon Fire
  • 電源 + 音量Down 1秒長押し
  • USBケーブルでPCと接続し、
    設定>接続デバイス>USB>ファイル転送
ピクチャ >
スクリーンショット
 Chromebook
  • Shift + Ctrl + ウィンドウ一覧キー(上の中央のキー)
マイファイル >
ダウンロード

キャプチャ画像を転送する方法はこちら

キャプチャ画像を9VAeに読みこむ

f:id:dnjiro:20220119095713g:plain

  1. 画像入力ボタン「山」でキャプチャ画像を読み込む
  2. 画像の中心の「+」をクリック。メニューから「ステージの大きさにする」
  3. 画像の中心の「+」をクリック。メニューから「ページを画像に合わせる」

文字、矢印を入れる

f:id:dnjiro:20220119131719g:plain

  1. 文字入力ボタン「A」で数字を入力
  2. 角の■をドラッグでサイズ変更。
  3. 中心の「+」または枠線のドラッグで移動
  4. 線の種類ボタンをクリック。メニューから「→」で矢印に設定
  5. 折れ線ボタンをクリック
  6. 開始点
  7. 終了点
  8. 選択ボタンで入力終了
  9. 太さ設定ボタン。メニューから「太くする」で太くできます。
  10. 文字入力ボタン「A」で説明文章を入力
  11. 背景の色を設定
  12. 線の種類メニューの「ー」で枠線がつきます
  13. 太さ設定ボタン。メニューから「太くする」で太くできます。

文字の色、縁、影をつける

f:id:dnjiro:20220119140955g:plain

  1. 文字を選ぶ
  2. 文字タブ2をクリック
  3. 文字の色をクリック
  4. 赤に設定
  5. 文字と矢印をドラッグして選ぶ
  6. 図形タブ1をクリック
  7. 線の種類から「縁をつける」
  8. 線の種類から「影をつける」、線の種類から「広く」
  9. 線の色「赤」

ひとコマアニメーションにする

f:id:dnjiro:20220119154101g:plain

  1. ページ時間をクリック。メニューから「ひとコマ」を設定。これでアニメーションができます。
  2. プレイボタンで再生してみましょう。入力した順番に文字、矢印がでてきます。
  3. これで1ページ完成です。続きを作りたい場合は、ページの右側の「+」をクリックし「続きのページを作る」で、2ページ目が作成できます。

アニメGIF、動画出力

  • ファイルメニュー>アニメGIF出力」または「動画出力」で、好きなサイズのアニメGIF または MP4動画 が作成できます。
    Win / RaspberryPi / Linux版 でMP4動画を作るには FFmpeg が必要です
  • スマホの場合、端末内の「9VAe」フォルダの中に出力されます。フォトアプリで、「端末内の写真>9VAe」で見ることができます。
  • アニメGIFは、背景を透明にできます。音がいれられません。
  • MP4動画には音が入れられます。Youtubeに投稿できます。Youtubeに投稿する場合、1秒30コマ、高さ720 または 1080 で出力するとよいでしょう。

 

 

9VAeをつかえば素材動画が作れる 

      • 9VAeきゅうべえを使えば、オリジナルの素材動画が簡単に作れます。
      • Openclipart や  FreeSVG などフリーのSVGイラストをつかって動くキャラクタが作れます。
      • 動画編集ソフトで動画に合成できます。

OS

フリーソフト

9VAeで作成する素材動画

Windows

AviUtl

連番PNG または MP4

Mac/iPhone/iPad

iMovie

MP4 または QuickTime(古いMac)

Android

PowerDirector

GIF または MP4

作り方

 

      • もっと長いアニメを作ることもできます。以下をご覧ください。

9VAeきゅうべえ:長いアニメを作る方法 - Qiita

 

 

9VAeきゅうべえに関する質問

 

 

無料アプリ「9VAeきゅうべえ」の中国語版の作り方

フリーソフト9VAeきゅうべえ を多国語対応したときの方法をまとめます。

ほかのアニメの作り方はこちらをご覧ください

 

 

■ 9VAeきゅうべえのダウンロード

 

言語コード

  • 多国語リソースいれるときに、言語を区別するために使われる2文字のコード。こちら

 

iOS / iPad / Mac 版の多国語対応

  • 参考にしたサイト
  •  PROJECT -> Info -> Localizationsの「+」を押して言語を追加すると、Baseの英語から多国語用文字列が複製されます。
  •  XLIFFファイルをつかうとAndroidと共通化できるかも?
  • Storyboard / Menu の翻訳は、Mainstoryboard / Mainmenu の多国語リソースを翻訳。設定はこれだけです。最初、翻訳行""=""; が間違えている行があって、後ろの翻訳が行われいことがありました。Xcode で文法が正しければ、文字列の色がかわるので最後の行まで色がかわっているかを確認しましょう。
  • プログラム中の文字の翻訳は、Localizable.strings を翻訳します。Objective-C では、locals()で囲むと文字列が翻訳されます。
  • 実行時には、設定された言語におうじて、いずれかの言語フォルダのリソースがつかわれます。
  • 9VAe本体のCプログラムでは、locals()の変換ができないので、Localizable.stringsを読み込んで変換するルーチンを自作しました。Mac版では、Localizable.strings は UTF16で格納され、直接読み出せますが、iOSでは読み出せないようです。また、BOMつきUTF8は使えないみたいです。

Android版の多国語対応

  • Android公式ドキュメント
  • src/main/res フォルダの中に、values/strings.xml のような文字列がありますが、言語コードごとに、values-zh/strings.xml  といったフォルダを作成すると、そのフォルダの中のリソースが使われます(zhは中国語)。フォルダ/ファイルは自分で作成します。同様に画像なども差し替えできます。
  • 9VAeでは、以下の strings.xml から、GetAndroidResource_Strings_String("language_code")で"zh"を取得し、何の言語で起動したか判定しています。 

<!--?xml version="1.0" encoding="utf-8"?-->
<resources>
    <string name="app_name">9VAeX</string>
    <string name="language_code">zh</string>
</resources>

  • RTL は、アラビア語のように右から文字がでてくる場合の処理。これが処理されているかどうかの設定が、android:supportsRtl="false" で、これが"true"になっていると、アラビア語ペルシャ語などで落ちることがありました。
  • Mac版の Localizable.strings から、各言語別の  Localizable_fr.strings, Localizable_zh.strings を作成して assets 内に配置しています。言語コードに従って、それらを読み出して、独自 locals で翻訳を行います。

WindowsLinuxの多国語対応

  • Android版と同じ Localizable_fr.strings, Localizable_zh.strings をもっており、起動した言語ごとに、それらを読み出して翻訳しています。
  • Localizable.strings で全OSの翻訳を共通化しています。

Google翻訳

  • 翻訳は Google 翻訳を使用。以下のような翻訳もできるのでびっくり 。&は、Windowsメニューのショートカットキーのアルファベットを指定する記号です。
    英語 中国語(簡体)
    &Undo
    撤消(&U)
    &Font
    字体(&F)

Android ペルシャ語版だけでおちるのは、RTLが原因みたい

  • Googleアプリストアに登録すると、ランダムに選んだ7機種で自動テストを行ってくれます。そのときに、かならず落ちる機種が、Pixel5 ペルシャ語アラビア語でした。
  • これは、AndroidManifest.xml の、android:supportsRtl="true" になっていると起こるようです。RTLは、右側から左側にむけて文字を書く言語に対する処理で、文字表示の座標指定が左右反転するといったことがおこるようで、それに対応した処理をしていない場合は、android:supportsRtl="false" にしておく必要があるみたいです。 

フランス語版だけ、顔がでかくなった原因

 

9VAeをつかえば素材動画が作れる 

  • 9VAeきゅうべえを使えば、オリジナルの素材動画が簡単に作れます。
  • Openclipart や  FreeSVG などフリーのSVGイラストをつかって動くキャラクタが作れます。
  • 動画編集ソフトで動画に合成できます。

OS

フリーソフト

9VAeで作成する素材動画

Windows

AviUtl

連番PNG または MP4

Mac/iPhone/iPad

iMovie

MP4 または QuickTime(古いMac)

Android

PowerDirector

GIF または MP4

作り方

 

  • 長いアニメを作ることもできます。以下をご覧ください。

9VAeきゅうべえ:長いアニメを作る方法 - Qiita

 

 

9VAeきゅうべえに関する質問