知ってて当然？初級者のためのJavaScriptで使う即時関数(function(){...})()の全て
(function(){...})()は、 (function($){ $.hoge = function() { }; })(jQuery) みたいに使われていたりするコード。GreasemonkeyとかjQueryのプラグインとか、あれこれ見かけることがあると思います。 この話題はいくつかWebでも取り上げられていますが何がどうなってんのかちょっと難しいですね。しかし、誰でも理解できるレベルではあります。というのも、こういう種の難しさは体系的な知識が備わっているか否かということなのです。 でも、この知識を体系化する作業って結構しんどくて、難しくて、まーハゲるほど悩むこともあるかもしれない。それはきっと、とても毛根に悪いかもしれない。スカルプDも真っ青の状況になるかもしれない。それは、悲しいことなのだと思う・・・っ！ 毛根にはこれからもがんばってほしい！いつだって頭を温かいまなざしで見守
そろそろHadoopについてひとこと言っておくか - nokunoの日記
もうこの手の話題は出尽くした感がありますが、最近Hadoopについて考えることが多いので、エントリにしてみます。なお、ここではベーシックなMapReduce+HDFSのことをHadoopと呼ぶことにします。 HadoopとはHadoopとは言わずと知れたGoogleのMapReduce/GFSのオープンソースのクローンです。MapReduceではプログラマはMapとReduceという2つの関数を書くだけで、並列分散処理をすることができます。これは(1) データを実際に持つマシンにプログラムを配布する (2) MapとReduceをつなぐShuffleフェーズでキーをグループ化してソートする、(3) 障害時のフェールオーバーやレプリケーション、といった処理をフレームワーク側が受け持つことによって、プログラマ側の負担を減らすものです。GFSに対応するHDFSにはファイルをクラスタに分散して保存
HTML5 SessionStorageの挙動 - IT-Walker on hatena
まずは、Web Storageの簡単な説明から。 HTML5 Web Storageは、簡単なキー／バリューのデータ構造を持つ永続ストレージです。 現在、LocalStorageとSessionStorageの二種類が仕様に盛り込まれています。 LocalStorageは、サイト（オリジン）ごとに一意の永続領域で、同じサイト内の全てのWebページ／ウィンドウ間で共有され、永続化される期間は無制限です。 SessionStorageは、ブラウザウィンドウごとの永続領域で、ウィンドウを閉じると消えてしまいます。 で、SessionStorageが「ブラウザウィンドウごと」と言うのは具体的にどういう事なのか、仕様書と実際のブラウザによる実装をいろいろ試して調べてみました。 試すのに使用したのは以下のWebアプリ（僕が自分で試すために作っただけなので、超使いづらいですが）です。 http://ge
最新ブラウザのHTML5タグへの対応状況をまとめてみた - IT-Walker on hatena
ちょっとしたプログラムを書いて、各メジャーブラウザのHTML5タグへの対応状況を調べてみました。現時点でのHTML5仕様に含まれているタグが、ブラウザにUI要素として認識されるかどうかを調べただけです。これだけでは、HTML5の対応状況としては一部しか調べられませんが、一応の参考として。 間違いがありましたらご連絡ください。 具体的に行った調査方法は、記事の最後を参照してください。 IE8Chrome2Chrome3(Beta)Safari4Firefox3.5Opera10(Beta) div○○○○○○ section×××××× nav×○○○×× article×××××× aside×○○○×× h1○○○○○○ h2○○○○○○ h3○○○○○○ h4○○○○○○ h5○○○○○○ h6○○○○○○ hgroup×○○○×× header×○○○×× footer×○○○××
DBの基本を勉強したい人へオススメする本 - ｜ω・)ノ ＜黒猫の気まぐれ日記
最近，学部生に「DBについて勉強したいんですが何かオススメ参考書はありますか？」と聞かれた．私自身も，DBについて勉強したいなぁと感じていた．というのも，この頃院の授業で正規化の辺りを突っ込んでやったり，授業では習わない類のクエリを書いたり，数万件以上のデータを処理したり・・・とやっているうちにどうにも自分の知識不足を感じたからだ．学部の時は授業で理論の基本的なところを習って，あとはDBを利用したちょっとしたWebサービスを作ったくらいで，ちゃんと理解してこなかったから仕方ないといえばそうなんですが。。。まぁせっかくなので，DB関係の本で私がオススメかなーと思う本を挙げておきます(・ω・*) ●はじめの一歩DBについて勉強しようと思って一番最初に思い出したのは「マンガでわかるデータベース」という本．マンガでわかるデータベース作者: 高橋麻奈, あづま笙子, トレンドプロ出版社/メーカー:
Javaフレームワークの比較検討資料公開 - 矢野勉のはてな日記
Java仕事で各種フレームワークを比較検討したので、比較用に作った参考資料を公開します。ちなみに現在私は、ドワンゴさんの社内システム開発をお手伝いしてまして、その一環で調べたものです。会社資料じゃなく、私の資料ということでブログで公開してよい、むしろしとけ、とのことなので公開しときます。 今回の案件向けにアプリケーションを画面層コンテナ層データアクセス層に分けて、それぞれフレームワークを選ぶのが目的です。コンテナ層はDIコンテナのうちいずれか、データアクセス層はO/Rマッパーを選ぶことになります。 太枠の範囲が選定対象です。よく本に出てくる杓子定規な階層図とは変えてあります。 次のものを比較検討しました。画面層SAStrutsApache Wicket（ほかにもTeedaとかClick Frameworkとかももともとは候補にあったが、調査が追いつかないので二つに絞った）コンテナSeasa
ネットワーク側から見たヨドバシカメラ問題 - なぷさく
ヨドバシカメラのサイトがリニューアルに失敗してレスポンスが著しく低下している。ただでさえ重いところに、「ほらほらみてみて、重くなってるよ！見に行ってみてよ」なんてGIGAZINEが煽ったり、yahooニュースに飛び火したりしてさらにリクエストが増えて、瀕死の重病人いよいよまさに往生せんとす、といった雰囲気である。構築した会社は今頃針のむしろだろうし、ヨドバシ側の担当者もきっと現場からは「使い物にならんぞ！」と突き上げを食らい、上からは「なんでこんなところに依頼したんだ！」と怒られて社内キャリアはぶっ吹っ飛んだだろうし、まあ他人事ながら同情申し上げる。すでにあちこちで、CMSが腐ってるとか構築会社の社長がすごいとかいろいろ言われているが、基本に立ち返って外側から見える現象をひとつずつチェックしてみよう。1. DNSは問題なし大阪吹田にあるどっかの会社のサーバでDNS引いてみた。 $ dig
Google Chrome JavaScriptデバッガ完全マニュアル。 - IT-Walker on hatena
Google Chromeはシンプルに見えてオフラインやWebアプリショートカット作成などいろんな機能が搭載されています。 そんな中、JavaScriptデバッガがあるのも発見！ どんなもんかと思ってみてみたら、なんとコマンドラインベースのデバッガです。Firebugみたいな物を想定していたのですが、まさかgdb（GNU製C/C++デバッガ）みたいなのがブラウザに載ってるなんて・・・しかも全然情報ないし。 でも開発者にとっては、JavaScriptをランタイムでデバッグできると言うのは非常に嬉しい事ですね。そこで、Chromeデバッガの使用法についてちょっと調べてみました。 デバッガは、開発者向けメニューの中から選択する事が出来ます。立ち上げてみると、コマンドの表示結果が表示されるエリアと、コマンドを入力するテキストフィールドが並んでいるだけ、と言うシンプルなUIが表示されます。 最下部の
複数のGmailアカウントを同時にログインして使うための5つの方法 - 適宜覚書はてな異本
5 Ways To Log Into Several Gmail Accounts At The Same Timeの超訳。理解できない部分は見なかったことにしたり、妄想で埋めてあるので注意。 If you have more than one Gmail account you regularly use (I have five), one of the most annoying aspects of dealing with it is the fact that you cannot have more than one opened (opening two instances of a web browser doesn’t help either, because the cookie is shared between them) at the same time. Yo
オタクがキマまらないのはファッションだけが理由じゃないよ。 - SUKEBENINGEN-DEUX
みんな姿勢が悪過ぎる。一分間背筋を真っすぐにして立ってさえいられない。すぐに辛くなり、どちらかの軸足に体重を乗せて楽な姿勢を取ろうとする。頭を前のめりにして、お尻を突き出しながらピョコピョコと歩く。それだと折角カッコ良い服を着てみても、あまり良くは見えないのでは？ するとオタクは一念発起してトレーニングとかを始めるのだけど、当然それは三日坊主に終わる。「毎日5kmをランニング」とか「腕立て腹筋30回でサンセット」とか、そんなのは絶対に続かない。高い目標をかかげ過ぎ！ だから、もっと簡単なストレッチで姿勢を補正すればいい。体型はそのままで見栄えだけを良くする。よりましなデブや、よりましなガリになる。 舌を出して顎を反らせるストレッチをすると顎のラインがスッキリする。首を傾け、自分の腕で頭を押しながら負荷をかけるストレッチをすると、首が据わって体の正中線というのがキマる。 ストレッチの基本は「
IE、setAttributeでclassは設定できない - FAX
JavaScriptnanto_viさんの以下記事にて、より詳しくまとめられており、回避策も示されています。本エントリは飛ばして、こちらをご参照ください。 IE の getAttribute / setAttribute: Days on the Moon IEで、Element#setAttributeでclassを設定した要素にCSSが適用されなかった。 以下コードで1〜3の3つのSPAN要素を作った。3のみCSSが効かず、背景が赤くならなかった。 1 このときinnerHTMLを見ると以下のようになった。setAttributeで設定したものだけ内部的に結果が異なっているように見える。 1 2 3 Internet Explorer 7.0.5730.11にて確認した。FirefoxおよびOperaでは正常に動作した。
d.hetima - iTunes のライブラリからファイルが存在しない曲を効率良く取り除く方法
question:1160789497 を見て、iTunes で!マークが付いた曲を削除する方法を考えたので書いておきます。全削除→再登録でもOKなのですが、再生回数などを引き継ぐことができないので出来れば避けたいわけです。 まず空のプレイリストを作成します。 ライブラリのミュージックを表示して、すべての曲を選択します。 作成したプレイリストにすべての曲をドラッグ＆ドロップして追加します。 Podcast、ムービーなどにもデータが入っていれば同様に追加します。 この動作では!マークの付いた曲は追加されません。←ここがポイント 今度は新規スマートプレイリストを作成します。 スマートプレイリストの条件を「プレイリストが」「先ほど作成したリスト」「ではない」とします。 するとこのスマートプレイリストに!マークの付いた曲がリストアップされます。 すべてを選択し option キーを押しながら de
技術メモ帳 - Iframe の designMode="on" によるリッチテキストエディット
こんな属性があるのを知らなかった。 実際には、Iframe の属性ではなさそうだが。 どうも、javascript で以下のように指定してあげる事により、 リッチなテキスト編集機能が有効になるようだ。 iframe.contentDocument.designMode = "on"; ちょっとサンプルを作ってみた。 選択範囲の色変えたり、画像貼付けたり出来ます。 http://gomibako.hahaue.com/rth.html (Firefox only) 実際に文字の状態を変化させたりしたい場合は、 同要素の execCommand メソッドを使用すればよい。 たとえば、文字を太字にしたい場合は、 以下のように指定するだけで良い。 iframe.contentDocument.execCommand("bold",false,null); 色を赤くしたければ、 iframe.con
『ちよろず。』 - 古いノートPCをサブモニタ化してデュアルモニタを実現MaxiVista
たま〜に、デュアルモニタの環境で作業がしたいな〜っていう時ありません？Webを一方のモニタで開きながら、一方のモニタでblog書いたり。Excelのデータを一方のモニタで開きながら、一方のモニタでPowerPointでプレゼン作ったり。「紙に焼きゃぁいいんじゃね？」とか「それPlaggerで（略」とか、様々なご意見もあるかもしれませんが、僕はデュアルモニタで作業がしたいのです！でも、そんじゃモニタをもう一台買うかっちゅうと、金も無い。場所も無い。そこまでの度胸も無い。カミさんが許してくれない。そんなケースがあるんではないかと思います。そんなアナタに（そして僕にも）うってつけなのが、ソフトウェアだけで古いノートPCの画面をサブモニタ化できる"MaxiVista"です。MaxiVistaってナニよ？別にVistaの名前がついているからといって、世界に名だたるMSがバグ取りに必死になっているアレ
『ちよろず。』 - はてなブックマークのトップに載ると、どれくらいのアクセスが来るかを晒してみる
今日も飲んで帰ってきてゴキゲン気味なのですが、どうやら今も一昨日の記事「僕はこんなサイトで情報収集している」を沢山の方に見て頂いているようです。なんだか、嬉しいやら恥ずかしいやらで、複雑な心境です。感謝感謝。さて、そんな中で今日はボンヤリと、折角ブックマークして頂いた方に何かお返しというかお礼というか、そんなことができないかなぁと考えていました。そこでフト思いついたんですが、折角はてブのトップに載せさせてもらったので「はてなブックマークのトップに載ると、どれくらいのアクセスが来るのか」を晒してみたいと思います。どんな調査会社でも出来ないリサーチなので、国内最大手のソーシャルブックマークである"はてブ"の実力値を知る意味でも、サービス開発者の方にとってはそれなりに面白いデータになる（かもしれない）です。このデータがなんらかの形で、誰かのお役に立てれば嬉しいです。まずは、ブックマーク数の現状の
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
はてな
はてなブックマークコメントその場で表示ライブラリとは - はてなダイアリー
10分でわかる。株式会社の作り方 - 元ファンドマネージャーのバイト日記
Perlの公式ドキュメントを読むための英語の勉強方法 - Perl入門～サンプルコードによるPerl入門～
...のまとめサイト - Gyao動画保存