RESTful API Design With NodeJS & Restify | Envato Tuts+
The RESTful API consists of two main concepts: Resource, and Representation. Resource can be any object associated with data, or identified with a URI (more than one URI can refer to the same resource), and can be operated using HTTP methods. Representation is the way you display the resource. In this tutorial we will cover some theoretical information about RESTful API design, and implement an ex
Googleマップをもっと簡単に使おう·gmaps.js MOONGIFT
gmaps.jsはGoogleマップを使いやすくするJavaScriptライブラリです。 GoogleマップではJavaScriptのAPIも提供されていますが、使い勝手が良いとは言えません。活用していくならばもっと使いやすいgmaps.jsを利用しましょう。 まず普通の表示。GMapsに位置情報を渡すだけです。超簡単。 イベントも取れます。クリックやドラッグなど様々なイベントが使えます。 マーカーの追加も分かりやすいです。マーカーにイベントをつけるのも簡単。 HTMLコンテンツを表示するのも手軽です。 HTML5の位置情報取得にも対応しています。 住所を検索してジオコーディング。 ドローです。指定は大変ですが。 オーバーレイ表示です。 ルート検索です。二つの位置情報を渡すだけです。 ルート検索をさらにポイントごとに表示していくこともできます。 こちらは静的なマップ。画像として表示できます
[HTML5] ApplicationCache めも - l4l
前回に引き続きHTML5関連仕様について。ApplicationCacheのspecを読んだのでめも書いておく。 spec http://www.w3.org/TR/html5/offline.html ApplicationCacheって何？ オフラインWebアプリを作成するための機能ということでおk。任意のリソースをローカルにキャッシュさせることが可能となる。 manifestファイル どのリソースをキャッシュさせるかをmanifestファイルに記述する。ファイルエンコーディングはUTF-8で。1行目の「CACHE MANIFEST」は固定。clock.html, clock.css, clock.js の3リソースをキャッシュしている指定の例で、specのサンプルにならってclock.appcacheというファイル名で作成。 CACHE MANIFEST clock.html clo
[HTML5]History APIめも - l4l
spec http://www.w3.org/TR/html5/history.html HTML5以前のHistoryオブジェクトI/F window.historyでアクセスできるホストオブジェクト。ブラウザの進む／戻るに対するJavaScript APIのみでした。 interface History { void go(in optional long delta); void back(); void forward(); }; HTML5以後のHistoryオブジェクトI/F stateプロパティ、pushState, replaceStateメソッドが追加されました。ただChrome13(Webkit/535.1)においてはstateプロパティは未実装のよう。 interface History { readonly attribute long length; readon
Google Chart API で QRコードも生成してくれるようになった
Google Chart API で QRコードも生成してくれるようになった 2008-07-04-3 [WebTool] URL をなげるとグラフなどの図を画像として生成してくれる Google Chart API ですが、新たに QRコードを生成してくれるオプションができました。 QR codes (Developer's Guide - Google Chart API) 基本となるパラメータは chs（サイズ指定）cht（QRコードなのでqrを指定）chl（エンコードしたテキストを指定） の３つです。 では実例。 このブログのトップページ「https://chalow.net/」のQRコードを作ります。 URLを組み立てるとこうなります： https://chart.apis.google.com/chart?chs=150&cht=qr&chl=https%3a//chalow.
OAuth対応とHatena Developer Center公開のお知らせ - Hatena Developer Blog
本日、開発者向けの認証APIとして、OAuthと、OAuthに対応したはてなのAPIをリリースしました。さらに開発者向けのサイトとして、はてなの各種APIの情報を集積したHatena Developer Centerを公開します。 OAuthと対応API OAuthは、ユーザーの同意のもとに、ユーザーの権限をサービス間で受け渡しできる認証方式です。アプリケーションの開発者は、はてなのOAuthと、OAuthに対応したはてなのAPIを利用することで、開発したアプリケーションから、はてな内部のユーザーデータや機能へアクセスできます。はてなはこれまで、API向けの認証方式としてWSSE認証や、独自の「はてな認証API」を用意してきましたが、これからはOAuthが加わります。 今回のOAuthのリリースに合わせて、「はてなブックマークAtom API」「はてなダイアリー AtomPub」「はてなコ
郵便番号から住所を検索するJavaScriptの再々発明 - Webtech Walker
先日勉強会で@kotarok先生が見せてくれたjQuery.zip2addrを元に車輪の再々発明（kotarokさんのが再発明と言っていたので）してみました。 jQuery.zip2addrはGoogle日本語入力APIを利用して郵便番号から住所を検索するという画期的アイデアのスクリプトなんですが、これのjQueryとかHTMLに依存してない版です。 DEMO hokaccha’s js-zip2address at master - GitHub zip2address('150-0001', function(address) { address.all; //=> 東京都渋谷区神宮前 address.pref; //=> 東京都 address.city; //=> 渋谷区神宮前 }); ハイフンはあってもなくてもいいです。郵便番号が間違ってたりするとaddressにはundefin
Google 日本語入力 - CGI API デベロッパーガイド
Google CGI API for Japanese Input Google CGI API for Japanese Input は、日本語変換をインターネット上で実現するための、CGI サービスです。 リクエスト http://www.google.com/transliterate に対して HTTP リクエストを発行します。GET メソッドを使ってください。以下の CGI パラメータを (URL エンコードした上で) 指定します。 langpair=ja-Hira|ja text=(変換したいひらがな列) text のひらがな列は UTF-8 でエンコードします。例えば、「へんかん」をリクエストする場合は、 http://www.google.com/transliterate?langpair=ja-Hira|ja&text=%E3%81%B8%E3%82%93%E3%81
Googleマップ風のUIを実現できるJSライブラリ「Polymaps」:phpspot開発日誌
Polymaps Googleマップ風のUIを実現できるJSライブラリ「Polymaps」。 マウスホイールによる拡大・縮小機能もついてます。 サンプルも豊富です。 他にも同様のライブラリは存在しますが、１つの選択肢として覚えておいても良いかも 関連エントリ 高解像度の画像のURLを入れるだけでGoogleマップみたいに拡大機能を付けられる「Zoom.it」 「Google Static Maps API」を使い携帯でGoogleマップを表示 GoogleマップやFacebook風など、自由にカスタマイズできるツールチップ「BeautyTips」 PHPでGoogleMapのジオコーディングAPIを簡単に使えるサンプルコードとライブラリ GoogleMap風でクールな地図UIが作れるライブラリ「MapBox」
GoogleMap風でクールな地図UIが作れるライブラリ「MapBox」:phpspot開発日誌
MapBox | creating custom maps in the cloud GoogleMap風でクールな地図UIが作れるライブラリ「MapBox」が公開されています。 施設の案内や、ゲームの攻略サイトなんかでマップとかに適用すると便利に使えるかもしれません。 サイト上にはライブラリを使って実装されたサンプルがいくつか確認できますが、移動、拡大/縮小ボタンのUIがいい感じにデザインされてます。 複雑な処理もライブラリで楽に実現できちゃいますね。 関連エントリ GoogleマップやFacebook風など、自由にカスタマイズできるツールチップ「BeautyTips」 「Google Static Maps API」を使い携帯でGoogleマップを表示 Google Map APIでルート表示のjavascriptコード例
Ruby で高速に OAuth で認証して アクセス する方法 - Candy
結論から言うと、強力な CPU と大容量のメモリを用意して Thread を大量に作るのが一番速い。 ださいことこの上無いが、これが速いんだから仕方ない。 def self.post tokens = [] User.all.each do |u| tokens << OAuth::AccessToken.new(consumer, u.token, u.secret_token) end tokens.each do |a| @t = Thread.start do res = a.post('/statuses/update.json', {:status => "なるほど四時じゃねーの"}) rescue nil end end @t.join end こんなの。本当にださいのだけど、これで十分なのだからしょうがない。というか Ruby でやる限りこれが一番速い。うちのそれなりのサー
OpenSocial 0.9 の OSAPI 仕様を和訳してみました - WebOS Goodies
WebOS Goodies へようこそ！ WebOS はインターネットの未来形。あらゆる Web サイトが繋がり、共有し、協力して創り上げる、ひとつの巨大な情報システムです。そこでは、あらゆる情報がネットワーク上に蓄積され、我々はいつでも、どこからでも、多彩なデバイスを使ってそれらにアクセスできます。 WebOS Goodies は、さまざまな情報提供やツール開発を通して、そんな世界の実現に少しでも貢献するべく活動していきます。 4 月に公開された OpenSocial 0.9 では JavaScript API が大幅に強化され、「OSAPI」という軽量 API が新たに追加されました。 OpenSocial 0.8.1 までの JavaScript API はちょっと形式ばっていて使いづらかったのですが、この OSAPI はより JavaScript らしい形式で簡単に呼び出せるのが特
html5の File API を使って、アップロード無しで画像プレビュー - 超自己満足プログラミング
画像をプレビューするために、サーバへアップロードする必要がなくなります*1。 html fileのアップロードフォームにonchangeを仕込んでおきます。 あとは、プレビュー表示用の要素だけ準備。 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> </head> <body> <form> <input type="file" name="file" onchange="preview(this)" /> </form> <hr /> <b>preview:</b><br /> <div id="preview_field"></div> </body> </html> javascript function preview(ele) { if (!ele.files.length) return; // ファイル未選択 var f
VDS : the Voice Delivery System
Voice Delivery System ホームページ音声読み上げサービスを提供しています。音声読み上げサービスは、インターネットに誰もが使いやすい手すりをつけるをコンセプトにサービスを提供しています。 vds(Voice Delivery System) 私たちは「インターネットに手すりをつける」をビジョンにvdsサービスを提供します。vdsはホームページやウェブアプリケーションのテキスト情報をリアルタイムに音声変換し利用者に届けます。vdsを利用することでホームページを見るメディアから聞くメディアに成長させる画期的なサービスです。また、特殊なアプリケーションを必要とせず、日本語を基本とし多言語（オプション）にも対応したユニバーサルなサービスです。 vdsは３０カ国以上の言語であらゆるWebサイトやWebアプリケーションを「見る」に加え、なめらかな音声読み上げによる「聴く」ことを可能に
Twitter @Anywhereを導入（その１） - Kumoma技術日記
生活チェックサービス「ChanTo.me」では、TwitterへのTweet方法は、GETのパラメータにstatus=[tweetする文]と設定したリンクを貼っていたのですが、何かと面倒なので、Twitter APIを使うつもりでいました。 ところが、@Anywhereが出て簡単にTweetをサイトからできるとの事だったので、@Anywhereの導入に向けて、調査し一部導入し公開を開始しました。 そこで、@Anywhereでの試行錯誤した点を記録します。 @Anywhereサイトを参照 こちらから@Anywhereのサイトにアクセスします。 ドキュメントを見たい場合は、右下の「Read the documentation」をクリックします。 アプリケーションを登録する場合は、「Start using now」をクリックします。(注意点を後述) Twitter 新 API のドキュメント「G
Twitter 新 API のドキュメント「Getting Started with @Anywhere」日本語訳 - WebOS Goodies
先日行われた Twitter の開発者向けイベント「Chirp」にて、 @Anywhere という新 API が公開されました。自分のサイトに、 JavaScript のみでユーザー情報の表示やつぶやきの投稿、ユーザー認証などの機能を実装できる、とても興味深い API です。 この @Anywhere は使い方も非常に手軽で、こちらのページでサイトを登録すれば、あとは「Getting Started with @Anywhere」にある JavaScript をページに挿入するだけで利用できます。しかし、当然ですが説明は英語ですので、日本人には少しとっつきづらい面もあります。こんな有用な API が日本で普及しないのは大きな損失、ということで前述のページを日本語に翻訳してみました。 勢いで翻訳したので表現はかなり適当ですが、まあ無いよりはましかと思います（笑）。 @Anywhere を利用
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
イイ:モバイル
Font Preview - Google Font Directory
http://d.hatena.ne.jp/kimpo/20100416
Twitter API 仕様書 日本語訳