ビデオチュートリアル:Flashでのクラスパスの通し方

海外には有益な動画チュートリアルサイトがあるのに、日本ではあまり見ないなぁと前から思っておりました。でも僕のスキルではたいして教えられることもないよなとマゴマゴしていましたが、世のスキルのある方は、リアルなお仕事で忙しそうなので、こんな僕でもチュートリアルを作ってみました。

一応テーマは「Flashでのクラスパスの通し方」(関連記事)。

今回のビデオ作成にあたり、気付いた点や、今後の願望などをまとめておきます。

できたチュートリアルビデオはこちら(音声あるのでイヤホンしてください。)

trick7.com blog: クラスパスの通し方

作る上で気付いた点は以下:

  • 最初、FuseKitのサンプル解説までやったら35分と長過ぎた。今は7分。テーマを絞って7分程度に抑える方がよさげ。(一応 YouTube も考慮して。あと、trick”7″だしw)
  • ご覧の通りグダグダ。言い忘れたことも多い。といいつつ、これでも5回も撮り直していたりする。事前の原稿と練習が必要。
  • 一人でやるのは恥ずかしい。自分の声も恥ずかしい。
  • 画面サイズは1024*768(操作バーも入れると850ぐらい)なのでノートPCでは全画面見えない。でも見せる側としてはこれぐらいのサイズは欲しい。マウスに追随もできるけど、画面が動くのがエントリーユーザーにはきついかも。
  • PC環境がばれるのも恥ずかしい。(専用アカウント作った方が良いけど、面倒だった。)

とりあえず練習がてら何本かコンテンツを用意してから、デザイン周りを整えていこうと思っています。何本か作れば、何個かは有益なものができるかなと。

肝心の内容ですが、まだデビューしきれていないのでAS3は断念。ミドルレベルの内容を意識して、実務案件の制作に役立つ Tips を普及させて、仕事の効率上げて早めに終わらせて、みんなでAS3を勉強する時間を捻出しようよ!というイメージ。

Fuse Kit を覚えれば、生々しく仕事の効率が上がると思うので、まずはこの辺りから。

で、今後の展望:

  • Adobe Media Playerに乗せたい。
  • ニコニコ動画さんのような時系列コメント機能を付けたい。自分が言い忘れた内容や、視聴者の意見をそこでフォローしたり、画面上でQ&Aしたり。ニコニコ動画は動画解像度が低いので別プラットフォームで(→やっぱAIR?)
  • 僕が紹介できるスキルはすぐ底をつくので、他の人もチュートリアルビデオを投稿できるようにしたい。環境がない人の家に、機材もって参上してでも作ってほしい。>リアル近郊のお知り合いのFlasherな皆さん
  • で、コンテンツの内容の難易レベルをユーザーの投票でソートしたい。

とりあえずコンテンツを揃えるのが先決ですね。まずは OGM(オレ・ジェネレーテッド・メディア)ですよ。

そもそも需要があるのかどうか?
はてブコメントでもいいので、ご意見等いただければ、考慮して検討させていただきますのでよろしくおながいします。がんばるつもりでいます。

参考:
Flashチュートリアルビデオを作るために必要な機材

Comments:8

れん 07-06-15 (金) 19:12

こんにちはれんです。
ご無沙汰してます。

早速職場で見ていたのですが3分もいかず笑い転げそうになったw。いいかんじじゃないですか!
笑ってしまうので会社で見れんようにする策ですか?(なわけないか)大人しく家帰ってからみます。w

声は違和感ないですよ。僕からすればteraさんの声はかっこええので◎。自分の声はとりあえず嫌いだけど。まぁそんなもでないかと。

クラスパスの通し方いいですね。w

そもそも日常的にフレームワークをガシガシ使いこなしている方には問題ないでしょうが、普通にデザイナーからFlashに入って好きが高じてASやるようになったような方々にとって、そもそも「クラスパスを通さないとクラスは使えない」とかそのあたりを画面を通してレクチャーされると非常にわかりやすいと思うですよ。

PaperVision3dとか今回Fusekitとか「とにかくやってみるべ」というモチベーションを「動かすまで持ってく」ためにこのレクチャーはとても良いと思いますです。

ではでは。

kaya 07-06-15 (金) 19:38

すばらしいっ!!
>リアル近郊のお知り合いのFlasherな皆さん
の一人として、AS3を勉強する時間を捻出するためにもぜひ協力させていただきます!
でも、声出しははずかしいなぁ。ネタ出し班でおながいします。

tera 07-06-15 (金) 20:44

>れん様
どうもです。
えーっと、、笑かす気はゼロやったんですけど。。。
入門的な内容ですが、これからFlashデビューされるような方に見ていただいて、その方が立派になった時に、恩返しに雇ってもらおうという魂胆で始めてみました。

>kaya様
日本に動画チュートリアルが少ないのは、忙しいからもあるけれど、「声出しが恥ずかしい」っていうのが一番の理由なのかもしれませんね。

Mk-10 07-06-16 (土) 0:20

チュートリアルビデオいいですねー。
入門的な内容だと動画の方がわかりやすいっすからね。

あ、ちなみに声だしが恥ずかしいのは慣れでどうにかなります。ちょっとテンション高めにしゃべると聞き手にも聞き取りやすくなるのでオススメですよ。

あつのすけ 07-06-16 (土) 9:47

teraさん、早速拝見させて頂きました!
「ちょっと待って」とか「あれです」なんていう「生の声」まで入っていて、ちょっと笑ってしまいました!

●ちょこっと気が付いた点
ツールバーを沢山インストールしている人が見た場合、画面の下が切れて表示されてしまいますね。
環境設定→ActionScript2.0→ActionScript2.0設定のボタンや画面下方に展開したフォルダの中身などが見えなくなってしまいます。
各自ツールバーを非表示にして貰えればいいんですが、そうでない場合、「何だ、見えないじゃん」って思われてしまうかも…
Flashやパソコン操作に長けている方なら分かるかもしれませんが、初めての方にはやさしくないかも…

ツールバーを非表示にしてくださいなどの一文、もしくはムービーがあった方がいいかも… なんて思ってしまいました。

テレビヘッド 07-06-16 (土) 12:10

動画チュートリアル、とても良かったです。いろんなテーマで、大小さまざまな動画チュートリアルが集まってくるとすごい需要があるんじゃないかと思いました。是非続けてほしいです。ありがとうございました。

taka:nium 07-06-16 (土) 13:09

一人でやるのは恥ずかしいなら、みんなでやればいいじゃない的に、TERACOで集まってみんなで作るのもいいかもしれないですね。
意外とこういう方が勉強になるような気がしましたw

KEN 07-06-18 (月) 10:27

こんにちわ。
チュートリアルビデオいいですね!!
分からないけど、なかなか他の事で時間とれずに学べない事ってあるじゃないですか。そういうのってこんな風にビデオだとすぐに吸収できて良いと思います。百聞は一見にしかずって言葉がぴったりです。
これからもチュートリアルビデオ期待します。というか、次回は東京てら子にぜひ参加したいっっ。

Comment Form
Remember personal info

Trackbacks:1

Trackback URL for this entry
http://www.trick7.com/blog/2007/06/15-091013.php/trackback
Listed below are links to weblogs that reference
ビデオチュートリアル:Flashでのクラスパスの通し方 from trick7
pingback from « Papervision3D [1] « trace 09-01-26 (月) 13:03

[...] Flash CS3でのパスの通し方はtrick7さんがビデオで詳しく解説してくれています。 [...]

AS3習得本
AS3の全容を学習できる本。この中でどれか1冊自分に合ったものを。
Adobe Flash CS4 詳細!ActionScript3.0入門ノート ActionScript3.0 プロフェッショナルガイド 初めてのActionScript 3.0 Flashユーザーのためのステップアップガイド 詳説 ActionScript 3.0 Actionscript 3.0 Cookbook
AS3発展本
ASでアニメーションさせる面白さを知るための本。
Flash Math & Physics Design:ActionScript 3.0による数学・物理学表現[入門編] ActionScript 3.0 アニメーション AdvancED ActionScript 3.0 Animation (Advanced)
AS2
"Flash"ではなく"ActionScript2.0"学習のための良著。他にもいろいろ読んだけど、この4冊を読んだ後、自分が成長できた感じがしました。
FLASH ActionScript 2.0入門完全ガイド+実践サンプル集 [CD-ROM付] Essential Actionscript 2.0 Flash 8 Essentials Foundation Actionscript Animation: Making Things Move (Foundation)

あわせて読みたいブログパーツ

Return to page top