gotoand…

というわけで、６月２７日（土）に行ってきました。

大阪てら子23「みんなで作る特別授業」

日時 / DATE :    2009/06/27 14:00
定員 / LIMIT :    20 人
会場 / PLACE :    AID-DCCさん（アップウェル船場7F）
（大阪市中央区南久宝寺町4丁目5番17号）
URL / URL :    https://www.aid-dcc.com/#map_area

■そもそも「てら子」とは？そしてその生い立ちとは？

てら子とは。

Flash / ActionScript を中心に、情報共有をしたくて、いてもたってもいられない人達による集会ということでよろしくお願いします。

Webのコンテンツで、アニメーションや、ユーザーフレンドリーなUI（User Interface：ユーザーインターフェース）を作成するには、Adobe Flash（アドビ　フラッシュ）というアプリケーションを利用します。ただこのFlashを使いこなすためには、デザインの実力や知識もさることながら、それと同等、もしくはそれ以上にプログラムの実力や知識も必要になると、制作者泣かせのアプリケーションです。
最近では、そこに映像や3D CGの知識まで流入してきており

「新しい技術が好き！」
「作ることが大好き！」

なクリエイター属性の人にとって表現の幅が広がるという素晴らしい面と、非常に広範囲なことを学ばなくてはならないという大変な面を併せ持つアプリケーションなわけです。

制作者（クリエイター）、つまり「新しいテクノロジーを日々追い求める者」の宿命なのですが、
「一人でやってても煮詰まっちゃうよ！」
「一人だと、どっから手をつければ良いかわかんないよ！」
と、みんな「あー、どうしようかなぁ・・・。」と“シンクロニシティ”のごとく思っていた訳です。

ちょうどそんな折、Flashに携わる方なら知らなきゃモグリなblog「trick7」の寺井周平さんの呼びかけで、とても素敵な方々が集まることになり、なんだかとてもゆるーい感じで発生した勉強会です。

基本的に、「Flash」と冠ついておりますが、先に述べたようにFlashが様々な技術・知識を必要とするため、「Flashに携わる人」も、本当に様々なジャンル、様々なスタイルをお持ちの方が集まることになり、時には「Flash」だけに縛られることなく、とても有意義な勉強会となっております。

【Flash & ActionScript 勉強会「てら子」のまとめ】

【@IT自分戦略研究所　第4回　みんなが気兼ねなく話せる、全員参加の「集会」】

■今回のお題「みんなで作る特別授業」

今回のお題「みんなで作る特別授業」。
要は、みんなで集まってクリエイティブな話をワイワイしたいだけなので、みなさんネタを持ち寄ってください。もちろんFlash/ActionScriptの話でも、そうでなくてもOKです。
ということですので、基本的には1人1ネタは用意して頂きたいところなのです。軽めのやつで全然OKです！（僕のも軽いですペラペラなやつです！）
と言うように、とにかく「職場、立場、やってること、レベル、気にせずみんなでどんどん話そうよ！」という趣旨。とはそこは様々な“素養”を持つFlash／ActionScriptの人々。それぞれの出し物は以下にまとめて行きます。

(続きを読む…)

Cで配列を作ると「連続したメモリ空間」で、JavaScript配列は「ハッシュ・テーブル」で「値とキーのテーブル」みたいなことを知って「！」なって、久しぶりにjsをちょこちょこ弄ってみる。。。

//配列test_arrをnewする。
test_arr = new Array();

//配列test_arrを文字A、B、Cそれぞれを入れる。
test_arr = ["A","B","C"];

var str=”";

//fon…inで配列test_arrの添字を抜いてく。
for(var indexNum in test_arr){
    //添字をループ毎に出力
    alert(indexNum);
    //配列test_arrの値と改行文字を変数strに溜めていく。
    str += test_arr[indexNum];
    str += “\n”;
}
//for…inのループでstrに溜めた値を出力。
//A 改行 B 改行 C 改行と出力される。
alert(str);

当たり前なんですが、実行結果は、
for…inのループごとにalertで

都度、「添字」が出力されて、
最後にfor…inで配列の値を溜めたstrの値がAlertに

と出力される。とても自然。昇順で並ぶ。当たり前。

で、なんか出来心で「JSもASもECMAScriptなんだから。」ってことで同じソースをFlashでも実行してみる。alert()メソッドはFlashには無いので、そこだけtrace()メソッドに変えてみる。ASのソースはこちら。

//配列test_arrをnewする。
test_arr = new Array();

//配列test_arrを文字A、B、Cそれぞれを入れる。
test_arr = ["A","B","C"];

var str=”";

//fon…inで配列test_arrの添字を抜いてく。
for(var indexNum in test_arr){
    //添字をループ毎に出力
    trace(indexNum);
    //配列test_arrの値と改行文字を変数strに溜めていく。
    str += test_arr[indexNum];
    str += “\n”;
}
//for…inのループでstrに溜めた値を出力。
//A 改行 B 改行 C 改行と出力される。
trace(str);

でパブリッシュ！

ん？

結果はこちら。

あら？？

添字の並びが降順になっている。。。

なんで？

怪しいところと言えば。。。for…inのとこくらいだけど。。。

昇順が降順になるって気持ち悪い。
ストレス解消のつもりが余計にストレス溜まるというオチ。
ものの３０分ほどで。。。眠りにつきました。

で、職場の人と話をしていて、またいろいろ「？」になったのであとで調べる系。（←ほんとにやれよ自分）

巷で話題の

「ActionScriptを外部エディタ書くならEclipse+FDT or FlashDevelopじゃね？」

でEclipseはともかく、FDTは有償なので、
無料で高機能なASのエディタと言えば

FlashDevelopで決まりだね。(o^ｰ’)b

というわけで、

【FlashDevelop 3.0.0 Beta5 released】

http://www.flashdevelop.org/community/viewtopic.php?t=2273

FlashDevelop just keeps getting better… Smile

Changes:

* General fixes (code completion, search, find & replace)
* Now with caching: much faster startup and projects opening
* Code completion & code generation for method override’s
* Updated project templates with completion for CS3 fl classes, Flex mx classes and AIR classes
* FD now fully works as a standalone application (ie. on your USB key)
* Updated Start Page now notifies of program updates
* New extensible “intrinsic” completion support
* New AIR projects

個人的には（意味が理解できるという意味でも＾＾；）

* General fixes (code completion, search, find & replace)
* New AIR projects

がナイス！

なんだか、日本語フォントでコメントとか書いていると、
検索機能がgdgd。←私だけですかね？【080127追記】どうも[File]メニューの[encording]に文字コード変更するメニューあり。そこでUTF8にする。これで行ける？

英語圏？なのか、日本語（２バイト文字）だと１バイトごとにカーソルが移動して、カーソル・パフォーマンスがうざい件が修整されていれば感激なんだけど。。。
（↑まだ裏取りしていない。><）

で、Flex2だったかな？みたいにデフォルトでAdobeIntegratedRuntimeのプロジェクトファイル作れるみたいですね。（これも裏取りはまだです。><）

いっとき英語得意でないから読み飛ばしていたらBeta4のときエライはまったので以下ちゃんと読んでおきます。

Important notice:

* Java 1.6 + is required for the Flex compiler (ActionScript 3).
* The Flex SDK (2 or 3) is required for ActionScript 3 development (if you don’t use Flash CS3).
* User related data is installed to the user’s applications files: <userdir>\Local Settings\Application Data\FlashDevelop
(You can navigate to this location from the main menu: Tools > Application Files).

重要事項

・FlexCompilerを動かすため Java1.6がいりますよ。JSDK？（ActionScript3.0）
・ActionScript3.0の開発をするためにFlexSDK（2 or 3）が必要ですよ。（あなたがFlashCS3を使わないならね）
・ユーザー環境用ファイルは<userdir>\Local Settings\Application Data\FlashDevelopにありますよ。と。
（FlashDevelopの［Tools］>［Application Files］で該当のフォルダが開きますよ。）

FlashDevelop自身の設定を外部XMLファイルで定義していますが、Beta2→Beta3あたりで

\Program Files\FlashDevelop\setting

にあったのが、本家に書かれている通り、

<userdir>\Local Settings\Application Data\FlashDevelop\setting

に変わっている（ってか既存のsettingフォルダもある！）ので間違わないように注意してくださいね。(o^ｰ’)b←ハマッた人

とりあえずメモ。

【リモート共有オブジェクト】
FMS上で使用され、接続されたユーザー間でデータを共有するもの。
データをサーバー上に保存しておくことも可能。「getRemote()」で取得。もしくは生成する。

【ローカル共有オブジェクト】
ローカルPCで使用され、Cookieのようにデータをローカルディスクに保存するもの。
「getLocal()」で取得、もしくは生成する。

とのこと。

職場のWebデザイナーの子から「プログラムってどうしたら書けますか？」と聞かれた。

一応ディレクション／Flash制作担当なのだけど。。。

部署にはれっきとした「プログラマ」もいるのだけど。。。

多分時々ASをやっているので 質問してきてくれたのだと思いますが。。。

「ASだろうかCSSだろうがJavaScriptだろうが。。。書きたいことを日本語で説明できないと書けない。」

と答えました。

少しでもプログラムに挑戦したことがある方なら察しが付くと思いますが、

「実際の動作は細かい動作の積み上げの上に成り立っている」
ということに。。。

つまり、文章では一言で表現した「ドラッグ」や「ポップアップメニュー」「拡大／縮小」などというものは、細かな動作の集合の上に成り立っている動作であるということです。

そのため、本当に必要なベースとなる動作（＝処理）を見極める必要がでてきます。

たとえば、一言で済むように

「珈琲を淹れてください。」
といったお願いだって。。。言われた人は「珈琲を淹れる」という認識でも。。。

「湯をわかす」
「カップ&ソーサーを用意する」
「インスタント珈琲の粉をカップへ入れる。」
「やかんの水は沸騰したかどうか？」
「沸騰したらカップにお湯を注ぐ」
「角砂糖の器とフレッシュとカップ&ソーサーをトレイに」
「依頼者へサーブ」

といった細かくわかれた処理を一つずつ積み上げながら「珈琲を淹れる」という動作を実現していますよね。＾＾

これが「動作を分解する」ということ。

もちろん書面や口頭で「珈琲淹れて＾＾」って一言で済むことを、ここまで「動作を分解」して伝える必要はないと思います。お互い人間同士なら。

それは前述したように「珈琲を淹れる」という大きな動作が「湯を沸かす」「入れ物を用意する」「珈琲豆を用意する」といった大きな動作を実現するための小さな動作を持っていて、その小さな動作を再構築することで大きな動作である「珈琲を淹れる」が実現できることを知っているから。

但し。。。「珈琲を淹れる」ために何の準備が必要で、どういう作業が必要で、そもそも珈琲が何かわからない人にお願いする場合はどうしますか？

そうですよね。
「珈琲を淹れる」という動作を事細かく説明しますよね。
説明するために「珈琲を淹れる」という動作を細かい動作に分割する筈です。

そうした行為がプログラミングには必要になると思います。

「プログラムとは、コンピュータへの命令ではなく、
コンピュータに何をしてほしいか、人に説明することだ」
Donald E. Knuth, “Literate Programming”
（ドナルド E. クヌース 『文芸的プログラミング』）

ということだと自身では理解しています。

だって、コンピュータはあなたが依頼したい事柄の何一つも知らないんですから。
あなたが親切丁寧に細かい動作に分割して一つ一つ教えてあげる必要があるんです。
「コンピュータに何をしてほしいか、人に説明すること」のように。

そのために「動作を分解して考える」ことは大切だと思います。

そのクラスで実装が保証されることを示すという

インターフェース

その「使いどころ」がよくわかりません。

復数名で開発にあたる場合は有効かなと思うのですが。。。

自身がごにょごにょする場合での「使いどころ」がよくわかっていません。

うーん、どこかのスターが作られたフレームワークなんかのインターフェースを読ば、そのクラス自身の内部処理を細かく知らなくても、自身のプログラムに必要なメソッドを取り込み利用できるようになるのかな？

とか思うのですが。。。

どなたかヒント下さい。m(_ _)m