December 2011
2 tags
1 tag
“ポストPCに要件が一つあるとするとそれはPCよりも売れること。PCよりも数が売れれば性能的にもPCを凌駕することになりますから。ただ、PCより売れるためには、PC...”
– 佐藤一郎: Web日記 (2011年)
1 tag
リアルの絆に組み込まれたネット社会
youkoseki:
概要：2011年はインターネットのソーシャル化が進行した一年だった。それは同時にネットのリアル化であり、リアルとネットの統合が進んだということでもある。もはやインターネットは特別な場所ではなく、リアルな社会の一部でしかない。
日本漢字能力検定協会が発表する「今年の漢字」は「絆」であった。「今年の漢字」は全国からの応募で決まるため、この一年の社会情勢全般を反映したものと言える。しかし「絆」という語は、今年のネットトレンドを総括するのにもぴったりである。
ネットのソーシャル化とリアル化
...
1 tag
“どれに近いかといえばFFFFOUND!が一番近いとは思いますが、それよりももっとセンス自慢的な側面が強いです。嫌な言い方をすればですけど。FFFFOUND!が画像...”
– Pinterest #2 - Weblog - hail2u.net
1 tag
“xxx monkeyがJavaと同等を目指す云々の話も、
Crankshaftの作りと比較すると、現実的な目標のようの思いました。
JVM...”
– V8のJITコンパイラ、Crankshaftについて — V8 Crankshaft Overview 1.0 documentation
1 tag
マイクロブログの文脈付き投稿情報の体系化に基づく重要ユーザ推薦と情報集約支援への応用 →
effective-tumblr:
TumblrユーザーでTumblr Gearの開発者の@honishiさんから、Tumblrを題材にした日本の論文があると教えてもらいました。ユーザーにとってソーシャルフィルタリングをする上で有用なコミュニティ（ユーザー郡）を見つけ出し、その代表ユーザーを抽出してリコメンドするために、次のようなステップで解析を行う、という試みをしているようです（と思います、理解が違ったら是非ご指摘を）。
あるユーザーの投稿50件について、その投稿の伝播経路（リブログ経路）に出てくるユーザーと、誰が誰からリブログしたかというリブログ関係を調べる。
平面上に登場したユーザーを並べて、リブログ関係の矢印でつなぐ。同じ経路で複数回リブログされていたら（たとえばユーザーAはユーザーBから5回もリブログしている）その矢印は太くなる（3.1）。
...
1 tag
“540 ：名無しさん＠お腹いっぱい。：2011/12/22(木) 07:24:44.47 ID:wR5RKQL80...”
– Google Chrome 43 プロセス目
2 tags
Chrome Canary...
Firefox 11ではXMLHttpRequestでの処理の際に「XMLHttpRequest.responseType = ‘document’;」のように記述すると、XMLHttpRequest.responseやXMLHttpRequest.responseXMLから、HTMLDocumentオブジェクトを得られるようになっている(XMLHttpRequest.responseTextからの取得はエラーが表示される)。
Nightly の XMLHttpRequest で text/html がパース可能に！ - hogehoge @teramako
Chrome Canary 18.0.976.0でもこれが可能となっている事を確認した。
XMLHttpRequest.responseXML now supports HTML...
2 tags
2 tags
“最高裁で、Winnyの金子勇氏の無罪が確定した。彼には情報通信政策フォーラムでも話してもらったが、ここに至るまでの7年は長すぎた。日本のP2P技術は、もう壊滅して...”
– 池田信夫 blog : Winny事件で日本が失ったもの - ライブドアブログ
うーん…。これはあまりに間違いだらけでツッコムのに大変だ。
P2P技術は別に日本だけで「壊滅」したんじゃなくて、違法ファイル交換以外では世界中で絶賛「壊滅」中だよ。別に京都府警が「壊滅」させたんじゃなくて、放っといても「壊滅」するものだったんだよ。結局、P2Pは時代の徒花だったんだよ、BitTorrentやJoostも含めて。
...
3 tags
“Mozilla は、Google との重要かつ相互に有益なレベニュー契約の交渉を成立させたことを発表します。この新たな契約により、Mozilla と...”
– Mozilla と Google は Firefox のデフォルト検索について新たな契約に署名しました | Mozilla Japan ブログ
3年後の2014-2015年、ウェブとブラウザーはどのように変化しているのだろう。標準的な技術の仕様策定と開発・実装は今以上のスピードで進んでいるのだろうか。また、そのスピードを維持し続けるブラウザー(厳密には開発者達や関係するコミュニティ)は主に5つのままだろうか。さらに、現状では非標準的な独自実装と指摘・批判されている技術の内、どれくらいが多くの開発者・利用者の支持を集め、標準的な技術として見做されるのだろうか。
1 tag
スマフォとゲームとメモリと節度
radiumsoftware:
ある程度の規模のスマートフォンゲームを作ると仮定しよう。そのゲームは相当量のメモリを動的に確保する。もしかすると実行中にメモリが足りなくなるかもしれない。その場合は、あの忌々しい警告ダイアログを表示しなければならないかもしれない。あれはゲームにとって本当に忌々しい存在だ。
そこでアプリの開発者は考えた ーー 起動時に大量のメモリを仮に確保し、そののちに開放するという手続きを経ることで、メモリが十分に足りることをあらかじめ確認できるのではないか、と。
Stack Overflow - Handling low-memory start-up situations on iPad devices
これは面白いテクニックだ。でも真似してはいけない。
なぜか？...
2 tags
2 tags
“インターネットを通じて映像や音楽を共有するソフト「ウィニー」を開発し、著作権法違反の幇助（ほうじょ）罪に問われた元東京大大学院助手・金子勇被告（４１）の上告審で、...”
– asahi.com（朝日新聞社）：ウィニー開発者の無罪確定へ 最高裁、検察の上告棄却 - 社会
1 tag
“gkojax...”
– the whole world is peaceful. - TDM 2011 (via otsune)
「リブログ環境を最適化した結果、リブログのボトルネックになっているのは人間側だ。さらに言うと手の動きなどの身体的な要因ではなく、脳の処理速度が圧倒的に遅い。つまりリブログする／しないの判断を速くする以外にリブログ速度を上げる方法が無くて、自分はこれを今0.5秒で判断しているのでそれを0.3秒でできるようにしたい」って言いたかった。
僕がオリンピック目指すって話に持っていってもいいんだけど、いずれみんなもこの壁にブチ当たりますよ～って話にした方がリブログマンキーっぽいと思う。
(via...
2 tags
3 tags
“TwitterとかFacebookは追っかけてないと置いてけぼり感がどうしてもあるけど、Tumblrはいつ開いても同じように次へ次へ続いていて、日付も時間も何もか...”
– 井の中の蛙、大海を知らずともReblogを知る - インターネットすやすや
1 tag
秋場所のこと
jinon:
多分、TDM参加者で俺が一番たんぶらーから離れてたと思う。Reblogすることも日に数回もなかったから（この二週間ばかしリハビリ的に増やしてたけど…）。そんな状態でRPMが極度に高いまんきーの巣窟に飛び込んだ。あ、その巣窟に女性は三人だったよ…（だよね?）。そうして当然のようにこうなってた↓
Twitter / @jinon: IT業界としては日本一肌色の多いプレゼンの会となっていますね。#akibasho https://twitter.com/#!/jinon/status/147949559220412416
Twitter / @jinon: 無修正ダッシュボードムービープレゼンという技。 #akibasho https://twitter.com/#!/jinon/status/147934656388534272
...
1 tag
TDM 2011
taizooo:
袖口の綻んだセーターのままで出掛けてしまった。思えばこのあたりから始まっていた。
諸処の事情で中央フリーウェイをカッ飛んでいったのだが、意外と訳無く着いた。電車だとケイタイ弄って時間を潰してしまうので、一人でドライブするというのも意外といいもんだなあと思った。天気も最高で富士山とか青空とか写真撮りたいなとか思ったがムリでした。
神田橋のインターを降りて、秋葉原駅に近づくほどに、横断歩道の人の多さにたじろいだ。が、 UDX の駐車場への渋滞でさらにたじろぐことになる。やっとこさ地下駐車場に突っ込んで、そこから地上に出るのに一苦労して、さらにカンファレンスフロアの6階まであがるのに一苦労。もうその段階でかなりアウェイ感に打ちひしがれていた。
なんとかエレベータに乗ったときに otsune...
1 tag
pixivポップボードのキャッシュの仕組みとFacebookのUIの話
carbonless:
こんにちは。JavaScript Advent Calendar 2011 オレ標準コース18日目の@ykskです。
先日pixivにポップボードという通知機能がリリースされました。自分がお気に入りユーザーに追加されたり、投稿したイラストがブックマークされたりした時にヘッダーに未読件数などのお知らせを表示します。僕は直接機能を実装していたわけではないのですが、リリース直後に起こった負荷の問題でJSを書きました。今日はその話をします。主にUIの話です！ え！
リリース直後、定期的に未読数の更新をAjaxで行っていた部分の負荷が急激に上がりました。ページロード時にHTMLに未読数を埋め込んだあと、2分ごとに未読数取得APIへリクエストするという処理です。
...
2 tags
tumblrike →
yaruo:
pchw:
yaruo さんが #akibasho で like を勝手に rblg するの欲しいなーって言ってたので作りました！
http://tumblike.herokuapp.com/
login on tumblr を押して Tumblr のアカウントで認証します(OAuth) login したら，自分の持ってるTumblogが出てくるので，自分の発掘されたlikeがrblgされていいやつを選んでSubmit&Activateを押します． Registerd! が出たら登録は終了です． ちょっと10分ぐらい待つと，肌色のひっそりlikeしたエロ画像とかを掘り出してきてrblgします！
うちのは http://pchwlike.tumblr.com/ にrblgされるように設定しました！
...
3 tags
無限Tumblr ユーザースクリプト
joodle:
Tumblrやり過ぎて2TBのメモリーを積む羽目になった皆さんおはようございます。
ブラウザでTumblr使ってると、どうせ既に見た物を振り返る事なんてないのに、メモリの使用量が増えて困り者ですね。
そんなあなたにこんな物を作ってみました。ブラウザ専用メモリー増加抑制ユーザースクリプト。
無限タンブラーユーザースクリプト(モダンブラウザ使っている人ならリンクを踏むだけでインストールされますのでご注意を。)
これって何？
既に遥か上方に流れてしまったダッシュボード上のpostを下から50~100件をのぞいて削除します。画像もテキストも削除して真っ白な枠だけ残すので、見栄えを崩さずに快適Reblogが出来ます。
ユーザースクリプトなので、FirefoxはGreasemonkeyのインストールが必要です。Google...
2 tags
2 tags
“Google In-App Payments を利用すると、Web ブラウザ「Chrome」用アプリケーション/拡張機能/テーマを販売する「Chrome Web...”
– Google の Web アプリ内課金サービス、日本でも利用可能に - インターネットコム
2 tags
JSの前にCSS読み込まないと色々うまくいかないことがある
hamalog:
head内にlinkでcss読み込んで、scriptでjs読み込んで、中で DOMContentLoaded だの jQuery(function(){}) だのやって云々とかやりますよね。これ、
link要素でCSS読み込み
script要素でJavaScript読み込み
の順番でやらないと上手くいかないことがあるみたいです。って今日はじめて知りました。
OK（link先script後）
NG（script先link後）
...
1 tag
“● ウェブサイト収益化には一部広告が必要との考え方から
...”
– 拡張機能「AdBlock Plus」に「受け入れられる広告」表示機能、波紋を呼ぶ -INTERNET Watch
2 tags
“ GoogleのNaCl担当製品管理ディレクターであるIan Ellison-Taylor氏によると、NaClとも呼ばれるNative...”
– グーグルが性能を誇示する「Native Client」技術—「Chrome」向けゲームも発表 - CNET Japan
1 tag
「コードを後ろまで読まないと処理内容が確定しない」問題
0-9:
JSは無名関数伸びだし方にいくつかあってよくあるのが(function () {})()だけど、この方法だとコードを最後まで読まないと処理内容が確定しないという問題がある。
(function () {
/* この時点では処理内容は未確定 */
})();// ここまで読んでようやく実行されることが確定する
基本的には「(function」で始まってれば大抵「})();」で終わるのでそこまで問題じゃないけど、こういうコードだと結構困る。
var hoge = (function () {
/* 最期まで読まないとfunction objectをhogeに保持したいのか、無名関数を実行した結果をhogeに保持したいのかわからない */
})();
この点、new function () {}は最初の「new...
2 tags
1 tag
Sass と LESS 以外の選択肢 Stylus
kyosuke:
Less & Sass Advent calendar 2011 の10日目です。
CSSメタ言語ではSass（SCSS）やLESSが流行っているしLess & Sass Advent calendarですが、あえて別の選択肢として「Stylus」というものを紹介しようと思います。
StylusもSassやLESSと同じようにCSSに変換するCSSメタ言語の一つです。 開発者はnode.jsでの超有名ライブラリ「express」を作ったTJ Holowaychuk。...
1 tag
スマートフォン向けサイト作成時のSass活用法
mattari-panda:
この投稿はLess & Sass Advent calendar 2011の５日目の投稿です。このポストでLess & Sass Advent calendar 2011を知ったという方は一日目の投稿から読むことをお勧めします。
ここまでの４日間のAdvent calendarでSassに興味を持ち、導入意欲も湧いてきたかと思いますが、この辺りで実際に実務でどのように使っているかをスマートフォン向けサイトを例に紹介したいと思います。
ベンダープレフィックスの面倒さを解消
スマートフォン向けサイト（以下スマホサイト）構築時のCSS記述の面倒さに「ベンダープレフィックス（接頭辞）」をつけることにあると思います。
...
1 tag
jQueryはそろそろ実装と仕様を分離すべきじゃないか
0-9:
jQueryがでかすぎて小分け版のｊQuipが出たり、スマホ向けのZepto.jsが出たりしてるけど、そろそろjQueryも仕様と実装を分離して、素のjQueryとそれ以外を分ける方向に進んだらいいんじゃないか。
このへんPythonはうまくやっててCPython、Jython、IronPython、PyPyって感じで上手く分かれてる（ように見える）
jQueryも今のJS実装はCjQuery的な名前にして「jQuery」はテスト群とドキュメントの名前にすれば、他のjQuery実装も並立しやすくなると思う。
各種実装は「*jQuery」的な名前にして、「jQueryテストカバー率nn%でxx環境向け」ッテ感じの表記にするか、CCっぽく「xx APIセットサポート」みたいな表記にすればわかりやすくていいと思う。
CC的な表記であればPluginも「xx...
1 tag
“実際のところ、Google にしても Mozilla にしても、現状この契約なしでやっていくことは困難なのだ。Mozilla は Google...”
– Mozilla と Google との検索契約は、終わってはいなかった - インターネットコム
2 tags
“OperaのJavaScript対応ってFirefoxやChromeに比べてそんなに時間かかるかな？という疑問はさておき、もし自分がサービス作る人だったとしたら、...”
– ユーザー1%あたりの（略）が一番高いのはOpera - もし高校野球の女子マネージャーがOpera Browserを使ったら - チーム俺等
1 tag
“現在は「Chromeと他の環境の間で開発ツールを相互に利用するためのプロトコルの開発にも取り組んでいる」とし、具体例としてAdobeのデザインツールと連携できるよ...”
– Chrome担当者が紹介する最先端Web技術 (1) 最新HTML技術を駆使したWebアプリケーション4選 | エンタープライズ | マイナビニュース
2 tags
“ 米Google本社で8日に開催されたNative...”
– スクウェア・エニックス、Native Clientを用いたChrome向けゲームを披露 -INTERNET Watch
3 tags
1 tag
情報の過食と偏食は防げるか
youkoseki:
概要：インターネットは情報流通の拡大と多様化に貢献した。しかし、ソーシャルメディアの流行や、ネットメディアのパーソナライズ化により、私たちの摂取する情報は無意識のうちにどんどん増加し、かつ偏りを増している。
まずはこの猫の動画をごらんいただきたい。2008年の動画だが、私はすこし前にTwitterのタイムラインで流れてきて知った。二匹の猫がリング上でじゃれあっており、たいへん愛らしい。
最後まで視聴されただろうか？ これであなたの貴重な一分間は失われてしまった。
...
1 tag
「もし"use strict"が複数のモードをサポートしたら」
0-9:
perlにはuse Strictに引数渡すことができて、それによって幾つかのモードを切り替えることができる。
もしJSでも同じようなことができるならこんなことができたらいいなというのを思いつきで書いてみた。
—-
・Automatic Semicolon Insertion禁止
JSは末尾の;を省略しても自動的に補ってくれる機能があるけど、これを禁止にして「文法上必要な末尾の;が省略されている場合構文エラー」モードを付けたい。
—-
・変数の書き換え禁止（全部定数モード）
varの代わりにconst使えばいいけど、functionの引数とかも全部constにしたい。objectのpropertyを書き換え禁止にするかどうかは微妙だけど、「propertyも書き換え禁止モード」があってもいいかも（全部freeze状態）
—-
・Labelled...
1 tag
快適に「あとで読む」ための環境
bulknews:
TL;DR - Reeder と Readability, ifttt すばらしいよ。
最近よく使っている「あとで読む」ためのアプリケーション環境。基本的には naoya さんが書いてるのと同じだと思うんだけど。
HBFav というはてなブックマーク iPhone アプリを作りました
HBFav には、はてなブックマークに追加する機能や、公式のはてなブックマークアプリと連携してブックマークを追加する機能だけでなく、Instapaper と連携する機能をつけました。Instapaper はいわゆる「あとで読む」サービスで、これは後で読みたいなと思ったサイトを登録すると、良い感じに整形してくれ保存しておいてくれるサービスです。
PC や iPad で Instapaper を利用するのも便利ですが、ぼくはこのところ Kindle を使っています。
...
1 tag
“重大なバグが手元で発生した場合はセーフモードでの確認や、グラフィックドライバの更新等で様子を見てみるべきです。もし、特定のアドオンや、システムに常駐してるソフトウ...”
– Firefox Inputって何? - WebStudio
2 tags
“最も問題なのは、以下の文章だ。
２．許諾された使用方法およびその制限...”
– 本の虫: Safari for Windowsの日本語版の使用許諾書がひどい
2 tags
“Googleは、Mozillaとの契約を終了させた場合、22％超のシェアをもつWebブラウザという導線を捨てることになる。Google自体が収入を広告に依存してい...”
– 苦況（ピンチ）の内にも入りません - Mozilla Flux
1 tag
“シェアの低迷については、まさに湯川氏が書いているとおり、「2009年12月には25.02%あったFirefoxの市場シェアが2011年11月には22.14％にまで...”
– 苦況（ピンチ）の内にも入りません - Mozilla Flux
1 tag
“「最近のFirefoxはリリースサイクル速め過ぎて迷走してる」という意見については、色々反論したいことあるのでここで書いておく。 ...”
– 「Firefox 開発停止」の誤解 - snyk_s log
1 tag
JSでラベルがサポートされ続けなければならない理由
0-9:
あまり知られてないし、実際殆ど使われてないけど、JSにはこんな感じで使うラベル構文がある。
hoge:
for (;;) {
while (1) { break hoge; };
};
使われてない理由は色いろあると思うけど、functionの中から外に飛べないのでイテレータとの相性がわるいというのもあって、これがなんとかなれば多少は使われるのかなーという感じ。
ただ、それでもこの言語仕様はJSの実装上非常に重要な構文で、これがないとsyntax errorになるコードは結構多いはず。
具体的には以下のようなコードがsyntax errorにならないのはhttp:がラベルと解釈されてその後の//がコメントの開始と解釈されてるから。
http://example.com/
if (true) { alert(1); };
...
1 tag
“Tumblrって、そのポストに対する共感を基にして
見ず知らずの人も含めてみんな数珠つなぎにしちゃうってのが一番面白いとこじゃないですか。
...”
– あるリブロガーの終焉 - たんたろ日記
3 tags
「Webデザイナーのための jQuery入門」という本を書きました
hamalog:
2011年12月7日発売です。もう本屋に並び始めたみたい。
Webデザイナーのための jQuery入門
これは、Webデザイナーとか、HTML+CSSを普段書いてるような人でJavaScriptをほとんど知らないという人がターゲットで、そういった人らがjQuery使ってちょっとしたものを自分で作れるようになれるようになったらええんじゃないかという感じで書かれた本です。ちょっとしたモノっていうのは、この本で解説している、以下のような機能です。
画像のロールオーバー
入力フォームのガイドテキスト（「検索ワードを入力してください」みたいやつ）
アコーディオン
外部ファイルを読み込んで表作成
スライドショー
タブコンテンツ
ツールチップ
プラグインの使い方と作り方
...
1 tag
“高速リリースの利点と欠点
◎最新機能・技術をすぐ利用可能
◎Web技術の発達を促進
◎より広く早いフィードバック
◎リリース日が事前に予期可能...”
– Firefox with HTML+CSS
1 tag
“あるコードやデザインが完全な理解と洞察のもとに書かれている、と想定していろいろ深読みをする人がおり、それってシャレでやるのはいいけどあまり真剣に考えると大抵は陰謀...”
– Hajime Morrita - Google+ - 雑感の雑感: - Leveldb を書いたのは Jeff Dean…