video_tutorial Archive

スクリーンキャストを作りました。あまりにグダグダなのでアップロードはやめておこうかと思いましたが、何もないよりは多少ましかもしれないのでアップしておきます。解説ビデオは74MB（20分～）もあるので、ブロードバンドかつ暇な人以外オススメできません。なにより解説しきれていません（泣）

「trick7.com blog: Progression をインストールしてタイムラインベースで作ってみたけどつまづくビデオ」

リンク先でも書いていますが、Progression には ActionScript ベースでの開発アプローチと、Flash タイムラインベースの開発アプローチがあります。タイムラインベースの開発は、クラスファイルを記述せずともアクセシビリティの高いサイトを作ることができるので、Flash 経験の浅い人でも使い勝手の良いサイトを効率よく作れます。シーンの管理がイメージできればあとあと理解しやすいかと思います。

また撮りなおします。この前はうまくできたのになぁ・・・
taka:nium 先生！2回も教えてもらったのに、こんなに覚えの悪い生徒で本当にごめんなさい。

追記：
ビデオ中盤で、全部のMCが左上に重なるのを回避するために「基準点をずらす」というカッコ悪いアプローチをしてしまいましたが、

<cast cls="ProfileBtn" index="10" x="15" y="20" />

という設定ができるんですって（via cellfusionさんの記事）。見落としまくりでお恥ずかしいｗ

前回のビデオの前に公開すべきでしたが、オープンソースの ActionScript エディタ「FlashDevelop」上でコードを記述し、ワンアクションで　Flash CS3 上からパブリッシュプレビューする方法をスクリーンキャストします。

グラフィックシンボルは Flash CS3 で作るけど、コード補完機能は便利そうだから外部 AS エディタを使いたいなという僕には魅力的な組み合わせです。

FlashDevelop は周りの人が結構使っていて、僕も最近やっと使い出したので詳しいことは全然分かりませんが、ビデオ内で実演している機能だけでも僕は感動できたので、その嬉しがっている様子をビデオにしてみたという感じです。

全文を読む

ActionScript 3.0 では僕のように難しいことをしないような制作者でも ロード対象となる XML の名前空間の処理に戸惑うこと必至です。僕はついでにポリシーファイルでもつまづきますが。。
今回はリクルートWEBサービスの API を題材にして、XML にアクセスできるまでをスクリーンキャスト（ビデオチュートリアルのことなんですが海外ではスクリーンキャストの方が浸透してるらしい）します。朝一で録音したので途中で痰がからんでいる箇所があったりするのですが勘弁してください。

全文を読む

昨日もお知らせしたFlashチュートリアルビデオサイト「gotoAndLearn.com」ですが、パーマリンクも貼れるようになったので、以前からやってみたかった「海外チュートリアルビデオに日本語音声をかぶせる」試みをやってみました。

今回はあくまで実験なので、実用性とか日本語解説の精度とかはご容赦ください。

全文を読む

前回のビデオチュートリアルで、自作 Flash ブログパーツを iGoogle ガジェット化しました。

今回は、はてなダイアリーが iGoogle ガジェットを貼れることを活かして、はてなダイアリーにできるだけシンプルに自作 Flash ブログパーツを貼付ける方法を実演しています。

全文を読む

Google オフィスに行けた記念に、もう少し Flash × Google ガジェット関連のエントリが続きます。

今回は MTL（メディアテクノロジーラボ）ブログに書いた記事をベースに、チュートリアルビデオを2本つくりました。
Flash を iGoogle ガジェットにする作業が、いかに簡単かが伝わればいいなと思っております。

全文を読む

画像をまとめてロードしていた前作からの続きです。今回は FuseKit を使います。

全文を読む

前回からの続きです。今回は複数画像のロード部分で、 CASA Framework の LoadGroup クラスを使っています。外部のデータ（今回は JPG 画像）をまとめてロード、全部ロードできたらイベントを実行（←これが便利！）させることができます。

全文を読む

前回のビデオの続きです。こんな感じで、「Web標準の日々」で発表した内容を覚えているうちに公開しておきます。

全文を読む

今回は「CASA Framework」の XmlLoad クラスと、XmlUtil クラスを使って AS2.0 で外部XMLをロードしてパースする（Object形式に変換して Flash 内で取り扱い易いようにする）ビデオを、息づかい荒めに作りました。

ほとんどのコードは、CASA のドキュメントからのコピペで出来上がるので、動作内容だけイメージできれば、とても使い易いですよ。AS2用のXMLパースのライブラリとしては、CASA の他にも XPath4AS2 があるのですが、処理中に画面が固まることがあるので、僕は使ってません。

このビデオを見て、エントリーユーザーの方にも、「XMLの読み込みって簡単なんや〜」と思ってもらえればありがたいです。

全文を読む

前回の「大阪てら子」で、さくーしゃさんが紹介されていて、参加者の皆さんがハートを掴まれた手法。

AS3.0 では、Flash CS3 IDE のプロパティパネルから気軽に設定できる「ドキュメントクラス」。これを AS2.0 で実装する方法。今回のビデオは、もはやにとよんさんブログからソースをコピペをしてるだけなので、解説のクオリティは保証外。

とにかく、ルートもムービークリップなんだということと、この手法を使って、ルート自身を別のクラスのインスタンスに変更できるということ、そのアプローチは「ドキュメントクラスの設定」と呼ばれていて、Flash CS3(ActionScript3)では、当たり前に設定できる→これからの常識なんだということを伝えたかったわけです。

この内容をお伝えしたかっただけなのに全3回にもなってしまいました。

全文を読む

前回の続き。まだまだ初歩的な内容なのでしょうが、僕がしっかり理解できていないせいで、だんだんしどろもどろになっていく様をご覧ください。

全文を読む

#include から クラスの基本、ドキュメントクラスの解説に至る3部作の1本目です。

今回は9分程度。

全文を読む

前回の続きです。今回は5分程度と短めです。
ZigoEngine.doTween の第7パラメーター（引数）部分、コールバックの設定について実演しています。

全文を読む

FuseKitを紹介するビデオチュートリアルその1。

すごい簡単なことしかしていないけれど、8分程度ですのでよかったらどうぞ。

全文を読む

出社前のひとときに、下準備無しで作ったビデオチュートリアルその２。「スクリプトでトゥイーン（FuseKit以前の僕）」ということで、

ノープラン録画なのでクオリティ低すぎて捨てようと思ったけども、恥を忍んで一応公開。

内容は、

1. onEnterFrame で クリップの _x を移動させる。if文使って目標地点で止める。
2. Making Things Move にも載っている減速トゥイーンスクリプト：mc._x += ....（後述）
3. mx の Tween クラスの簡単な使い方。
4. でも FuseKit はもっと便利かもよ（次回に続く・・）

全文を読む

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

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

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

全文を読む