はてなブックマーク

原著を読んでいい本だなーと思ったので、原著者の方にメールしたら快く了解してくださいました。ありがとうございます。 週末レイトレーシング【電子書籍】Peter Shirley(著), あんどうやすし(訳) 達人出版会 発行日: 2017-06-20 対応フォーマット: PDF, EPUB 詳細を見る 土日の二日間くらいかけてC++でフルスクラッチのレイトレーサーを書こう、という本です。三部作ですがどこで止めても大丈夫な構成で、今回の一冊だけでも表紙のような画像を出力できるようになります。レイトレーシングをやったことはないけど興味はある、という人にはとてもいい本だと思うので、よろしければぜひ。

Teddy.jsはこう見えて意外といろいろやってて、このままだと確実に忘れて自分でも弄れない私的オーパーツになるのが目に見えてるので、記憶に残っているうちにまとめておきます。説明用というよりは実際に機能追加していった順に思い出しながら書き残しているだけです。 https://github.com/technohippy/teddyjs Teddy 輪郭線を立体にする部分は東大の五十嵐教授のこの論文で説明されている手順を使用しています。とても有名です。この論文の図を引用しながら簡単にやっていることを説明すると Teddy: A Sketching Interface for 3D Freeform Design, p. 5 この図のとおり、まずは図形をポリゴンに分割するのに加えてボーン的なものも抜き出します。 a) 外周ですが、頂点が多すぎても大変なのでマウスの軌跡を全て採用するのではなく、

というのはウソで。 いやウソではないかもしれないけど、そんなガチな感じではなくて「こどもが適当に描いた落描きがなんとなく立体になったら面白い」くらいの空気感で作ってみた。実際、我が家の3才児でもそれなりに楽しそうに使えてたり。 要するにTeddyなんだけど、JS使ってブラウザ上でできたらおもしろそうだとたぶん5-6年くらい前から思ってて、やっと実装できたので今は新しいパンツをはいたばかりの正月元旦の朝のようにすっきり。（最近はブラウザで動く3Dスカルプトソフト既にいくつかあるみたいだけど・・・） https://github.com/technohippy/teddyjs 結構動作が重たいとはいえスマホでもそれなりに動くし、マウスを使うよりも指を使ったほうがずいぶん楽しい感じになるので、できればぜひスマホで試していただきたく。 https://technohippy.github.io/t

1. Googleの本気がすごい！ AngularDartは去年の6月くらいに開発中であることが公になり、11月にわりとよさ気な感じになってきたかもということでリリース間近を感じさせるバージョン番号0.9.0が振られました。そしてその3ヶ月後に世界各地で行われた初めてのDart言語の大規模イベント「Dart Flight School」にはすでにイベントタイトルにwith AngularDartと振られています。Googleのスピード感とAngularDartにかける本気度が感じられます。 個人的にもAngularDartとDartはRailsとRubyみたいな関係になれるかもと思える程度にはAngularDartいい出来だと感じているので、Googleのこの扱いはわりと納得。 しかしですよ。 2. 開発者のアジャイル精神がすごい！ 「変化ヲ抱擁セヨ」 2月一杯かけて行われたDart Fl

Dartの本を翻訳しました。今月28日発売です。 プログラミング言語Dart 作者: Chris Buckett,あんどうやすし,粟納裕貴,勝又雅史,川俣千恵子,植田大貴,井関正也,水野あゆみ出版社/メーカー: KADOKAWA/アスキー・メディアワークス発売日: 2014/03/28メディア: 大型本この商品を含むブログ (2件) を見る こんな記事を書いたり、こんな記事を勝手訳したりしておきながら、しれっとDart本の翻訳に参加し、あまつさえ訳者まえがきでみなさんにDartをオススメする。この変り身の早さ、このしたたかさこそが激動の現代を生き抜くのに最も必要とされているものと言えるでしょう。かのチャールズ・ダーウィンは言いました。 「最も強い者が生き残るのではなく、最も賢い者が生き延びるでもない。唯一生き残るのは、変化できる者である」 何一つ恥じ入るところなどない、これこそが正しい大人

AngularDartはすごい勢いで進化していて、今のAngularDartはこの記事とはずいぶん違っています。元記事の内容は最新版に合わせて書き換えられているので取り急ぎそちらを見たほうがいいです。時間が取れたら訳文も直します。(2014-06-06追記) みんな大好きangular.jsのdart版がangularチームによって絶賛開発中なんですが、これが単なるJS版の移植ではなくて、ちゃんとdart用に新たに練りなおしてる感じなわけです。 そんなAngularDartをAngularJSと比較した紹介記事がよかったのでちょっと訳してみました。個人的にはDart版の方が黒魔術分が減ってていい感じなんじゃないかと。 記事に書いてあるけど、AngularDartの機能の幾つかはAngularJSに逆輸入されるらしいので、Dartなんか知らんわって人も読んでおいて損はなさそう。 http:/

最近お仕事でParseを使っています。parse.comはいわゆるBaaSで、多言語のライブラリやブラウザから使える管理ツールも揃ってて手っ取り早く動くものを公開したいときにはとても便利なんですが*1、運用でデータストアをどうこうしたいときは基本ブラウザ上でデータブラウザを使うしかありません。もしくは、APIを利用して独自のツールを作るか。 まぁデータブラウザもものすごく悪いという感じでもないですが、可能であればコマンドラインで操作したい。rails consoleみたいに。もしくはpry-rails。 ということで作りました。 http://github.com/technohippy/pry-parsecom $ pry-parsecom [1] pry(main)> login-parse Email for parse.com: andyjpn@gmail.com Password

twitter見てたらこんな記事が流れてきまして。 http://www.gizmodo.jp/2013/06/post_12461.html 「ベル研究所、レンズのない1画素カメラ実現。ピンぼけもない」 ランダムなフィルタを通して一画素カメラでたくさんデータを取って、最後に合わせてやるとちゃんとした画像ができ上がるというお話らしい。 なんとなく感覚的には合点が行くけど、実際に試してみるとどんなもんなんじゃろと思ったのでやってみました。これでいいのかどうかよく分からないけど。 # ...前略... shot_image = Square.new real_image = Image.new # 10万回試行 100000.times do # ランダムフィルタ生成 filter = Filter.new # valはフィルタがオープンになっている部分の明度の平均値 # 元記事の言うところの

https://github.com/technohippy/Kaleidoscope.ja 以前から日本語プログラミング言語って作ってみたくて、でもただのトランスレーターならともかく、まっとうにコンパイル出来てネイティブでサクサク動くようなのはどうやって作ったらいいか分からないどころか、どの辺から勉強に手をつければいいのかすら分からなくて放置してたわけです。 ところがまぁ世の中良くしたもので、LLVMというものを使えばフロントエンドを作るだけで、ややこしいところは良しなに処理してくれるそうじゃないですか。しかも最近本が出たばかり。これが日本語の予約語とか関数名・変数名とかを扱えるなら、いろいろ捗りそう。ということで試してみました。 結論から言えば、タイトルのとおり、LLVMは日本語も問題なく使えるみたいです。 サンプル： カレイドスコープ ということで、さっそく実際に動くものを作ります。

今年のテーマ（の一つ*1）はLLVMにしようと思い立ってちびちびお勉強してたんだけど、タイムリーなことに本日達人出版会さんから素晴らしい本が出版されまして。さすが達人出版会。いいとこついてくるわー。ていうか一週間前に欲しいってtweetしたばっかだわー。 http://tatsu-zine.com/books/llvm ただまぁ残念なことに？こちらの本もそうなんですけどLLVMのチュートリアルはたいていの場合CとかC++の知識必須だったりするわけです。いや、読めと言われたら読むけど、正直CもC++もどっちもよく知らないからあんまり頭に入って来なくてつらい。せっかくLLVM（llc？）でコンパイルできるわけだし、フロントエンドの実装はもっと軽い言語でいいじゃない。例えばRubyとか、もしくはRubyとか。 と嘆いてたらruby-llvmというものを見つけました。名前の通りRubyでLLVMを

・・・してません。 してないけど、想像で思いの丈を書くよ。 まず、DCIについてはちょっと前にモノ思ったんだけど、togetter見る限り、疑問の一つに関してDCI Meetupで一応の回答が得られた模様。 その疑問というのは「ロールはextend Moduleではなくて、Adapterで実装してはいかんのか？」ということなんだけど、回答としては要するに「ロールが異なっても同じオブジェクトなんだからアイデンティティを同一に保ちたい」ということらしい。 ただ、言わんとすることは分かったけど、実はあんまり納得できてなくて、とあるコンテキストで何かしらのロールを果たしているオブジェクトのアイデンティティってそんなに重要なんだろうか？ ミッキーマウスがステージで踊ってるのを見るときに中の人が誰かなんてどうでもいいというか、むしろ中の人なんていないことにして見るのが正解であるように、ロールを果たして

https://twitter.com/technohippy/status/291697606638305280 とか言うことをつぶやきつつ考えたんですが、","に目を瞑ればRubyは1.9から key:val 形式のHashリテラルをキーワード引数っぽく使えるし、->{...} 形式のProcリテラルもあるしで、これってすでにほぼSmalltalkじゃないですか。 # Ruby ret = ->{ obj.message 'arg1', arg2:'arg2', arg3:'arg3' }.call "Smalltalk" ret := [ obj message: 'arg2' arg2: 'arg2' arg3: 'arg3'. ] value. どっちがどっちか区別つかないレベル。 で、この際なので足りない部分を少し補ってRubyをもっとSmalltalkっぽく書けるようにと、小

あ、タイトルは釣りというか、なんかそれっぽいこと書きたかっただけです。ごめんなさい。 世間から3周くらい遅れてDCIというものの存在を知って、今さらネットで記事をあさって読んでたりします。この辺とか。 http://d.hatena.ne.jp/digitalsoul/20100131/1264925022 http://uehaj.hatenablog.com/entry/20100528/1275011951 https://speakerdeck.com/kakutani/dci-sprk2012 http://mikepackdev.com/blog_posts/24-the-right-way-to-code-dci-in-ruby これらをいい加減に読んで、考えたのではなく感じたことをまとめると 従来よく利用されてきたMVCというアーキテクチャだとユーザーのメンタルモデルと齟齬

HTML5 Conference 2012でWebRTCの話をしてきました。 「WebRTCの話できます？」って聞かれて、getUserMediaでちょっと遊んだことがあるレベルなのに「あ、いいっすよ」って安請け合いしたら割と死にました。調べれば調べるほど思ったんだけど、これってブラウザベンダーとかキャリアの人が話すべき内容なんでは・・・。 例えば「WebRTC API」とかで検索すると私のとこだと次のような結果になるんだけど お前ら騙されるな。この一番最初のはブラウザ開発者が利用できるC++製WebRTCライブラリの仕様だ。 そんなこんなでいろいろRFCとか読んだり試したりしつつ、自分なりにできるだけ分かりやすくまとめた発表にしたつもりだけど、もしウソがあったらごめんなさい。あと質問もほとんど答えられなくてごめんなさい。そんながんばった資料はこちらです。 https://docs.goo

Google I/Oで発表されたChrome拡張の機能追加で一見するとネイティブアプリっぽく見えるChrome拡張を作れるようになりました。分かりやすく言えばAdobe AIRのChrome版みたいな。結構よさそうな気がするけど、実際どんなもんかなと思ったので試しにIRCクライアントを作ってみました。 https://github.com/technohippy/irc-client-for-chrome まだいろいろと機能は足りない代わりにバグがたくさんあるけど、わりと普通に使えてます。Chromeウェブアプリ、結構いいんじゃないでしょうか。ドッグフード食べながらちびちびマトモなIRCクライアントにしていこうと思うので、よろしければ皆様にもお使いいただきたい・・・ ・・・と思ったんだけど、今のところネイティブっぽいChromeウェブアプリが使えるのはDev Channelだけなので、素人

先日行われた「ばかコン」において私は「すべてのHTML5は巨乳に通ず」という発表を行い、HTML5の技術を用いてKinect巨乳（風のウェブアプリ）は実現可能であるということを示しました。 しかし実現可能性の提示だけではやはり納得の行かない方もいるでしょう。そこで今回その実証として、HTML5巨乳のプロトタイプを作成しました。*1 http://html5kyonyu.appspot.com/ 検証はChromeでしか行なっていません。chrome://flagsを開き、「MediaStream を有効にする」を有効にしてから実行してください。 操作方法は以下のとおりです。 W・S・A・D・R・F 前後左右上下にカメラを移動 I・K・J・L 上下左右にカメラの向きを変更 右上のボタン 顔検出のON/OFF カメラから少し離れて画面に胸が映るようにしておいてください。また、顔検出が重たいので

先日THREE.jsでのポリゴンとテクスチャの使い方を覚えたので、なんか面白い使い道ないかなと検索して「フラクタル地形」というのを見つけました。 Wikipediaによると 正方形を4つの同じ大きさの小さい正方形に分割し、その中心の点を無作為な値で垂直方向に変位させる。この過程を4つに分けられた各正方形についても繰り返し、再帰的に実施して必要な詳細レベルに到達するまで行う。 ということらしく、このたった2文とアニメーションGIFでだいたい理解できる程度には簡単そうだったのでやってみました（説明とアニメーションGIFが合ってないけどまぁ言いたいとは分かる・・・）。 おお、たしかに山っぽい。 もちろんリロードするとまた別の地形が生成されます。 ソース見てないけどTHREE.jsについてくるこれとかもたぶん同じ事やってるんじゃないかな。 ・・・ 今回特にTHREE.js的な見所はほとんどないんで

three.jsを使った3Dのライフゲームを作ったので、次に進むためにその中身について書き残しておきます。 http://ando-yasushi.appspot.com/conways-game-of-life/gameoflife.html HTML とりあえずHTML部分はこんな感じ。Three.jsは言わずと知れたWebGLをいい感じに使えるようにしてくれるライブラリ。RequestAnimationFrame.jsはそのThree.jsにおまけとして付いてくるrequestAnimationFrameをクロスブラウザで使えるようにしてくれるライブラリ。setIntervalなんてオワコンですよ・・・って思ってたけどイマドキはむしろrequestAnimationFrameがオワコンなん？よく分からん。 <!doctype html> <html lang="en"> <head>

NoSQLの一つにGraphDBとかいうのがあるんですが、なんかもうJava（というかJVM）に席巻されまくってて他の選択肢が見当たらない勢い。その状況がちょっとさみしかったのと、後はまぁ勉強がてらRubyでそれっぽいものを作ってみました。*1 https://github.com/technohippy/red-grape なおこれはあくまでもGraphDBのごっこ遊び用なので、それっぽいものを簡単に触ってみたい人だけがターゲットです（そんな需要が本当に存在するかどうかは知りません）。Rubyで本気でGraphDBをやりたい人はNeo4JをJRubyから使うとよろしいのではないでしょうか。 といいつつ以下、Neo4JでもJRubyでもない方の使い方。 インストール $ gem install red_grape サーバー起動 $ trevis +=================+ |

かの発明王トーマス・エジソンが晩年、死者との交信について研究していたことは有名です。しかし、あのエジソンの天才を持ってすらその実現に成功したという話は残っていません。やはり我々の住む二つの世界は完全に断絶していて、人類が霊界と交信することは不可能なのでしょうか。そんなことはありえません。現在それが不可能だとするならば、それは我々の魂のレベルがまだその域に達していないというだけです。 霊界との交信について考える前に、まず霊界とはなんなのかを考えてみましょう。霊界の特徴としてよく挙げられるものとしては次のようなものがあります。 霊界には超越的な存在がいる 霊界にはこれまでに亡くなった方が存在している これらの二つの特徴を見て、なにか我々のよく知っているものとの類似を感じませんか？そうです。インターネットです。インターネットにはGoogleという超越的な存在がいます。GoogleはGoogle教

http://ando-yasushi.appspot.com/wavycamera/index.html WebRTCを使うとJavaScriptでカメラやマイクを扱えるということで、ちょっと試してみてることがあったんだけど、いくらやってもなかなかうまい感じに動かないので気分転換に他のもの作ってみた。わりとさくっと。 どこかで見た動画が元ネタなんだけど見つからず・・・。 WebRTCはまだChrome開発版くらいでしか使えず、しかも chrome://flags でMediaStreamを有効にする必要があるから、いま作っても見られる人は少ないんだろうけど、JavaScriptでリアルタイムに映像を処理できるってやっぱり夢が広がるねぇ。 ・・・ 使い方 Chrome Canaryをダウンロード ウェブ系の開発者ならChrome Canaryくらいインストール済みのはずなんだけど、まぁ一応

皆さんTHREE.jsは単なるWebGLのラッパーと思っているかもしれませんが、実際はそれだけではなくて、テクスチャローダーや視点管理用コントローラーなんかの補助クラスに加えて、スプライトやパーティクルシステムまで付いていて、たぶん見たことない人が考えているよりいろいろできます。 ただ、いかんせんまともなドキュメントがないので、それらを実際に使うには、そのクラスを使っている例を見つけて、さらにそれらが使われている部分を検索して使い方を調べるしかありません。 正直面倒くさいので、ブラウザで少しだけ楽にソースを眺められるサイトを立ち上げました。 http://threejsdoc.appspot.com/doc/index.html ただしこれはあくまでもソース読むのを手伝うためのツールです。何やってるクラスなのかとか、どうやって使うかとかは、ファイル名やインスタンス変数から推測したり、サンプ