クロスドメインのAjax通信でセッションを維持する - Qiita
xxxx.net と api.xxxx.net の間でアカウント認証を行い、セッションIDをクッキーで書き込んでもらう際にハマった話。 xxxx.net のログインページのフォームにアカウント名とパスワードを入力し、api.xxxx.net のWebAPIにAjaxを使用して送信する。 HKUser.signin = function(form, callback) { var postdata = form.serialize(); $.ajax({ type:"POST", async:true, dataType:"json", cache:false, url:"https://api.xxxx.net/1/user/signin", data:postdata, success:function(data) { ..... }, error:function(error) { .
AjaxやSPAのHTMLスナップショットをSEO向けに作る必要はなし
JavaScriptを利用したウェブアプリケーションで生成するコンテンツをGoogleにクロール、インデックスさせるには、従来は“HTMLスナップショット”が必要でした。 僕たちが使うブラウザとは異なり、検索エンジンのクローラはウェブアプリケーションを実行できません。 そこで、実行された後の状態のページをスナップショットとしてあらかじめ準備しておき、それを検索エンジンに見せるのです しかし現在は、多くの状況でスナップショットの作成は必要ないようです。 Googleはスナップショットなしでもウェブアプリケーションを実行し、それによって作られたコンテンツをクロール、インデックスできます。 ブラウザがやれることはGooglebotにもやれる Stack Overflowでの、JavaScriptフレームワークやSPA（Single Page Application: シングル ページ アプリケー
Googleが技術ガイドラインを更新、JavaScriptやCSSをブロックしないように指示
[対象: 全員] Googleは、ウェブマスター向けガイドラインの技術に関するガイドラインを更新しました。 サイトのコンテンツをGoogleが完全に理解するために、CSSやJavaScript、画像などすべてのリソースにアクセスするように指示したことが今回の変更点です。 [公式アナウンス] Updating our technical Webmaster Guidelines 技術ガイドラインの変更点 ガイドラインの該当箇所は具体的には次のように変わりました。 以前の技術ガイドライン Lynx などのテキスト ブラウザを使用して、サイトを確認します（ほとんどの検索エンジンのスパイダーには Lynx で見えるようにサイトが映ります）。JavaScript、Cookie、セッション ID、フレーム、DHTML、Flash などの特殊な機能が使用されているためにサイトの一部がテキスト ブラウザで
はじめてajaxを使うときに知りたかったこと - Qiita
はじめに 今更ですが最近ajaxを少し触るようになりました。 jQueryを使えば簡単にajax通信ができるため、単純なものであればそれほど実装は難しくないかと思います。 ですが少し複雑なことをやろうとしてみると、急にハードルが上がる気がします。 そこで自戒を込めて、ajax初心者の方に対してはじめにこれを知りたかったと思えるんじゃないかというものをまとめてみたいと思います。 ※jQueryを利用したajax通信を想定しています 目次 処理の順番を意識する $.ajax()の省略メソッドを知る イベントを知る デバッグ方法を知る 通信状況を想定する（タイムアウトを設定する） 連続クリックを防止する ← [New!] 連続通信を防止する ← [New!] 処理の順番を意識する ajaxを使用する場合は、非同期通信で処理したいケースがほとんどかと思います しかし単純にそのまま書いただけでは処理
【Codepatch #06】JSONで生成されたコンテンツでのSEO対策の方法とは！？ | Goodpatch Blog
お久しぶりです。フロントエンドエンジニアの右寺です。 Goodpatchのフロントエンド定例会議での話題をみなさんにお届けするCodepatchの第6弾！ 今回はあるメンバーからの「サイト内のコンテンツをJSONで管理したいが、SEO的なデメリットをどうにか解決できないか？」という相談に対して出てきたアイデアをみなさんにも共有したいと思います。 SEO的なデメリットとは？ みなさんもご存知の通り、Google等の検索サービスは「クローラー」というプログラムを用いて各ウェブサイトの情報を収集し、それを基に検索結果を利用者に表示しています。 元来、そのクローラーはウェブサイト内の静的なHTMLの情報を取得しています。 しかし、現在は冒頭の相談のように運用の利便性を上げるためにJSONのデータから情報を生成したり、AngularJSなどのJavascript MVCフレームワークによって構成され
URLの#（シャープ）から後の部分の名称＝「ハッシュ」「フラグメント」「ページ内リンクアンカー」と，SEO対策上の重要性 - モバイル通信とIT技術をコツコツ勉強するブログ
Webページにおいて，URLの「＃」記号よりも後ろの部分のことを，URLのハッシュという。 URLのハッシュには，呼び方がいくつかある。 呼び方の使い分けの一覧： ふつうにWebページ制作をする時の呼び方（Ajax/Pjaxとは無関係）： URLフラグメント URLのハッシュ値 ページ内アンカー，ページ内ジャンプ，ページ内リンク location.hash ネームアンカー アンカーポイント フラグメント識別子，素片識別子 （単に）アンカー，アンカー名 Google検索結果画面の１行サイトリンク Ajax/Pjax用語： ハッシュフラグメント #!（hashbang） SNS用語： ハッシュタグSEO（これは似ているが，URLとは関係ない） 技術用語として正式に表現する場合は，「URLフラグメント」が多い。 DOMの文脈だったり，JavaScriptでコーディングする場合は「ハッシュ」と俗に
オリジン間リソース共有 (CORS) - HTTP | MDN
HTTP ガイド リソースと URI ウェブ上のリソースの識別 データ URL MIME タイプ入門 よくある MIME タイプ www 付きと www なしの URL の選択 HTTP ガイド HTTP の基本 HTTP の概要 HTTP の進化 HTTP メッセージ 典型的な HTTP セッション HTTP/1.x のコネクション管理 プロトコルのアップグレードの仕組み HTTP セキュリティ Content Security Policy (CSP) HTTP Strict Transport Security (HSTS) X-Content-Type-Options X-Frame-Options X-XSS-Protection サイトの安全化 HTTP Observatory HTTP アクセス制御 (CORS) HTTP 認証 HTTP キャッシュ HTTP の圧縮 HTT
CORS(Cross-Origin Resource Sharing)について整理してみた | DevelopersIO
ブラウザからAmazon S3に直接ファイルをアップロードしたい 先日、Amazon S3にファイルをアップロードするWebアプリを作ろうとして色々調べていたところ、S3にCORSという仕様のクロスドメインアクセスの設定をすることによって、ブラウザから直接S3にアップロードをする方法にたどり着きました。ただ、この方法を使うにあたってはCORSというクロスドメインアクセスの仕様をきちんと理解しておいた方が良さそうでしたので、まずはCORSについて自分なりに整理してみました。 なお、弊社の横田がCORSとS3についての記事を以前書いていますので、S3のCORSサポートに関する概要を知りたい方はそちらをご覧下さい。 CORS(Cross-Origin Resource Sharing)によるクロスドメイン通信の傾向と対策 CORS ブラウザでAjax通信を行う際には、同一生成元ポリシー(Same
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
株式会社アクシス
GitHub - ladjs/superagent: Ajax for Node.js and browsers (JS HTTP client). Maintained for @forwardemail, @ladjs, @spamscanner, @breejs, @cabinjs, and @lassjs.
[jQuery] jQuery.ajaxでHTTPエラーの時のレスポンスを取得 - 秘密結社ぎゅう☆ぎゅう倶楽部
IBM Developer