<g> <g> <defs> <rect id="SVGID_1_" x="-468" y="-1360" width="1440" height="3027" /> </defs> <clippath id="SVGID_2_"> <use xlink:href="#SVGID_1_" style="overflow:visible;" /> </clippath> </g> </g> <rect x="-468" y="-1360" class="st0" width="1440" height="3027" style="fill:rgb(0,0,0,0);stroke-width:3;stroke:rgb(0,0,0)" /> <path d="M13.4,12l5.8-5.8c0.4-0.4,0.4-1,0-1.4c-0.4-0.4-1-0.4-1.4,0L12,10.6L6.2

クロスドメイン制限の回避について 今まではXHR(XmlHttpRequest)の仕様によりJSを読み込んでいるHTMLファイルがあるサーバから異なるドメインサーバへのAjaxリクエストが制限されていました。Same Origin Policyと呼ばれているものです。Same Origin Policyの役割としては悪意のあるscriptが個人情報等を他のサイトに転送する事を防ぐためです。このセキリティ制限を回避するために多くの人が代表的なJSONP(JSON with Padding)を利用してサーバサイドでクライアントのコールバック関数をechoしてクライアント側で実行されることにより、クロスドメイン間のAjax通信をそれっぽく動くように対応していたと思います。 JSONPについては以前記事を書いたので宜しければ参照してください。20秒で理解するJSONP - Yuta.Kikuchi

Captcha security check nekousa.com is for sale Please prove you're not a robot View Price Processing

なぜ通常のXMLHttpRequestにはクロスドメイン制約があるのに、JSONPではクロスドメインでリクエストを送信できるのか？不思議に感じたので、ちょっと調べてみた。 クロスドメイン制約は「ブラウザ上で実行されるJavaScriptは同じドメインにしかリクエストの送信やクッキーの編集を行えない」という制限である。 なぜこのような制限が必要になるのか。クロスドメイン制約がなかったらどうなるかを思考実験してみよう。ブラウザ上では、いくつものサイトからダウンロードしてきたJavaScriptが同時に実行されることは珍しくない。また、悪意のあるページにアクセスしてしまい、悪意あるJavaScriptを実行してしまうことも、十分に起こり得る話である。間違えて変なページにアクセスしたら致命的な問題が起きました、ではまずいので、ブラウザではJavaScriptができる事にかなりの制限を与えている。X

GET でクエリ送って img 要素の画像を更新するのは src 変更するだけですから簡単ですが、POST の場合はそうはいきません。そこで Ajax 的にデータを取得し、data スキームで src を更新します。 注意しなければならないのは XMLHttpRequest ではデータを文字列として取得する点です。jQuery の ajax や post も同じです。そもそも JavaScript はバイナリデータを扱うようにできておらず、文字列をバイト単位では扱えません。 とりあえずソース 「http://example.com/img.cgi」に「id=0」というデータを POST で送信して得られる PNG 画像で「imgObj」という Image オブジェクトを更新したい場合の例です。 var req = new XMLHttpRequest(); req.open('POST',

原文：“There is no simple solution for local storage” (on March 5, 2012 by Chris Heilmann) 要約：私たちは良いデータストアとして localStorage を推奨するのをやめなければならない。パフォーマンスがひどく損なわれるからだ。しかし残念なことに、代わりとなるものはまだ完全にサポートされておらず、また簡単に実装できるものでもない。 Web 開発において、うますぎる話に出くわすことは常々だ。そういったもののいくつかは良いもので、だからこそそれが「すべて」として目立ってしまい、開発者を使うように仕向けてしまう。しかし、多くの場合、良いと思われていたものはそこまで良いものではない。また、しばらく使ってみてはじめて「間違っていた」と気づかされるものなのだ。 そんなもののひとつに、localStorage がある

In Visual Studio 2022 17.10 Preview 2, we’ve introduced some UX updates and usability improvements to the Connection Manager. With these updates we provide a more seamless experience when connecting to remote systems and/or debugging failed connections. Please install the latest Preview to try it out. Read on to learn what the Connection ...

こんにちは。麺処まつば副店長です。 １ヶ月以上ぶりの更新です。 い…いや…、べ…別に遊んでいたわけではありませんよ…？ （店長からの視線に怯えながら） さて。今日は HTML5 の WebStorage について少し調べてみましたので それについてまとめてみます。 WebStorage には sessionStorage と localStorage の２つがあるようです。 sessionStorage は読んで字のごとく…そのセッションのみで有効で、 localStorageは、消さない限り残ってしまうものです。 両方とも key-value で値を保持するんだそうで。 副店長、お恥ずかしながら「それって、cookie と何が違うの？」って思ったのですが ・cookie より容量が大きい ・cookie みたいに毎回サーバに送信とかしない ・cookie と違って有効期限とかない（loc

サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。

米Twitterは現地時間2013年1月8日、リアルタイムのツイート検索向上のために、人力検索エンジンを構築したと発表した。人間の判断が必要な単純作業を仲介する米Amazon.comのWebサービス「Amazon Mechanical Turk」を利用する（Amazon Mechanical Turkベータ版公開時のニュース）。 2009年1月のハドソン川への旅客機不時着や2012年のBarack Obama米大統領再選などのように、突発的な事件や大きな出来事が発生した際、Twitterでは急激に検索が増加する。このようなとき、ユーザーが検索に使うハッシュタグやキーワードでは、前後の状況を知らないとそれが何を意味するか理解しにくい。 たとえば昨年「Big Bird」という検索クエリーが急増したが、これは米大統領選の討論会におけるMitt Romney氏の発言に関するものだった。 また検索の

以前、GREEさんの勉強会で公開したデモのソースコードである CocosMatchを一般公開します。 Download ソースコードは、MITライセンスとします。 ( プロジェクトフォルダの中にもdocフォルダを用意し、README.mdを同梱しております） しかしながら参考ゲームとして、パズル＆ドラゴンズの動きを かなり似せて作っているため、そのままゲームとして出荷するなどは控えてください。 （当方は、一切責任を持ちません） あくまでcocos2d javascript bindingsの勉強用として参考にしてください。 ※ソースコードは特にコメントを入れておりません。 また、アップデートをする予定も御座いませんので、 このプログラムに関するサポートは一切受け付けませんのでご注意ください。

はてながデザイン変更をしたことで、何やら騒いでいる。はてなは、以前から、ユーザーの声など聞かない安心のはてなクオリティを続けてきた。今まで、はてながしてきたことを知らない人がかなり多くなっているので、安心のはてなクオリティをまとめてみた。 B!KUMA ガールズでも、何か言われている。 iTunes App Store で見つかる iPhone、iPod touch、iPad 対応 B!KUMA ガールズ https://itunes.apple.com/jp/app/b!kuma-garuzu/id478253704 ブックマーク機能 レビュー : すン Googleで自分のニックネームで検索かけたら、どれをブックマークしたかの情報がただ漏れだったので削除しました。気持ち悪い、怪しいアプリ。 12月に履歴を非公開設定出来るようになったらしいけど、今までユーザーの確認なく観覧履歴がGoog

ペアプロで if-then-else 文が出てきた際、「これ、else if の順序、こっちの方が良くない？」というような会話をすることが時折ある。 どれも当たり前のものかもしれないが、「ああ、確かに」という反応があることもあるので、今日はそんな会話の際に出てくる視点についてまとめてみた。 if (よくあるケース/正常なケース) { // 処理 } else if (比較的特殊なケース) { // 処理 } else if (さらに特殊なケース) { // 処理 } else { // 処理 } 条件式の結果がtrueになる確率が高く、「ノーマル」に近いものを上に書く。可読性が上がる他、特に2.で触れる条件式の判定に時間のかかる場合や、ループの最奥にある処理などのif-then-else文の実行される回数が極めて多い場合には体感レベルで実行速度にも大きな差が出ることもある。 Code Co

アップルがApp Storeの開発者向けの規約を変更し、公開済みのアプリのスクリーンショットの変更に対して制限をはじめたようです。［source: Apple Developer ］ アプリの開発者はこれまで、アプリをApp Storeへ公開した後にスクリーンショットを変更することができましたが、1月9日以降はアプリ申請時の画像にロック(固定)されるとのこと。 スクリーンショットを変更できるのは、アプリのアップデートを提出(再申請)する場合のみに限られ、それ以外のタイミングで自由に変更することできなくなります。 今回のポリシー変更の背景には、アプリの申請時には審査に問題がないスクリーンショットを使い、App Storeへの公開後に実態とは異なる別の画像にすり替える「詐欺行為」が横行しており、それを防止するための対策との見方もあるようです。 スクリーンショットはアプリを善し悪しの判断をする上

左上から順番に紹介 ■お天気アプリ tenki.jp カテゴリ: 天気 価格: 無料 6時間後の降水確率をバッジで表示。オススメ！ ■カレンダー、スケジュール管理アプリ 曜日と日付の視認性より標準カレンダーを選択 ■タスク管理 Nozbe Todo カテゴリ: 仕事効率化 価格: ￥450 WEBとも連動。その日（日付ごと）にやることを管理 ■経路や乗り換え確認 路線検索HELPER カテゴリ: ナビゲーション 価格: ￥85 特に不満がないので変えていない ■マップアプリ（地図） Google Maps カテゴリ: ナビゲーション 価格: 無料 王道の必須アプリ ■SNS関連アプリ Facebook カテゴリ: ソーシャルネットワーキング 価格: 無料 Facebook公式アプリ Tweetbot ― 個性派Twitterクライアント (for iPhone) カテゴリ: ソーシャルネッ

スマートフォン向けアプリの開発プラットフォームは日々革新が起こっているが、やはり日常的に使用するデスクトップアプリにも新しい潮流が欲しいもの。 そんな人は「TideSDK」をチェックしてみてはどうだろう。 「TideSDK」は、ウェブで使用されている技術で、デスクトップPC向けアプリケーションを開発できるというもの。 対応する技術は HTML5・CSS3・Java Script・Python・PHP・Rubyで、WindowやMac OS X、Linuxで動作する。 HTML5&JavaScriptで作ったアプリを、クロスプラットフォーム対応にして配布するなんてことも可能になる。 ウェブ開発の感覚でデスクトップアプリを ウェブ技術でどこまでできるか? パフォーマンスや制限が気になるところだが、まず、PCシステムやデスクトップUIを操作する部分についてはシンプルなAPIが用意されており、ウェ

(2010/06/18 追記) OAuthのみへの移行がワールドカップによる負荷を理由に8月16日からに変更されました。 moving the OAuth switch over date to august 16, 2010 - Twitter Development Talk | Google グループ http://groups.google.com/group/twitter-development-talk/browse_thread/thread/dfb89d9f29f339a2?pli=1 段階的に移行が行われ、8月31日からはBASIC認証が完全に使えなくなる様です。 Twitterブログ: Twitter APIデベロッパー・コミュニティへのお知らせ (oAuthへの移行に関しての期限延長) http://blog.twitter.jp/2010/06/twitter-a

この記事以降 Twitter API の仕様が変わっており、このままでは正しく機能しない場合があると思います。近いうちに今のやり方を書くので、それまで参考程度にご覧ください。 Twitter API の OAuth でひととおりやってみた。 忘れないようにメモ。 大雑把な流れ Twitter にアプリケーションを登録する。 Consumer Key と Consumer secret を取得する。 リクエストトークンを取得する。 認証用 URL を取得する。 ユーザーから承認を受ける（bot の場合は自分でやる）。 アクセストークンを取得する。 API にアクセスする。 以下、やった作業の手順です。 事前準備 HTTP_OAuth を使えるようにする OAuth の通信部分そのものは PEAR の HTTP_OAuth を使うことにしたので これをインストールする。 一番めんどくさい部分を