Facebookページの顔、「Welcomeページ」のとことん簡単な作り方 - IT戦記
はじめに みなさんこんにちはヽ(´ー｀)ノ 本日、Facebook ページにウェルカムページを簡単に追加できるサービス「ウェルカムページメーカー」をリリースいたしました！ どんなサービスなの？ Facebook ページを持っている人なら、誰でも「とことん簡単に」ウェルカムページを作れるサービスです！ 今までも、このようなサービスはあったのですが「とことん簡単に」というところを追求したのがこのサービスです。 ウェルカムページって何？ ウェルカムページとは、 Facebook ページのトップページとなるページで簡単なメッセージや、「いいね！」を促す文言を載せたりすることができます。 有名なウェルカムページとしては レッドブルの Facebook ページ などがあります。 ついつい、「いいね！」をクリックしてしまいそうです！ なんで、「いいね！」されるが重要なの？ 「いいね！」されることで、ユー
Google+ が解決した、たった一つのフェイスブックの問題点 - IT戦記
今までの SNS はプライベート空間を分けることが出来なかった これじゃ、お父さんがかわいそうヽ(´Д`；)ﾉ と、言うわけで Google+ はそれを解決した （ ・`ω・´）キリッ (・∀・)ウホッ まとめ インターネットでは、友達が増えるたびどうしても話題が最大公約数的になりすぎてしまう 自分も今まではそう思っていなかったのですが。 今回、 Google+ を使ってみて、いつも知らず知らず我慢していた自分に気が付きました。 Google+ はこの問題を本気で解決しようとしているように見えます。 まだまだ、機能が少なくて荒削りな部分も多いですが、この一点を解決したというのは非常に価値があるのではないでしょうか。 だ、だめ。言いたいことも言えちゃうこんな SNS じゃ
フェイスブック、ミクシィ、グリーで使われている OGP (Open Graph Protocol) とは何か - IT戦記
みなさん、こんにちは お元気ですか？僕は元気です。 さて 最近よく、「いいね！」ボタンや「ミクシィチェック」ボタンによって、ウェブページを紹介し合う文化が少しずつ定着してきたなーと思います。 そんな中で、今後重要になってくるんじゃないかと思われる OGP （Open Graph Protocol）と言われる仕様があります。今日はそのことについて書いてみたいと思います。 OGP? おーじーぴー？？とはなんでしょうか。 OGP とは 簡単に言うと「このウェブページは何のことを書いているか」という情報を、プログラムから読める形で HTML に付加する記述方法のことです。 まあ、普通のウェブページは人間が読めばだいたい何のことが書いてあるか分かりますよね。 ですが、プログラムは人間ほど頭が良くないので、そのウェブページ内の文章だけではそのページが何のことについて書かれているページなのか正確に識別す
新はてなブックマーク件数取得 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 でくるくる CAPTCHA を実装してみる - IT戦記
あっきーパパが Google の新しい CATCHA の論文を紹介してたので グルグル回すグーグルの新CAPTCHA特許 | 秋元@サイボウズラボ・プログラマー・ブログ 脊髄反射で作ってみた （UI の部分だけですが；；；） http://amachang.sakura.ne.jp/misc/kurukuru/（IE では動きません） jQuery UI と canvas を使ってます。初めて使いましたが、いいですね、 jQuery UI。 （追記）せっかくなのでソースコードの解説 // 初期値の設定 // prev_value は最後に設定された値の保持用 last_value のほうが良かったかも var start_value = Math.PI, prev_value = start_value; // 回転用イメージオブジェクト var img = new Image; // i
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戦記
きっかけ ここの部分 [6:33] えがちゃん: 口だけで何もサービスあたってねーじゃねーか [6:33] えがちゃん: 金かえせー！とかですか？＞はまちちゃんさん [6:33] えがちゃん: って、なんでやねーん！（笑） egachat(2008/10/07) part2 - ついったーとHamachiya2 - はてなグループ::ついったー部 えがちゃんは、冗談で言っているのかもしれませんが、本当にその通りなんですよ。 なんか、いろいろ作ってはみるんですけど、公開しないで終わったり、何もあたってなかったり orz えがちゃんは、本当にすごいよ。公開して、注目を集めて。うん。ホントにすごい。 ちょっと凹んだ。 僕ももっと頑張らないとですね！ というわけで、今まで公開しないで放置してたモノを公開してみる まだまだ、作りかけだけどこのままじゃずっと公開しなさそうなので！ リンク http:/
Safari 3.1 に実装された「Client-side database storage (SQL API)」とは何か？ - IT戦記
はじめに Safari 3.1 には Client-side database storage （SQL API とも呼ばれています。）という新しい仕様が実装されました。 というわけで、この新しい API について色々調べたことを簡単にまとめておきます。 Client-side database storage が使えるブラウザ 2008 年 03 月 27 日現在では、 Safari 系のブラウザのみです。 Safari 3.1 WebKit Nightly Client-side database storage とは Selectors API とは HTML5 で定義された仕様です。詳細に関してはこちらをどうぞ。 簡単に説明すると JavaScript 内でリレーショナルデータベースを使えるということです。 もっと簡単にイメージするために、実際のコードを示すとこんな感じです。 va
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 -
それすぐ実行！JavaScript！ - IT戦記
思った JavaScript はすぐに実行してみましょう！ ブラウザの URL 入力欄に javascript:(function() { /*実行したいコードを書く*/ })()FireBug を使ってる人は、コンソール開いて実行したいコードを書く。 たとえばこんなことができます。 これらの例は僕が日頃使っているものです。 グローバルで使える関数を列挙する(Firefox Only) FireBug用 for(var n in window) if(typeof window[n]=='function')console.log(n); URL用 javascript:(function(){var b='';for(var n in window)if(typeof window[n]=='function')b+=n+"\n";alert(b)})() Object.prototyp
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
