JavaScriptを使ったアート表現の書籍

このQ&Aのポイント
  • JavaScriptを使ったアート表現を体系的に学べる書籍を探しています。
  • Webのバックエンド開発者である私はプログラミング言語の素養とJavaScriptの理解がありますが、物理や数学については高校以来の知識です。
  • インタラクティブアートやデータのビジュアライゼーションを実現するため、物理を使っているJavaScriptの書籍をおすすめしてください。
回答を見る
  • ベストアンサー

JavaScriptを使ったアート表現の書籍

Javascriptを使ったアート表現を体系的に学べる書式を探しています。私は普段はWebのバックエンドの開発者なのでプログラミング言語の素養はあります。Javascriptそのものの理解もあります。ただし、物理や数学などは高校以来やっていません。下記のURLのショーケースの様なJavaScriptを使ったインタラクティブアートや将来的にはデータのビジュアライゼーションできるようになりたいです。 http://processingjs.org/exhibition/ このような条件で思い当たる書籍がありましたら教えていただけないでしょうか? - [必須] 物理を使っていてそれについて解説しているもの - 英語でもだいじょうぶ - 一冊で自由に出来るようになると思っていないのでどのレベルのものでも良い - ライブラリはD3かProcessingを使っているとなお良い

質問者が選んだベストアンサー

  • ベストアンサー
回答No.1

これとかどうですかね http://www.amazon.co.jp/Processing-Visual-Artists-Expressive-Interactive/dp/1568817169/ そこまで高度なシュミレーションとかには向かないですがhttp://processingjs.org/exhibition/に載ってる程度なら多分大丈夫ですよ。中級者向けな本だと思います。 私も似たようなバックグラウンドでProcessing(Processingjsじゃないです)でちょこちょこ作ってましたけど、読んだ本の中ではこの本が割と詳しかったように思います。ご存知だと思いますが本家のhttp://www.processing.org/の方がいろいろと解説されていますよ。なお私はProcessingでしたのでJava関係の本やライブラリも使ってました、Processingjsで使えるかどうかは知りませんが。

yu090jp
質問者

お礼

ありがとうございます。その本良いですね。理屈的なところを体系的に学べそうですね。

関連するQ&A

  • アートでjavascriptを学びたい

    皆様、よろしくお願いいたします。 私は現在WEBデザイナーとしてUI設計業務とコーディングを行っております。 最近、(生の)JavaScriptの学習を開始しました。 レベルは入門者向けのJS本を読んでいる程度です。具体的には、 ・JavaScript本格入門 ・よくわかるJavaScriptの教科書 ・HTMLとCSSで基礎から学ぶJavaScript ・WEBサイト制作者のためのJavaScript入門講座 などです。 (パーフェクトJavaScript、独習JSは難易度が高かったです) スキル的には既存のコードを読み解き修正を加えるレベルで、 100行以上のコードを書くことはできません。 また、実務ではjsはエンジニアに任せることがほとんどで、自分で書くことはほとんどありません。 このような状態でなぜJSを習得したいかと言いますと、 ・1.ある程度フロントエンドに精通したい(HTML/CSSは分かるので、加えて「JSも任せろ」と言える状態になりたい。) ・2.jQuery等のライブラリ依存から脱却したい ・3.Titaniumでアプリ開発など、JSスキルを流量したい。 などの思惑があるためです。 ただ、JSの必要性は強く感じているのですが、書籍を追って制御構造などのコードを書くだけでは、学習モチベーションを高い状態で保つことが難しいです。 しかし、昔processingやFLASHを触っていたため、アニメーションが発生するもの、特にインタラクティブな物を作成すること対しては興味があります。 とはいえ、processingやactionscriptでは現状の業務に直接結びつかないため、 javascriptでアート系作品を公開しているサイト、書籍、勉強法などはないか、 というのが今回の質問意図となります。 jsDoitはすでに見ていますが、非常に高度な作品が多いため、 順序立てて導入から解説されているような物があれば幸いです。 また、元デザイナー、コーダーで現在jsを使った業務に携わられている方が いらっしゃいましたら、どのように学習を進めて行ったのか、 教えていただけますでしょうか? 以上となります。お手数ですが、ご回答どうぞよろしくお願いいたします。

  • 情報処理・コンピュータ・プログラミングを学ぶ真髄

    情報学科もしくはそれに対応する学部学科に在籍している方、卒業した方にお聞きします。 あなたは、自分の専門分野に関して、「他の学部学科で勉強してきた連中には負けない」のような、自負のようなものはありますか?あるとすれば、それは何を根拠にしていますか? また、同じ学科で、あなたの周りにいた人はどのように感じていたと思いますか? 私は、物理を専攻する傍ら、個人的な興味でプログラミングに興味を持って、独学で勉強してきました。 (Java, JavaScript, C, C++, Fortran, Python, PHP, HTMLやCSSに関する知識, Linuxに関する知識 が幾分かあります。開発環境は大体 eclipse を使用。 Java に関しては、awt, swing, SWT+JFace, eclipse RCP 等でGUIのプログラミングや並列プログラミングの経験があります。) 独学したのはいいのですが、何か不安なのです。情報処理(私が言っているのは、狭い意味ではプログラミングを指して言っています)を専門に勉強してきた人は、もっと何か別の概念を知っているのではないか、のように思うときがあるのです。 というのも、私は物理学を勉強してきて、少なくとも、専門分野では他の学科で勉強してきた人間には負けないと思っています(自分の周りの人間もある程度そう思っていると思う)。その根拠は、物理学というのは、大きなひとつの体系で、興味があってある一分野(例えば量子力学や相対論)だけを学んだといっても、底が知れていると思うからです。ただ、もちろん物理学自体は本質的に独学が可能だと思っていますから、自分の努力で体系的な学習+演習を心がけてきたという人がいればその限りではありませんが。 そこで今一度質問ですが、私が独学でプログラミングするに当たって、何を心がければよいでしょうか?何が情報処理を真に知っているということにつながりますか? (とりあえずこの本読んどけ、とかでもかまいませんし、○○の資格を持ってることだ、という言い方でもかまいません) よろしくお願いいたします。

  • javascriptを実践的に学べる書籍って?

    javascriptの書籍について質問です。 実践系の書籍且つES6(2015)以降のソースで実際にプログラムを作る書籍を探しております。が、 何を買うべきなのか迷っております。 すでに、古いらしく今では、それほど参考にならないと過去、技術系の質問サイトで指摘を受けたリファレンス(2011/12/15初版第二刷発行)と その指摘をうけ、新たに購入したリファレンス(es6とそれ以前のものを解説している)があります。 なので次は、実践系の書籍を買おうかと思ったのです。 どのような書籍がおすすめですか。

  • GoogleMpsAPIのjson.jsによる読み込み

    GoogleMapsAPIの勉強をしています、プログラミング初心者です。 「GoogleMapsAPI徹底活用ガイド」という解説本を参考にしています。 中心位置情報をJSON形式で別ファイルに記述したものをjavascriptプログラムで読み込み、実行、googlemapに反映させたいのですが、うまくいきません。 JSON in JavaScript のページ(http://www.json.org/js.html)のリンクからJSON処理ライブラリjson.jsのスクリプトをコピー、私のサーバー内に保存し、 <head></head>内で <script type="text/javascript" src="json.js" charset="utf-8"></script> とsrc属性にjson.jsを指定、 javascriptのfunciton {}内で、 GDownloadUrl( "center.json", mySetCenter ); function mySetCenter(data) { var obj = data.parseJSON(); map.setCenter( new GLatLng(obj.lat, obj.lng), obj.zoom ); } としています。 center.jsonというのが、JSON形式の位置情報ファイルです。 解説本のサンプルを使用しているので、スクリプトの間違いではないと思います。 json.jsを使わず、javascriptでeval関数を使う場合は、正常にJSON形式の中心位置情報のデータが読み込まれ、地図が表示されます。 おそらく、json.jsのダウンロード方法やサーバへの配置方法などが間違っているではないかと思いますが、参考になる資料がなく困っています。 どなたかご教授お願いいたします。

  • JavaScriptの正規表現/?<.+?>/について

    strからHTMLのタグを取り除いた文字列をxにしまうため var x=str.replace(/<.+?>/g,""); を使うそうですが /<.+?>/g をなぜ使うのかが分かりません /<.+>/g がまずいのは分かりますが・・・・ 教えていただければ幸いです

  • JavaScriptの正規表現について

    変数に格納された文字列から任意の文字ついて<strong>タグを付けて置き換える方法 が分からなくて困っています 具体的に言うと 文字列stに対して変数keyに格納された文字列にマッチした全て強調する方法... ex) st="4月の16日の昼の弁当のおかず" key="の" の結果が st="4月<strong>の</strong>16日<strong>の</strong>昼の弁当<strong>の</strong>おかず" となるスクリプトを作成したいのです。 どなたかよろしくお願い致します。

  • JavaScript 正規表現の()

    こんにちは。 趣味でプログラミングをしているものです。 さっそくですが質問させていただきます。 var regexp = /^(?:button|input)$/i ; という定義がある場合(コロンもついています)、 その意味を教えてほしいのですが それと() その内部の? : についても 解説していただけないでしょうか? よろしくお願いします。

  • javascriptでの正規表現について

    javascript正規表現にて正の整数および小数(半角のみ) を判別したいのですがうまくいきません。どうすればいいのでしょうか。<script language=javascript> function StrCheck(strSrc){ var value = strSrc.value; if (value.match(/[0-999]+¥.[0-99]/)==true){ alert("半角数字のみで入力して下さい"); } </script> ); 以上のようにつくってみましたが、半角でも全角でも「半角を入力してください」というメッセージがでてしまいます。これを全角のみでエラー表示がでるようにしたいのですがどうしたらよいのでしょうか。参考になるWEBページでもあれば教えてください。ご教授の程よろしくお願い申し上げます。

  • javascriptでの正規表現について

    javascriptで正規表現にて0~9とドットを許容したいのですが、javascript初心者のためどのように記述して良いのかわからずどなたかご教示いただけないでしょうか。 お願い致します。

  • JavaScript 正規表現について

    こんにちは、趣味でプログラミングをしているものです。 さっそくですが質問させていただきます。 下の正規表現パターンの意味について教えていただけないでしょうか? 見えにくいですが、:(コロン)もついています。 var rgexp = /^[\],:{}\s]*$/; よろしくお願いします。

専門家に質問してみよう