フェイスブック、ミクシィ、グリーで使われている OGP (Open Graph Protocol) とは何か - IT戦記
みなさん、こんにちは お元気ですか？僕は元気です。 さて 最近よく、「いいね！」ボタンや「ミクシィチェック」ボタンによって、ウェブページを紹介し合う文化が少しずつ定着してきたなーと思います。 そんな中で、今後重要になってくるんじゃないかと思われる OGP （Open Graph Protocol）と言われる仕様があります。今日はそのことについて書いてみたいと思います。 OGP? おーじーぴー？？とはなんでしょうか。 OGP とは 簡単に言うと「このウェブページは何のことを書いているか」という情報を、プログラムから読める形で HTML に付加する記述方法のことです。 まあ、普通のウェブページは人間が読めばだいたい何のことが書いてあるか分かりますよね。 ですが、プログラムは人間ほど頭が良くないので、そのウェブページ内の文章だけではそのページが何のことについて書かれているページなのか正確に識別す
Google+ が解決した、たった一つのフェイスブックの問題点 - IT戦記
今までの SNS はプライベート空間を分けることが出来なかった これじゃ、お父さんがかわいそうヽ(´Д`；)ﾉ と、言うわけで Google+ はそれを解決した （ ・`ω・´）キリッ (・∀・)ウホッ まとめ インターネットでは、友達が増えるたびどうしても話題が最大公約数的になりすぎてしまう 自分も今まではそう思っていなかったのですが。 今回、 Google+ を使ってみて、いつも知らず知らず我慢していた自分に気が付きました。 Google+ はこの問題を本気で解決しようとしているように見えます。 まだまだ、機能が少なくて荒削りな部分も多いですが、この一点を解決したというのは非常に価値があるのではないでしょうか。 だ、だめ。言いたいことも言えちゃうこんな SNS じゃ
はてなユーザーのファンページをまとめてみた！ - IT戦記
はじめに どーも、生粋のはてなファンあまちゃんです！ お元気ですか？僕は元気です＞＜ さてさて 突然ですが、フェイスブックでもはてなユーザーと仲良くしたい！！ と、いうことで。はてなユーザーが作っているフェイスブックのファンページをまとめてみました。 はてなユーザーのファンページ集 こちらがそのリストです。 ファンページ ウェブサイト 内容 Amachang id:amachang 僕のページです。技術やウェブの情報や思ったことを呟いています。 ネタフル id:netafull ブログで有名なネタフルさんのページ。出版やリリースのお知らせなど 作家 内藤みか @micanaitoh novelist id:micanaitoh ツイッター小説や恋愛小説で有名な内藤みかさんのページ。お仕事現場での写真や。出版やリリースのお知らせ もともこも鳴き笑い id:mo_tomoco_mo はてなダイ
今晩20時から、フェイスブックにて「オン会」を開催いたします！ - IT戦記
はじめに フェイスブックが面白くてしかたない昨今ですが、みなさんいかがお過ごしでしょうか！ 元気ですか？僕は、元気です。 フェイスブック楽しいれす（＾ρ＾ というわけで 今晩（2010/10/15） 20 時に、フェイスブックで「オン会」というものを開こうかなーと思っています！ 「オン会」というのは、オフ会のもじりで、みんなで一緒にフェイスブックににログインしようぜ！という会です！ 開催場所は、もちろんインターネットです！ みなさんも、この機会に参加してみませんかー？ もちろん、この機会にフェイスブックを始めるひと、フェイスブックを触ったことのない人でも大歓迎です！！ 参加方法は、 20 時前にフェイスブックでログインして、以下のページから「参加」するだけです！ フェイスブック同時オン会 と、言うわけで 今日の 20 時は、フェイスブックでかんぱーい！！ すでに参加してる人も、忘れずにイベ
クックパッドに行ってきた！ - IT戦記
料理男子は好きですか？ はじめに どうも、こんにちはあまちゃんです。 かわいい系男子の id:mirakui さんと id:secondlife さんに会いにクックパッドに行ってきました！ とっても楽しかったので、ブログを書いておこうと思います。 まずは入り口 てくてく クックパッドに付いたよー！ いい質感。かべかわいいよかべ！ 入り口を進むと… じゃーん、これがクックパッドのキッチンやで！ や、やるじゃねえか！べ、べつにくやしくなんてないんだからね！ なんか、メオトカップとかあったりするのかなーなんてニヤニヤしていると… id:mirakui と id:secondlife が料理をしだした！ しかし、このふたり絵になるなあ。萌え。 あ、クックパッドエプロンいいな！いいな！欲しいな！それ欲しいな！（くれないそうです） そして、完成！ 手料理だー！ わー！わー！すごい！ しかもうまい！ （
フェイスブックが面白い - IT戦記
フェイスブック楽しい！ はじめに みなさんこんにちは！フェイスブックしてますか？ ゆうすけべーが書いているように、最近本当にフェイスブックがおもしろいなーと感じます。 ゆーすけべー日記 というわけで、一人で使っていたときから人が増えてきたときまでの雰囲気を思い出しつつ、僕が感じているフェイスブックのおもしろさ、特徴、楽しみ方などを紹介していけたらと思います。 ちょっと長くなっちゃいますけど、よろしくお願いします！ フェイスブックの一番の面白さは「速さ」 僕が感じているフェイスブックの良さは、一言で言ってしまえば「コミュニケーションの速さ」なんだと思います。 速さと言っても、システム的な速さだけではなくって「コミュニケーション」の速さです。 フェイスブックの「コミュニケーションの速さ」は主に以下の３点にあると思っています。 「左下」の通知が素早い 書き込むより早く「いいね！」が伝わる 「一緒
早速 Go 言語を試してみる！ - IT戦記
はじめに Google から新プログラミング言語 The Go Programming Language が発表されましたね！ というわけで、さっそく試してみたいと思います。 環境は Mac OS X 10.6 インストール さっそくインストール Getting Started - The Go Programming Language を見ながら 環境の準備 ディレクトリを作る amacbook% cd ~ amacbook% mkdir go amacbook% mkdir bin環境変数の設定をする。~/.zshrc に以下を追加 # Go 用 export GOROOT=$HOME/go export GOOS=darwin export GOARCH=amd64 export GOBIN=$HOME/bin export PATH=$GOBIN:$PATH Mercurial を
Macbook (with Snow Leopard) 買った後にやったことまとめ - IT戦記
購入編 会社にて amachang「秋だけに akky ですね。Macbook が欲しくなってきました」 akky（苦笑） amachang「新しい Macbook が欲しくなってきました」 akky（苦笑） amachang「買って来まーす」 akky（苦笑） Apple Store 銀座にて amachang「Macbook Pro の 13 inch のやつください」 店員「はい。 2 種類ありますが」 amachang「高いほうのやつください」 店員「キーボードは JIS と US どちらにいたすますか」 amachang「US ください」 店員「こちらでよろしいですか?」 amachang「JIS よりキー少ないのですね」 店員「はい。英数キー、かなキーなどがありません」 amachang「えっ」 店員「えっ」 amachang「JIS ください」 店員「かしこまりました」 am
新はてなブックマーク件数取得 API を使って自分のページに件数を埋め込む最も簡単な方法 - IT戦記
はてなブックマークから新しい件数取得 API が提供されているようです！ (開発者さま向け)はてなブックマーク件数取得APIに新しいAPIを追加 - はてなブックマーク日記 - 機能変更、お知らせなど この API のいいところは JSONP に対応しているところでしょうね！ すばらしい！ というわけで、 HTML だけで、件数を埋め込む例を書いてみたよ！ やり方は簡単 callback パラメータに document.write を指定するだけ！ <script src="http://api.b.st-hatena.com/entry.count?url=http%3A%2F%2Fwww.example.com%2F&callback=document.write"></script>件のブックマークがあります。 あとは、適当にリンクとか張って <a href="http://b.ha
JavaScript はどのように実行されるか - IT戦記
JavaScript はどのように実行されるか Safari*1 の実装を例に JavaScript はどのようにして実行されているかを書く。自分用のメモ。日本語の出来は気にしない 1. ブラウザを起動して以下のようなページを開いたとする <html> <head> <script> var a = 1; var b = 2; alert(a + b); </script> </head> <body> </body> </html> 2. インターネットからデータが到着する そうすると WebCore::FrameLoader::write という関数に生の文字列が渡される。型は char* だ。 http://trac.webkit.org/browser/trunk/WebCore/loader/FrameLoader.cpp#L990 この関数の中では、到着した文字の文字コードを解
ニコニコ動画のまとめサイトを色々調べてみた - IT戦記
週末といえば だらだら、動画サイトを見て過ごすってことも多いんじゃないでしょうか。 という訳で、 Pathtraq を使って「ニコニコ動画のハブとなっているサイト」を調べてみました。 Pathtraq を使って調べた結果はこちら こうやってみるといろいろなサイトがありますね。 予想外に知らないサイトが多かったので、軽くまとめてみます。 あまり中身は吟味していません。 以下、リンク http://b.hatena.ne.jp/video http://b.hatena.ne.jp/video http://www.nicochart.jp/ http://www.nicochart.jp/ http://nicorankmonth.web.fc2.com/ http://nicorankmonth.web.fc2.com/ このURLのページは表示することが出来ませんでした。 IP分散サーバ
父母からのメール - IT戦記
以下のようなメールが来た 父母です。疲れていませんか？ Ustreamでは、疲れたような顔していたけれど、休み休みやってください！ 夏休みはいつ取れて、いつ金沢に帰りますか？ ちょwww Ustream とか見てたのかよ！って、 PHP カンファレンスのかな？ Ustream 中継してるとかドコで知ったんだろう。うちの両親はけっこうネットリテラシが高い。 ところで、そんなに疲れてたかな？ まあ、カンファレンス 3 日連続だったので。 普通の人は 3 連休なのに；； あ、あと、動画配信してくれた id:coji と id:i_ogi さん++ あと 全然関係ないんだけど PHP カンファレンスのあと、センター街ですごい昔の友達に会って 「最近、カンファレンスで忙しい」って言ったら ちょっとヒかれて「ネットワークビジネス？」って言われたwww 「まあ、そんなもんかな」って答えたら DNBK し
文章を書く仕事を楽しく勧めるには - IT戦記
フランスで得られたもう一つのことを書いておこうかと思う フランスで得られたもの それは、日本語の文章を楽しく書く方法。 ただ、この方法には、編集者に非常な負担を掛けることになる。編集者がそれを了承してくれる関係、前提が必要。 文章を書くのが苦手だった理由 書きたいことが箇条書き的になってしまう その箇条書きをストーリーに乗せられない 日本語は、合理的でない 段落中で、同じ語尾が続くと不自然とか 意味は通じるけど、言い回しが変とか 推敲すると、全体が見えなくなる（ゲシュタルト崩壊） 無意味に不安になる 文章を楽しく書く方法 大事なことは二つ 著者と編集者と一緒に書くということ「文章の共有」「感動の共有」「ビジョンの共有」 作業の分担 著者は、情報のクオリティを担当。文の局所を見る。 編集者は、文章のクオリティを担当。文章の全体を見る。 実際の作業の流れは、以下のような感じ 編集者と一緒に同じ
インターネットで手に入れられても良さそうなのに手に入らない情報まとめ - IT戦記
以下の質問の反応をまとめてみます。 役に立ちそうな情報で、インターネットで手に入れられても良さそ… - 人力検索はてな 質問の回答、はてブ、トラックバック、ダイアリーのほうについたはてブ、コメント、などを集計しています。 まとめ ニュースのその後 (id:jane) 雑誌の記事検索 (id:natumi0128) 「SPA!」「読売ウイークリー」「AERA」は出来る → http://news.nifty.com/cs/entame/showbizddetail/fuji-320080417006/1.htm (id:muddydixon) タバコの製品情報（電話でのユーザ登録が必要なため困難。不可能ではない）→ https://www.jtad.jp/members/login/ (id:n-styles) 新聞折込チラシ (id:n-styles) スーパーの特売情報 (id:n-st
駄文 - 株式会社 Dino の新人研修がすごい - IT戦記
この前紹介した 駄文 - 4 月からプログラマになったあなたへ - IT戦記 スタートアップ研修記 Dino という会社の新人研修ですが、すごいです。 何がすごいか 講義を動画で公開しているのです。 zoome.jp そして、新人はプログラミング未経験者 新人の方はプログラミング経験のない方なので、当然以下のような質問が飛びます。 IP ってなんですか？ インタフェースってなんですか？ ディレクトリってなんですか？ などです。 この質問に対して、なるべく正しく、そして、イメージが湧くような説明をするってすごく難しいと思うんです。 逆に、生半可な知識で説明すると誤解を与えてしまうことになります。 でも、この動画の講師はすごく丁寧な説明で言い切るところは言い切って的確に教えているなあと思いました。 すごいです。 講師、新人両方に良い さっきも言ったように、基本的な説明ってすごく難しくて、すぐに
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 -
IT戦記 - JavaScript を学ぶ際に一番重要なのに、誤解されがちな setTimeout 系の概念
おそらく、JavaScript を使いこなす肝は setInterval、setTimeout、イベントによる関数の実行を理解することだと思う 例えば 次のコードの結果を考えたとき document.write("hoge\n"); setTimeout(function(){ document.write("fuga\n") }, 1000); document.write("piyo\n");普通に JavaScript を使いこなしてる人なら、hoge → piyo と表示して、 1 秒後に fuga が表示されるな。って思うはずなんです。 でも、 JavaScript を始めたばっかりの人の中には、 hoge と表示したあと 1 秒後に fuga → piyo と表示するな。って思ってる人が非常に多い。(経験的に) 何故か？ たぶん、どのサイトの setTimeout の説明を見て
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
1981 世代のエンジニアで集まってなんかしよう - IT戦記