《HTML5というキーワードに大した意味はない》
■明日もデザインで食べていこう![20]
HTML5でつくるカメラ&落書きアプリ(中国GTUGハッカソンで発表)
秋葉秀樹
■クリエイター手抜きプロジェクト[286]Adobe Flash CS3/CS4/CS5編
Bridgeで選択したファイルをFlashに配置する
古籏一浩
■データ・デザインの地平[09]
Windows Phone 7.5に見る「ヒトとコミュニケーションの形」
薬師寺 聖
--PR------------------------------------------------------------------
★印刷通販「トクプレ」がリニューアルオープンしました!
┃ ≫≫≫ http://www.ddc.co.jp/tokupre/
≪≪≪ PDF/X-1a・PDF/X-4対応♪
┃ A4サイズ 片面カラー印刷 500枚が 2,310円〜 など格安印刷提供中!
┃ 印刷ご発注の方にFlash電子カタログへの変換サービスを無料でご提供中
┃ 印刷物だけでなくウェブでの告知活動・販売促進活動にお役立て下さい
┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
■運営:株式会社吉田印刷所(TEL:0250-43-6144) http://www.ddc.co.jp/
-----------------------------------------------------------------PR---
■明日もデザインで食べていこう![20]
HTML5でつくるカメラ&落書きアプリ(中国GTUGハッカソンで発表)
秋葉秀樹
■クリエイター手抜きプロジェクト[286]Adobe Flash CS3/CS4/CS5編
Bridgeで選択したファイルをFlashに配置する
古籏一浩
■データ・デザインの地平[09]
Windows Phone 7.5に見る「ヒトとコミュニケーションの形」
薬師寺 聖
--PR------------------------------------------------------------------
★印刷通販「トクプレ」がリニューアルオープンしました!
┃ ≫≫≫ http://www.ddc.co.jp/tokupre/
≪≪≪ PDF/X-1a・PDF/X-4対応♪
┃ A4サイズ 片面カラー印刷 500枚が 2,310円〜 など格安印刷提供中!
┃ 印刷ご発注の方にFlash電子カタログへの変換サービスを無料でご提供中
┃ 印刷物だけでなくウェブでの告知活動・販売促進活動にお役立て下さい
┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
■運営:株式会社吉田印刷所(TEL:0250-43-6144) http://www.ddc.co.jp/
-----------------------------------------------------------------PR---
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
■明日もデザインで食べていこう![20]
HTML5でつくるカメラ&落書きアプリ(中国GTUGハッカソンで発表)
秋葉秀樹
< https://bn.dgcr.com/archives/20110829140300.html
>
───────────────────────────────────
先日、東京ではGoogleとHTML5 Developer's JPのイベントがあり、大阪でもこの中継を見ようと何十人かで集まって見たあと、僕らで大阪のセッションをしました。
「HTML5が盛り上がってます」と世間では言われてますが、それらに惑わされることなく大阪ではかなりぶっちゃけトークが行われ、スピーカーとして参加させてもらった僕も、現場サイドの意見をぶちまける結果となりました。現場で働くWeb制作者の方は興味深く耳を傾けていました。
USTREAMで配信していますのでよかったらご覧ください。
< http://www.ustream.tv/recorded/16788143
>
さてさて、お盆に岡山で開催された中国GTUGのハッカソンイベントに参加して、優勝してしまいました! デザインは奥さん、フロントが僕の2人で頑張ってみました。ちなみにGTUGというのは、『Google Technology User Groups』の頭文字で「ジータグ」と読むそうです。知り合いの方がいらっしゃるということが参加のキッカケでした。
この日のテーマは「HTML5」であることが条件。作ったのはHTML5で作るカメラアプリ。動画に撮ってみました。すみません! 横です!!
< >
WHAT WGが策定しているgetUserMediaというメソッドを使って、ブラウザから、カメラやマイクにアクセスするというもの。現在は、Android用Opera Mobileの中でもちょっと特殊な(?)Operaだけが、このgetUserMediaをサポートしています。これが実用化されたら、僕らデザイナーでもカメラ系のアプリがHTML5ベースで作れるようになるんじゃ? と思ったりしました。
ちなみにこういった技術を知ったキッカケはこのサイトです。
< http://my.opera.com/core/blog/2011/03/23/webcam-orientation-preview
>
Androidスマートフォンを持っている人はブラウザでアクセスして、この試験中とも思えるOpera Mobileをダウンロードしてください。
< >
サイトにアクセスして、画面を少し下にスクロールすると「Android Build」というリンクがすぐ見つかるはずです。これをタップするだけでダウンロードが始まります。ダウンロードが終わったら、上図右のようにアイコンをホームの画面にでも配置しておきましょう。Operaのアイコンに「LAB」と書いてあるのがそれです。
その「LAB」と書いているOperaを起動して、ハッカソンで作ったやつのアドレスにアクセスしてください。
< http://ecoloniq.jp/opera_de_camera/
>
※ハッカソンの制限時間の関係上ちょっとした不具合があります。そのときは更新をタップしてください(ちゃんと作りたいなあ...)
●カメラの映像をブラウザに映す
カメラの画像をブラウザに映すのは、とても簡単です。
【HTML】
<video autoplay>
【JavaScript】
// jQueryを読み込んでいます
$(function (){
var video = $("video").get(0);
if(navigator.getUserMedia) {
navigator.getUserMedia('video', successCallback);
function successCallback( stream ) {
video.src = stream;
}
}
})
なんとこれだけ! これでカメラからの映像がライブストリーミングされています。びっくり。
●撮った静止画をcanvas要素に描画する
< >
で、これを「カシャッ」と撮りたいので、ここでcanvas要素の登場です。
canvasタグをまずは2枚用意して重ねました。(「枚」って変ですね)
1枚はカメラで撮影した静止画像を描画するためのもの。もう1枚はユーザにお絵かき(落書き)してもらうための空白のもの。この2つのレイヤーを用意し、position: absoluteで重ねます。
●タッチイベントで画像をcanvasに描画する
最初に落書きするブラシを選択しますが、その要素はimg要素ですからcanvas要素に直接描画できます。canvasへの描画って、img要素か、video要素か、canvas要素の3要素だけは、ビットマップをcanvas要素に「コピー」できるのです。
このコードは、canvas内の描画領域(コンテキストという)に、img要素を貼付けます。座標も指定できますので、指でタップした場所にimg要素をcanvas要素に表示することができるわけです。
canvas要素の描画領域.drawImage(img要素, x座標, y座標);
本当は、ブラシサイズや色まで決めたり出来たらもっと良かったのですが、なんせ僕の知識レベルなので、touchmoveしている最中にdrawImageしてブラシ画像をcanvasに配置するところで、精一杯でした。
●シャッターで絞るアニメーションは、canvasで円をクリッピングマスク
↓↓↓ 撮影ボタンをクリックorタップしてみてください
< http://www.akibahideki.com/blog/2011/08/20/shutter_test.html
>
canvas要素内には画像をクリッピングマスクする、clipメソッドがありますので、シャッターの画像をアニメーションする円でマスクしました。もうちょっと早くしても良かったかな?
●シャッター音はAudio要素
「カシャ」という音がなくって、その場では違う音を入れたんですが、音の再生はとても簡単です。今回は、JavaScript内でAudioを生成して、鳴らしたいタイミングでplayメソッドを使ったので、実際の音関連のコードは3行くらいしか書いていません。
var audio = new Audio();
audio.src = "sound/shutter_sound.mp3";
//シャッターボタンが押されたタイミングでplayメソッドを呼ぶ
audio.play();
他にも色々やりたいことがありました。消しゴムツールを用意、落書きした画像を保存させる、ブラシの向きや大きさをランダムに、などなど......
●HTML5というキーワードに大した意味はない
ついでに、最近『HTML5』というキーワードについて思うことをちょこっと書きます。
もっと経験を積んでいるプログラマーだったら、もっと高機能なものを短時間で作れると思います。僕はユーザインターフェースのデザインの勉強をしているし、見た目を華やかにするビジュアルデザインを得意とするデザイナーですが、開発に関してはやりたいことはアタマの中にあっても実力が伴いません。
今までHTMLとCSSでユーザが触れる側を作ることができた僕らWebデザイナーも、こういったカメラとかタップとかサウンドとかで、人を楽しませるアプリケーションに拡張することができるんだということに気づきます。これがHTML5の目的のひとつなんだな、と。
最近HTML5ってキーワードが盛り上がってますね。セミナーとか、それだけで人も集まりやすい。でも、僕が思うのは、そんなトレンドに惑わされているだけで、本質をしっかり理解できていない僕達も問題だと思います(理解できてない人が悪いのではなく、発信する側の責任もあると思う)。
例えば、お客さんに「ウチはHTML5やCSS3を使ったコーディングができます」とか言ったところで、正直それがどうした!? って感じです。そこは誰が幸せになるの? という具体的なビジョンが見えてない人ほど、そのキーワードを使いたがっているような今が伺えます。
誰かのためになるHTML5なのか? ただの営業トークで、中身のないHTML5というだけのキーワードなのか?
僕は最近そんな業界への流行りに疑問があって、なにがトレンドなのか? その中身を理解したく、開発者のイベントには積極的にアウェーでも行きたいと思います。自分がプログラムをまともに書ける、書けないが問題ではなく、ちゃんとデベロッパと意思疎通ができるデザイナーでないと、よいサービスは作れないと確信してるからです。
正直この程度のアプリでは、まだまだなのは分かっているのだが......(エラそうなこと言ってますが勉強中の身です)。少なくとも、ハッカソンに僕のようなデザイナーが参加させてもらってることは決して無駄なことじゃなく、ただ技術の学習でもなく、コミュニケーションの勉強であり、誰かを幸せにする何らかの手段を異業種から学ぶ勉強、ということだと思っています。
ここから先の話はかなりディープな話になるので、別のエントリーに書きたいと思います。
【あきば・ひでき】
hidetaro7@gmail.com
< http://www.akibahideki.com/blog/
>
テクニカルディレクター・デザイナー。DTP黎明期からグラフィックデザインを学び、東京都営団地下鉄など交通広告を多数手がける。同時に音楽活動も活発に行い、西日本半全国ツアーなどを展開、某専門学校のテーマソングを作詞作曲、編曲から楽器全てを演奏してレコーディングするなど、マルチなクリエイティブ活動も。最近では東京と大阪の教育施設などで講師業をも務める。HTML CSS JavaScript Flash ActionScript 3DCG Movie DTP GraphicDesign...多種スキルを持つ。Web標準技術だけに執着せず、全てのメディアで説得力のある表現にチカラを注ぎたい、そんな仕事をしたい。
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
■クリエイター手抜きプロジェクト[286]Adobe Flash CS3/CS4/CS5編
Bridgeで選択したファイルをFlashに配置する
古籏一浩
< https://bn.dgcr.com/archives/20110829140200.html
>
───────────────────────────────────
Adobe Bridgeのウィンドウで選択した画像ファイルを、自動的にFlashに配置するスクリプトです。Flashでは画像ファイルをBridgeから直接ドラッグドロップできません。このスクリプトを使えば、複数の画像をファイルをまとめてステージに配置することができるので少しは役立つかもしれません。
なお、スクリプトはBridgeやFlashからではなく、ESTK上から実行してください。実行する際のターゲットアプリケーション名はBridgeになります。
以下のスクリプトは、Bridgeのウィンドウで選択された画像をファイルをFlash CS3のライブラリに読み込ませるものです。実行する前にあらかじめドキュメントを用意しておく必要があります。
var diskName = "SnowLeopard"; // ルートドライブ名
var fileList = app.document.selections;
for(var i=0; i<fileList.length; i++){
myBTalk("file:///"+diskName+fileList[i].path);
}
function myBTalk(filename){
var scriptcode = 'dom = fl.getDocumentDOM();';
scriptcode += 'dom.importFile("'+filename+'", true);';
//$.writeln(scriptcode);
var btObj = new BridgeTalk;
btObj.body = scriptcode;
btObj.target = "flash-9";
btObj.send();
}
ステージにも同時に配置したい場合は、以下の行の最後にあるtrueをfalseにしてください。
scriptcode += 'dom.importFile("'+filename+'", true);';
特定の拡張子を持つファイルだけを貼り付けたい場合には、以下のようにします。上から2行目の拡張子リストを変更、追加することで任意の拡張子を持つ画像ファイルを配置することができます。
var diskName = "SnowLeopard"; // ルートドライブ名
var ext = [".jpg", ".png", ".gif"]; // 拡張子
var fileList = app.document.selections;
for(var i=0; i<fileList.length; i++){
for(var j=0; j<ext.length; j++){
if (fileList[i].path.indexOf(ext[j]) > -1){
myBTalk("file:///"+diskName+fileList[i].path);
}
}
}
function myBTalk(filename){
var scriptcode = 'dom = fl.getDocumentDOM();';
scriptcode += 'dom.importFile("'+filename+'", true);';
//$.writeln(scriptcode);
var btObj = new BridgeTalk;
btObj.body = scriptcode;
btObj.target = "flash-9";
btObj.send();
}
Flash CS3でなくCS4で実行する場合は以下のようにしてください。
btObj.target = "flash-10";
Flash CS5の場合は以下のように変更してください。
btObj.target = "flash-11";
FlashもFireworks同様、マクロメディア社で開発されていたため、同じJavaScriptでも他のAdobe製品などとはかなり異なります。Fireworks同様に、ユーザーの環境に依存する場合があります。
前回同様、上記のスクリプトは、そのままでは動作しません。Windowsの場合はCドライブから起動するというのがベースにあるのでいいのですが、MacOS Xの場合は起動ディスクの名称は適当に変更することができます。一般的には、MacOS Xはディスク名を必要としないのですが、FlashもFireworksと同じように、起動ディスク名を指定しないと動作しません。つまり
var diskName = "SnowLeopard"; // ルートドライブ名
のSnowLeopardの部分は、各自自分が起動しているハードディスクの名前に置き換えてもらわなければいけません。実際にファイルを選択した時にどのようなパス指定になるかは、以下のスクリプトを使って確認できます。なお、ファイルの拡張子は.jsや.jsxではなく.jsflにしてください(Fireworksは.jsfでFlashは.jsflと拡張子が違うので注意)。
var URI = fl.browseForFileURL("select", "Import File");
alert(URI);
【古籏一浩】openspc@alpha.ocn.ne.jp
< http://www.openspc2.org/
>
9月7日に、改訂5版JavaScriptポケットリファレンスが発売されます。HTML5/CSS3に対応しています。
ブラウザはIE10pp2, Android 2.3, iOS4.3.3までは対応しています。
5版では4版にあったIE独自のフィルタ機能は全部削除しました。
また、ActiveX/LiveConnectの部分も削除しました。
もし、それらの部分が必要な方は4版を購入しておいてください。
・Retro Programmer【漫画】
< http://www.openspc2.org/reibun/comipo/RetroProgrammer/story01/0001/
>
・毎度おなじみASCII.jpの連載
「第4回 iPhone/iPad両対応!PhoneGapで作るアルバムアプリ」
< http://ascii.jp/elem/000/000/628/628147/
>
・Google API Expertが解説する HTML5逆引きリファレンス【発売中!!】
< http://www.amazon.co.jp/dp/4844330349
>
・iPhone/iPad × HTML5アプリ制作
< http://www.amazon.co.jp/dp/4797362618
>
・ハイビジョン映像素材集
< http://www.openspc2.org/HDTV/
>
・Adobe Illustrator CS3 + JavaScript 自動化サンプル集
< http://www.openspc2.org/book/PDF/Adobe_Illustrator_CS3_JavaScript_Book/
>
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
■データ・デザインの地平[09]
Windows Phone 7.5に見る「ヒトとコミュニケーションの形」
薬師寺 聖
< https://bn.dgcr.com/archives/20110829140100.html
>
───────────────────────────────────
●ヒト中心のUI、「People hub」
8月25日、Windows Phone OS 7.5 搭載のスマートフォン「IS12T」が、auから発売されました。スマホとしては後発ですが、ソーシャルメディアが充実してきた段階での登場です。
特筆すべきは、優れたコミュニケーション機能「People hub」。ユーザーは、コミュニケーション相手の「ヒト」を選んだ後、メールや各種ソーシャルメディアといったコミュニケーションの「方法」を選択できます。
まだ実機をお持ちでない方は、ぜひ次の動画をご覧ください。
< >
Windows Phone のUIは、まさに「ヒト」ありきです。このUIを木で表現するなら、最上位にあるのは「ヒト」であり、コミュニケーション方法や、ヒトをカテゴライズするグループではありません。それは、「人間とは何か」──といっても、存在に対する問いかけではなく、データ・デザインにおける、この社会での「一意なもの」の定義──を問いかけます。
「People hub」は、操作性の改善にとどまらない、革新的なコンセプトです。
●「ヒトのプロパティ」が変わっても、「ヒト」は変わらない
「ヒト」という単位が明確に打ち出されたことには大きな意味があります。データ・デザインにおいて、「ヒトのプロパティ」が変わっても同じ「ヒト」であるという、社会的な承認が得られるからです。
その昔、リアルなコミュニケーションが主流であった時代には、我々は、相手と会うやいなや、おおよその年齢や性別などにより、相手をカテゴライズしていました。また、訪問してのプレゼンのように事前に勤務先や所属などの情報が得られると、カテゴライズしたうえで、相手に接していました。自分なりのフィルターを通して、相手を分類していたのです。
ともすれば我々は、勤務先・学歴・性別・年齢、あるいはビジュアル、といった「ヒトのプロパティ(個人情報や、外見や所作から受け取る印象)」を、「ヒト」の存在そのものよりも重視しがちです。
しかしながら、ネット上では、そのような「ヒトのプロパティ」を知らないまま、交流を深めることが珍しくありません。筆者自身、面識のない編集者さんたちと多数の書籍や記事を送りだしてきていますし、ソーシャルメディアでつながっている友人のうち、面識のある人はごく一部です。このようなことは、昨今では、珍しくありません。ハンドルネームしか知らない友人の数が、交換した名刺の数を上回っている人も多いでしょう。
我々は、相手のプロパティを知らなくても、つながることができます。もはや「ヒト」と「ヒトのプロパティ」のプライオリティは逆転したといっていいでしょう。「ヒトのプロパティ」は「ヒト」に従属する属性でしかありません。そして、「ヒトのプロパティ」が変わったからといって、我々は「ヒト」まで変わったとは思いませんし、同じ「ヒト」として交流を続けるでしょう。
たとえば、結婚や離別、あるいは未成年の場合は親の再婚により姓が変わっても、ヒトに従属する「姓」という情報が変わるだけで、ヒトそのものが変わるわけではありません。性別も、ヒトに従属する情報にすぎません。性別が変わったとしても、単に性別というプロパティの値が変わるだけで、「ヒト」に変わりはありません。定年退職しても、移転しても、結婚して別世帯を築いても、ヒトそのものは変わりません。勤務先や居住地や世帯は、ヒトに従属する情報にすぎません。
リアル社会では、ビジネスとプライベートの境界がいっそう薄れ、ソーシャルメディアにおいても、社員と個人の立場は混在しつつあります。節電対策の在宅勤務が拍車をかけているのかもしれません。しかし、立場というプロパティに関わらず、同じ「ヒト」であることに変わりはありません。
●一意な「ヒト」であるためには、「つながる」他者が必要
我々は、ひとつの単位の「ヒト」であると認められるために、「私は私である」と主張するだけでなく、一人以上の他者と「つながり」、他者から認められる必要があります。
荒唐無稽な話ではありますが、地球上の全員がスマホを持っている状況を想像してみてください。そのような社会で、今ここにいる自分の存在を叫ぶだけで、コミュニケーション相手が一人もいなかったり、あるいは相手がいても生涯一度も接続しなかったとしたら、そのヒトは、社会的に「一意なもの」と見なされるでしょうか。
これは、「観測者のいない作品は、芸術かどうか?」という問題に似ています。島流しにあった世阿弥の雪の中でのただ一人の舞、ヘンリ・ミラーの小説の中で語られる密室のバイオリニストと同じ問題です。芸術ではあるが、芸術とは認められない──、一意な存在ではあるが、社会的には一意な存在とは認められない、ということになるのではないでしょうか。
既に、ユーザー認証において、携帯電話の所有の事実を、ユーザーが一意な存在であることの判断材料としているサービスがあります。これは10年前には考えられなかったことです。「スマホ、あるいは、ポスト・スマホによって、コミュニケーション相手と、すくなくとも一度は双方向に通信を行った事実」を、一意な「ヒト」であることの簡易証明とする方法は、デファクト・スタンダードとなるかもしれません。
スマホ時代以降の「ヒト」とは、「私が認識する『私』」ではなく、相対的な関係のなかで「(法人の担当者を含む)他者が観測可能な個体、形を識別できる『ひとつの物体』、まとまりのある分子たち」といえるかもしれません。それは、輪郭の曖昧な「人」という言葉が冠詞なしで通用する日本語とは異なり、名詞に可算あるいは不可算の定義付けがなされる英語圏の捉え方なのかもしれません。
自他の認識が異なる場合、たとえば、ヒトの一部が物理的に変更され、ユーザーが自身の連続性を認識していなくても、あるいは、センサの進化によりヒトの思考と外部との境界が薄れたとしても、他者が一意であると見なすならば、一意であるということになるでしょう。いずれくる「存在のデバイス化」時代に向け、「ヒト」という単位が明確に打ち出されたことは、データ・デザインにおける、ひとつの指針となります。
●プロパティなき「つながり」が、コミュニケーションのスタイルを変える
一意な「ヒト」であるために他者とつながることが必要となれば、コミュニケーションのスタイルは変わります。
いま我が国では、単身世帯が増えています。高齢化が進み、限界集落も目立ちます。隣近所もすべて高齢者となれば、「つながり」の事実を作るには、遠い親戚よりも、近くの他人よりも、距離を問わない友情でしょう。10年20年経ち、IT機器を使いきなす高齢者が増えれば、リアル訪問よりも、通信によるコミュニケーションが、無縁社会での存在証明の切り札となります。
また、いまだ終息しない福島原発震災の余波で、子どもたちのために海外移住を考える人々も出始めています。もっとも、地球環境は変わり続けており、日本の安全な場所に、海外の人々を迎えることも考えられるかもしれません。世界中の若い人たちは、生き残らなければなりません。これは比喩ではなく、文字通りの意味です。安全な場所で、糧を得て生きながらえなければなりません。
故郷を離れて生きていくためには、つながるきっかけを作る力、つながりを維持する努力が必要です。若い人々は、互いの一意性を保証し合い、万が一困った時には損得抜きで寝食を提供し合える友を世界中に持たなければなりません。そして、一度築いたつながりを絶やさないように、常日ごろからコミュニケーションをはかる地道な努力を続けるべきです。
天災が発生する度、ハンドルネーム以外の情報を知らない友人たちの身の安全を、ソーシャルメディアで気づかう人々が多数います。東日本大震災から半年近く経ち、TVでの報道が少なくなっても、互いにハンドルネームしか知らない人々がなお、支援情報を共有、拡散しようとしています。ヒトのプロパティとは無関係に、この社会での一意な者同士が、その存在を尊重し合い、つながろうとしています。
ソーシャルメディア離れもささやかれ始めてはいますが、それは、ユーザーが、点在する大量の情報の巡回と、さほど深くはない儀礼上の付き合いに多大な時間を費やし、浅い情報、浅い友情に、疲弊しているからにすぎません。
もちろん、友人は多い方がいいでしょう。しかし、コミュニケーションの密度も重要です。これから先、ソーシャルメディアで表示される我々の個人情報には、友人の数だけではなく、コミュニケーションの拡がりと深度を表す情報も必要とされるようになるでしょう。
そして、近い将来、世界各地に(宇宙も含めて)、点在する一意な存在たちの新たな共同体が雨後のタケノコのように芽を出し、それらはレイヤーのように重なり、相互にゆるく結びつき、物理的な境界を超えるものとなっていくでしょう。
筆者は、昨日発売されたばかりの「IS12T」を購入しました。充電しながら、この原稿を書いています。さらに使ってみれば、多くの新しい発見があるに違いありません。皆さんも、「People hub」を使い、ぜひ「ヒトとコミュニケーションの形」について、思いめぐらしてみてください。
Windows Phone 概要
< http://www.microsoft.com/ja-jp/windowsphone/
>
IS12T製品情報(KDDI)
< http://www.au.kddi.com/pr/windowsphone/
>
Windows Phone 開発者向け技術情報
< http://msdn.microsoft.com/ja-jp/windowsphone/default.aspx
>
※ブログ「イメージ AndAlso ロジック」に、Windows Phone のサンプル、RIA宣伝用のキャラクター、SVG作成体験用の簡易なフリーツールなどを掲載しています。開発や宣伝にご利用ください。
< http://blogs.itmedia.co.jp/seindesign/
>
※2曲入りアルバム「Change The Brain」を、Amazon MP3(日、米、英、独)、Mora Win、着うたフル、ほかで発売中です。
< http://lyric.seindesign.net/info/ChangeTheBrain.htm
>
【薬師寺聖/個人事業所セイザインデザイン】
個人事業所 < http://www.seindesign.net/
>
ブログ < http://blogs.itmedia.co.jp/seindesign/
>
PROJECT KySS < http://www.projectkyss.net/
>
< infosei@seindesign.net >
ヴィジュアル、サウンド、テキスト、コードを扱う、四国の個人事業主。科学技術や医療・福祉分野のXML案件の企画デザインに実績があり、コラボレーションユニットPROJECT KySS名義で、XML、RIA、.NETに関する書籍や記事、多数。
Microsoft MVP for Development Platforms - Client App Dev
(Oct 2003-Sep 2011)
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
■編集後記(8/29)
・ブックオフで見つけた「ゴルゴ13はいつ終わるのか? 竹熊漫談」を読む(2005、イースト・プレス)。いまだ完結を見ぬ代表的な大河漫画をセレクトし、その結末がどうなるのかを大胆にも予想してみる、というよけいなお世話企画。「ゴルゴ13」「美味しんぼ」、そして「ガラスの仮面」が取り上げられているが、中でも「ガラスの仮面」が秀逸。ちょうど夏休みで、文庫本の整理をしていたら出て来た白泉社文庫版の24冊、ちょっと見始めらもう止まらない。2日間「ガラスの仮面」漬けだ。こんな絵も物語も超アナクロの少女漫画に、いい歳をした男が没頭するんだから、やはり竹熊の「ガラスの仮面」合法ドラッグ説は正しい。「ガラスの仮面」にプロの漫画家が抱くものは、恐怖以外のなにものでもないという分析がじつに興味深い。美内すずえが人智の限りを尽くして限界まで盛り上げてきた大河漫画は、「描いて、描かない」エンディングになるであろう、理論的にこれしかないと竹熊は語る(結末を具体的に書いている。みごとである。本当にこれしかないと思う)。このテキストの初出は1993年で、10年以上前の原稿を"現役"として殆ど修正なしで単行本化するとは思わなかったと追記している。また、この結末予想を見た美内は「おもしろかった。でも、要するにあれよりおもしろい結末にすればいいんでしょう?」とこともなげに語ったという。スゴ過ぎる。つまり18年前のテキストが今もまったく問題なく通用してしまうところが恐ろしい。でも「紅天女」っていう演劇、難解であまり面白くなさそうなんですけど。「ガラスの仮面」は一体どんな結末になるのか、見届けなければなるまい。長生きしなければ〜。(柴田)
< http://www.amazon.co.jp/exec/obidos/ASIN/4872575415/dgcrcom-22/
>
→アマゾンで見る(レビュー3件)
・岡見の成長に期待!/前回書いたアンドロイド演劇は、大阪大学で開催された国際演劇学会の一環。来年はチリで行われる。この学会のサイトやグッズ、パンフなどを作らせてもらった。メインイメージは武さん。ポスターやチラシは海外の方々にも人気で、欲しいという人が続出。武さんの線譜は近くで見るのと、遠くで見るのとで印象が違う。その二面性が奥深さを醸し出し、観る側が様々な解釈をしてくれる。一部を切り取ってデザインしたTシャツは、スタッフの女子大生(素敵な響き)に「友達から、可愛くてスタッフTシャツに見えないって言われたんですよ。好きです。」と言ってもらえて幸せ。で、その学会に先生の計らいで参加。言語は英語。わからない単語だらけで頭が痛い。ネイティブの人だと聞き取りやすいが、表現や使われる単語が難しい。非ネイティブの人だと、英語は比較的簡単なのだが、癖があって聞き取れない。アフリカの演劇事情を聞く機会なんてないだろうと期待していたが、ホールでのスピーチを聞いて個別パネルは断念した。英語力欠乏を実感したので、海外で学ばれる歌舞伎・能・狂言というテーマのパネルを選択。ネイティブ2人にポーランド人が1人。ポーランド人の英語は聞き取りにくかった。テーマ選択が成功し、持ってる基礎知識のおかげでなんとなく理解できる。海外での歌舞伎や狂言だと、演ずる(学ぶ)側に血縁や男女の区別がなくてフラット。日本だとプロとアマチュアの差は大きいけれどとおっしゃっていた。海外版は「ハイブリッド」だと表現されていて、そういう考え方もあるんだなぁと。海外だと伝統に囚われない新しい試みがしやすくて、ショパン音楽と能を融合させた「Chopin Noh」というのも上演されたそうだ。/日本での凱旋公演もあったのね。知らなかった。/Windows Phone、面白そう。(hammer.mule)
< http://nohtheatre.wordpress.com/2011/02/19/polish-japanese-noh-diplomacy-chopin-and-the-piano-tuner/
>
The Piano Tuner
< http://nourakutosha.blog105.fc2.com/blog-date-20110302.html
>
観た人の感想
< http://aobanokai.exblog.jp/i41/
>
柴田稔氏