【gulp】jsonファイルを扱う方法をメモメモ①～require編 | バシャログ。
みなさま、こんにちは。最近VRがものすごく気になり始めて、どうやって作るのか・・・を少し勉強しようと思っている kouraku です。でも、年が年なので物覚えが悪くなっているから、習得は無理でしょうね・・・（苦笑）。 さて、今回は使い方次第で色んなことができる・・・であろう jsonファイルを扱う方法についてメモしたいと思います。HTMLの大量生成や、ワード集などを作る時に重宝します。 まずは構成から 今回の構成は以下のとおりです。今回もHTMLのテンプレートエンジンは、まだまだ不安定さが残るpugではなくjadeを使いたいと思います。 よって、前回までの構成をそのまま使用します。 （詳細はGitの内容をご覧ください）。 ┬ [gulptasks] ─── タスク用ディレクトリ ｜ ├ beautify-html.coffee ｜ ├ browser-sync.coffee ｜
JSONP WebAPIを爆速で使いこなせるフレームワーク
ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog Yahoo!デベロッパーネットワークの中野(@Hiraku)と申します。 「WebAPIの魅力を存分に宣伝せよ」という使命を受けまして、これから何度かTechblogを書くことになります。以後、お見知りおきを。 さて、Yahoo! JAPANが公開しているWeb APIはたくさんありますが、JSONPに対応しているものがいくつかあります。ショッピング、オークション、YOLP、震災関連情報などです。 JSONPについて詳しくは過去記事を見てください。 他の形式に比べると、サーバーを準備しなくてもブラウザーだけで動かすことができ、古いブラウザーでも動くという、JSONPにしかないメリットがあります。夢のような形式！なのです。 …そのは
Android JSONObjectとかJSONArrayとか
半年ぐらい前に作ったAndroidアプリを最近見てみたら、データ取得に失敗していた。 よく見てみると、JSONデータ取得でExceptionになっていた。 アプリとしてはWebAPIをたたいてそこから帰ってくるJSONデータを加工してListViewに表示するもの。そのListViewに表示する際のJSON形式がいつのまにやら変わっていたのが原因っぽい。（連絡してよ～） で、修正しようと思ったけど久々にAndroid触ったこともあって、手間取ったので一応まとめておく。 ◆JSONObject JSONデータを扱うためのクラス。コンストラクタにJSONデータを渡すことで、 getJsonString()等のメソッドでデータを取得できる。 ◆JSONArray JSONデータのArray形式のデータを取得できるクラス。コンストラクタにJSONのArray形式の データを渡すことで、getJSO
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
JSONPを使ってJavaScriptだけでマッシュアップ
ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog こんにちは、Yahoo!地図の開発を担当しています前田博敏です。 今回は、JavaScriptから外部サイトのWeb APIを直接呼び出すことができる、JSONPという手法について紹介させていださきます。 JSONPとは JSONPとは、JavaScriptの外部ファイル読み込み（「script」タグとその「src」指定）を利用して、ドメインの異なる外部サイトのデータを読み込む手法のことを言います。 JSONPを利用するには、呼び出される側のWeb APIがJSONP形式に対応している必要があります。 Yahoo!デベロッパーネットワークでは、現在のところローカルサーチAPIとショッピングAPIが、JSONP形式に対応しています。
第11回 JSONP入門 | gihyo.jp
こんにちは、太田です。今回から、Ajaxと呼ばれるような非同期な通信処理を行うJavaScriptについて解説していきます。今回は特にJSONPについて基礎的な部分を解説します。 JSONとは JSONについては第9回でも少し触れていますが、改めて解説します。 JSON（JavaScript Object Notation）はJavaScriptから生まれたデータ記述フォーマットで、真偽値、数値、文字列、null値の組み合わせを持ったハッシュか配列かその両方で構成されます。 JSONはそのシンプルさから多くの言語でネイティブにサポートされており、特にウェブ関連ではポピュラーなデータフォーマットです。 JSONのサンプル（配列） ["aaa", "bbb", "ccc"] JSONのサンプル（ハッシュ） {"aaa":1, "bbb": 2, "ccc": 3} JSONのサンプル（ハッシュ
[PHP] Twitter API を利用して検索結果を取得する
object(stdClass)#2 (11) { ["completed_in"]=> float(0.171) ["max_id"]=> float(1.12510849201E+17) ["max_id_str"]=> string(18) "112510849201086465" ["next_page"]=> string(90) "?page=2&max_id=112510849201086465&q=%E3%83%96%E3%83%AD%E3%83%83%E3%82%B3%E3%83%AA%E3%83%BC" ["page"]=> int(1) ["query"]=> string(54) "%E3%83%96%E3%83%AD%E3%83%83%E3%82%B3%E3%83%AA%E3%83%BC" ["refresh_url"]=> string(85) "?since_
![[PHP] Twitter API を利用して検索結果を取得する](https://cdn-ak-scissors.b.st-hatena.com/image/square/8d71ff5111e05619a10d29bb40d7aebaa75c8fbc/height=288;version=1;width=512/https%3A%2F%2Fs0.wp.com%2Fi%2Fblank.jpg)
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
JSONMate
http://www.adamrocker.com/blog/102/javascript_simplest_jsonp.html