ブログメディア
古堅真彦
こんにちは。ロクナナワークショップの佐々木です。
モバイルの世界では相変わらず、多くのファンの支持を得るiPhoneとそれを追い上げるAndroidがNewsを賑わせていますが、新しいOS「MeeGo(ミーゴ)」なんてものがあるのはご存知でしょうか?Androidの異母兄弟とも言える最新のモバイルOSをご紹介します。
続きを読む
Android OS 2.2搭載のデバイスが続々と登場している昨今、ActionScriptディベ ロッパーによるAndroid向けコンテンツ開発はいよいよこれからが本番だ。
ロクナナ ワークショップは、東京・新宿の会場で 「古堅真彦のAIR for Androidインタラクティブデザイン」を2010年10月24日より開催する。
続きを読む
ロクナナ ワークショップは、東京・新宿の会場で 「古堅真彦のAIR for Androidインタラクティブデザイン」を2010年10月24日より開催する。
続きを読む
Flash技術は、WEBクリエイターに欠かせない技術であり、インタラクティブなデザインでは数学的・物理的な動きを組み合わせることにより表現の幅を一気に広げることができる。とはいえ、数学や物理は苦手な人もいるだろう。そんな人に絶好の機会がおとずれた。
Flashの学校 ロクナナワークショップは、「Flashアニメに頼らない!プログラムで動かす経産省認定 天才プログラマー」でも紹介した、講師 古堅真彦氏の新刊著書「 Flash Math & Physics DesignActionScript 3.0による数学・物理学入門[実践編](ソフトバンク クリエイティブ)」の刊行を記念し、2010年5月17日に無料セミナー「Flash CS5 によるインタラクティブデザイン」を開催する。
本セミナーでは、同日発売の古堅氏の新刊書籍のサンプルをベースにして、数学や物理の考え方をデザインワークに取り込む方法を概念的な側面と、実際のソースコードを交えた側面の両面から解説する。
なお、会場では、刊行したばかりの書籍を購入することができる。
●開催概要
日程:2010年5月17日(月)
時間:18:00 - 20:00
定員:80名
料金:無料 ※ 事前お申し込みが必要です。
会場:東京・表参道「 THE GALLERY 」
・ ロクナナワークショップ
・ 【無料イベント】Flash CS5 によるインタラクティブデザイン
・ 古堅真彦のActionScript 3.0によるインタラクティブデザイン講座
■インターネット関連の記事をもっとみる
・Flashアニメに頼らない!プログラムで動かすIPA認定 天才プログラマー
・液晶テレビを5,999円以下でひとり勝ち!宝くじのようなオークションにチャレンジ
・マニアの意見で「いいモノ」を作る!最先端企業とコラボする invent-Z
・Yahoo!モバゲーが登場か!ヤフーとDeNAが業務提携
Flashの学校 ロクナナワークショップは、「Flashアニメに頼らない!プログラムで動かす経産省認定 天才プログラマー」でも紹介した、講師 古堅真彦氏の新刊著書「 Flash Math & Physics DesignActionScript 3.0による数学・物理学入門[実践編](ソフトバンク クリエイティブ)」の刊行を記念し、2010年5月17日に無料セミナー「Flash CS5 によるインタラクティブデザイン」を開催する。
本セミナーでは、同日発売の古堅氏の新刊書籍のサンプルをベースにして、数学や物理の考え方をデザインワークに取り込む方法を概念的な側面と、実際のソースコードを交えた側面の両面から解説する。
なお、会場では、刊行したばかりの書籍を購入することができる。
●開催概要
日程:2010年5月17日(月)
時間:18:00 - 20:00
定員:80名
料金:無料 ※ 事前お申し込みが必要です。
会場:東京・表参道「 THE GALLERY 」
・ ロクナナワークショップ
・ 【無料イベント】Flash CS5 によるインタラクティブデザイン
・ 古堅真彦のActionScript 3.0によるインタラクティブデザイン講座
■インターネット関連の記事をもっとみる
・Flashアニメに頼らない!プログラムで動かすIPA認定 天才プログラマー
・液晶テレビを5,999円以下でひとり勝ち!宝くじのようなオークションにチャレンジ
・マニアの意見で「いいモノ」を作る!最先端企業とコラボする invent-Z
・Yahoo!モバゲーが登場か!ヤフーとDeNAが業務提携
A.e.SuckのFlashアニメーション講座 絵コンテ編+作画編 [DVD]
posted with amazlet at 10.05.09
株式会社ロクナナ (2006-04-07)
売り上げランキング: 74199
売り上げランキング: 74199
話題のクリエイターを紹介する「注目クリエイター列伝」。第8回は、コンピューターとデザインの関係について研究しているクリエイター 古堅真彦さんに登場していただいた。
古堅さんは、IPA(独立行政法人 情報処理推進機構)が2004年度下期に実施した「天才プログラマー/スーパークリエータ」に認定されている。
■数学や物理をFlashデザイナーに教えたい
古堅真彦さんは奈良出身の出身。現在、岐阜にある国際情報科学芸術アカデミー(IAMAS)の准教授、多摩美術大学非常勤講師、武蔵野美術大学非常勤講師を仕事としている。また、ロクナナワークショップにて「ActionScript 3.0によるインタラクティブデザイン講座」を開講している。
もともとは理科系で数学や物理を研究していたが、「何かパソコンで表現をしたい」と一念発起し、1990年くらいに美術系の学校のデザイン学部に就職した。最近では、クリエイターに物理や数学を使ったFlashの表現方法を教えている。
学校では、「アルゴリズミックなデザイン」や「プログラミングを使ったデザイン」をテーマに演習や講義、共同研究を行っている。研究成果は世の中に直結させることが必要であると考え、研究成果をアプリケーションソフトウェアに落とし込み、世の中に頒布している。
古堅さんは、IPA認定「天才プログラマー/スーパークリエイター」だが、これはソフトウェア関連分野における天才的な人材の発掘・育成を目的としている「未踏ソフトウェア創造事業」開発者の認定を行うものだ。
物理法則を使った「motionExpress」というプログラミング言語を作り、「天才プログラマー/スーパークリエイター」に認定された。「motionExpress」は、コンピュータ画面上のオブジェクトの動きを,主に物理法則(ニュートン力学)によって制御する専用のプログラミング言語となっている。
■かたちではなく、動きをデザインする
古堅さんは、「Flash Math & Physics Design:ActionScript 3.0による数学・物理学表現[入門編] 」という書籍を執筆している。これまでC言語やJavaで培ってきたインタラクションの中の物理法則のノウハウを、数学や物理を本格的に学んでいないデザイナー向けに、Flashで表現する方法について書かれたものだ。5月17日には、続編にあたる[実践編]の刊行も予定しており、刊行を記念した無料イベント「Flash CS5 によるインタラクティブデザイン」の開催も予定している。
古堅さんは、なぜ、アクションにこだわるのだろうか。
古堅さんによると、「一番手っ取り早く、『おお!』と思うので...。」と、苦笑しながら語ってくれた。物理法則を使うと、どうなるかがわからない人に対して、サンプルとして紹介するというものだ。使い方のひとつのヒントになればよいという。
物理学では、運動方程式により物体の動きを記述するが、難しい方程式にはあえて触れずに、どういう式で表現できるのかを具体的な例で示している。
「かたちを表現するのではなく、動き(アクション)をデザインします。」と、古堅さんは語る。具体的な動作を提示することで、動きのヒントを提示しているのだという。同じ動きでも、使い方によって、その動きはメニューの動きになったり、物体の動きになったりするわけだ。
「3次元でも式を知っているだけで、簡単に表現することができます。」と語る古堅さんは、視点を変えて3次元を表現するデモンストレーションを見せてくれた。
他人の作ったライブラリは、簡単に動きのあるFlashを作成できるが、基本的な動きは決まっているので、それ以上のことはできない。古堅さんは、数学と物理の基本的なことのみを教えて、Flashのデザイナーが基本的な動きから応用できるヒントを与えたいというのだ。
動きのあるFlashについて語る、IAMAS 准教授 古堅真彦さん |
■アルゴリズムを組む楽しさ
最近の個人的な活動としては、NTT東日本が運営する文化施設「NTTインターコミュニケーション・センター(ICC)」からの依頼で、アルゴリズムを組む楽しさを表現するための作品として、Dainippon Type Organizationと共同で「Playgram(プレイグラム)」という作品を作った。
この作品は、下記のような要素が含まれており、プログラムの構造と自然言語のプログラム的な構造に気づくことのできる作品となっている。
1.ブロックの向きによる文字あそび
2.文字の並び順、組み合わせによる命令の文法
3.文字を図形に見立てて、図案をつくるタングラム
もう少しわかりやすく説明しよう。
「プレイグラム」では、手前のアルファベット・ブロックを並べ変えることで命令文を作り、画面上に命令文の実行結果として表示されたアルファベット・ブロックと同じ形から構成されるアニメーション映像をインタラクティブに動かすというものだ。直感的に言えば、遊びながらプログラミングを学ぶことができる。
たとえば、「P」「L」「A」「Y」という4つのブロックがある。「P」を裏返して「L」を180度回転させたものを並べると、「P」「L」が「6」「フ」に見えるので、6倍の大きさでフワフワ動く表現を画面に表示させるというものだ。
言葉では表現しづらいが、4つのブロックの向きに、それぞれ意味を持たせて、そのブロックの組み合わせで面白い動きができる。動きが面白いので、ブロックに熱中する子供もいるそうだ。
また、日本科学未来館が運営している「deep science(ディープ サイエンス)」においても、2~3年前に入り口となるサイトのFlashを作成したこともあるという。
■FlashはActionScript派
古堅さんの作品を見ると、Flashの達人としか言いようがない。ところが、Flashアニメーションについてはほとんど使ったことがなく、動きのあるFlashはActionScriptで記述しているという。
もともとはJavaを使っていたが、デザインワークに使えないことや、MacintoshとWindowsで異なることがあり、FlashのActionScriptに興味を持ったそうだ。
それでもバージョン3.0より以前のActionScriptは、表現できることが少なく、ActionScript 3.0になってやっと仕事で使えるようになったという。
FlashのActionScriptについて語る、IAMAS 准教授 古堅真彦さん |
古堅さんによると、「デザインができる人は、プログラミングができない」「プログラミングができる人は、デザインができない」という人がほとんどなので、両方ができる人をもっと育てていきたいとのことだ。座右の銘はとくにないが、「人を飽きさせたくない」という古堅さんは、難しい内容も面白く話せる天才肌のクリエイターだった。
■関連リンク
・「プレイグラム」
・「deep science」
・「FuRuKaTics」
・ ロクナナワークショップ
・ 【無料イベント】Flash CS5 によるインタラクティブデザイン
・ 古堅真彦のActionScript 3.0によるインタラクティブデザイン講座
■注目クリエイター列伝をもっとみる
・自然は美しい!人工知能の芋虫が世代を超えて進化する作品
・日本と海外の技術の架け橋に!Time, Incを辞めて日本にくるエンジニアは愛妻
・新しい可能性を提供したい!人とコンピューターを繋ぐクリエイター
・三度の飯よりActionScript!Flashクリエイターにインタビュー
こんにちは。ロクナナワークショップの佐々木です。いきなりですが、男子の皆さんは、チョコレートいくつもらいましたか?
先週の日曜日はSt.バレンタインデー。某チョコレートメーカーのWebサイトでは雪が降ったり、ストアサイトでは、世界のチョコレートがぐるぐるローテーション円陣を組んだり、ネットでの盛り上げも相当なものでした。
女子として、私も下調べをしていているうち、面白いアイディアのサイトのしくみに気を取られていました。
なかには、Flashアニメーションで、グラマラスな女性の写真をマウスで引っ張ると「ぶょーん」と延びたり縮んだりする、ちょっと恥ずかしくなるようなサイトもありました(笑)。
■動くサイトの謎を解く!
このような動きのあるサイトは、どれもしくみが難しそうに見えますが、ロクナナワークショップ講師の古堅先生によると、理屈さえわかれば、そう難しくもない表現だとか。
そこで、今日は、「この表現、どんなしくみで動いているの?」といった、素朴な疑問の回答を、ご紹介したいと思います。
質問に答えてくれるのは、ロクナナワークショップで、インタラクティブな動きのデザインの構造・しくみについての講座をご担当いただいている古堅先生です。
■「3Dに回転するデジタル時計」
佐々木:オシャレなサイトで見かけそうな時計ですね。実際どんなしくみで動いているのですか?
古堅先生:ここでつかっているのは、サインコサインタンジェントです。「うわっ!数学?!」という人もいるかもしれませんが、確か中学生ぐらいですよね?習うの。
中学生のころは「なんのこっちゃ?」だった人も多いと思いますが、大人になってよくよく式を見たら、びっくりするぐらい簡単なことに気づきます。
このサンプルでは、簡単な式をつかってそれぞれの数字の角度を計算します。それに、サインコサインタンジェントすると、勝手に丸く並びます。
また、この時計は3次元ですよね。これも「えっ?3D?自分で計算するの?!」と思うでしょ。実は、3次元に見せるための式があり、「かけ算」と「割り算」1つずつで表現できるんです。式を見たら簡単すぎてびっくりしますよ。
■「避ける、、、避けられる、、、」
佐々木:なんだか気持ち悪いですね。マウスを動かすと、それを避けるように玉がぶよぶよ動きます。いったいどんなしくみで動いているのですか?
古堅先生:これも、一瞬、「複雑だなぁ」と思うかもしれません。が、一個一個を分けて見てください。それぞれは単純にマウスを「避けて」動いてるだけでしょう。
全部の玉が、単純に「避ける」という同じ動きを行い、数が増えることで「複雑」に見えます。ま、トリックです。
この「避ける」動きを表現しているのが「物理法則」なんです。これも、「うわっ、物理!?」と思うかもしれません。だけど、式自体はとても簡単です。
基本的に+ー×÷の四則演算だけだし、普段の皆さんの生活で、早く行きたければ、早く歩きますよね?その考えを式にしたものなので、ちょっと覗いてみるとすぐに理屈がわかります。普段の生活にある理屈を表しただけの、とてもシンプルな式です。
■中学校では大事なこと勉強してたんだ!
佐々木:必要になってはじめて気づくんですが、中学時代の基礎は重要なんですね。基礎を理解して、それをもとにいかにアイデアや発想につなげるかがポイントとなるんでしょう。
まあ、もちろんサイトを作るためには、難しいプログラムを勉強するというハードルもあるんですが。
これから、Webで動きのあるサイトとか、インターラクディブなデザインを作ってみたいクリエイタさんは、中学の教科書を出してくるのもありなのではないでしょうか。
そんな古堅先生の「ActionScript 3.0によるインタラクティブデザイン講座」は、ロクナナワークショップで毎月開講しています。
講座では、古堅先生の書籍「Flash Math & Physics Design:ActionScript 3.0による数学・物理学表現[入門編]」をテキストに使用します。
今回例としてあげたようなサンプルをもとに、ActionScript 3.0と基本的な物理法則や数学的な公式をつかって、どんな表現ができるか実際に実習していきます。詳しくは講座詳細ページを見て下さい。
■関連リンク
・ロクナナワークショップ
・古堅真彦
・古堅真彦のActionScript 3.0によるインタラクティブデザイン講座
・Flash Math & Physics Design:ActionScript 3.0による数学・物理学表現[入門編]
・FuRuKaTics
■【プロに学ぶ67WS通信】の記事をもっとみる
・出来る人はオフィス不要!クラウドワークスタイル
・iPadで書籍革命!コメント付きデジタル本もあり?
・不況を乗り切れ、異業種からWeb業界へ!Web基礎知識入門
・知らなきゃ損する!3D映画の上映方法の違い
■ITライフハック Twitter
先週の日曜日はSt.バレンタインデー。某チョコレートメーカーのWebサイトでは雪が降ったり、ストアサイトでは、世界のチョコレートがぐるぐるローテーション円陣を組んだり、ネットでの盛り上げも相当なものでした。
女子として、私も下調べをしていているうち、面白いアイディアのサイトのしくみに気を取られていました。
なかには、Flashアニメーションで、グラマラスな女性の写真をマウスで引っ張ると「ぶょーん」と延びたり縮んだりする、ちょっと恥ずかしくなるようなサイトもありました(笑)。
■動くサイトの謎を解く!
このような動きのあるサイトは、どれもしくみが難しそうに見えますが、ロクナナワークショップ講師の古堅先生によると、理屈さえわかれば、そう難しくもない表現だとか。
そこで、今日は、「この表現、どんなしくみで動いているの?」といった、素朴な疑問の回答を、ご紹介したいと思います。
質問に答えてくれるのは、ロクナナワークショップで、インタラクティブな動きのデザインの構造・しくみについての講座をご担当いただいている古堅先生です。
3Dに回転するデジタル時計 |
■「3Dに回転するデジタル時計」
佐々木:オシャレなサイトで見かけそうな時計ですね。実際どんなしくみで動いているのですか?
古堅先生:ここでつかっているのは、サインコサインタンジェントです。「うわっ!数学?!」という人もいるかもしれませんが、確か中学生ぐらいですよね?習うの。
中学生のころは「なんのこっちゃ?」だった人も多いと思いますが、大人になってよくよく式を見たら、びっくりするぐらい簡単なことに気づきます。
このサンプルでは、簡単な式をつかってそれぞれの数字の角度を計算します。それに、サインコサインタンジェントすると、勝手に丸く並びます。
また、この時計は3次元ですよね。これも「えっ?3D?自分で計算するの?!」と思うでしょ。実は、3次元に見せるための式があり、「かけ算」と「割り算」1つずつで表現できるんです。式を見たら簡単すぎてびっくりしますよ。
避ける、、、避けられる、、、 |
■「避ける、、、避けられる、、、」
佐々木:なんだか気持ち悪いですね。マウスを動かすと、それを避けるように玉がぶよぶよ動きます。いったいどんなしくみで動いているのですか?
古堅先生:これも、一瞬、「複雑だなぁ」と思うかもしれません。が、一個一個を分けて見てください。それぞれは単純にマウスを「避けて」動いてるだけでしょう。
全部の玉が、単純に「避ける」という同じ動きを行い、数が増えることで「複雑」に見えます。ま、トリックです。
この「避ける」動きを表現しているのが「物理法則」なんです。これも、「うわっ、物理!?」と思うかもしれません。だけど、式自体はとても簡単です。
基本的に+ー×÷の四則演算だけだし、普段の皆さんの生活で、早く行きたければ、早く歩きますよね?その考えを式にしたものなので、ちょっと覗いてみるとすぐに理屈がわかります。普段の生活にある理屈を表しただけの、とてもシンプルな式です。
■中学校では大事なこと勉強してたんだ!
佐々木:必要になってはじめて気づくんですが、中学時代の基礎は重要なんですね。基礎を理解して、それをもとにいかにアイデアや発想につなげるかがポイントとなるんでしょう。
まあ、もちろんサイトを作るためには、難しいプログラムを勉強するというハードルもあるんですが。
これから、Webで動きのあるサイトとか、インターラクディブなデザインを作ってみたいクリエイタさんは、中学の教科書を出してくるのもありなのではないでしょうか。
そんな古堅先生の「ActionScript 3.0によるインタラクティブデザイン講座」は、ロクナナワークショップで毎月開講しています。
講座では、古堅先生の書籍「Flash Math & Physics Design:ActionScript 3.0による数学・物理学表現[入門編]」をテキストに使用します。
今回例としてあげたようなサンプルをもとに、ActionScript 3.0と基本的な物理法則や数学的な公式をつかって、どんな表現ができるか実際に実習していきます。詳しくは講座詳細ページを見て下さい。
■関連リンク
・ロクナナワークショップ
・古堅真彦
・古堅真彦のActionScript 3.0によるインタラクティブデザイン講座
・Flash Math & Physics Design:ActionScript 3.0による数学・物理学表現[入門編]
・FuRuKaTics
■【プロに学ぶ67WS通信】の記事をもっとみる
・出来る人はオフィス不要!クラウドワークスタイル
・iPadで書籍革命!コメント付きデジタル本もあり?
・不況を乗り切れ、異業種からWeb業界へ!Web基礎知識入門
・知らなきゃ損する!3D映画の上映方法の違い
■ITライフハック Twitter
おすすめ
最新記事
人気記事
カテゴリ
月別アーカイブ
配信メディア
記事検索
特集
l
このサイトについて
ITライフハックで原稿(有償原稿)を執筆したいというプロのライターさんからの売り込みも受け付けていますので、興味をもっていただけましたら、これまでの実績等を含めてお気軽にご連絡ください。ただし、必ずお返事するわけではありません。執筆依頼は編集部から行います。また必ず校正及びファクトチェックが入ります。
>>詳しくはこちらへ
ITライフハック代表
関口哲司
日本大学大学院理工学研究科後期博士課程修了。理学博士。日本物理学会会員。データサイエンティスト協会会員。IT系記事を中心に著書多数。原稿の依頼歓迎。
>>詳しくはこちらへ
連絡先:itlifehack【at】mediabank.jpn.com
プレスリリース:press【at】mediabank.jpn.com
【at】は@
Twitterアカウント:@ITlifehack