9VAeきゅうべえ iPhone/iPad 版の作り方

SVGイラストから簡単にアニメが作れるソフト9VAeきゅうべえの iPad/iPhone版は、[GitHubに公開されている 9VAeLib ライブラリ](https://github.com/dnjiro/9VAeLib)を使って自分で作ることができます。作り方と使い方を説明します。

Xcodeを使ったプログラミングに興味のある方もお試しください。

- [1. 9VAeきゅうべえ iPhone/iPad版の作り方](https://qiita.com/danjiro/items/854854c809ad8f7aa906#9vaeきゅうべえ-ipadiphone版の作り方)
- [2. 9VAeきゅうべえ iPhone/iPad版の使い方](https://qiita.com/danjiro/items/854854c809ad8f7aa906#9vaeきゅうべえ-iphoneipad版の使い方)

![9VAe iPhone版スクリーンショット](https://qiita-image-store.s3.amazonaws.com/0/67734/826d4a49-6c2f-e530-e341-9fe8154e3731.png)


#  9VAeきゅうべえ iPad/iPhone版の作り方
## 必要なもの
- Macintosh パソコン
- Xcode　Appストアから入手（無料）AppleIDが必要
- iPhone または iPad 
- USB接続ケーブル
- 9VAeLibプロジェクト（[https://github.com/dnjiro/9VAeLib](https://github.com/dnjiro/9VAeLib)）

## 1. Xcode（無料）の入手

1. App Store ![App Storeアイコン](https://qiita-image-store.s3.amazonaws.com/0/67734/c6b581ad-8c40-e1a0-626a-aefa3c4c5e75.png)を起動
2. xcode を検索
3. Xcode ![xcode](https://qiita-image-store.s3.amazonaws.com/0/67734/20097643-3e29-c01b-bced-9931178e92ea.png)の「入手」ボタンをクリック。[APPをインストール]をクリック。

- Xcodeを入手するためには、AppleID の登録が必要です。
- かなりディスクを消費します。また古いMacだとインストールできません。インストールに時間がかかるので寝る前に入手すると良いでしょう。

## 2. 9VAeLibプロジェクトの入手

1. ブラウザで、GitHub [https://github.com/dnjiro/9VAeLib](https://github.com/dnjiro/9VAeLib)を開く
2. ![Clone or download](https://qiita-image-store.s3.amazonaws.com/0/67734/27b6077d-aaf6-a1be-9f4d-d9450489f816.png)ボタン、![Download ZIP](https://qiita-image-store.s3.amazonaws.com/0/67734/f1a91ac8-78ae-45c7-d88f-692eca67f289.png)ボタンをクリック。Macにプロジェクトがダウンロードされます。
3. ダウンロードしたZIPを解凍すると、「9VAeLib-master」ができます。これをデスクトップなどに複製してください。
4. 中にある「ios」フォルダの中の![9VAe.xcodeproj](https://qiita-image-store.s3.amazonaws.com/0/67734/c16c83a0-2287-4a94-58bc-00b44652f23f.png)をダブルクリック。
4. 初めてXcodeを起動した場合は「Agree」をクリックし、Xcodeのインストールを完了させます。XcodeのWelcome画面が開いたら一旦Xcodeを閉じて、もう一度、![9VAe.xcodeproj](https://qiita-image-store.s3.amazonaws.com/0/67734/c16c83a0-2287-4a94-58bc-00b44652f23f.png)をダブルクリックしてください。
4. ダウンロードしたプロジェクトを開いても良いかとの確認に「Open」ボタンをクリックすれば、9VAeの設定画面が開きます。
5. Xcodeの上にある右向き▶︎ボタンがプログラム作成と実行ボタンです。![右向き▶︎ボタン](https://qiita-image-store.s3.amazonaws.com/0/67734/00afa9fc-ee9f-27d5-f28f-f94c8e3f2575.png)をクリックし、初回だけ「Enable」をクリックし、しばらく待つとシミュレータが起動し、9VAeが実行されるはずです。
6. シミュレータで9VAeが起動したら「Help」メニューをクリック。「変身」をクリック。プレイボタン![プレイボタン](https://qiita-image-store.s3.amazonaws.com/0/67734/b35ef440-b84e-e2bc-d604-2a31e34bae54.png)をクリックすればアニメーションが見えるでしょう。![IMG_0043.GIF](https://qiita-image-store.s3.amazonaws.com/0/67734/58d3bf5a-5424-3142-bb36-3c9d87455ff3.gif)


## 3. iPhone/iPad実機で 9VAeを実行する

1. 実機（iPhone/iPad）とMacをUSBケーブルで接続します。
2. 実機に「このコンピュータを信頼しますか」が表示されたら「信頼」をタッチ。
3. Xcodeを起動していなければ、プロジェクトのiosフォルダの中の「9VAe.xcodeproj」![9VAe.xcodeproj](https://qiita-image-store.s3.amazonaws.com/0/67734/c16c83a0-2287-4a94-58bc-00b44652f23f.png)をダブルクリックしてプロジェクトを開く。
4. 設定画面の「Signing」の「Team：Add Account...」![Team：Add Amount...](https://qiita-image-store.s3.amazonaws.com/0/67734/d8f44e76-e626-e4a0-5a6c-1e214e7c7210.png)

をクリックし 自分のAppleIDを登録し、Team欄に自分のAppleIDを設定します。もしこの画面が表示されていない場合、左端のボタンをクリックし「9VAe」をクリックしてください。![設定画面の出し方](https://qiita-image-store.s3.amazonaws.com/0/67734/7f90f4ee-2319-ec4e-5602-dcfe69ea4e6d.png)
）
5. 次にプログラムの実行をシミュレータから実機に切り替えます。Xcodeのメニュー「Product」から「Destination」、「Device欄 iPhoneまたはiPad」を順番にクリックします。
6. Xcodeの左上の「右向き三角▶︎」ボタン![右向き▶︎ボタン](https://qiita-image-store.s3.amazonaws.com/0/67734/00afa9fc-ee9f-27d5-f28f-f94c8e3f2575.png)をクリックすればプロジェクトがビルドされ、実機に9VAeアイコン![9VAeアイコン](https://qiita-image-store.s3.amazonaws.com/0/67734/047bce5c-455e-2be2-e1a6-b61535a3c492.png)
が転送されます。ただしまだ実行できません。実機でアプリの認証が必要です。
7. 実機(iPhone/iPad)のトップ画面にある「設定」アイコン![「設定」アイコン](https://qiita-image-store.s3.amazonaws.com/0/67734/4df1e0f0-f545-98d5-379e-f68c3d746338.png)
をタッチ、「**一般**」「**デバイス管理**」を順番にタッチ（※9VAeをインストールしていなければ、デバイス管理の項目は表示されません）。上で入力した自分のAppleIDが見えるはずなので、タッチ「信頼する」「信頼」をタッチ。これで実機でデバッグできるようになります。
8. もう一度、Xcode上の「右向き三角▶︎」をクリックすれば、9VAeきゅうべえが起動するはずです。失敗した時はもう一度クリックしてみてください。

# Mojaveで実機が起動できない場合

[iOS 12 iPad Denied Launch Request - Stack Overflow](https://stackoverflow.com/questions/52415694/ios-12-ipad-denied-launch-request-xcode/52584195#52584195)に対処方法が書かれていました。


1. アプリケーション＞ユーティリティ＞ Keychain Access ＞ System, All Items を選択　＞ 「certificate Apple Worldwide Developer Relations Certification Authority」を削除
-  同様に、login の中の 「certificate Apple Worldwide Developer Relations Certification Authority」も削除
- それでも実行できない場合は、 Xcode メニュー＞ Product ＞ Scheme ＞ Edit Scheme ＞ Info ＞ Executable ＞　「Ask on Launch」に変更する。これでデバッグが起動したあと「9VAe」を選ぶと実行できました。


# 9VAeきゅうべえ iPhone/iPad版の使い方

iPhone版9VAeの操作方法を紹介します。

- iPhoneは画面が小さいため、メニューが半分外に出ています。画面左中央にある![メニューを中に入れる](https://qiita-image-store.s3.amazonaws.com/0/67734/aeff030f-fbbb-d2ef-d759-4b19c02a6b8a.png)を押せばメニューが全部表示され、![メニューを半分外に出す](https://qiita-image-store.s3.amazonaws.com/0/67734/3bf56880-f8f9-eeab-c28a-4f864114b7ca.png)をクリックすれば半分になります。
- ２本指のピンチイン、ピンチアウトで画面を拡大縮小できます。
- ２本指スクロールで、画面の表示範囲をスクロールできます。



## 1. 書き順アニメの作り方
1. 「File」メニュー「新規作成」をタッチ
2. 画面上部の![１．鉛筆ボタン](https://qiita-image-store.s3.amazonaws.com/0/67734/b54ec526-11fc-af62-e3c6-c39588378449.png)をタッチ。「OK」をタッチ
3. 画面上に絵や文字を自由に書きましょう。右側のパレットで線の太さや色を変更できます。![線の太さ、線の色](https://qiita-image-store.s3.amazonaws.com/0/67734/b0071e4e-64b9-c9b6-0f4e-952a11f410c7.png)
4. 間違えた場合は左下の![取消](https://qiita-image-store.s3.amazonaws.com/0/67734/1b111e96-4dfa-d775-4ba2-b433cf167d8e.png)で取消しできます。
5. 書き終えたら![１．鉛筆ボタン](https://qiita-image-store.s3.amazonaws.com/0/67734/b54ec526-11fc-af62-e3c6-c39588378449.png)をもう一度タッチします。これで書き順アニメが完成です。

## 2. アニメGIFの作成

1. 「File」メニュー「アニメGIF出力」をタッチ
2. ここで画面サイズや１秒のコマ数を設定できます。
3. 「OK」をタッチし、しばらく待てば、カメラロールにアニメGIFが保存されます。なお、書き順アニメは最初は白紙なので真っ白な画像になります。


## 3. アニメGIFを見る方法
-  iPhoneのカメラロールではアニメGIFが動きません。無料アプリ[「GIF Viewer」](https://itunes.apple.com/jp/app/gif-viewer-アニメーションgif画像再生アルバム/id895830403?mt=8)を使うと良いでしょう。
-  GIF Viewerを起動すればカメラロールの中の GIFアニメを読み込んでくれます。再生できますし、Twitterに投稿することもできます。

## 4. SVGイラストから GIFアニメを作る


9VAeきゅうべえ iPhone/iPad版は、[openclipart](https://openclipart.org) の１０万点以上のフリーのSVGイラストや、WMFイラストを読み込んでGIFアニメを作ることができます。

### URLアドレスをコピー

1. Safari![Safari](https://qiita-image-store.s3.amazonaws.com/0/67734/07764f68-a81c-5819-bc8d-0849a466a9ee.png)
で、openclipart（[https://openclipart.org](https://openclipart.org)）を開きます。
2. 例として 268357番のイラスト（[https://openclipart.org/detail/268357](https://openclipart.org/detail/268357)）を読み込んでみましょう。イラストの上を長押しし、リンク先(SVGファイル)を「コピー」します。![リンク先をコピー](https://qiita-image-store.s3.amazonaws.com/0/67734/7f04200d-0307-12a9-04e9-330cafd8734b.png)
3. 9VAeきゅうべえをもう一度起動し、「Input」メニュー「SVGをダウンロード」をタッチ。
4. アドレス入力欄を長押しすれば「Paste」と表示されるので、タッチして、SVGイラストのURLアドレスを入力します。![Paste](https://qiita-image-store.s3.amazonaws.com/0/67734/3d39dc02-9c01-7628-d7b7-6f7dc94f582b.png)![スクリーンショット 2017-11-25 17.34.45.png](https://qiita-image-store.s3.amazonaws.com/0/67734/7f56e5db-9ad6-ac80-81f8-6bf2f1718607.png)
5. 「OK」ボタンを押せば、SVGイラストが9VAeに読み込まれます。![イラストが9VAeに読み込まれたところ](https://qiita-image-store.s3.amazonaws.com/0/67734/abbcdd12-a31d-7afe-aa29-f68611969e17.png)

### SVGイラストの画面サイズ設定

1. SVGイラストを読み込むと、アニメキャスト（パーツアニメ）として読み込まれます。この状態でイラストをパスに沿って移動できますが、アニメを作るには、イラストの中を修正します。イラストを選んで表示される中心の「＋」をタッチし、「アニメ（shishi.svg）を修正」をタッチ。イラストの中身が開きます。
2. 左下の虫眼鏡ボタン![虫眼鏡ボタン](https://qiita-image-store.s3.amazonaws.com/0/67734/8a9bedd4-58d4-0426-3caa-e5bb83141a75.png)をタッチすれば、イラスト全体が見えます。
3. もし全体が見えなかったら、「File」メニュー「ページ設定」で画面サイズを「2048 x 2048」に変更してもう一度虫眼鏡をタッチしてみてください。![画面サイズ](https://qiita-image-store.s3.amazonaws.com/0/67734/a9463e80-bbb8-bfbf-1a4d-7b24072ec7e3.png)

### 続きのページを作成

1. 上の![2.ボタン](https://qiita-image-store.s3.amazonaws.com/0/67734/e736e36e-513f-a824-5e6b-cbac75bc2b5a.png)をタッチ。「続きのページを作る」をタッチ。これで２ページができます。

２ページの獅子の口を開けて口を動かすアニメを作ってみましょう。そのためには、アゴと一部の歯だけ選んで変形する必要がありますが身体が一緒に選択されてしまうため、選択されないように登録して隠します。

### 身体と模様だけ選ぶ

1. 身体と模様を選んでから、点追加ボタン![点追加ボタン](https://qiita-image-store.s3.amazonaws.com/0/67734/e83122ff-a60c-cf9a-7fb8-0bf7c96eb72a.png)をタッチ。図形全体がグループ化されているため、イラスト全部の点が表示されます。
2. 身体と模様の一部の点の周りを線で囲むように指で書いて選びます。![身体と模様の一部の点を選ぶ](https://qiita-image-store.s3.amazonaws.com/0/67734/b9d40433-17d7-1175-3d34-cf9b6ecd4944.png)
3. ここで、もう一度点追加ボタン![点追加ボタン](https://qiita-image-store.s3.amazonaws.com/0/67734/e83122ff-a60c-cf9a-7fb8-0bf7c96eb72a.png)をタッチすれば選んだ点が含まれる図形だけが選ばれます。![身体と模様だけが選ばれる](https://qiita-image-store.s3.amazonaws.com/0/67734/db4717e7-e9db-e24b-93e5-553a5a6894f6.png)

### 選択の邪魔になる図形を登録して隠す
1. ![メニューを中に入れる](https://qiita-image-store.s3.amazonaws.com/0/67734/aeff030f-fbbb-d2ef-d759-4b19c02a6b8a.png)をクリックしてメニュー全体を表示。
2. 登録パレットの「＋」![登録パレットの「＋」](https://qiita-image-store.s3.amazonaws.com/0/67734/70f4c038-4c2d-e95d-18ad-2b26c1c865ce.png)をタッチ。これで選んだ身体と模様がパレットに登録されます。
3. 登録されたパレット![登録されたパレット](https://qiita-image-store.s3.amazonaws.com/0/67734/59a9fd15-4eef-ba5f-da1a-eb14d8b08798.png)をタッチ。「隠す」をタッチ。これで身体と模様が見えなくなります。

### 下の歯とアゴを選択して口を開ける

1. 同様にして下の歯とアゴだけ選びます。選択ボタン![選択ボタン](https://qiita-image-store.s3.amazonaws.com/0/67734/c9516c9c-289f-4275-9eff-94476a545c78.png)をタッチし、指で歯とアゴを選び、点追加ボタン![点追加ボタン](https://qiita-image-store.s3.amazonaws.com/0/67734/e83122ff-a60c-cf9a-7fb8-0bf7c96eb72a.png)をタッチすれば点が表示されます。
2. 下の歯とアゴの点の一部を線で囲むようにして選び、もう一度点追加ボタン![点追加ボタン](https://qiita-image-store.s3.amazonaws.com/0/67734/e83122ff-a60c-cf9a-7fb8-0bf7c96eb72a.png)をタッチ。これで歯とアゴだけ選ばれた状態になります。![歯とアゴだけ選ばれた状態](https://qiita-image-store.s3.amazonaws.com/0/67734/9fdb2091-1f34-426b-0b0d-39008eba1544.png)
3. ![メニューを半分外に出す](https://qiita-image-store.s3.amazonaws.com/0/67734/3bf56880-f8f9-eeab-c28a-4f864114b7ca.png)をクリックして画面を拡大し、下の歯とアゴの点だけ線で囲んで選び、ドラッグして下に移動させます。これで口を開けることができました。![スクリーンショット 2017-11-25 20.12.59.png](https://qiita-image-store.s3.amazonaws.com/0/67734/a5c4dc1f-f13a-0047-8c85-e70dc017e9fb.png)

### １ページに往復命令を入れる

1. 前のページに移動するボタン![前のページに移動するボタン](https://qiita-image-store.s3.amazonaws.com/0/67734/332c8d85-ca01-3619-8416-ca38bf2e95ad.png)をタッチして１ページに移動
2. 「Input」メニュー「往復」をタッチ。往復命令を１ページに入れれば、１ページと２ページの間を往復します。
3. プレイボタンを押してアニメを見て見ましょう。ストップボタン■を押せば止まります。![プレイストップ](https://qiita-image-store.s3.amazonaws.com/0/67734/7f2d9d3b-0713-5c9d-ea20-426d226b3ad6.png)

### アニメGIF作成：無限ループの場合は時間を入れる

1. アニメGIF出力するには、「File」メニュー「アニメGIF出力」をタッチします。
2. 無限ループの場合は、時間の設定が必要です。この例では、１往復が２秒ですので、２を設定します。![アニメGIF出力](https://qiita-image-store.s3.amazonaws.com/0/67734/29c2106f-65e9-3e17-d713-dcdc42aba4b7.png)画面サイズは、2048x2048は大きすぎるので、400x400程度にするのが良いでしょう。「OK」ボタンをタッチしてしばらく待てば、カメラロールにアニメGIFが保存されます。

<img src="https://qiita-image-store.s3.amazonaws.com/0/67734/2695fdfe-32a3-ba45-2feb-a92e2d29649b.gif" width="400" />

### 身体と模様を選んで重なり順を下げる

アニメをよく見ると、身体の模様が口の上に残っています。元のイラストでは、模様と口が離れていたので、重なり順序が考慮されていなかったのですね。これは模様を選んで重なり順序を下にさげれば修正できます。

身体と模様は、２ページで登録されているので、それを使って簡単に選択できます。

1. ２ページをタッチして２ページに移動。
2. ![メニューを中に入れる](https://qiita-image-store.s3.amazonaws.com/0/67734/aeff030f-fbbb-d2ef-d759-4b19c02a6b8a.png)をクリックしてメニュー全体を表示。
3. 登録されたパレット![登録されたパレット](https://qiita-image-store.s3.amazonaws.com/0/67734/59a9fd15-4eef-ba5f-da1a-eb14d8b08798.png)をタッチ。「選択する」をタッチ。これで身体と模様が選ばれます。シフトボタン![シフトボタン](https://qiita-image-store.s3.amazonaws.com/0/67734/7ad6c194-2ee7-3191-6e7e-aca9ee24dcd1.png)をタッチすれば何が選択されているかわかります。
4. ![メニューを半分外に出す](https://qiita-image-store.s3.amazonaws.com/0/67734/3bf56880-f8f9-eeab-c28a-4f864114b7ca.png)をクリックして画面を拡大しましょう。
5. 左側の重なり順序を下げるボタン![重なり順序を下げるボタン](https://qiita-image-store.s3.amazonaws.com/0/67734/8d1aa1af-9644-f95b-23ce-2e4c368ebec6.png)を何回かタッチ。これで模様が口の下になります。

- プレイボタンをタッチして再生してみればわかるのですが、１ページの重なり順序も下げる必要があります。これは１ページから２ページに変化するまでは、１ページの重なり順序が適用されるためです。

1. 身体と模様は選ばれた状態で１ページに移動します。
2. 重なり順序を下げるボタン![重なり順序を下げるボタン](https://qiita-image-store.s3.amazonaws.com/0/67734/8d1aa1af-9644-f95b-23ce-2e4c368ebec6.png)を何回かタッチ。これで１ページの模様も口より下になります。プレイボタン![プレイボタン](https://qiita-image-store.s3.amazonaws.com/0/67734/b35ef440-b84e-e2bc-d604-2a31e34bae54.png)をタッチしてみてください。
4. さらに「9VAe」という文字をいれてみました。文字の上に赤い四角形を重ねて口の中に隠れるようにしました。入力した文字や四角形は<img width="60" alt="btnnxtpre.png" src="https://qiita-image-store.s3.amazonaws.com/0/67734/c66e2842-4927-cb29-cfbf-822173b921fb.png">で前後のページにコピーし、場所をかえて動きを調整しました。
。



<img src="https://qiita-image-store.s3.amazonaws.com/0/67734/86587bc8-874d-b04f-beb8-57fa9feb9cdf.gif" width="400" />


このように、9VAeきゅうべえは、途中の絵を描かなくて良いので簡単にアニメが作れます。

顔と胴体を別々のパーツに分けて動きをつけていけば、より面白い動きを作れるでしょう。身体を動かしてみたり、いろんな変化をつけてみてください。色も変化させられます。Openclipartのイラストはフリーデータなので、アニメ作品として自由に発表して構いません。

## 5. 9VAeきゅうべえ iPhone/iPad版の改良

9VAeきゅうべえのプロジェクトを修正すれば、画面デザインや「Help」メニューの中のサンプルアニメを差し替えることができます。
「[アニメソフト 9VAe をカスタマイズする方法](https://qiita.com/danjiro/items/c5dc07671ffdbbb8a9a9)」が参考になるでしょう。


### キッズバージョンへの変更

- 起動時のオプションを変更すれば、キッズバージョンに変更できます（Ver.0.4.14 ビルド1215以降の9VAeLibが必要）
- 画面タッチのメニューがひらがなになります。
- どのページでも「１．」ボタンを押せば書き順アニメが作れるようになります。書き順アニメの４コマ漫画が作れます。
- 「２．」ボタンメニューから「続きのページを作る」がなくなります。もし「続きのページを作る」をしたければ、全部の図形を選択してから、次ページへのコピーボタン![スクリーンショット 2017-12-15 12.28.01.png](https://qiita-image-store.s3.amazonaws.com/0/67734/fd502950-3c15-2d85-478f-92bcf9c1c1ba.png)
をタッチしてください。

キッズパージョンに変更するには、プログラムを２箇所修正します。

1. Xcode プロジェクトを開き、左側の欄のQvaeView.m をクリック。![QVAVIEW](https://qiita-image-store.s3.amazonaws.com/0/67734/e47c653a-0a86-7ff1-28c3-f5acffdd5b5e.png)　QvaeView.m が9VAeの画面を管理する Objective-C のプログラムです。
2. (void)qvaInit という関数を探し、次の２行を見つけてください。![２行修正](https://qiita-image-store.s3.amazonaws.com/0/67734/3fb29769-ecd8-c67d-9e1e-386205bfdb8e.png)　もし見つからなければ、[9VAeLibプロジェクト](https://github.com/dnjiro/9VAeLib)の最新版を取得してください。
3. 先頭の「//」を２箇所削除し、次のようにします。

``` objective-c
[self askType:qVAnHIRAset];       //Set Language to Hiragana(Japanese)
[self askType:qVAnDRAWONset];     //Drawing sequence Animation Mode ON
``` 
- 「//」はコメントのマークでこれを削除することで２つの命令が有効になります。
- [self askType:qVAnHIRAset]; は画面表示を「ひらがな」にする命令です。
- [self askType:qVAnDRAWONset];は書き順モードにする命令です。これらは、QvaeDef.h というファイルで定義されています。


Xcodeの上の実行ボタン![右向き▶︎ボタン](https://qiita-image-store.s3.amazonaws.com/0/67734/00afa9fc-ee9f-27d5-f28f-f94c8e3f2575.png)をクリックして実行してみてください。「２.」をタッチするとひらがなで「からのページをつくる」と表示されるはずです。

キッズバージョンは、小学校低学年向けに開発されたもので、[キッズプラザ大阪のワークショップ](http://www.kidsplaza.or.jp/dayly.php?CSY&CSM&CSD&pid=5171&hid=5)で使われます。

---
# 関連記事

## 9VAeきゅうべえ のご紹介

1. [無料ソフトでアニメを作ってみよう（9VAe きゅうべえ）](http://qiita.com/danjiro/items/253e5a33a38599098274)
2. [インストール方法](http://qiita.com/danjiro/items/1debda10c37fd8a55927)
3. [スクラッチ、ビスケットの次は 9VAe＝第３のプログラミング学習環境](http://qiita.com/danjiro/items/d856d393b3e138af123a)
4. [9VAeきゅうべえを無料にする理由](https://qiita.com/danjiro/items/c68dfd4942df97dbaaf4)
4. [よくある質問](http://qiita.com/danjiro/items/205efee350bfbbef488e)
5. [印刷用マニュアル](http://qiita.com/danjiro/items/1ca2ff3eb0a2d6f98842)



## 9VAeきゅうべえ 初級編
1. [9VAe チュートリアル（１）ーページでタイムラインなし](http://qiita.com/danjiro/items/ea71567fa8c313f6f3fc)
2. [9VAe チュートリアル（２）ー図形入力、選択、移動、サイズ変更](http://qiita.com/danjiro/items/7507cd9f4c19197f21ea)
3. [9VAe チュートリアル（３）ーアニメキャストを作る、時間調整](http://qiita.com/danjiro/items/ec174df989af8db42da4)
4. [9VAe チュートリアル（４）ーアニメキャストの修正、往復](http://qiita.com/danjiro/items/70cfb20980fee4fdd245)
5. [9VAe チュートリアル（５）ー動きグラフ、ページコピー、GIF作成](http://qiita.com/danjiro/items/ffa863d303eb7d640d10)
6. [書き順アニメーションの作り方](http://qiita.com/danjiro/items/8dd0d7c7263f62189437)
7. [9VAeきゅうべえ：長いアニメを作る方法](http://qiita.com/danjiro/items/020cd885edb5eb3d9fb0)



## 9VAeきゅうべえ 上級編
1. [AviUtil と 9VAeきゅうべえを使った簡単アニメ動画作成](http://qiita.com/danjiro/items/13a247748f3097c2c055)
1. [動くLINEスタンプのAPNG作成：無料ソフト9VAeきゅうべえ](http://qiita.com/danjiro/items/e4d9eb2b22f90ebd1e91)
2. [萌えキャラ デジたんを目ぱちさせるまで：APNGアニメの作り方](http://qiita.com/danjiro/items/67af46418b4831cda10b)
2. [openclipartの無料イラストをアニメ化する６つの手順](http://qiita.com/danjiro/items/161fc6bb0dc7aaa4f76d)
2. [イラストから動くLINEスタンプのようなアニメを簡単に作る方法](http://qiita.com/danjiro/items/f7ffcf5027babf3b03e9)
5. [青少年のための科学の祭典で行った１００名の連作アニメの作り方](https://qiita.com/danjiro/items/b9cde6e9d6e2a9fd6306) 
5. [フリーソフト9VAeきゅうべえで簡単デジタルサイネージ](http://qiita.com/danjiro/items/e3b7ac1ef24826f9ff3d) 
4. [Openclipart の 無料SVG をアニメにするテクニック](http://qiita.com/danjiro/items/1fcdd55a346d30b40b5e)
5. [無料アニメソフト9VAeきゅうべえの裏技集](http://qiita.com/danjiro/items/6ce85f33bcda11c04f71)

## 9VAeきゅうべえ サンプル作品
1. [9VAeきゅうべえ」で絵を描かずに作れるGIFアニメ](http://qiita.com/danjiro/items/7fa584a4336cda9c0a05)
2. [9VAeきゅうべえで作成したSVGアニメーション](http://qiita.com/danjiro/items/1b4f6b5a520ade762116)



## 9VAeきゅうべえ 技術資料
1.  [アニメソフト 9VAe をカスタマイズする方法](http://qiita.com/danjiro/items/c5dc07671ffdbbb8a9a9)
2.  [イラストレータのデータを 9VAe(きゅうべえ)に変換する方法](http://qiita.com/danjiro/items/f1ad02d25196ed90fe6f)
3. [9VAeをキッズプラザ大阪向けに改造する](http://qiita.com/danjiro/items/bbb10e07a9775a938200)
4. [9VAeきゅうべえにテクスチャを追加する](http://qiita.com/danjiro/items/f07c10f82b08a646a569)
4. [9VAe / 9svg データフォーマット解説](http://qiita.com/danjiro/items/0d4ac334a7a97ddb4fe2)
6. [ワコム筆圧ペンで太さが変わる線をひくアルゴリズム](http://qiita.com/danjiro/items/8c73ce974c5988eb3a5f)
 

## ラズベリーパイ・Linux 資料
1. [Raspberry Pi 設定メモ、ワコムペンタブレットのつなぎ方](http://qiita.com/danjiro/items/a29fe4b670f1e504a717)
2. [ラズベリーパイを使ったWiFiローカルサーバーの作り方](http://qiita.com/danjiro/items/28bb17ab3e2aaf79e572)
3. [Raspberry Piとペンタブレットで毛筆描画アプリを作る](http://qiita.com/danjiro/items/efcad069d8e5e3fd6e49)
4. [Xtra-PCを日本語化して使ってみた](http://qiita.com/danjiro/items/8ee08e7a06455d860cc2)
5. [OpenCV と Python を使ったアニメーション動画用紙のスキャン画像位置合わせ](http://qiita.com/danjiro/items/985afccd07722d4c21e9)