京都・鴨川の川岸では、カップルやグループの間隔が自然に等間隔になるという「鴨川等間隔の法則」が見られます。その有名な法則をJavaScriptを使い、2色だけで表現したWebサイト「鴨川カップルシミュレーション」を見つけました。 ▽ 鴨川カップルシミュレーション 「鴨川等間隔の法則」は、はてなキーワードによれば、鴨川に来るカップルがその時いるカップルとカップルの間に自然と等間隔に座る現象を指します。カップルの間に新しいカップルが座ると、両側のカップルは左右の間隔が等しくなるように、何気なくじわじわと移動していくとされています。「京都・鴨川河川敷に坐る人々の空間占有に関する研究」というタイトルの学術論文まで発表されています。 鴨川カップルシミュレーションでは、鴨川の川岸にいる人の行動パターンを見事に表現しています。緑の背景に黄色の四角がぽつぽつ現れ、徐々に他の四角との間隔を空けながら等間隔に
複数台のGoProを組み合わせて360度上も下も撮影できる動画カメラが一部で流行りつつあるようです。 こんなやつ。 http://home360.co.jp/freedom360.html http://freedom360.us/ 要はRICOH THETAの動画版なんですが、動画ということで機材の価格もだいぶ違うし、複数の動画を合成する作業もまだまだけっこう手間も時間もかかります。 そこまで頑張って動画を作っても、公開がまた大変です。フリーのスタンドアロンプレイヤーはありますが(これとか)、見る人にインストールさせるのはちょっと面倒だし、Flashで作られた全天球動画プレイヤーも良いものがいろいろあるものの、自由にダウンロードできて自分のサイトで手軽に使えるものは今はちょっとなさそうです。 そんなわけでJavaScriptのThree.jsを使ってさくっと全天球動画プレイヤーを作ってみ
クッキー・クリッカーについて
昨日、筆者はクッキー・クリッカーなるゲームを体験した。このゲームは、ゲームの本質を非常によく抽象化している。ここではそのゲームについて述べるが、読者には実感のため、並行してゲームを行なってもらいたい。 このゲームのプログラムはHTML/CSS/JavaScriptと、その他のリソースで構成されていて、ストールマンの自由四原則に合致する自由ソフトウェアではないが、一応は、制限的ながら、forkや改変を許諾している。このプログラムを動作させるには、まともなブラウザーが必要である。 Cookie Clicker まずみると、左に素晴らしくうまそうなクッキー、中央によくわからない列、右によくわからない小物が並んでいる。操作方法がよくわからない。まず、左にこれみよがしに配置してある、うまそうなクッキーをクリックしてみよう。 +1 なんと、クッキーが一枚得られた。続けてどんどんクリックしていくと、数十
前回で JavaScript のスコープの基本がわかったので、今回はスコープチェーンとクロージャを勉強してみました。 Call オブジェクトとクロージャの理解がかなり大変でした・・。 変数オブジェクト JavaScript で変数の宣言と参照をするということは、変数オブジェクトを読み書きするということです。 変数オブジェクトというのは、key と value による変数管理専用のハッシュテーブルのこと key が変数名、value が値のセットになっているテーブルで、変数の数だけレコードができるイメージ 変数オブジェクトはプログラマが意識することのない、便宜的なオブジェクト グローバルオブジェクト JavaScript は、ブラウザが新しいページを読み込んだとき、内部的に新しいグローバルオブジェクトを生成して初期化します。 グローバルオブジェクトとは、グローバル変数やグローバル関数を管理す
お題: 複数個の関数があって、関数を呼び出した結果を使って関数を呼び出して…っていうのを1個の関数にします。 JavaScriptでの非同期関数合成 - monjudoh’s diary 関数の形を見てみます。 // 1を足す function add1(callback,arg){ callback(arg+1); } コールバック関数を渡して、戻り値ではなくコールバック関数を呼び出してもらう事で結果を取得する……これって「CPS(継続渡し形式)」！CPSなら分かるわ！(本当か？) 参考にしたサイト: http://www.h4.dion.ne.jp/~unkai/js/js12.html http://practical-scheme.net/docs/cont-j.html JSDeferredで考えるモナド - JavaScriptで遊ぶよ - g:javascript Haske
本書について 本書は、Node.jsでのアプリケーション開発を始めようとする皆さんに、 ”高度な”JavaScriptについて知るべきあらゆることを解説します。 よくある”Hello World”チュートリアルの、はるか上をいくものです。 ステータス 貴方が読んでいるのは、本書のいわゆる最終版となります。 つまり本書は、間違いが見つかった場合や、 Node.jsの新バージョンにおえる変更点を反映する時のみ、改訂されます。 最終更新日は2012年2月12日です。 本書内のコードのサンプルは、Node.jsのバージョン0.6.10でテストしています。 ターゲット読者 本書は、Ruby、Python、PHP、Javaのような、少なくともひとつのオブジェクト指向言語を理解しており、 JavaScriptについてはあまり経験がなく、Node.jsについては全く経験がないという、 著者と同じようなバッ
iPhoneアプリのようなリッチなUIをブラウザで実現！Web 2.0 Touchが凄すぎる！ 2011年8月25日 in iPhone, Web Web 2.0 Touchは、WebKitエンジン上で動作するJavaScriptライブラリです。 2011/8/22に公開されたばかりの模様。 iPhoneアプリのようなリッチなUIをブラウザでも簡単に作ることができます。 iPhone・iPad・Androidに対応しています。 どんな動きが出来るのか、これを見ると一目瞭然です。 アニメーション 上下左右のフリップ(画面が反転する動き)、ポップイン、ポップアウト、上下左右のスライドが出来ます。 テーブル表示 お馴染みのテーブル表示もこの通り。角丸タイプのテーブルも作れるようです。 ボタンやタブ表示、吹き出し タブ表示は便利な機能ですが、自分ではとても作れないところなので、需要ありそう
インターネットエクスプローラーをご利用の方は「ブロックされているコンテンツ」（javascriptの動作）を許可して下さい。 【空間線量率／大気中の放射線の影響】 調査地点の放射線量を半角文字で入力し、単位を選択してください。 調査地点での滞在期間を選択してください。 調査地点で上記の期間滞在された場合の累積被曝量はmSv（ミリシーベルト）です。 【健康被害の目安（空間線量率／大気中の放射線の影響）】 2.4mSv（ミリシーベルト） 自然状態での1年間の被曝量 20mSv（ミリシーベルト） X線CT検査1回分の被曝量 50mSv（ミリシーベルト） 放射線作業者の年間許容量 100mSv（ミリシーベルト） 年間にこれだけの線量を浴びると健康に悪影響があるとされるレベル（発がん率0.5%上昇） 250mSv（ミリシーベルト） 一時にこれだけの線量を浴びると白血球の減少が起こる 500mSv（ミ
先日オープンソース化したSNBinder（参照）、たくさんの人たちから色々なフィードバッックをいただけてとても感謝している。ブログの記事として書かれたものは私が知る限り以下の三つ。 penultimate diary: SNBinderを試してみる js do.it: SNBinderを試したよ！ a2c.get.diary: SNBinderに目からウロコ 小さなMVCが今現実に 当初は、最新のjQueryと動かないというバグがあったり、READMEにタイポがあったりとご迷惑をおかけしてしまったが、こうやってフィードバックをいただくことによって、励みになったり改良したり、というのがオープンソースの醍醐味である。とてもありがたい。 ちなみに、SNBinderは原型のようなものは１年前以上前からあったのだが、ViewとControllerの切り分けに部分がなかなかすっきりせず、公開を控えてい
先日予告したSNBinderのオープンソース化、GitHubに簡単なREADME付きでアップロードしたのでご覧いただきたい。 https://github.com/snakajima/SNBinder SNBinderは、ひと言で言えば「ブラウザー上でView(テンプレート)とData（JSON）を結合して HTML を生成するテンプレートエンジン」である。 ９０年の半ばから急速に広まったインターネット。サーバー側でダイナミックに生成したHTMLページをブラウザーで閲覧するだけ、というシンプルでエレガントなアーキテクチャゆえの成功だ。しかし、ブラウザーの高機能化に伴い、JavaScriptを駆使して使いやすさを向上しようという試みが色々なウェブサイトで行われている。GMail、Google Docs、Facebookなどは良い例だ。 その方向性を究極にまで突き詰めると、サーバー側は（MVC
第51回 縦書き主義 2011年1月17日 ITメディアデザイン コメント： トラックバック (0) フィードITメディアデザイン （これまでの増井俊之の「界面潮流」はこちら） 日本語というシステムは面倒も多いですが、独自のメリットもあると考えられます。 一音ずつ発音を数えやすいので俳句やしりとりのような遊びができる 漢字とかなを使い分けられるので速読しやすい また、これらに加え、 縦にも横にも書くことができる という特徴は現在の日本語表記システムの大きなメリットだと思います。 縦書きも横書きもできることは情報視覚化において有利です。縦長の領域に文字列を書きたいとき、英語などの場合は90度回転してテキストを書かなければなりませんが、日本語だと縦書きすれば問題ありません。実際、横書きの書籍でも背表紙は縦書きになっています。 下の古い案内地図では、俯瞰された地形図に対して短冊型の地名が縦に表示
Haskell to Javascript translator Project aims to provide solution to compile modern Haskell libraries to Javascript files and use them in Ajax applications or develop entire Ajax application in Haskell language Previous version of project is located at vir.mskhug.ru. Building Code builds as standard haskell package $ runghc Setup configure $ runghc Setup build $ runghc Setup install Usage To compi
ウェブページにある文章をコピーしようとしたり画像をダウンロードしようとして右クリックすると、右クリックが禁止されている旨がダイアログで表示され、何もできないことがあります。 これはサイト管理者がJavaScriptによって意図的に禁止しているもので、内容の2次利用を防ぐなどのための処置であることが多いのですが、不正目的ではないその他の操作も妨げられることが多く、利用者にとっては不便に感じることもあると思います。 このようなサイトで不便な思いをしたことがある方は、Firefoxに「RightToClick」というアドオンをインストールすることにより、このような措置を回避することができるようになります。 「RightToClick」は、JavaScriptによって右クリックが禁止されているサイトで右クリック禁止措置を解除し、通常のサイトのようにテキストのコピーやその他の操作を可能にしてくれると
JavaScriptと言えば、GmailやGoogleマップなどのページ移動を伴わない動的ウェブコンテンツの登場で一気に息を吹き返して注目を集めたプログラミング言語で、jQueryの登場によってプログラマだけではなくウェブデザイナーにも重要なものとなっています。 そんなJavaScriptを簡単に初心者でも理解できるようにということで、マンガ158ページ、解説文とサンプルソースコード全471KBの「マンガで分かる JavaScriptプログラミング講座」第2版が公開中となっています。この講座の第1版は2010年4月26日から連載を始めて2010年5月10日に完成しており、今回の第2版はその第1版からマンガをすべて描きなおし、説明文章を1.7倍に増補して、図版を充実させたものです。 アクセスは以下から。 マンガで分かる JavaScriptプログラミング講座 http://crocro.co
この和訳について¶ この文章は Google JavaScript Style Guide を非公式に和訳したものです. 内容の正確性は保証しません. ライセンスは原文と同じく CC-By 3.0 とします. フィードバックは Issue への登録 , あるいは Kosei Moriyama (@cou929 または cou929 at gmail.com) へ直接お願いします. この和訳のリポジトリは こちら です.
画面をダブルクリックで縦書きと横書きを切り替えることができます。要素を指定して縦書きにしている場合は、次回アクセス時に同じ表示が引き継がれます。 どんなサイトでも縦書きにするブックマークレット。 ↓右クリックで「お気に入り」に保存するか、リンクをドラッグしてブックマークバーにドロップします。 「縦書きにする・iPhone 用リンク」 「縦書き可能にする・iPhone 用リンク」 「段組み縦書き可能にする・iPhone 用リンク」 iPhone に登録するには？ とりあえずこのページを共有ボタンからブックマーク。 iPhone 用リンク を長押ししてコピー。 ブックマークを開いて、追加したブックマークを「編集」。 名前を「縦書き可能にする」などに変更し、URL 欄に上記コードをペースト。 最初の「http://」を削除。 注意！ やや動作が重いです！ うまく変換できなかったときは、画面をダブ
Come creare il miglior gioco da casinò Quando si progetta un gioco da casinò, la prima cosa che devi considerare è che tipo di gioco sarà. Ci sono molti diversi tipi di giochi da casinò, dalle slot e video poker ai giochi da tavolo e giochi di carte. Dovrai decidere quale tipo di gioco si adatta meglio alle tue esigenze. Ogni tipo di gioco ha il proprio set di regole e regolamenti, quindi dovrai a
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
