気象庁の天気予報JSONファイルをWebAPI的に利用したサンプルアプリ | あんこエデュケーション
JSONの取得方法 JavaScriptでJSONを外部から取得する際にはfetch()命令が利用できます。今回は特別なパラメーターやヘッダーを送る必要も無いため、JSONがある場所のURLを第一引数に指定して利用します。また、取得に成功した際の処理を関数（このケースでは無名関数）で指定します。 なぜfetchでは成功したときの処理を関数で指定するか、理由の一つは非同期処理だからです。非同期にしておくことでfetchの成否や完了に関わらず、次の処理に進めることができます。また、fetchによるJSONの取得が終わり次第、指定した関数が非同期的に処理されます。 取得結果をHTML側に反映する DOM技術を使って画面に天気予報の情報を書き出します。今回はHTML側をTABLEタグで構成しており、行単位でID名を振ってあります。そこで行のID名を元に、情報を反映したいセルを特定します。 例：「発
ダミーのJSONデータを自動生成してくれるサイト「JSON GENERATOR」 | ライフハッカー・ジャパン
「JSON GENERATOR」はダミーのJSONデータを自動生成してくれるサイトです。JSONでテストデータを作りたいときに便利です。たとえばダミーの名前や電話番号、住所などの情報を自分で考えるのは面倒です。このサイトを使えば、作成したいJSONの形式を指定するだけで、ランダムな情報を自動生成してくれます。 以下に使ってみた様子を載せておきます。まずJSON GENERATORへアクセスしましょう。左側が自分が作成したいJSONデータの形式です。キーは指定しておき、値にどんな情報が欲しいか入力しておきます。 右側が自動生成されたダミーのJSONです。値にランダムな情報が入力されていますね。キーさえ指定しておけばあとは自動的に対応する値をいれてくれるのは非常に助かります。ぜひJSONでダミーデータを作成したいときにご活用ください。 JSON GENERATOR （カメきち）
機密情報を含むJSONには X-Content-Type-Options: nosniff をつけるべき - 葉っぱ日記
WebアプリケーションにおいてJSONを用いてブラウザ - サーバ間でデータのやり取りを行うことはもはや普通のことですが、このときJSON内に第三者に漏れては困る機密情報が含まれる場合は、必ず X-Content-Type-Options: nosniff レスポンスヘッダをつけるようにしましょう(むしろ機密情報かどうかに関わらず、全てのコンテンツにつけるほうがよい。関連:X-Content-Type-Options: nosniff つかわないやつは死ねばいいのに! - 葉っぱ日記)。 例えば、機密情報を含む以下のようなJSON配列を返すリソース(http://example.jp/target.json)があったとします。 [ "secret", "data", "is", "here" ] 攻撃者は罠ページを作成し、以下のようにJSON配列をvbscriptとして読み込みます。もちろ
jqコマンドが実は高性能すぎてビビッた話
GWが始まりましたが、鎌倉のGWは観光客多すぎて逆に住民はげんなりして外に出なくなる感じです。とはいえ路地まで観光客が攻め込んでくることは少ないので、路地を散歩する分には天気がよくていい感じですね。ちなみに人力車のおにーさんはそういう味のある路地を知り尽くしているので人力車で移動するのはそこそこオススメです(ぼくは乗ったことないけど「こんなところも通るんだ!」ってところで見かけたりします)。 さて、jqというコマンドをご存じでしょうか。 jq jq is a lightweight and flexible command-line JSON processor. と書いてあるとおり、コマンドラインでJSONを扱うことができるコマンドです。で、今まさに仕事で巨大JSONと戦うことが多く、このコマンドが大活躍です。 とはいえ、ぼくの使い方としては「巨大JSONをキレイに整形して表示する」とい
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
