四路の純碁ゲーム

アプリ情報

久しぶりにウェブアプリを作りました。どうぞ一度お遊びください。 http://y-ich.github.io/yonro/ iPhone, iPadでの表示を意識しています。デスクトップだと表示が大きすぎるかもしれないので、「縮小」などで対応いただければ幸いです。 WebKit系で確認し…

2013-06-21

ウェブで、iOS7のような動く壁紙を作る

JavaScript

iOS7では壁紙にパノラマ写真を選ぶと壁紙が動くそうです。面白い。でも、ウェブで簡単にできますね。やってみましょう。端末の姿勢(オイラー角)を扱うのに、Three.jsを使いました。 <html> <head> <meta charset="UTF-8" /> <title>Wall paper</title> <style type="text/css"> html, body { height: 100%; } body { background-image</meta></head></html>…

2013-06-12

コールバックを介して値を取得する関数を配列の要素毎に適応するための関数

JavaScript

配列の要素毎に関数を適用するmapは記述を簡潔してとても便利です。でも、ネットワークを介してデータを取得するなどコールバックされた時に値がわかる場合には使えません。なので、そのための関数を作ってみました。 (jQueryのDeferredを使っています。) as…

2013-05-12

囲碁思考エンジンFuegoをMacにインストールする

Mac

コンピュータ将棋が大変なことになってきました。(第二回電王戦) 次はコンピュータ囲碁の番です？一から作るのは大変ですが、幸いFuegoというモンテカルロ木検索も実装したオープンソースの囲碁思考エンジンがあります。これをMacにインストールするのに手間…

2013-04-11

地図を片手に

アプリ情報

http://books-on-map.herokuapp.com/index.ja.html ウェブサイトに地図閲覧機能を追加するアプリです。青空文庫などへの利用を想定しています。

2013-04-02

インスタンス変数にメソッドを委譲する

CoffeeScript

継承は使いたくないけど、インスタンス変数のメソッドをサポートしたい場合、同じ名前のメソッドを定義してそのインスタンス変数に委譲することになります。関数delegateは、委譲するクラス、委譲されるクラス、そのインスタンス変数名を与えると、委譲する…

2013-03-23

BootstrapとGoogle Maps JavaScript APIの干渉をなくす

CSS

Twitter BootstrapのCSSとGoogle Maps JavaScript APIで生成した地図は干渉する部分があり、例えば、InfoWindowの陰が醜くなったりします。これは以下のCSSを追加することで解消できます。 #map img { max-width: none; } ここで、mapはGoogle Mapsを埋め込…

2013-02-28

Underscore.jsに依存しないParallel.js

CoffeeScript

Adam Savitzkyさんの[Parallel.js](http://adambom.github.com/parallel.js/)、Web Workerのために別のスクリプトを用意する必要もなく、mapreduceもできて小さいながらかっこいいライブラリです。ですが、せっかくの軽量ライブラリがUnderscore.jsに依存し…

2013-02-16

オフラインでも使える効果音再生

JavaScript

以下はクリック音を出すサンプル。keySound.play()で音が出ます。 keySound = _context: new webkitAudioContext() play: -> return unless keySound._buffer? source = keySound._context.createBufferSource() source.buffer = keySound._buffer source.co…