jQuery.when() で、複数の非同期処理を扱う ｜ Tips Note by TAM
jQuery で AJAXするのに Deferred が便利ですよねーという話。 今回は jQuery.when() についてです。 複数の非同期処理を扱うとき たとえば、 JSONデータA を AJAX で取得したい 別のデータB も AJAX で取得したい 両方の取得が終わったら、続く処理をしたい こういう処理を Deferred の仕組みを使わないで書くと、こんな感じになりますでしょうか。 var data_a, data_b; $.getJSON('a.json', function (data_a) { $.getJSON('b.json', function (data_b) { // 両方終わった時の処理 console.log(data_a, data_b); }); }); Deferred を使わないと、コールバックの中に次のコールバックを書いて…… といった書き方です
GoogleスプレッドシートのデータをJSONで取得してみた
こんにちは、フロントエンドエンジニアのあつこです(ΦωΦ) 最近一段と寒くなってきましたが皆さんいかがお過しでしょうか。 私は寒さに弱いので、早速コートを出してきました。冬本番になったら何を着たらいいのだろう…… 先日GoogleスプレッドシートのデータをJSONで扱う機会があったのでここで、ちょっとまとめておきたいと思います。 もくじ 事の発端 Google Sheets APIとは 4ステップでデータを取得する JSON形式のデータをjQueryで整形する まとめ 事の発端 社内で運用しているチェックシートをもっと手軽にできないか、という要望があったのでチェックフォームを作りました。 チェック項目のデータはその他のものにも転用したい為、Googleスプレッドシートで管理しています。 イメージとしてはこんな感じ。 Googleスプレッドシートを選んだ具体的な理由はこちら。 wikiにWY
Tabletop.js - GoogleスプレッドシートをJSON化 MOONGIFT
これは面白い使い方！ Google Driveの中でスプレッドシートを便利に使っている人は多いのではないかと思います。Mac OSXでNumberを使うよりもWebベースで使える点においてスプレッドシートのが良いと考えるのではないでしょうか。 しかしせっかくWebベースであってもそのデータの活用がGoogleドライブ上だけにあっては勿体ないと言わざるを得ません。そこで使ってみたいのがTabletop.js、GoogleスプレッドシートをJavaScriptに変換してしまうソフトウェアです。 トップページです。スプレッドシートが並んでいます。 例えばこんな感じにスプレッドシートが表示できます。これは筆者が作ったものではありません。つまり公開しているスプレッドシートでないと使えません。 そしてTabletop.jsが読み込んでいます。その結果、JSONとしてデータが読み込めるようになります。
GoogleスプレッドシートをJSONPで利用する（前編） - Mach3.laBlog
この記事は賞味期限切れです。（更新から1年が経過しています） 以前Yahoo! pipesで似たような事をやりましたが、 どうやらGoogleスプレッドシートそのものがJSON出力に対応していたので、 それをJSから利用してみようという試みです。 URLの取得 「リスト」と「セル」 JSONPしてみる どんな時に使えそうか デメリットなど 後半へ URLの取得 現在の「新しいスプレッドシート」では「公開データのリンクを取得」のUIがありませんが、APIは一応整備されていてJSONPでも利用できます。 URL: https://spreadsheets.google.com/feeds/list/[A]/[B]/public/basic?alt=json [A]にはスプレッドシートID、[B]にはワークシートIDが入ります。 まずは対象となるスプレッドシートをJSONで出力する事からスタート
[JavaScript]\uXXXX形式にunicodeエスケープする関数 / LiosK-free Blog
2007-12-22 カテゴリ: Client Side タグ: JavaScript Tips Unicode JSON さっきはPerlにはまるとか言っておきながら結局JavaScript… JavaScriptの文字列を、\uXXXXの形式のUnicodeEscapeSequenceにエスケープする関数を書きました。 JavaScriptの文字列をJSONとかでよく見かける、 \u672c\u65e5\u306f\u6674\u5929\u306a\u308a の形式の文字列に変換する関数です。ソースやサンプルは続きで。 ソース var unicodeEscape = function(str) { var code, pref = {1: '\\u000', 2: '\\u00', 3: '\\u0', 4: '\\u'}; return str.replace(/\W/g, fu
jQueryでjsonデータを扱ってみる【入門編】
jQueryでjsonデータを扱ってみる【入門編】 javascriptで外部のWebサービスを利用するデータ形式はjsonを使うことが基本なようです。 似たようなフォーマットとしてXMLがありますが、こちらはHTMLと同じマークアップ言語なのですんなり入っていける反面、jsonは少々わかりずらいといった先入観があったりするんじゃないでしょうか。 そこで入門編と題して（入門編しかない!）改めて基礎から勉強していけたらと思います。 投稿日2010年07月25日 更新日2016年04月26日 とにかくシンプルなjson jsonデータは基本は外部から読み込むことになりますが、練習なのでとりあえずjavascript内の変数内に直に書きます。 「:（コロン）」で区切ったキーと値を一組として、２組目を「,（コンマ）」で区切って記述していきます。 それらを{}で囲むことで一つのオブジェクトとして扱い
軽量JSONパーサー『jq』のドキュメント：『jq Manual』をざっくり日本語訳してみました | DevelopersIO
jq Manual jqで簡単JSON加工 ｜ Developers.IO jqコマンドが実は高性能すぎてビビッた話 - beatsync.net JSONを超絶に読みやすくする jq コマンド - WebAPIバリバリ使うor開発する人必須 CLIでJSONの整形をする - ( ꒪⌓꒪) ゆるよろ日記 JSON形式の情報を様々な条件や書式として成形、フィルタリングツール『jq』。上記関連エントリで私もこのツールの存在を知る事になったのですが、ツールの簡易さ・便利さに感動しながら私もちょくちょく利用させてもらっています。 そこでこのエントリでは、jq公式ページに展開されている利用ガイド・リファレンス的な位置付けの『jq Manual』を写経がてらざっくり日本語訳してみました。ざっくり訳なのでこの部分の訳おかしい・間違ってる等ありましたら御指摘頂けると幸いです。例示されているサンプルコードも
はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
livedoor
1ワシが育てたんすよ…その腹…（誇り）まめきちまめこニー... 2【立ちんぼ大国日本】新宿“TACHINBO”←外国人が殺到する観光...ハムスター速報 3【悲報】日経新聞「NISAに関して初心者によくある誤解をまとめ...オレ的ゲーム速報＠... 4【画像】パリ五輪で日本に負け続きのブラジルさん、「日本の文...はちま起稿 5【巨人】阿部監督、戸郷限定で中5ローテ復活を明言なんじぇいスタジア... 6「飼い猫を捨てられた」同居の息子を包丁で刺した父親逮捕痛いニュース(ﾉ∀`... 7#93 発達ワイが妻と別れるまでガレ速@フォロワー... 8【公開処刑】鉄棒で2回落下した中国人選手、こうなってしまう...アルファルファモザ... 9【パリ五輪】スケボ堀米が2連覇の金！体操男子団体も王座奪還...おーるじゃんる 10【8話】舎輪組の惨劇と牧村のミス悪鬼羅刹編ニート極道「牧村ユ... 11【
GoogleスプレッドシートをJSONPで利用する（前編） - Mach3.laBlog
この記事は賞味期限切れです。（更新から1年が経過しています） 以前Yahoo! pipesで似たような事をやりましたが、 どうやらGoogleスプレッドシートそのものがJSON出力に対応していたので、 それをJSから利用してみようという試みです。 URLの取得 「リスト」と「セル」 JSONPしてみる どんな時に使えそうか デメリットなど 後半へ URLの取得 現在の「新しいスプレッドシート」では「公開データのリンクを取得」のUIがありませんが、APIは一応整備されていてJSONPでも利用できます。 URL: https://spreadsheets.google.com/feeds/list/[A]/[B]/public/basic?alt=json [A]にはスプレッドシートID、[B]にはワークシートIDが入ります。 まずは対象となるスプレッドシートをJSONで出力する事からスタート
TwitterのAPI 1.1で取得したユーザーのJSONデータからAtomフィードを作成する
Twitter API 1.1で取得した、任意のユーザーのタイムライン（JSONデータ）からAtomフィードを作成する方法を紹介します。 Twitter API 1.1で取得したJSONをAtomに変換したサンプル １．Twitterアプリケーションの作成 Twitterアプリケーション開発のページを開き、Twitterのアカウントでサインイン。 右上にある「Create a new application」をクリック。 「Application Details」のName、Description、Websiteを設定。Callback URLの設定は不要です。 下の方にある「Yes, I agree」をチェックし、CAPTHCAを入力して「Create your Twitter application」をクリック。 次の画面の下にある「Create my access token」をクリ
JavaScriptをやり始めた人が理解したほうが良いJSONパーサのコード - sifue's blog
そろそろ4月も近いということもあって、新たにWeb業界やSIer業界に入るぞという方がプログラミングの勉強をし始めているころでしょうか。最近は、エンタープライズでもWebクライアントが主流になりつつあるのでJavaScriptの習得は避けては通れない道だと思います。また、Node.js等サーバーサイドのJavaScriptも出てきたこともあって、非常に有用な言語になりつつあります。 そんなJavaScriptを学び始めている人の中でも、ある程度プログラミングをやったことがある人がJavaScriptの綺麗な書き方を学ぶのに絶対理解しておいた方が良い300行程度のソースコードがあります。 それは、JavaScript: The Good Partsに載っているJSONパーサのコードです。 JavaScript: The Good Parts ―「良いパーツ」によるベストプラクティス 作者:
JSONのエスケープをどこまでやるか問題 - 葉っぱ日記
Ajaxなアプリケーションにおいて、サーバからJSONを返す場合に、JSON自体はvalidであるにも関わらず、(IEの都合で)エスケープが不足していて脆弱性につながってる場合があるので、書いておきます。 発生するかもしれない脆弱性 JSONのエスケープが不足している場合に発生する可能性のある脆弱性は以下の通りです。 JSON内に含まれる機密情報の漏えい XSS それぞれの詳細については後述します。 開発側でやるべきこと 文字列中のUnicode文字は "\uXXXX" な形式にエスケープするとともに、ASCIIな範囲であっても「/」「<」「>」「+」も同様にエスケープすることにより、前述の脆弱性を防ぐことができます。 Perlであれば、以下のような感じになります。JSON->ascii(1) に続けて、JSON文字列を正規表現で置換しているあたりがキモになります。 use utf8; u
FlashVars経由でJSON形式のデータをswfに渡す（AS3） | _level0 - KAYAC Front Engineer Blog
こんにちは、さいきんJSON形式のデータの存在を知りましたkijimaです。 XMLでやりとりするより軽いみたいですね、JSON。 案件でJSONデータをFlashVars経由でFlash内に渡すところでつまずいたので備忘録としてエントリーします。具体的な内容は、AS3でFlashVarsを取得する場合はAS2と同じようにはいかない点と、JSONデータをFlash上で扱う場合の注意点の二つになります。 FlashVarsなので、JSONデータ形式のまま直接swfに渡すことはできません。「いや、なんとかしてJSONデータのまま渡せないものか…」と小一時間悩みましたが、FlashVarsで渡したパラメータは、たとえ数字であってもString型になるようです。 JSONデータをそのまま渡せないとなると、いったんstring変数でFlash内に入れてから、そこから再びJSONデータとして扱えるよう
無料サービスを使え！ – 役立つ無料サービスのレビュー、まとめ、比較記事を紹介
コンテンツへスキップ 無料で使える！HubSpotの顧客リストの活用法 無料のアンケート作成ツール 比較／まとめ 無料「Excel」 テンプレート 比較／まとめ 無料で使えるノートアプリ比較 (Evernote / OneNote / Google Keep) おすすめの無料Web会議システム5選 WebP Converter 徹底解説！初心者でも直ぐに使える HubSpot は、マーケティング、セールス、サービスのためのCRM（Continue reading 多くの人の声を聞くことで改善できることも多い 企業や団体など運営していContinue reading 就職・転職には必須となる履歴書・職務経歴書 これから就職活動をスタートContinue reading 便利なノートアプリで効率的な仕事をしよう いつの時代も仕事をしていてメContinue reading 近年、リモートワーク
ステップ・バイ・ステップで Pathtraq の API を使ってみよう - IT戦記
はじめに 「このサイトの人気ページを見たい！」 「このページに、皆いったいどうやって来てるんだろう？」 「このページを見たあとは、どこを見に行ってるんだろう？」 そんなこと思ったことありませんか？ Pathtraq API を使うことで、そんな情報をあなたのソフトウェア、ウェブアプリケーションに組込めるようになりました！やった！ でも、難しいんでしょ＞＜？ 違うよ。全然違うよ。超簡単だよ。 というわけで、今日は JavaScript から Pathtraq API を使ってみましょう！ Step 1 Pathtraq API を目で見てみよう！ やり方は、簡単です。 http://api.pathtraq.com/pages?url=**ここに調べたい URL** とやるだけです。 試しに、このブログを見てみましょう。 RSS が出力されました。 これは、 IT 戦記内で最近人気のページを
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IDEA * IDEA
GitHub - rfletcher/safari-json-formatter: A Safari extension which makes valid JSON documents human-readable.
Blogger beta が JSON に対応
http://www.adamrocker.com/blog/102/javascript_simplest_jsonp.html