気になるニュースや時事の話題を毎朝配信！世界と日本の未来を分析します。デジモノや料理の情報、WQXGAサイズの壁紙も。 bitly API に javascript(json) からアクセスし、URLを短縮する方法を以前に紹介したが、この方法だと、APIキーを javascript に直接記述することになり、第三者にAPIキーを使われる危険がある。ここでは、PHPを使って、なるべく簡単にAPIキーを遮蔽する方法を紹介する。 1. 何が問題なのか 以前に紹介した方法は、非常に簡単に bitly API が使える反面、 javascript に直接 API Key を記述しなくてはならず、他の人に API Key が知られてしまう問題があります。 API Key が露呈すると、以下のような問題が起きる可能性があります。 悪意を持った第三者が、あなたの アカウント名と API Key を使って、

facebookのLike!ボタンは、ボタンを押したサイトへのリンクや更新情報を、facebookのマイページに登録するボタンである。ここでは、自分のサイトをfacebookに登録するLike!ボタンを作成し、自分のサイトにLike!ボタンを追加する方法を解説する。 1. Likeボタンの作成 facebookの開発者向けページで、Likeボタンを作成します。 ■Like Button - Facebook開発者 URL to Like Likeする対象となる自分のサイトのURLを記入しますLayout Style"standard" は、Likeボタンの横や下に、誰がLikeを押したかを表示します。 "button_count"は、Likeされたカウントだけを表示します。Show Facesチェックすると、Likeボタンの下に、Likeボタンを押した人のプロフィール写真を表示しますWid

気になるニュースや時事の話題を毎朝配信！世界と日本の未来を分析します。デジモノや料理の情報、WQXGAサイズの壁紙も。 このページでは、Twitterでつぶやいた内容を、javascriptのみで、自分のページに表示する方法を解説する。 このページでも右上に表示させていますが、Twitterのつぶやきを自分のページに表示させるのは、とても簡単です。 1. javascriptの埋め込み 以下の javascript をページに記入します。変更しなければいけないのは、 Twitterのユーザ名　（例：BabaTaka）つぶやきを何個表示するか　（例：1個ならcount=1）の2点です。 <script type="text/javascript" src="http://twitter.com/javascripts/blogger.js"> </script> <script type="

気になるニュースや時事の話題を毎朝配信！世界と日本の未来を分析します。デジモノや料理の情報、WQXGAサイズの壁紙も。 ページのタイトルとURLを使って「Twitterでつぶやく」ボタンを設置するのは、それほど難しくないが、Twitterには140文字制限があるため、長いURLだと非常に不便である。URL短縮サービスのひとつ bitly は、Twitter でも使われていて、javascriptで呼び出せるAPIも用意されている。このページでは、bitly API を使って、javascriptのみで「Twitterでつぶやく」ボタンを実現する方法を解説する。 2010/4/27追記 ： ポップアップブロックを作動させずに別ウィンドウで開く方法を追加 2010/4/30追記 ： ↑にコピペミスがあったので修正 orz 2010/7/10追記 ： API Key が他人から見えてしまっている