Less but better

「純粋なる形象」良いデザイン10か条の展示品

純粋なる形象　ディーター・ラムスの時代—機能主義デザイン再考　府中市美術館
http://www.city.fuchu.tokyo.jp/art/kikakuten/kikakuitiran/Rams/index.html

良いデザイン10か条

The Ten Commandments on Design
Zehn Thesen zum Design

1. 良いデザインとは、革新的である。
Gutes Design ist innovativ.
Good design is innovative.

ディーター・ラムス インタビュー、機能主義デザイン再考 | ライフスタイル | エキサイトイズム
http://www.excite.co.jp/ism/concierge/rid_7201/pid_1.html

2. 良いデザインとは、実用をもたらす。
Gutes Design macht ein Produkt brauchbar.
Good design makes a product useful.

ライカカメラAG – 文化 – 製品の歴史
http://www.leica-camera.co.jp/culture/history/leica_products/

3. 良いデザインとは、美的である。
Gutes Design ist ästhetisch.
Good design is aesthetic.

MoMA | The Collection | Max Bill. Wall Clock (model 32/0389). 1957
http://www.moma.org/collection/object.php?object_id=3357″

4. 良いデザインとは、理解をもたらす。
Gutes Design macht ein Produkt verständlich.
Good design helps to understand a product.

MoMA | The Collection | Dieter Rams and Ulm Hochschule für Gestaltung. Pocket Radio (model T3). 1958
http://www.moma.org/collection/object.php?object_id=4134

5. 良いデザインとは、謙虚である。
Gutes Design ist unaufdring lich.
Good design is unobtrusive.

Braun: Design-Klassiker und elektrische Zahnbürsten – manager-magazin.de
http://www.manager-magazin.de/koepfe/artikel/0,2828,grossbild-386175-315864,00.html

6. 良いデザインとは、誠実である。
Gutes Design ist ehrlich.
Good design is honest.

MoMA | The Collection | Dieter Rams. Heater-Ventilator (model H1). 1959
http://www.moma.org/collection/object.php?object_id=3481

7. 良いデザインとは、長命である。
Gutes Design ist langlebig.
Good design is durable.

50 Years Braun Design Innovation Microsite – Braun
http://www.braun.com/50yearsdesign/jp/50yearsdesigninnovation.html

8. 良いデザインとは、最終的にディティールへと帰結する。
Gutes Design ist konsequent bis ins letzte Detail.
Good design is consequent to the last detail.

felix – books • tschichold: typographische mitteilungen / sonderheft elementare typographie • wiedler.ch
http://wiedler.ch/felix/books/story/544

リシツキーとチヒョルト
http://www.musabi.ac.jp/library/muse/tenrankai/kikaku/2002/lissitzky/niijima/frame_nj.html

9. 良いデザインとは、環境への配慮とともにある。
Gutes Design ist umwelt freundlich.
Good design is concerned with environment.

dieter rams, designer: interview with a central figure in design history: creator of the ‘braun’ style.
http://www.designboom.com/eng/interview/rams.html

Designline Office – Produkte: Dieter Rams, FSB, Türdrücker “1138″ – Türdrücker | designlines.de
http://www.designlines.de/produkt/Tuerdruecker-1138-_280216.html

10. 良いデザインとは、可能なかぎりデザインを抑制する。
Gutes Design ist so wenig Design wie möglich.
Good design is as little design as possible.

   

ARZBERG PORZELLAN | Collection > Designs > Form 1382
http://www.arzberg-porzellan.com/en/collection/designs/form-1382/

ディーター・ラムス インタビュー、機能主義デザイン再考
http://www.excite.co.jp/ism/concierge/rid_7201/pid_1.html

純粋なる形象　ディーター・ラムスの時代—機能主義デザイン再考　府中市美術館　府中市ホームページ
http://www.city.fuchu.tokyo.jp/art/kikakuten/kikakuitiran/Rams/index.html

white-screen.jp:Appleのデザインにも多大な影響を与えたプロダクト・デザイナー、ディーター・ラムスに迫る
http://white-screen.jp/2009/05/dieter_rams.php

ディーター・ラムス インタビュー、機能主義デザイン再考 | ライフスタイル | エキサイトイズム
http://www.excite.co.jp/ism/concierge/rid_7201/pid_1.html

フォトギャラリー：ディーター・ラムス展 | ライフスタイル | エキサイトイズム
http://www.excite.co.jp/ism/concierge/rid_7209

interlogue : Dieter Rams：Ten commandments on design
http://aknrkym.exblog.jp/2496638/

BRAUN Design World
http://www.braun.co.jp/designs/index.html

50 Years Braun Design Innovation – Braun
http://www.braun.com/50yearsdesign.html

Dieter Rams.
http://www.vitsoe.com/ja/jp/about/gooddesign

Good design: Dieter Rams’ ten commandments
http://www.vitsoe.com/en/gb/about/gooddesign

Dieter Rams
http://wiki.ism.excite.co.jp/page/Dieter+Rams.html

Dieter Rams – Wikipedia, the free encyclopedia
http://en.wikipedia.org/wiki/Dieter_Rams

MoMA | The Collection | Dieter Rams. (German, born 1932)
http://www.moma.org/collection/artist.php?artist_id=8451

dieterrams
http://gizmodo.com/photogallery/dieterrams

まずは、SyntaxHighlighterのアップデートから。

ActionScript 3.0のシンタックスを入れてあるので、念のため「shBrushAS3.js」と「syntaxhighlighter.php」をバックアップしといて、プラグインの自動アップデート。

結果、SyntaxHighlighterが2.0となって、プラグインの名前が「SyntaxHighlighter Evolved」に変わった？

Viper007Bond.com » My WordPress Plugins » SyntaxHighlighter Evolved
http://www.viper007bond.com/wordpress-plugins/syntaxhighlighter/

で、syntaxhighlighter.phpにActionScriptの設定を書き加えようとしたら、中身が全然変わってる。

他の言語を参考にAS用の設定を書き加えてみたけど、なんか［code language="actionscript"］〜［/code］としてるところで、actionscriptって定義がないよってJavaScriptのアラートがでるようになってしまった。

原因は古いままのAS用のシンタックス定義「shBrushAS3.js」では駄目。で、SyntaxHighlighter 2.0用にアップデートされた「shBrushAS3.js」をダウンロードして入れ直し。

AS3 Syntax Highlighting (with SyntaxHighlighter 2.0)
http://yourpalmark.com/2009/02/17/as3-syntax-highlighting-with-syntaxhighlighter-20/

ということで、syntaxhighlighter.phpはこんな感じ。

syntaxhighlighter.phpの60行目あたりに付け足し。「shBrushAS3.js」の適用。

wp_register_script( 'syntaxhighlighter-brush-xml',        plugins_url('/syntaxhighlighter/syntaxhighlighter/scripts/shBrushXml.js'),        array('syntaxhighlighter-core'), $this->agshver );

↓

wp_register_script( 'syntaxhighlighter-brush-xml',        plugins_url('/syntaxhighlighter/syntaxhighlighter/scripts/shBrushXml.js'),        array('syntaxhighlighter-core'), $this->agshver );
wp_register_script( 'syntaxhighlighter-brush-as3',        plugins_url('/syntaxhighlighter/syntaxhighlighter/scripts/shBrushAS3.js'),        array('syntaxhighlighter-core'), $this->agshver );

syntaxhighlighter.phpの120行目あたりに付け足し。［code language="actionscript"］なところ。

'html' => 'xml',
'xhtml' => 'xml',

↓

'html' => 'xml',
'xhtml' => 'xml',
'actionscript' => 'as3',
'as' => 'as3',

これでAS用を適用した部分はちゃんと表示されるようになったんだけど、［code language="actionscript"］を使ってる過去記事の編集画面で「htmlspecialchars_decode()なんたらかんたら」の警告がでて、まったくテキストの編集が全くできなくなってしまった。

じゃあ、WordPressをアップデートしたら直るんかなと2.7.1にしてみた。

そしたら、「htmlspecialchars_decode()なんたらかんたら」の警告は相変わらずでるけど、テキスト編集部分は表示されるようになって、まぁ良いかと思ったけど、調べてみたらmodoki.orgさんとこで解決法を発見。

[WordPress]htmlspecialchars_decode()エラーで投稿できない | modoki.org
http://modoki.org/blog/archives/42

WordPressのバグらしく「wp-includes/compat.php」の104行目を

if ( !is_scalar( $string ) ) {

↓

 if ( !is_scalar( $str ) ) {

に書き直せってさ。

そしたら、「htmlspecialchars_decode()なんたらかんたら」でなくなったー！。
万事解決。すっきり満足。

もろもろの環境作って、以下のSilverlightのサイトにある「#11: Out-of-browser Experiences」ソースをダウンロードし、 サンプルを ビルドして試した。

Videos : The Official Microsoft Silverlight Site
http://silverlight.net/learn/videocat.aspx?cat=12#sl3

実行してみると、「MyTasks」というSilverlightコンテンツがlocalhostで立ち上がって、Silverlight上で右クリックしたらこんな感じ。「Install MyTasks onto this computer…」を選んでみた。

次に、ダイアログがでてきて、「OK」するとローカルにアプリとして展開、自動でローカルアプリになったSilverlightのコンテンツが普通のEXEウィンドウで立ち上がった。

んで、ウィンドウのタイトルバーに「MyTasks」ってあって、右クリックしてみると、今度は「Remove this application…」のメニューになってる。

ブラウザのSilverlightもまだ生きてて、こっちも「Remove this application…」になってた。かしこい。

どこにローカルに関連するファイルとかあるんかなーと見てみたら
Windows XPで「C:\Documents and Settings\[ユーザー]\Local Settings\Application Data\Microsoft」に「Silverlight」てのができてて、そん中に「Offline」ってフォルダがあった。（たぶんVistaだとRomingの中とか）

そのなかの「localhost.0」ってのが今回できたローカル用ファイルみたい。（localhost実行だからこんな名前なのかな？）


Windows XP
C:\Documents and Settings\[ユーザー]\Local Settings\Application Data\Microsoft\Silverlight\Offline\localhost.0

.xapとかある。なんかhtmlもあるんです。

htmlのobject タグのsourceが「value=”offline://localhost.0″」となってて、さっきの「localhost.0」を指してるっぽい。

<html xmlns="http://www.w3.org/1999/xhtml" >
  <!-- saved from url=(0014)about:internet -->
<head>
  <style type='text/css'>
    html, body { height: 100%; overflow: auto; }
    body { padding: 0; margin: 0; }
    #silverlightControlHost { height: 100%; }
  </style>
</head>
<body scroll=no>
    <div id="silverlightControlHost">
      <object data="data:application/x-silverlight," type="application/x-silverlight" width="100%" height="100%">
          <param name="source" value="offline://localhost.0"/>
          <param name="background" value="white" />

          <a href="http://go.microsoft.com/fwlink/?LinkID=124807" style="text-decoration: none;">
              <img src="http://go.microsoft.com/fwlink/?LinkId=108181" alt="Get Microsoft Silverlight" style="border-style: none"/>
          </a>
      </object>
      <iframe style='visibility:hidden;height:0;width:0;border:0px'></iframe>
    </div>
</body>
</html>

で次。

デスクトップのショートカットのプロパティを見たら
「”C:\Program Files\Microsoft Silverlight\3.0.40307.0\sllauncher.exe” localhost.0」だってさ。「sllauncher.exe」ってので動かしてるっぽい。
ここでもさっきの「localhost.0」がでてきた。

ふーん、だいたい分かったから、いたずらする。

そのSilverlightの内容が表示されてるローカルのEXEウィンドウにURLショートカットをD&Dします。

結果コレ。

タイトルバーは「MyTasks」のまま。

ローカル？でSilverlightを動かす「sllauncher.exe」ってやつは、ウィンドウ全体にIEコンポーネント（WebBrowserコンポーネント的なやつ？）を敷いてるのただのEXEってことですか？

結局IEだったとしたら、そりゃIEにFlash Playerが入っていれば、SWFがあるサイトだって動くよね。GoogleのURLショートカットからGmailへのログインだってOKだったよ。普通にWebのネットワークと繋がって、UIが全然ないIEってことだからそうなるよね。

んー、Out of Browserと、確かにWeb上のブラウザ外ではあると思います。

しかしながら、IEのセキュリティ設定をそのまま持ってるってことなの？

でも、なんつーかウェブ上でしてることと同じことではないの？。まだbetaだからってこと？。もっと劇的なローカルだからできることとか用意されてんのか？

Web上からだってローカルのストレージ（IsolatedStorage）は使えるんだし、よくわかんね。

Webから右クリックで・・・というのは良いアイディアだと思うのだけど、なんか拍子抜け。

なんというか、もっと直接.xapファイルをローカルEXEとして起動するみたいな仕組みに成ってるのかと思ってたけど、本当にこの適当に確認した仕組みのとおりだったら見せかけだけのギミックみたいでなんかつまんない。

あーでも、Macではどうやるんだろう？とかあるけど、このへんでおしまい。

ちなみにローカルデータの使用はC#のソースで以下になってた。

if (NetworkInterface.GetIsNetworkAvailable())
{
 // save online using web service
}
{
// use IsolatedStorage because we're offline
}

ってネットワーク上かどうかのフラグ判定して、Webかローカルのストレージ（IsolatedStorage）のどっちを使うか振り分ける感じだね。

なんだか、いろいろまだ不明点は残るけど、いちばんの収穫はif文でelseって省略できるのかな？って発見したこと。
知らなかったな、そんな書き方しないけど一度試してみよ。

で、ローカルのヘルプは無くなっちゃったんだと思ってましたけど、「サービス接続」でオフラインにすると、ローカルのヘルプを見るようになるんですね。

jonnymac blog » Offline AS3 Language Reference, No AIR Application Necessary
http://www.jonnymac.com/blog/2008/12/09/offline-as3-language-reference-no-air-application-necessary/

まずは、[ウィンドウ]メニューから、[エクステンション]で、[サービス接続]のパネルを表示。
「サービス接続」パネルのメニューから[オフライン設定]を選択すると「オフラインにする？」ってでてくる。

チェックを入れて、「OK」するとオフライン設定のできあがり。

結果こうなる。
戻す時は「ここをクリック」すると、また「オフラインにする？」って聞かれるので、チェックをはずして「OK」にするとオンラインになる。

そのオフライン設定で[Flash ヘルプ]を選ぶと、やっぱりブラウザでヘルプが開かれるんですけど、ローカルのヘルプを参照していたのでした。

ちなみに、オフラインにすると「KULER」パネルが使えなくなっちゃいます。

また、PhotoshopやIllustratorでも同じように[サービス接続]があって、そちらでオンライン・オフラインを切り替えると、他のアプリでも連動して、オンライン・オフラインが設定されるような仕組みになってました。

そして、ヘルプファイルの場所は、上記のサイトにも書いてますが、

jonnymac blog » Offline Help and Language Reference Location in Flash CS4
http://www.jonnymac.com/blog/2008/11/04/offline-help-and-language-reference-location-in-flash-cs4/

日本語版に直すと、

Adobe Flash CS4 Professional ユーザーガイド

Mac：
/Library/Application Support/Adobe/Help/ja_JP/Flash/10.0_UsingFlash/index.html

Windows：
C:¥Program Files¥Common Files¥Adobe¥Help¥ja_JP¥Flash¥10.0_UsingFlash¥index.html

ActionScript 3.0 言語およびコンポーネントリファレンス

Mac：
/Library/Application Support/Adobe/Help/ja_JP/AS3LCR/Flash_10.0/index.html

Windows：
C:¥Program Files¥Common Files¥Adobe¥Help¥ja_JP¥AS3LCR¥Flash_10.0¥index.html

この「Adobe/Help」フォルダにAdobeアプリのヘルプが色々入ってるみたいですね。

でもー、「Adobe Flash CS4 Professional の拡張機能」のヘルプ内容はフォルダだけあって、HTMLファイルがないの。

もっと言えば、JSFLの時にXMLパネルのUIを定義する「XML to UI」の項目が、Flash CS3のヘルプから見当たらないから、Flash 8のドキュメントも見なくちゃいけないの。

Adobe – Flash : Flash 8 ドキュメンテーション
http://www.adobe.com/support/documentation/jp/flash/documentation.html

Flash ユーザーガイド > XML to UI> XML to UI ダイアログボックス用のレイアウトタグ一覧
http://livedocs.adobe.com/flash/8_jp/main/wwhelp/wwhimpl/js/html/wwhelp.htm?href=00001018.html

[Flash]ライブラリの中でクラスが設定されているやつを調べる | blog ViolentCoding
http://violentcoding.com/blog/2008/10/12/archives/355

ごめんなさい、フォントシンボルの出力が抜けてましたよ。
で、フォントシンボルの出力を追加してアップデートしたのです。

新しいバージョン Version 1.1.0をSpark projectにコミットしたのでダウンロードしてください。

GetLibraryItemClass – Spark project
http://www.libspark.org/wiki/e_s_jp/GetLibraryItemClass

GetLibraryItemClassコマンド　ダウンロード

GetLibraryItemClass.mxp
http://www.libspark.org/svn/mxp/GetLibraryItemClass/trunk/mxp/GetLibraryItemClass.mxp

Flash CS3 以降用です。
※インストールにはExtension Managerが必要。

利用方法

「コマンド」メニュー ＞ GetLibraryItemClass

ソースリポジトリ

GetLibraryItemClass ソース
http://www.libspark.org/svn/mxp/GetLibraryItemClass/trunk/src/

各曲線の数学的公式を１つ１つのクラスとして用意し、ごそごそ座標計算をするライブラリです。

Spark project/CurveLib
http://www.libspark.org/wiki/e_s_jp/CurveLib

ICurveFormulaインタフェースを実装した曲線の公式定義クラスと、その公式定義をいろいろ計算するCurvePointクラスがいらっしゃいます。
それだけでは、見た目に楽しくないので CurveGraphicsクラスというgraphics.lineTo()して曲線を描画するクラスもあったりします。

CurveLibを使ってどんな曲線が描けて、また公式定義クラスの引数確認用にサンプルサイトを作ったので見てみてください。

CurveLib
http://violentcoding.com/content/curvelib/

上記のCurveLibサイトと同じものSWF置き場（ローカルFlashPlayerの方が描画が早いのでこちらをおすすめ）
http://www.libspark.org/svn/as3/CurveLib/trunk/doc/fp9/formulaSWF/

それでは、CurveLib概要。

CurvePointクラス

• 曲線の公式を使った計算
• 半径を1.0として計算

ICurveFormulaインタフェース

• 曲線公式の定義
• 半径を1.0として定義

今用意している曲線は以下のようなものです。

1. Botanic Curve
2. Rhodonea（バラ曲線）
3. Epitrochoid（外トロコイド）
4. Hypotrochoid（内トロコイド）
5. Starr Rose

※半径を1.0で計算し、また始点から終点への周回数計算が楽なため公式定義の引数に分母と分子を設定するとか数学的公式とは違ってクセがあります。

クラス図としては以下になります。一応公式クラスを追加しても、まぁ良い感じになるように学習してみました。

// 参考コード

// CurveGraphicsの抽象的クラス
var curve : CurveGraphicsBase;

// 公式の計算をするCurvePointクラスを用意
var curvePoint : CurvePoint = new CurvePoint( new BotanicCurveFormula( 5, 4, 1, 5 ) );

// 半径200でCurveGraphicsクラスを用意
curve = new CurveGraphics( 200, curvePoint );

// 計算系の設定
curve.stepSize = 1 ;
curve.startAngle = 0;
curve.isClockWise = !true;
curve.isLoop = !true;

// 配置座標（曲線の中心が0,0）
curve.x = 250;
curve.y = 250;
addChild( curve );

// 描画の線設定
curve.lineStyle( 0, 0x000000 );

// 描画の塗り設定
curve.beginFill( 0xFF0000, 0.25 );

// 曲線の描画
curve.lineCurve( true );

CurveLibの主要となるのはCurvePointクラス。

CurvePointクラスのメソッドとしては、

• 指定角度でのXY座標を取得：getAnglePoint( angle )
• 曲線上の計算する点の数を取得：getPointCount()
• タイマー計算：startCurvePoint( delay, isClose )
• タイマー計算の制御：startTick()・stopTick()・resetTick()
• タイマー計算時イベント：start・stop・tick・complete・loop イベント

CurvePointクラスのプロパティとしては、

• formulaプロパティ：使用する公式（ICurveFormula）
• 何度ごとに計算するか：stepSizeプロパティ
• 開始角度の指定：startAngleプロパティ
• 時計周りに計算するかどうか：isClockWiseプロパティ
• ループさせるか：isLoopプロパティ

を用意しましたので、それらを駆使して曲線上の座標値でゴソゴソします。

またCurvePointクラスを使用して曲線をgraphics.lineTo()するCurveGraphicsクラスでも数種類の曲線描画ができたりします。

CurveGraphicsクラス

• CurvePointクラスと「曲線の半径」を指定する
• graphics.lineTo()などする
• for文で一気に描画するパターン
• タイマーで描画するパターン
• 曲線の中心点が( x=0, y=0 )
• graphics.endFill()のtrue/falseを指定して連続描画

CurveGraphicsクラスでの描画パターン（１）for文で一気に描くタイプ

• 線・塗りで曲線を描画：lineCurve( isEndFill )
• 曲線上の点を円で描画：chipCurve( chipRadius, isChipFill )
• 曲線上の点Pと指定角度をずらした点Qを結んだ線を描画：lineAngleBetween( angleBetween )

サンプルは以下

http://www.libspark.org/svn/as3/CurveLib/trunk/samples/fp9/samples/

のSample01.fla・src/Sample01.asが該当です。

CurveGraphicsクラスでの描画パターン（２）タイマーでチクチク描くタイプ

• 線・塗りで曲線をタイマー描画：tickLineCurve( delay, isEndFill )
• 曲線上の点を円でタイマー描画：tickChipCurve( delay, chipRadius, isChipFill )
• 曲線上の点Pと指定角度をずらした点Qを結んだ線をタイマー描画：tickLineAngleBetween( delay, angleBetween )

サンプルは以下

http://www.libspark.org/svn/as3/CurveLib/trunk/samples/fp9/samples/

のSample02.fla・src/Sample02.asが該当です。

また、塗りの設定で以下の違いがでます。

CurveGraphicsクラスでの描画　引数「isEndFill」== trueの場合

• 線の描画の最後でgraphics.endFill()を実行
• 次の描画ではあらためてbeginFill()にて色を設定する必要がある。

CurveGraphicsクラスでの描画　引数「isEndFill」== falseの場合

• 線の描画の最後でもgraphics.endFill()をしない
• endFill()、beginFill()をしないので、塗りが閉じられずにそのまま次の描画に続く。

サンプルは以下

http://www.libspark.org/svn/as3/CurveLib/trunk/samples/fp9/samples/

のSample03.fla・src/Sample03.as、Sample04.fla・src/Smaple04.asが該当です。

また、ASDocコメント記述の学習もしてみたので、その他については以下を参照してください。

CurveLib ASDoc
http://www.libspark.org/svn/as3/CurveLib/trunk/doc/fp9/asdoc-output/

「曲線の公式を使って図形を描いたりするライブラリを作りました」というお話です。

発表した資料に一部誤記があったので、修正してアップしました。
Spark project 勉強会 #6 「CurveLib」資料PDF

発表で使用したサンプルは、コミット済みですので、そちらからダウンロードして試してみてください。

サンプル
http://www.libspark.org/svn/as3/CurveLib/trunk/samples/fp9/samples/
http://www.libspark.org/svn/as3/CurveLib/trunk/doc/fp9/formulaSWF/

SparkのWikiの方はまだ書けていないのでこれから準備していきます。

Spark project/CurveLib
http://www.libspark.org/wiki/e_s_jp/CurveLib/

勉強会の方はというと。

まずSpark project近況。

nobu(soundkitchen)さん作の「HigeWheel」から「SWFWheel」の名称変更について。
オープンソース性を出すための名前を変えたという理由がすばらしい。

次にAdobeさんによるFlash CS4デモ。

個人的にはFlash CS4のツールバーが右側になったのは、マウス操作を少なくするUI設計から来ているということと、yossyさん補足の「コンパイル時の定数設定」で、Flash CS4からでも条件付きコンパイルができるようになった部分が勉強になった。

Flex 3のドキュメントの「条件付きコンパイルの使用」がFlash CS4上で設定できる。

trace( 'A' );

CONFIG::DEBUG {
    trace( 'debug' );
}

trace( 'B' );

で、DEBUG定数の「true/false」でtrace( ‘debug’ )の出力が「あり/なし」となるというデモ。

また、「Flash Player in action」というFlash Player 10のページで、zk33さんの「Tenoran」がでているよ！という報告も。「Tenoran」についてはデベロッパーセンターに記事があります。

Adobe Flash Player: Flash Player in action
http://www.adobe.com/products/flashplayer/action/

Adobe – デベロッパーセンター : Flash Player 10で広がるFlashの音の世界
http://www.adobe.com/jp/devnet/flash/articles/flp10_sound.html

Graphoon（グラフーン）についてfushanさん。

Graphoonはfushanさんが研究しているという教育・教員向けという要素も持つFlexの「グラフのコンポーネント」＆「サービス」。リサージュ曲線を描いてた。
これは自分の曲線の学習ために使えそう。

evalコマンドがAS3.0で使えないが、D.eval関数がライブラリで使えるようにというのもチェックしたい。

daoki2さん（Spark projectを英訳してくれた方）のAIRアプリ紹介。

SQLite3の管理アプリ「Rococo」やFlex/AIRのローカライゼイション用のファイルを生成する「LocalMaker」など。ローカライズ対応の際には是非「LocalMaker」を使ってみたい。

yossyさんのガベージコレクションについて。

超わかりやすい！。複雑な感じのするガベージコレクションについて、動きある資料とか、実際のコードとかで説明。
参照の方向によるGC発動と、発動のタイミングは是非ともおさえておきたい。
資料を待つべし！

次回勉強会は、来月（2009年1月）はAdobe MAX Japan 2009でSpark projectのセッションがあるので飛ばして、2009年2月に予定しているということです。

懇親会にも参加して、普段自分が触れることのない、色々な話が聞けました。
残念ながらお話できなかった人もいて、もっと自分の知らない部分のお話やFlash制作の現場の生の話を聞きたかったです。

さて、次はいよいよMAXです。ライトニングトークでしゃべります。Sparkします！

Adobe MAX Japan 2009 での Spark project セッションのご案内 « Blog – Spark project
http://libspark.wordpress.com/2008/11/21/adobe-max-japan-2009/

ProcessingからBetaが取れて、1.0になってた！

ダウンロードしてみたら、アイコンも変わってた！

Processing 1.0
http://processing.org/

ツールバーもスケッチのとこにきたりしてる。

で、えいっ！とコード書いてみた。

サンプル
http://violentcoding.com/experiment/processing/botanicCurve/index.html

「Visualizing Data」の日本語訳もでるし、これからちゃんとやろうと思います。

Book:ビジュアライジング・データ
http://www.oreilly.co.jp/books/9784873113784/

ASファイルを見てる場合、Flashのライブラリでクラス設定されたものって気づきづらかったりします。

var init_mc : MovieClip = new InitView();
var myMap : BitmapData = new EffectMap(0, 0);

上記みたいなコードがあった場合、InitView.as、EffectMap.asでクラス定義されてると思ってASファイルを探してみても、Flashのライブラリでクラス設定されていたら、そんなファイルは見つかりません。

で、ライブラリの中でクラスが設定されているやつを調べるJSFL。

2009/01/09追記
fontの出力が抜けていたので追加し、Version 1.1.0に更新。

クラス設定されてるライブラリのみを対象に、クラスとか基本クラス（AS3）、識別子（AS2）などの一覧を出力パネルに書き出すコマンドです。

GetLibraryItemClass – Spark project
http://www.libspark.org/wiki/e_s_jp/GetLibraryItemClass

出力パネル例（ActionScript 3.0の場合）

Get Library Item Class Command
mySample.fla
Oct. 11, 2008 23:57:12

ActionScript 3.0
Document Class:	MainClass
**************************************************

Library Item:	initMC
Class:		InitView
BaseClass:		flash.display.MovieClip
Item Type:		movie clip
--------------------------------------------------

Library Item:	nextBtn
Class:		NextButton
BaseClass:		flash.display.SimpleButton
Item Type:		button
--------------------------------------------------

Library Item:	baseMC
Class:		BaseView
BaseClass:		flash.display.MovieClip
Item Type:		movie clip
--------------------------------------------------

Library Item:	parts/ColorPicker
Class:		fl.controls.ColorPicker
BaseClass:		flash.display.Sprite
Item Type:		component
--------------------------------------------------

Library Item:	parts/CheckBox
Class:		fl.controls.CheckBox
BaseClass:		flash.display.MovieClip
Item Type:		component
--------------------------------------------------

Library Item:	parts/hit.mp3
Class:		SESound
BaseClass:		flash.media.Sound
Item Type:		sound
--------------------------------------------------

Library Item:	parts/map.png
Class:		EffectMap
BaseClass:		flash.display.BitmapData
Item Type:		bitmap
--------------------------------------------------

Library Item:	fonts/font_Arial_12
Class:		MainFont
BaseClass:		flash.text.Font
Item Type:		font
--------------------------------------------------

出力パネル例（ActionScript 2.0の場合）

Get Library Item Class Command
mySample.fla
Oct. 11, 2008 23:57:12

ActionScript 2.0
**************************************************

Library Item:	initMC
Identifier:		initMC
Class:		InitView
Item Type:		movie clip
--------------------------------------------------

Library Item:	nextBtn
Identifier:		nextBtn
Class:
Item Type:		button
--------------------------------------------------

といった、具合を出力パネルに書き出す。

Save the result in a file

「Save the result in a file」は出力パネルの内容をファイルに保存するかどうか。
チェックした場合は、ファイル選択ダイアログが開きます。

GetLibraryItemClassコマンド　ダウンロード

GetLibraryItemClass.mxp
http://www.libspark.org/svn/mxp/GetLibraryItemClass/trunk/mxp/GetLibraryItemClass.mxp

Flash CS3 以降用です。
※インストールにはExtension Managerが必要。

利用方法

「コマンド」メニュー ＞ GetLibraryItemClass

ソースリポジトリ

GetLibraryItemClass ソース
http://www.libspark.org/svn/mxp/GetLibraryItemClass/trunk/src/

magnetosphere : software : the barbarian group
http://www.barbariangroup.com/software/magnetosphere

Magnetosphereの画像はいくつか見ることができるんですが、もうビジュアライザはダウンロードできなくなってしまいました。

ビジュアライザを表示したら「?」を入力してみるといいです。ヘルプスクリーンがでるので、いろいろ試してみるとさらに楽しい。

ちなみに、こちらは Magnetosphere のヘルプスクリーン。

iTunes 7のCoverFlowの人に続いて、Apple行きの作品ですね。Appleに買われるとか、もう凄いですよ。

CoverFlow
http://www.steelskies.com/coverflow/HomePage.html