やっぱりFLASHなんていらない!? HTML5でできた超高度なインタラクティブサイト
やっぱりFLASHなんていらない!? HTML5でできた超高度なインタラクティブサイト2011.11.14 14:00 mayumine ｢One Milionth Tower｣は高層建築が社会に与えてきたストーリーをミニドキュメンタリーとして紹介するプロジェクト。 ｢One Milionth Tower ｣の注目すべきところは、世界初の、完全にHTML 5と WebGL、Javascriptだけで作られた、高度なインタラクティブなサイトになっているところです。 3Dのビルや写真（そして音も）のドキュメンタリーグラフィックスは、すべてWeb GL（2D/3Dグラフィックスをウェブブラウザだけで表現できるAPI）で表現されています。 さらに｢One Milionth Tower｣では、｢Popcorn｣と呼ばれる、WebのAPIとHTMLのビデオ属性を統合する特殊なJavascriptツール
「英語だから…」なんて拒否っちゃ駄目なWEB屋が知っておくべき厳選ブログ、WEBマガジン色々 | バンクーバーのうぇぶ屋
最近やたらWEB屋さん達からの留学相談が増えてきましたが、やっぱり多いのは実際にこっちに来て仕事をしたい、移民したい、WEB業界の交流を持ちたい、というようなお話。 もちろん、人によって留学に求める物は違うので、都度色々お話させてもらっていて僕自身刺激になることも本当にすごく多いのですが、たまに聞かれるのが「どんなブログやサイトを見て情報収集しているのか？やっぱり英語なのか？」というお話。僕自身もちろん純日本人なので、英語の本とか読もうとすると未だに発狂しそうになりますが（Steve Jobsも全然進んでないorz）。確かに、日本語のサイトから情報を収集することは少なくなった気がします。 当然、僕が尊敬する人のブログは誰であろうと逐一チェックしますが、デザインや技術面での情報収集は英語記事を読んでいることが多いです。 でも、正直デザインや技術面の記事って英語分かんなくっても、なんとなく分か
開発現場のノウハウをもっと共有して、ハッカー文化を企業に根付かせよう
日本のオープンソース会の重鎮（そして自称プロのよっぱらいでもある）楽天技術理事のよしおかひろたか氏が、はてなダイアリーの未来のいつか/hyoshiokの日記で「IT産業には民族誌が必要だ」というエントリを書いています。このエントリにはとても共感するところがあります。 よしおか氏は以前から、ハッカー中心の企業文化を日本に根付かせたいという意志をもってさまざまな活動をされていて、今回の「IT産業には民族誌が必要だ」という意見もそれを実現する要素の1つです。 ではなぜ民族誌が必要だとよしおか氏が書いているのか、本題に入る前に、よしおか氏が言う「民族誌」とは何なのかを、今年の2月にデベロッパーサミット、通称デブサミでよしおか氏が行った講演「ハッカー中心の企業文化を日本で根付かせる」のスライドから少し読み解いていきましょう。 ハッカー中心の企業文化を根付かせるために この講演でよしおか氏は「良いソフ
rails3 + html5 canvasでお絵かき投稿サイトを作ろう！
はじめましてこんにちは。 KRAYアルバイトの浅海です。 html5のcanvasを使ってお絵かき投稿サイトを作ってみようと思います。 初めてブログ記事を書くということで気合が入りました。 ちょっと長めですがお付き合い下さい。 機能 お絵かき投稿サイトの必要最低限な機能って？ ざっと下のような機能を入れてみます。 絵を描ける 絵を消せる 描画を一回分戻れる 線の太さを変えられる 線の色を変える 絵を投稿できる 投稿された画像の一覧を表示できる → 完成見本はこちら完成見本の公開は終了致しました。 絵を描ける HTML5のcanvasにマウスの軌道に線を引いていくわけです。 canvasでのマウス軌道の描き方は、 ・mousemoveイベント発生時に点をプロット という手段が真っ先に思い浮かぶと思いますが、これは、以下の様になります。 これではお話になりません。 なので、点ではなく線を引くこ
笑ってはいけないSIer 抽出
Kenji HASUNUMA "btnrouge" @btnrouge ベンダーがサポートを打ち切ったミドルウェアを「安定版」と信じていつまでも使い続ける。そしてバージョンアップの時に痛い目を見る（その上結果しくじったら会社の信用を失う）。 #笑ってはいけないSIer 2011-11-12 05:22:25
ベッドの選び方わかんねえええええ : まめ速
1：以下、名無しにかわりましてVIPがお送りします：2011/11/12(土) 17:37:15.17ID:At4mXUohO 部屋狭いからシングルでなるべく小さいものを買おうとしてるけど、 なにを基準に決めればいいのかわかんない… とりあえず部屋の雰囲気とあうフレームの種類とか？？ 2：以下、名無しにかわりましてVIPがお送りします：2011/11/12(土) 17:40:58.15ID:Lz8UTn2VO 二段ベッドの下があいてるアレ 面積は稼げるよ http://www.google.co.jp/search?q=ロフトベッド 5：以下、名無しにかわりましてVIPがお送りします：2011/11/12(土) 17:42:21.93ID:At4mXUohO 狭い部屋に置いたら圧迫感すごくね？確かに広く使えるけど 10：以下、名無しにかわりましてVIPがお送りします：2011/11/12(
ヘッドマウントディスプレイで仕事してみた - mixi engineer blog
こんにちは、机の上が汚いといつも怒られている森本＠たんぽぽグループです そんなに言うなら！という訳でスッキリさせてみました。 ガジェット好きなみなさんならご存知だと思いますが、先日SonyよりHMZ-T1というヘッドマウントディスプレイ(以後HMD)が発売されました。今までもHMDが発売されてきましたが、残念ながら視野角・解像度の面で満足できるモノではありませんでした。しかし今度は違います。何と視野角45度、解像度1280x720と実用上まったく問題のないモノになっています。発表と同時に予約をしたおかげで無事発売日に入手することができたので、さっそく仕事で使って見ました。 ちまたのブログにもかかれているとおりHMZ-T1が綺麗に見えるスイートスポットはかなり狭く感じました。ピタッと決まるととてつもなく綺麗に見えますがちょっとずれるとたちまち画面端がぼやけたりします。このあたりは慣れが必要で
サバクラ両方で動く JavaScript の大規模開発を行うために
サバクラ両方で動く JavaScript の大規模開発を行うために 原文：Scaling Isomorphic Javascript Code (This is just for study, please contact me at tily05 atmark gmail.com if any problem.) 考えてみれば Model-View-Controller とか MVC ってよく聞くよね。実際どんなものか知ってる？ 抽象的に言うなら「オブジェクト情報の保持されるグラフィック・システム (つまり、ラスターではないグラフィック。ゲームとか) 上に構築された、表示系を中心としたアプリケーションにおいて、主要な機能どうしの関わりをうまく分離すること」とでも言おうか。もう少し深く考えを押し進めてみれば、これは当然、他のさまざまなアプリケーションにもあてはまる言葉 (bucket te
恋人を1人作りたければ、飲みに誘える異性の友人を3人作れ
ここ数年、恋人に恵まれない人間やそういう人間ばかりのコミュニティを目にする機会が何度かあった。 彼（彼女）らは口々に出会いがないと言い、結婚の見通しを聞けば数年の内には、とかお見合いでもいい、と言う。 率直に言ってその「出会いがない」という言い訳はあまりにもナンセンス。「出会い」という、白馬の王子様がある日突然現れたり、お姫様が空から降ってきたりするようなイベントを期待するのが間違い。 そういう出会いから恋愛に発展し、幸せをつかむ人がいないわけではない。しかし、20年30年と生きてきた人間は人生の節々で何十人何百人という異性と出会ってきているのだから、その機会をこれまで見過ごしてきた人間が、今更次の出会いからチャンスをものにしようなどと考えない方がいい。次も必ず見過ごす。 ではどういう努力をすればいいのか？それは簡単、「1対1で気を許して会話できる友人を、性別問わず作る」ことだ。 これ自体
今晩早速やってみて♪ 3分でできちゃう「だし巻き玉子」レシピ
ご飯のおかずが足りない！ お弁当に彩りが欲しい！ そんなとき大活躍してくれるのが「玉子焼き」や「だし巻き玉子」です。でも火を通している間は目を離せないし、焼きながら巻くのは意外と大変。 でも、たった3分で、しかも別の料理の片手間に簡単にだし巻き玉子を作る方法があるんです。早速ご紹介したいと思います♪ 【材料】 ・卵2個 ・塩 適量 ・めんつゆ、もしくは、ダシ＋醤油 適量 【道具】 ・耐熱容器（四角い形がベスト！） ・巻きす 【作り方】 1．まず、耐熱容器の中に卵を割って混ぜ、塩とめんつゆを好みの量入れよく混ぜます。 2.次に、容器ごとレンジに入れちゃってください。ラップをしないのがポイント。600ワットで1分30秒ほど。加熱時間はメーカーによって異なるので様子を見ながら加熱してください。2回に分けて加熱してもOKです。 3.レンジから取り出したら半熟卵ができています！ これくらいの半熟度だ
大人になっても夢を持ってよいということ - My Life After MIT Sloan
みなさま、ご無沙汰しております。 今年5月に最後のエントリをを書いて以来、半年間ずっと書いていなかったブログを久しぶりに再開することにしました。久しぶりに開いたら、いつのまにかFacebookやはてなブックマークとも連携できるようになって便利になっていて、ちょっと浦島な気分。 何故ずっと書いていなかったのか、と言われると、単に創作活動をする精神的余裕が無かったのだろうと思う。仕事も忙しかった。でも、今年1月のエントリ「私が人生の進路変更をした理由」で書いたとおり、「書く」という時間は、私にとって最も大切な時間で、精神的にも一番落ち着く時だ。特にブログは、書くことですぐに人とつながれるのが楽しく、やはり自分のホームベースだと感じている。だから少しでも書く方がよいとわかっていたが、ずっと書いてないと、「あ～すごく面白いことを書かなきゃ～」というプレッシャーがあってなかなか書けなかったりする。正
ソーシャルゲーム業界にヤクザ屋さん系開発会社が大量参入で超カオス - やまもといちろうBLOG（ブログ）
早ければ年明け頃にもあれこれ騒ぎが起きるのかと思うと期待で胸が膨らんで風船おじさん状態となって偏西風に乗って太平洋を越えてカナダに落下して山火事でも起こすんだろうなあと思っておりますけれども、結構大変なことになってきております。 もっとも、ヤクザ屋さんといっても直接もんもん背負った人がカタカタとコード書いたり鯖セットしてるわけではなく、そういう方面の人たちが資本投入したり役員に名前が連なったりしているという話なんですが、要するに出会い系でのしのぎが減ってきたので儲かる方面に参入してきた感じで。 なんか山間部の開発が進んでしまったので、食糧となっていた木の実が減って食えなくなったニホンザルの群れが人里まで降りてきて田舎者が耕している畑を荒らしてサルとの戦いを強いられているという図式なんでしょうが、ソーシャルが流行っているというのでうっかり突撃してきたVCが金を入れてしまってから後で気づくとい
CSSのみでテキストにグラデーションやリフレクトをかけるテクニック（ちょっと更新） - くらげだらけ
前回はiOS5のMobile Safariから使えるようになったHTML5・CSSについて前編と後編に分けてご紹介しましたが、そのなかで説明していない小さなテクニックについて少し紹介したいと思います。 今回はCSSでテキストにグラデーションをかけるテクニックについてです。 前回のWeb App Demoではフッタータブに特殊なWebFontを使ってアイコンを表示させるようにしていましたが、タブがActiveのときに色が変わってエフェクトがかかるようになっています。 このエフェクト効果はCSSでテキストにグラデーションをかけるテクニックをつかってやっています。 通常、CSSでテキストカラー（colorプロパティ）にグラデーションを指定することはできませんが「:after」擬似クラスや「mask-image」プロパティを組み合わせて使うことでグラデーションのような表現をすることができます。具体
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
はてなブログ | 無料ブログを作成しよう
中国嫁作者「漫画描くより２ｃｈまとめサイト運営した方が儲かる」 - Togetter
Google+「ページ」がFacebookやTwitterに勝つ理由
長文日記
TOEICのリスニング問題よりも100倍以上面白くて刺激的なTEDで英語を学ぶ