スキップしてメイン コンテンツに移動

Generative Design:プロセッシングで簡易アプリをつくる

先週、今週と続いたGenerative Designの授業が終わりました。なんとかプレゼンも終え、ほっと一息。少しずつプログラミングの世界の一部が見えるようになってきていますが、もう少し先にいきたいなという欲求が生まれ始めています。半分、恐れおののいていた(英語だとintimidatingと表現されることが多い)数日前を思うと前進ですが、まだまだです。

ここ数日よく思い出していたのは、数学に苦しんだ中学、高校生の頃のこと。数学は嫌いじゃなかったのに苦い思い出ばかりです。周りに理解できないほど出来る人たちがたくさんいるというのも、似た境遇でした。(特にサッカー部の仲間の数名は自分からすると尋常じゃない出来の皆さんでした。走りながら微分積分の解法について話しかけられ、こちらは目がテン)

今回、使いはじめたProcessingというプログラミング言語はその頃なかったわけですが、どちらかというと手を動かしたり、ビジュアルをみたりするほうが得意だった私には、こういうビジュアルシンキングでやれる数学の授業が高校生の時にあったらなぁと思うわけです。

Processingの世界は、オープンソースだからなのか、熱心に広めようという関係者が多いのも小さな驚きでした。日本語でも読めるサイトも増えてきていて、関係各位の皆様の貢献に頭がさがる思いですが、それでも英語圏のDaniel Shiffmanの「Nature of Code」とBret Vectorの「Learnable Programming」は、日本語圏でもアクセスしやすくする価値が多いにあるのではないかということが、初心者の私でもわかるくらい熱意が伝わってきます。Daniel ShiffmanのVimeoの講義シリーズも、人柄がすごくでてて面白いしおススメです。これでがしがし勉強して、周りに一緒に遊べる仲間や先輩がいたら、すごい学びになるのだと思います。

今回、私は2人チームでAndroidアプリ(もどき)を開発しました。お題は、場所(Place)。話し合うなかで「場所について写真を撮ることは多いけれど、その実、建物やデザインを構成している形とか色とかって思っているほど見ていないよねぇ」という流れになり、「形や色」をテーマにしたアプリケーションをつくろう、ということになりました。

ウェブサイトや講師、周りのプログラミング経験者に支えられながら、Androidタブレットで撮った写真の上にお絵描きしたり、ちょっとした映像効果を加え、画像を保存できるアプリをつくりました。かなり大雑把なものでしたが、これまでにない写真の世界が広がる感じのアプリになっていて、シンプルなコードながら悪くない出来だったかなと思っております。(Google Street Viewを輪切りにしてみせたり、周りの音や色をきれいに表現したり、自分のいた場所を教えてくれたり、といった俄然高度なプロジェクトばかりであったことも追記しておきます)

引き続き、できること増やしていきます。

興味を持った方は、Processing.orgからダウンロードして(無料!)、ReferenceとLearningを参照しながら少しずつ進めていく、あるいはYoppaさんのページで公開されている大学の授業「プログラミング基礎」の内容が参考になると思います。私が検索してあたった範囲のもので良かったものなので、他にも良いものがあるかもしれません。

コメント

このブログの人気の投稿

インフォグラフィックスとポリティクス

Nicholas Feltron 先週は、インフォメーションデザインのセッションでした。具体的には、Facebookのデータから読み取れることをビジュアライズする課題に取り組みました。テーマの設定、データの収集、編集、デザインまでなかなか苦労しました。最後は、半日かけてプレゼンと批評会。 ここまでお互いに批評する機会が少ないと不満も漏らしていたクラスメートたちも、たっぷりじっくりコメントしあって、どこかしら嬉しそう。たしかに、本気のコメント(批評)は、だいたいグサッとやられるわけですが、それはそれでお互いに愛情がないとできないっす。 今日は、講師のひとりTimoが紹介してくれたHarvard Business Review最近の記事が面白かったので紹介します ▼We've Reached Peak Infographic, and We're No Smarter for It http://blogs.hbr.org/cs/2013/03/weve_reached_peak_infographic_and_were.html GOOD Magazineにも関わってきて、本人もインフォグラフィック制作者でもある Dylan C. Lathropによるインフォグラフィック時評。タイトルを意訳すると「インフォグラフィックの流行のピークにきてるよ。そろそろ落ち着こうぜ。」といったところ。 インフォグラフィックの流行の最前線にいる張本人が、現在の大流行に懸念を示しています。 私自身もインフォグラフィックのパワーに少々エキサイトしていたところだったので、「たしかに、そうだよ。うん。」と、うなずける記事でした。 Dylanは、1920年代のIsotype Projectの話からはじめます。インフォグラフィックは、何も今に始まった話ではないと。その昔から(さらにさかのぼればアルタミラ洞窟にもいっちゃえると思いますが)ビジュアルで伝えるというのは、社会的、文化的、政治的意義を十分持っていたのです。 Arntzのつくったピクトグラムは美しい。一覧を眺めるだけでも価値があると思います。 ▼Isotype Project http://gerdarntz.org/isotype Dylanの要点は、数字や裏付けもない

サービスデザイン思考の教科書:This is Service Design Thinking

去年の年始に読んだサービスデザインの教科書、This is Service Design Thinking。いまデンマークのいるきっかけのひとつでもあります。教科書として書かれたこともあって、深く知りたいニーズには向きませんが、イントロダクションとしては最適です。歴史的なこと、実践的なこと、学術的なことまで、バランスよく網羅されています。 翻訳の提案のために、下訳した目次の項目をせっかくなので公開します。一番難しかったのはタイトルのThis is Service Design Thinkingをどう訳すか。著者たちも本文のなかでわざわざ説明しているくらいのタイトルです。いきなりの難題です。私の訳は・・・、仕方なくこうなりました。 =====目次===== This is Service Design Thinking. Basic - Tools – Cases これがサービスデザイン思考です。 基礎・ツール・実践  出版社  john Wiley & Sons, Inc. / BIS Publishers, 2010年 著者  Marc Stickdorn, Jacob Schneider 【構成(目次)】 まえがき、本文全七章、付録、著者について、参考図書一覧、索引        【概要】 目次 イントロダクション まえがき   ・サービスデザイン思考の教科書をめざして   ・本書の構成 基礎、ツール、実践について デザインを超えたデザイン これまでとは違う教科書づくりの方法   ・動機(モチベーション)とインスピレーション   ・経験(エクスペリエンス)と期待(エクスペクテーション)   ・アイデアとコンセプト   ・少し変な書名について クラウドソーシング・マップ  〈サービスデザインに関する情報を提供しているリンク集を紹介〉 この本の使い方  ・青い付箋は基礎、緑の付箋は手法、黄色い付箋は実践 サービスデザインとは何か? 基礎 定義集:超領域的手法としてのサービスデザイン   ・サービスデザインの定義 学術編 ・サービスデザインの定義 エージェンシー編 サー

デンマークでインタラクションデザインを学ぶことに

こんにちは。新しいブログを立ち上げました。このブログでは、インタラクションデザインをテーマにした記事を書いていきます。 インタラクションデザインといっても、様々な領域が関わり、何がインタラクションデザインなのかということでも一苦労なのですが、まずは私がデンマークでインタラクションデザインを学びはじめたということで、インタラクションデザインな日々を綴っていきたいと思っています。 すでに、インタラクションデザインデイズという名のもとに、 Facebookページ と英語ブログ(英語の練習も兼ねて。まだ半公開状態。)を立ち上げたのですが、日本語のブログも立ち上げることにしました。もとはといえば、イリノイ大学での学びを共有していらっしゃる Design School留学記ブログ にインスパイア―されたのが発端といえば発端ですが、自分の学びの記録と共有、思考実験として有用に違いないだろうというのが大きな動機です。 ということで、まずは、この1月からお世話になっている Copenhagen Institute of Interaction Design 、通称CIIDについて、少し紹介します。 CIIDは名前の通り、インタラクションデザインをテーマにした機関なのですが、ふつうの大学とは少し少し違います。CIIDは、大きく分けて、コンサルタンシー、リサーチ、エデュケーションの3部門からなります。私がお世話になっているのがエデュケーション部門(中の人は、Interaction Design Program=IDPと呼んでいるよう)です。 Kolding School of Design という学校と提携することで学位もだせる仕組みになっているようです。 もともとは、イタリアにあった Interaction Design Institute Ivrea の関係者がデンマークで立ち上げた機関です。 といっても、4階建ての建物に3部門すべてが収まっている小さなコミュニティです。学校も年間で20名のみ。学校も専任のスタッフもいるけれど、多くは外部の講師や専門家がやってきてワークショップをするというもの。コンサルタンシーとリサーチのスタッフも少数精鋭と言う感じで、2~3か月もたてばみんな顔見知りになりそうです。 まだここで一週間過ごしただけですが、スタジオ的