クロスドメイン通信とはなんぞや。CORSとはなんぞや。
25 May 2011 2011-10-5 仕様の変更に伴い、大部分を書きなおす。 経緯 僕は今まで、ブラウザのクロスドメイン通信の制約とは、ホスト等が異なるサーバへのアクセスをブラウザが禁止する事だと思っていました。しかし、Chrome Extensionを開発中にどうもそれでは説明が付かない事があり、クロスドメイン通信に関して基本から学び直す機会があったので、せっかくなのでまとめました。この記事の結論を先に言うと、CORSという標準化されたクロスドメイン通信制約のもとでは、ブラウザは主にレスポンスを検閲する、という事です。 ただし、以下の文章は私が個人的に調べた事をまとめたものであり、正しさの保障はありません。むしろ間違いを見つけたら、指摘して頂けるとありがたいです。 なぜクロスドメイン通信が制約されるのか まずは基本から。 ブラウザ上のスクリプトが行うクロスドメイン通信には、ご存知の
iPod touchでフォーム入力補完をするbookmarkletを作るbookmarklet - おぎろぐはてブロ
2007年末の振り返りエントリでも書いたように、ITmediaの3分LifeHacking (該当記事)でリンクされたことから、2007年の年間アクセス数トップになった記事が、iPod touchで無線LANのブラウザ認証を楽にするbookmarklet - おぎろぐはてなでした。 しかしながら、無線LANのアクセススポットの3種類にしか対応していないこと、増やしていくにしても自分の知らないスポットに対して作ることができないという制約があります。また、はてブで、 leva こういうちょっとした楽チンさはいいよね。毎回認証してくるサイト（e.g. Yahoo! Japan）なんかもコレで楽できます。 はてなブックマーク - iPod touchで無線LANのブラウザ認証を楽にするbookmarklet - おぎろぐはてな というアイデアも頂いたこともあり、各自でこういったbookmarkle
はてなハイクでトップページのキーワード欄を注目キーワードなどのオプションに置換「replace keyword input area」 - No Programming, No Life
これは何？ はてなハイクのトップページはキーワード欄とエントリ欄が用意されていますが、キーワード欄にキーワードを手入力することはあまりありません。 そこで、注目キーワードのリストをオプションにして置き換えて使いやすくしようというGreasemonkeyです。 お知らせ (2009-05-24更新) バージョンアップしました。 v0.04 主な更新内容は以下 最近のキーワード一覧を切り替えられるようになりました。 インストールはこちら バージョン 配布先 v0.04 replace_keyword_input_area.user.js v0.04] 上記の配布先のリンクをクリックし、表示されたページの「インストール」というリンクをクリックするとインストールが始まります。GreasemonkeyがインストールされたFirefoxが必要です。WindowsXP、Firefox 3.0.10、Gr
Thumbnails with date for Hatena Fotolife - TrashSUITE
これはなに？ はてなフォトライフのサムネイル一覧に，日付を表示する Greasemonkey Script です 各サムネイルの下に，YYYY.MM.DD というフォーマットの日付を表示します 新着画像の日付を強調表示してくれます 何時間前まで新着扱いにするかは自由に設定できます 新着判定は，画像の投稿時間を基準にしています デフォルトでは，24H 以内に投稿された画像が新着扱いになっています Exif から撮影日が抽出された画像の場合，撮影日が新着判定基準になります*1 動作イメージ インストール ここからどうぞ どうでもいいこと 最近ウォーキングをしていて，毎回 iPhone を使って計測した歩数のスクリーンショットをアップロードするようにしているのですが，サムネイルを見ても何日の結果なのかがわからないし，サボった日もわからないのでなんとかならんものかと思って書いてみたのですが，一年前
「Append link to other services for HATENA HAIKU」の改造(2) - Scrapcode@はてなダイアリー
d:id:khashi:20090324:1237864306でやった改造に、もっとアイコンを追加してみました。 試しにはてラボのも追加してみたけど…faviconの無いものもあってわかりにくいから止めました。 「Append link to other services for HATENA HAIKU」のversion 1.2.0に対する変更点です。 (追記：下の方に、追加するアイコンの選択をしやすくしたものを追記しました) まず、function link(id, service)を次のように変更。 function link(id, service) { if( service == 'prof' ) return link_prof(id); var url = 'http://'+ service +'.hatena.ne.jp/' var src = 'http://favi
[Greasemonkey]はてブのページのコメント無しを非表示にするぐりもん - suVeneのアレ
ささっとはてブのページとか見たいときに、ほってんとりとかだとコメントのないブクマの表示のせいで一覧しにくいので、勝手に非表示にするグリモン書いた。 /lang/javascript/userscripts/hatena/hatebu_filter_nocomments.user.js – CodeRepos::Share – Trac before ↓ after 「show all comments」を押すことで切替可能。 便利。
![[Greasemonkey]はてブのページのコメント無しを非表示にするぐりもん - suVeneのアレ](https://cdn-ak-scissors.b.st-hatena.com/image/square/7f6147186b5619dc6968849fe25b741d51e45d92/height=288;version=1;width=512/http%3A%2F%2Fzeromemory.sakura.ne.jp%2Fsblo_files%2Fzeromemory%2Fimage%2F20090101_1.png)
はてブの評判が丸分かり！ APIを使ってみよう (2/2)
はてなブックマークの情報を表示するJavaScript ここまでで述べた手順を元に、APIを使ってはてなブックマークの情報を表示するJavaScriptを作ってみました。 まず、情報を表示する先のWebページに、以下のようなHTMLタグを追加します。「情報を読み込んでいます。」のメッセージは、適宜変えていただいて構いません。この <div id="hatena_bookmark">～</div>の中が、はてなブックマークの情報が表示される場所になります。 <div id="hatena_bookmark">情報を読み込んでいます。</div> 次に、上のdivタグよりも後に、以下のJavaScriptを追加します。このJavaScriptは、WebページのURLを自動的に判断して、そのWebページのはてなブックマークの情報を読み込み、一覧表示するものです。 ■はてなブックマークの情報を表示
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
はてなブックマークのページではてなスター順にソートするbookmarklet (でぃべろっぱーず・さいど)
はてなハイク サービス終了のお知らせ
はてなハイク サービス終了のお知らせ
はてなハイク サービス終了のお知らせ
はてなハイク サービス終了のお知らせ
はてなハイク サービス終了のお知らせ
はてなハイク サービス終了のお知らせ
はてなハイク サービス終了のお知らせ