■ 人にはそれぞれ事情がある - 戎橋　2007/12/30

定点カメラみたいな撮りっぱなしがいっぱいあったんで、思いつきで作ってみました。
画像をクリックしまくったり、ページを更新しまくると、しあわせになれるかもしれません。
そして事情・事情・事情。

こういう単純な素材だと、見せ方がすごく重要な要素になる。
プログラミングってやっぱり『手段』だよなあって思う。

映画も音楽も絵画も
あるいはあらゆる創作を『手段』であると解釈した後の
最後に残った『人生』を
手段と取るか　どうするか

論文などを書いていると、概要は英語200語程度で（”200 words”というような表現をされることが多いです）、みたいな指定がよくあります。ぼくらのような英語を避けて生きてきた人種がぶち当たる大きな壁ですね。

単語の数を調べようと思ったら、いい感じのサービスがなかったので、現実逃避で書いてみました。ブラウザベースで動くものは見当たらなかったので、ちょっと一瞬だけ調べたいみたいなニッチなところで役立つこともあるかもしれません。

■ 文字数/単語数カウンター

「カップラーメンを作るために、三分以上の時間をかけて三分タイマーをつくる」といった行為が、ギークの根幹を成す美徳だと思っています。
ぼくの論文が遅々として進んでいないことは言うまでもありません。

どう‐よう〔‐エウ〕【動揺】

［名］スル

１ ゆれ動くこと。「強風で船体が―する」
２ 心や気持ちがゆれ動くこと。平静を失うこと。「事故の知らせに―する」
３ 社会などが秩序を失い乱れること。「政界が―する」

大辞泉より

動揺

画像クリックで飛びます。（先に『呼吸 ver.js』をごらんになることをお薦めします）

『呼吸』の派生版。
ぬるぽ→がっ　という感じで作った。

動揺は感情ではなくて精神の状態だと思うのだけれど
『感情』と『精神の状態』はどう違うんだろう？
感情で話すことと、感情を話すことは、どちらが大切なんだろう？

そんな思いをjavascriptに打ち込んだら、こんなものができました。
嘘です。

解説

ゆらぎを再現するためのアルゴリズムとして、間欠カオス法を用いています。
via: 1/fゆらぎ

X(t) = 0~1として

X(t)＜0.5の時
X(t+1) = X(t) + 2 * X(t) * X(t)

X(t)≧0.5の時
X(t+1) = X(t) - 2 * (1-X(t)) * (1-X(t))

という非常に簡潔な式です。

初期値として与えるX(0)の値によってゆらぎパターンが大きく異なります（安定となるパターンもあります）。
今回は初期値をランダムで与える方式を採りました。
ページを開くたびに、ものすごく動揺したり、物怖じしなかったりします。

いい動揺ができた人はラッキーですね。

SpeCial THanKs 渡邊恵太氏

呼吸

画像クリックで飛べます。

渡邊恵太のWebページ｜persistent.orgのページ内、MediaLab作品の模倣（CSS/Javascriptでの実装）。

個人的にすごく衝撃を受けた作品だったので、最近Javascriptを触ったときに「ああこんな便利な関数があるんだなあ。じゃああれ実装できるなあ」と思って、その勢いでやってしまった。ここに感謝の意を示します。ちょう尊敬！

単純な明滅に、情報が乗り、感情にデコードされる。意思めいたものすら感じる。じっと見つめる。線が消える。現れるまでの時間が、気のせいか先程よりも長い。不安？
ぼくはこれを模倣して（つまり、約一画面分のコードを書いて）、また新たなことに気づいた。
書かないけど。楽しい。

すごく考えさせられるところの多い作品。

やってみたらできたよー

書いてみた！とりあえず☆つけて確かめればいいよ！
11種類の音がランダムで鳴ります。うるさいね！
気持ちのいいスイッチ音とか、「へぇ～」の声なんかだとうまく働くかも。

ちなみに開発中は「富竹フラッシュ！」でした。星だけに。
感動したエントリに星を付けたら「富竹フラッシュ！」と鳴るような、そんな世の中は間違ってるとおもった。

はてスタに効果音を付けるための手順をものすごく簡単に

１．ライブラリを読み込む
<script type=”text/javascript” src=”http://www.masayashi.com/js/soundmanager/soundmanager2.js”></script>

２．HatenaStar.js -> HatenaStarSE.js
<script type=”text/javascript” src=”http://s.hatena.ne.jp/js/HatenaStar.js”></script>
↓　変更
<script type=”text/javascript” src=”http://www.masayashi.com/js/HatenaStarSE.js”></script>

３．再生のための記述を書く
<script type=”text/javascript”>
function playSound() {
  soundManager.play(”HatenaStar”,”mp3ファイルのURL”);
}
</script>

４．たしかめる

はてスタに効果音を付けるための手順をもうすこし丁寧に

Flashと連携することにより、Javascriptからmp3の操作を可能にしたSoundManager 2というライブラリを使用しています。
まずはこのライブラリを読み込んでおきましょう。
こんな感じですね。

<script type="text/javascript" src="http://www.masayashi.com/js/soundmanager/soundmanager2.js"></script>


次。
はてなスターを設置したときに、

<script type="text/javascript" src="http://s.hatena.ne.jp/js/HatenaStar.js"></script>
<script type=”text/javascript”>
Hatena.Star.EntryLoader.headerTagAndClassName = ['h2','entry-title'];
Hatena.Star.Token = ‘e87c41045ae2146685c46539118b70f044fc56b5′;
</script>


上記のようなコードをどこかに挿入したと思います。このjsファイルを自前で用意してやります。

<script type="text/javascript" src="http://s.hatena.ne.jp/js/HatenaStar.js"></script>
↓　変更
<script type=”text/javascript” src=”http://www.masayashi.com/js/HatenaStarSE.js”></script>


HatenaStarSE.js は、元のHatenaStar.js に加えて
「星をつけるときに playSound(); という関数も一緒に呼んでお願い＞＜」
というおまじないをかけてあります。

つまり、あとはこの playSound(); の関数内に星を付けたときの挙動を書いてやればいいわけです。
こんな感じかなー。

<script type="text/javascript">
function playSound() {
soundManager.play(”HatenaStar”,”http://www.masayashi.com/materials/mp3/higurashi/flash.mp3″);
}
</script>


soundManagerの詳しい使い方は公式をあたってもらうとして、上記のプログラムを説明すると、
「playSound()が呼ばれたら “http://www.~~/flash.mp3″ を “HatenaStar” ってIDで再生して！」
ってことです。

つまり、このURLの部分を再生したいmp3ファイルのURLに書き換えればいいんじゃね？
ランダム再生させたい場合は、Javascript勉強してplaySound()内に書けばいいんじゃないかとおもうよ！

ごにょごにょ

元ネタ：
はてなアイデア - [☆＋]をクリックするとき気持ちのいい効果音が鳴って欲しい。 意味なくいくらでも押せるところが一番気に入ってるので。 もちろんクッキーで音のオンオフは設定できるように。

そうそう、クッキーでオンオフができるのが一番いい。でもぼくの技術力じゃ無理っぽいね！ざんねん！

実際のところ、はてスタクリックでいきなり音が鳴るっていうのはあまり気持ちのよいものではないと思う。ネタにはなるけどねー。「カチッ」系の音なら気持ちよく働くかもしれない。模索してみてください。ぼくはあまり常用する気にはなれないのだけれど、エントリ書いた手前はずせなくなっちゃった。

もしなにか気が違って「わたしも効果音つけてみた！」って人がいれば、コメントいただけると嬉しいです。
連打しに行きます。

エラー音割り当てのアイディアはemaさん。
スペシャルサンクス。

はてな非会員用に、こちら↓に音が鳴るだけのリンクを用意しております。
【デバッグ用エントリ】はてなスターを押したとき効果音鳴ったら面白くね？ | 王様の箱庭

これだけでも十分楽しいのが困ったものです。
再起動音が三回連続で鳴ったときは、すごくみじめな気持ちになった。

なんとかできたー。SWFが邪魔してた。

ライブラリを公開するときは、一応誰かが使うことを想定してしっかり使おうって気になったね。
とくにフォルダ指定の位置関係とかね！
とくにフォルダ指定の位置関係とかね！
とくにフォルダ指定の位置関係とかね！

デバックの結果、自分で自分に80スター･･･なんという自分だいすき･･････！
さらに改造してたら150越え…自演と叩かれて炎上してしまう……！

■はてな非会員用。こんな音が鳴ったりします。
連打するとたのしいよ！ある意味ウィンドウズ限定！