Windows7 搭載マシンを買ってきてやったことまとめ - IT戦記
はじめに みなさま、こんにちは！年末の忙しい時期ですが、お元気ですか？ 僕はなんとか元気です＞＜ 使っていた PC を壊してしまったので Windows7 搭載マシンを買ってきましたので、購入から初期設定、便利なアプリのインストールまでここにメモしておきたいと思います！ 購入まで と言うことでまず購入までにやったことをまとめてみたいと思います 価格.com で調べる まずは、価格.comを使って、以下の条件で良さそうなパソコンを探してみます。 8 万円以下の価格 それなりのグラフィックボード（最近 Minecraft っていうゲームをやってるので） それなりのメモリ（メモリ安いので） それなりの CPU USB 3.0 （データ移行のときにハードディスクを USB 3.0 でつなぎたいので） ディスクアクセス速度は、ある程度遅くても良い（RAM ディスクで頑張る戦略） 買うパソコンを決める
Facebook 向けウェブサービスは IE6 に対応すべきか ( 2011年12月の Facebook のブラウザシェア ) - IT戦記
はじめに みなさん、お元気ですか＞＜リリースも終わって、一息ついたあまちゃんです！ ヽ(´ー｀)ノわー さて今日は、最近「お花サプライズ！」というサービスをリリースしたのですが、そのときにちょっと面白いデータを見つけたのでそのいきさつも含めて紹介したいと思います。 （今日のテーマはこの円グラフ） フェイスブック系のサービスはどのブラウザに対応すれば良い？ よく、ウェブサービスを開発するときの悩みとして「古いブラウザでのデザインをどのくらいケアするか？」というものがあります。 「お花サプライズ！」でも、割と短い期間で実装することを目標としていたり、本番の HTML を書いた経験があまりないメンバーが多くいたことで「IE6 や IE7 への対応が鬼門なんじゃないか？」という心配が常にありました。 そこでよぎる甘い誘惑 このご時世、 IE6 とか IE7 に特別対応する必要なんてないんじゃね？
Google+ が解決した、たった一つのフェイスブックの問題点 - IT戦記
今までの SNS はプライベート空間を分けることが出来なかった これじゃ、お父さんがかわいそうヽ(´Д`；)ﾉ と、言うわけで Google+ はそれを解決した （ ・`ω・´）キリッ (・∀・)ウホッ まとめ インターネットでは、友達が増えるたびどうしても話題が最大公約数的になりすぎてしまう 自分も今まではそう思っていなかったのですが。 今回、 Google+ を使ってみて、いつも知らず知らず我慢していた自分に気が付きました。 Google+ はこの問題を本気で解決しようとしているように見えます。 まだまだ、機能が少なくて荒削りな部分も多いですが、この一点を解決したというのは非常に価値があるのではないでしょうか。 だ、だめ。言いたいことも言えちゃうこんな SNS じゃ
Google Adsense の件について - IT戦記
ちょっと時間がないのでなぐり書きです。 週末騒がれていたみたいですね 流れは、適当にブログとブクマコメント読んで把握していただけたらなあと思います。 http://d.hatena.ne.jp/webkit/20090108/p2 JavaScript なら IT戦記 http://d.hatena.ne.jp/ryocotan/20090107/p2 - ところてん - アットウィキ http://hachimitu.jp/blog/archives/2009/01/12214009.html http://d.hatena.ne.jp/sskhybrid/20090111/1231688328 [広告][DTP]ちょっと違うけど個人を中心に据えた広告 http://www.20kabu.com/blog/20090112.html#p01 http://d.hatena.ne.jp/k
はてなブックマーク JavaScript 高速化計画 補足 - IT戦記
はじめに id:jkondo さんがブクマしてくれてるのでちょっとだけ補足 以下のつづき http://d.hatena.ne.jp/amachang/20081126/1227700830 追加修正 id:Yuichiro さんのハック 2008-11-27 - つれずれなるままに… 注意：ただ、これ appendChild 時のコストが増えていることが分かったのでちょっと要確認ですね。 id:Yuichiro さんのハックを getImage にも適用 gotImage: [], getImage: function(container) { var src = Hatena.Star.Button.getImgSrc(Hatena.Star.Star,container); if (!this.gotImage[src]) { var newimg = document.create
はてなブックマークのコンテンツの JavaScript を高速化する - IT戦記
はじめに 「新はてなブックマーク」になったということで、とっても便利になったのですが、ブックマーク一覧ページ*1が若干 JavaScript に時間が掛かっているみたいです。 というわけで 調査してみたいと思います。調査して、改善できそうなところは後で纏めて「はてなアイデア」にでも登録しようと思います。 この日記は調査しながら、過程を書いていくつもりです。 準備 まずは、人のサイトの JavaScript を書き換えて試してみるための環境を作ります。 作業用ディレクトリを作る とりあえず、ホームに HatenaJS というディレクトリを作ります。 $ mkdir HatenaJS $ cd HatenaJS CocProxy をダウンロードしてくる 以下から CocProxy というツールをダウンロードしてきます。 http://coderepos.org/share/wiki/CocPr
様々なソーシャルブックマークを時系列に並べて表示できるサービスを公開！ - IT戦記
きっかけ ここの部分 [6:33] えがちゃん: 口だけで何もサービスあたってねーじゃねーか [6:33] えがちゃん: 金かえせー！とかですか？＞はまちちゃんさん [6:33] えがちゃん: って、なんでやねーん！（笑） egachat(2008/10/07) part2 - ついったーとHamachiya2 - はてなグループ::ついったー部 えがちゃんは、冗談で言っているのかもしれませんが、本当にその通りなんですよ。 なんか、いろいろ作ってはみるんですけど、公開しないで終わったり、何もあたってなかったり orz えがちゃんは、本当にすごいよ。公開して、注目を集めて。うん。ホントにすごい。 ちょっと凹んだ。 僕ももっと頑張らないとですね！ というわけで、今まで公開しないで放置してたモノを公開してみる まだまだ、作りかけだけどこのままじゃずっと公開しなさそうなので！ リンク http:/
動的スクリプトローディング（さんざん既出だと思うけど - IT戦記
なんか、既出な予感もするんですけど 私製版を作ったので コード var load = function(src, check, next) { check = new Function('return !!(' + check + ')'); if (!check()) { var script = document.createElement('script') script.src = src; document.body.appendChild(script); setTimeout(function() { if (!check()) setTimeout(arguments.callee, 100); else next(); }, 100); } else next(); }; 考え方は、 このエントリ と同じです。 使い方 以下の場合 // 処理 1 // ← ここで jQu
「ニコニコが見たい」んじゃなく「ニコニコで見たい」んだ - IT戦記
DVD を借りてきても、映画館で映画を見てても、これをニコニコ動画で見たいなあと思ってしまう。 本当にニコニコ動画の「仕組み」が好きなんだよなあ。 みんなの「これ、豆知識な」や「ベタな冗談」を聞きながら動画を見るのは本当に楽しい。 音楽に関しても、歌詞を見ているときに「この歌詞いいよね」とか共感が伝わってくると嬉しい。 やっぱニコニコ動画のコンテンツは「コメント」なんだよなー。 同じ CD を買って聞いている人、同じ DVD を買って見てる人、その人たちの気持ちが伝わってくるような家電があればいいのに。 今、その家電の一番近くにいるのは、間違いなく「ニコニコ動画」だと思う。みんなが幸せな形でいろんなものにコメントが付けられるようになればいいなあ。
MediaQuery まとめ - IT戦記
Media Query とは CSS3 から導入される Media Type を大幅に拡張する仕様です。 そもそも Media Type とは Media Type とは CSS 2 系に元々ある仕様で CSS を適用するメディア（パソコンの画面、テレビ、プリンタ用紙など）を指定するときに使います。 以下の例だと、 media 属性の中に記述されている all や screen や print が Media Type です。 <link rel="stylesheet" type="text/css" href="共通の.css" media="all" /> <link rel="stylesheet" type="text/css" href="パソコンの画面の.css" media="screen" /> <link rel="stylesheet" type="text/css"
Re: 一晩で覚えるjQueryの逆引き基礎サンプル7つ*ホームページを作る人のネタ帳 - IT戦記
最後の解決法を悩んでるようなので、僕の回答。 入力補助の情報は HTML より、 JavaScript で持ったほうがいいかもしれません var data = { title1: ["hoge", "fuga", "piyo"], title2: ["hoge", "fuga", "piyo"], title3: ["hoge", "fuga", "piyo"] }; $(function(){ $("div.hoge > div.menu > a").click(function () { var d = data[this.title]; $('div.hoge > input').each(function(i) { $(this).val(d[i]) }); return false; }); }); でも、↑これだと、クリック時に毎回 input を探すので、パフォーマンスを気に
CSS の「値」とは何か - IT戦記
この前 以下のようなエントリを書きました CSS の名前の整理 - IT戦記 今回は CSS における この「value（値）」という言葉の意味、そして曖昧さについて書きたいと思います。 6 つの値 CSS において「値」は曖昧な言葉です。 なので、「値」という言葉を使って CSS の説明をするのは非常に効率が悪かったりします。 たとえば、「ここの値って、 hogehoge の意味の値？」「いやいや、ここの fugafuga の意味の値が piyopiyo なんだよ」というように、まったく無駄な会話が繰り広げられるわけです。 ですので、今日からはちゃんと CSS の「値」をちゃんと説明できるように、「値」に以下の 5 つの名前を付けましょう。 Declared values Cascaded values Specified values Computed values Used valu
何言ってやがるこの野郎 - IT戦記
Latest topics > 天才を前にしてボンクラが思うこと - outsider reflex お前がすげーんだよ！ 2004 年 Firefox と初めて出会ったとき、まだ JavaScript に出会う前、 Tab Browser Extension を知ってすげー！って思った、俺が欲しかったのはこれだったんだー！って 2006 年 Shibuya.JS とかに出るようになって、実はあの拡張を作ったのが piro たんだったと知ってものすごい感動したんだ。俺はこんなすごい人と一緒にカンファレンスに出たんだ！俺すげー！って お前がすげーんだよ！ お前がすげーんだよ！ 何回でも言ってやる お前がすげーんだよ！ というわけで 3/19 あたり飲みませんか？
getComputedStyle について調べてたら深みにハマったのでメモ - IT戦記
getComputedStyle とは！？ ある要素にどんなスタイルが当たっているかを計算してくれる。便利な関数。 使いかたはめっちゃ簡単！ var style = getComputedStyle(element, ''); alert(style.fontSize); // 14px alert(style.color); // rgb(0, 0, 0) ちなみに第二引数は疑似要素の style を取りたい場合に使います。通常は空文字列でいい。 でも、 getComputedStyle はこのままでは IE, Safari では動かない。 Safari では window(グローバル領域) に getComputedStyle は定義されてなくて、 document.defaultView だけに getComputedStyle が定義されている。 ちなみに、 Firefox, Op
jQuery の $(function) が ready イベント発生後だと動かない問題の解決法 - IT戦記
ready にまつわる「ややこしい問題」で 川崎さんが困っているようなので、 [jQuery] $(function)はonload後には効かない Kawanet Blog II/ウェブリブログ 解決方法を書きます 実は （たぶん）その「ややこしい問題」のために用意されている関数が jQuery にはある jQuery.event.special.ready.setup() /* または */ $.event.special.ready.setup() 試したことはないけど。たぶん上の関数を ready イベント前（ロードされる前）に呼び出してあげると、その「ややこしい問題」を解決できる 関数名が長いけど $(function(){}) のようにダミー関数を空呼びするよりは奇麗かなあ？
JavaScript-XPath の jQuery 用のプラグインと Prototype.js 用のプラグインを公開しました - IT戦記
以下のサイトからダウンロードしてお使いください。 Prototype.js 用 http://coderepos.org/share/wiki/JavaScript-XPath/bindings/Prototype jQuery 用 http://coderepos.org/share/wiki/JavaScript-XPath/bindings/jQuery 使いにくいところがあれば すぐになおしますので、コメントやブックマークなどで教えていただければ嬉しいです。 他のライブラリのプラグインに関して そのうち、開発したいなあとは思っているのですが。 そのライブラリの空気感（コンセプト）を読めないと、なかなか使いやすいプラグインは書けないので時間がかかりそうです。 もし 誰か書いてくれる人がいればとてもありがたいなあ。。。とか思っています。 いませんよねいませんよね＞＜？ 「こんな、感じで
IT戦記 - 一行で IE の JavaScript を高速化する方法
以下の一行をすべての JavaScript の前に読み込む /*@cc_on _d=document;eval('var document=_d')@*/ この一行を読み込むことによって IE での document へのアクセスが 5 倍速くなります。 たとえば 以下のように、読み込む前と読み込んだ後を比較してみます。 // Before var date = new Date; for (var i = 0; i < 100000; i++) document; alert(new Date - date); // 643 /*@cc_on _d=document;eval('var document=_d')@*/ // After date = new Date; for (var i = 0; i < 100000; i++) document; alert(new Date -
Firebug で XPath を簡単に試す方法 - IT戦記
適当に XPath を試したい時に 以下のようにすれば、簡単に XPath をためせます。 document.evaluate( '//div[@class="hoge"]', // XPath 式 document, // 基準となるノード（要素とか null, // 名前空間の解決方法（適当にやるときは null 6, // 取得する形式の指定（適当にやるときは 6 null // 結果を再利用するかどうか（適当にやるときは null ); 簡単ですね。 document.evaluate、式、ドキュメント、ヌル、６、ヌル。 覚えましたか？ でも、これを Firebug で実行するとこうなっちゃいます。 うーん。これではどの要素が選択されたかわかりません＞＜ 不便ですねー。 というわけで、以下のブックマークレットを実行してあげてください。 javascript:void(XPathRe
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
PV - IT戦記
いやいや個人ブログだから - IT戦記
