タグ

JavaScriptとjsonpに関するsometkのブックマーク (3)

  • JavaScriptの読み込みを最適化してページの表示速度を高速化する6つの方法

    [対象: 中〜上級] 僕のブログではてブ数がいちばん多いのはウェブページを高速化するTIPSを解説した記事です(まだ読んでない人はぜひ読んでください!)。 その記事では高速化全般を扱っていましたが、今日の記事ではJavaScriptに的を絞って表示速度をスピードアップできる施策を6つ紹介します。 もともとはSearch Engine PeopleブログのOptimizing JavaScript for Better Web Performanceで説明されていたものです。 記事作者のJoydeep Deb(ジョイディープ・デブ)氏に僕のブログでの転載許可をもらえました (Thanks, Joydeep!)。 逐一の翻訳ではなく、書かれている内容をもとに僕の言葉で解説していきます。 1. HTTPリクエスト削減のためにJavaScriptファイルを1つに統合する ウェブページの表示を高速化

    JavaScriptの読み込みを最適化してページの表示速度を高速化する6つの方法
  • 20秒で理解するJSONP - Y's note

    1行理解 JSONP(JSON with Padding)とはjavascriptコールバック関数を利用し外部ドメインサーバとJSONデータをやり取りする方法である。 ※通常のHTMLでは同一ドメイン以外の通信が行えないという制約があるが、javascriptタグのsrc属性とJSONデータ/コールバック関数を利用して外部ドメインとデータのやり取りを可能にする技術。 やること ■クライアント 外部ドメインのサーバから受け取ったJSONデータを処理するコールバック関数の定義。 ※ここで定義するコールバック関数はサーバサイドで定義される関数名と一致させる必要がある。 ■サーバ側 JSONデータを引数としたクライアント側のコールバック関数の呼び出し クライアントサンプル <html> <head> <script type='text/javascript' src='http://www.yu

    20秒で理解するJSONP - Y's note
  • JSONとJSONP

    JSONとJSONP ネタ元:JSONについての勉強メモ:外部URLから呼び出せない。どうやったら・・・ JSONやJSONPを利用したJavaScriptでのデータをの取り扱い方です。 JSONの場合 JSONはJSONについての勉強メモで書かれているようにデータをオブジェクトとして記述しておく方法です。 var jsonData ={"users": [ { name: "hamu", age : 24, language:["XHTML" , "CSS"] }, { name: "h2", age:25, language:["PHP" , "Java"] }, { name: "hoge", age:26, language:["JS" , "jQuery"] } ]} とJSONを定義しておけば、 for(var index in jsonData.users){ documen

    JSONとJSONP
  • 1