Hatena Blog Tags
はてなブログ トップ
JSONP
このタグでブログを書く
言葉の解説
ネットで話題
関連ブログ

JSONP

(コンピュータ)
【じぇいそんぴー】

JSON with paddingの略

Javascriptの非同期通信でよく使われるXMLHttpRequestオブジェクトにはSame-Originポリシーが存在し、クロスドメインアクセスができない。
一方，scriptタグを用いると，ドメインの異なるサーバに置いているスクリプトファイルを読み込むことができる。この仕組みを利用し、scriptタグのsrcに、データを取得できるAPIのURLを指定し，ドメインの異なるサーバからデータを取得する仕組みの総称として、JSOPという言葉が使われる。JSONP用のAPIでは、関数名＋取得データをjson形式で表記して引数とした形式(例.callbackFunc({id:1000,name:aaa}))のレスポンスが一般的で、APIから返されるコールバック関数と同じ名前の関数(callbackFunc(jsonData))をクライアント側で定義しておけば、データを読み込んだ際にそのコールバック関数が実行される。動的にscriptのDOMを生成することで、非同期でデータが取得できるようになる。


ただし、Same-Originポリシーが存在しないため、機密情報をAPIに含める際には十分な注意が必要である。


はてなでもJSONPによるデータ取得用APIを公開している。
http://d.hatena.ne.jp/hatenastar/20070908/1189212476

このタグの解説についてこの解説文は、すでに終了したサービス「はてなキーワード」内で有志のユーザーが作成・編集した内容に基づいています。その正確性や網羅性をはてなが保証するものではありません。問題のある記述を発見した場合には、お問い合わせフォームよりご連絡ください。
ぼちぼちクラウド•8ヶ月前

【読書記録】Webを支える技術　第4部

第4部の構成 HTML 見出しや段落などの構造を定義した文書フォーマット microformats HTMLに比べ、WebAPIをプログラム用に別途用意する必要がない、メンテナンス性などの面ですぐれている Atom ブログだけでなく検索エンジンなどさまざまなWebサービスのWebAPIとして利用可能 Atom Publishing Protocol(AtomPub) Atomはデータフォーマットの規定であるのに対し、AtomPubはAtomを利用したリソース編集(CRUD操作)プロトコル ブログや検索データベースには向いているが、リアルタイム性が重要なAPI、データの階層構造が重要なAPIなど…

#webを支える技術#HTML#JSON#JSONP

関連ブログ

元Webデザイナー兼コーダーの備忘録•2年前

【JavaScript】JSONデータの読み込み

外部サイトでJSONデータをJSONPとして公開している場合、そのデータを読み込んで利用することができます。 今回は、JSONデータの読み込みについて書きます。まず、ローカルフォルダにデータを用意して、それを読み込んでみます。次に、外部サイトにあるデータを読み込んでみます。その他に、JSONデータの整形とセキュリティリスクについて簡単に書いています。 JSON(JavaScript Object Notation) JSONP(JSON with padding) ローカルのJSONデータの読み込み 外部のJSONデータの読み込み JSONデータの整形 JSON.stringify() con…

#JSON#JSONP#コールバック関数
元Webデザイナー兼コーダーの備忘録•3年前

【mustache入門:JS版】データを別ファイル(JSONP)にして読み込む

レンダー部分でデータを指定しているところがあります。そこを外部ファイルとして読み込むように変更します。ここでは、データをJSONPファイルとして用意します。 作成するファイル JSONPでデータを読み込む まとめ 参考サイト 作成するファイル HTMLファイル:index.html JavaScriptファイル:render.js JSONPファイル(データファイル):data.jsonp ファイルをそれぞれ以下のように作成します。 <!-- index.html --> <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"…

#mustache#JavaScript#JSON#JSONP
Take's Software Engineer Blog•8日前

情報処理安全確保支援士試験 平成31年度 春期 午後1 問1 No.1

https://www.sc-siken.com/pdf/31_haru/pm1_1.pdf 以下のおすすめ問題の解説となります。 良書。 2024 情報処理安全確保支援士「専門知識＋午後問題」の重点対策 作者:三好康之 アイテック Amazon 問1 Webサイトの セキュリティに関する次の記述を読んで、設問1〜3に答えよ。 M社は、従業員数200名の小売業である。コーポレートサイトであるWebサイトA（URLは、https://site-a.m-sha.co.jp/）と、自社の特定のブランドを取り扱うECサイト（以下、ブランドサイトという）を複数運営している。現在運営しているブランドサイト…

アーシの毎日インプット•2ヶ月前

セキスペCheck：ECMAScriptの概要とプログラミグ上の留意点

今回も情報処理安全確保支援士の試験勉強の内容をアウトプットをしていきます。 勉強に使ったのはこちら 章の終わりにあるCheck問題に私なりの答えで解答していきます。 今回は8.4章：ECMAScriptの概要とプログラミグ上の留意点のCheck問題です。 【Q1】ECMAScriptの言語としての主な特徴を三つ挙げよ。 ①スクリプト言語であること②インタプリタ型の言語であること③オブジェクト指向言語であること 【Q2】ステートメントの記述における規則を挙げよ。 ①文末に;(セミコロン)をつけるが、必須ではない②文の途中に空白・改行・タブを含めることが可能③大文字・小文字が区別される 【Q3】文…

kei_log•2ヶ月前

REST について理解する

REST API とはなにか？ ① Web API とは？ ② REST とは？ REST 制約 REST API の成熟度モデル ③ REST Web API サービス設計 ③-1：URI の設計 ③-2：URI と HTTP メソッドの適切な組み合わせ ③-3：リソースを特定するパラメータの使い分け ③-4：ステータスコードの使い分け ③-5：レスポンスのデータフォーマットと指定方法 ④ 実際に REST API を設計してみる REST API とはなにか？ REST API とは一言でいうと REST に則って設計された Web API のことです。つまり Web API と REST…

st98 の日記帳 - コピー•2ヶ月前

MOCA CTF Quals 2024 writeup

7/20 - 7/21という日程で開催された。BunkyoWesternsで参加して1位🎉 上位5チームはいくらかの旅費支援付き*1で、イタリアはピネート*2で9月に開催される決勝大会へ招待されるらしい。ハッカーの集まるキャンプだとか、テントのスペースが提供される(ただし、場所だけでテントは提供されない)とかいった記述が見え、これが一般名詞としてのセキュリティキャンプかと思う。 今回使われていたプラットフォームは若干使いづらかったものの、問題自体は、少なくとも私がチェックしていたRAAS, METAION, MOCA-WEATHERに関しては面白かった。Gluglu Documentsというブ…

ketyiaの学んだこと議事録•3ヶ月前

ウェブ・セキュリティ基礎試験（徳丸試験）の勉強　㉒APIの脆弱性

こんばんわ！世間では徳丸試験といわれている、ウェブ・セキュリティ基礎試験に挑戦しようということで、いつものごとくアウトプットで記事にまとめていきます。今回は第二十二回目のAPI脆弱性についてまとめます。 JSONとJSONP JSONとは、JavaScriptのオブジェクトリテラルの形式をベースに作られたデータ交換形式です。名前と値がペアになっているデータの集合体として表され、名前と値を「：」 (コロン)でペアとして記述し、データの間は「,」 (カンマ)で区切ります。これらを {}で囲んだものがJSON形式となります。一方、JSONPは「JSON with Padding」の略で、異なるオリジ…

tohokuaikiのチラシの裏•3ヶ月前

Google Apps ScriptでSpreadSheetをJSONにして、別途Google Driveに保存する。

ま、いろいろとやってこんな感じ。 対象となるSpreadSheetのデータ 都道府県別の小学校数の推移 年 北海道 青森県 岩手県 宮城県 1975年 1820 545 610 458 1976年 1898 542 602 456 1977年 1881 531 598 460 1978年 1866 531 591 462 1979年 1854 531 579 468 そのSpreadSheetのApps Script 操作トリガーはこのメニューに置く。 更新対象となるGoogle DriveのJSONファイルは、ファイルIDで指定する。ファイルIDってなんや？ってことは「Google Driv…

武書房•5ヶ月前

Webを支える技術

なんと 2020/11/4 - 2024/4/29 で読了。 お世話になってる人からいわゆる借りパクしてて、もはやいつから読みはじめたかも覚えてなかったのだが、付箋のメモで開始日がわかった。 けっこうな分量の本ですが、誤字や脱字はなく、丁寧に作られた技術書という印象を受けました。 Webを支える技術 ―― HTTP，URI，HTML，そしてREST WEB+DB PRESS plus作者:山本 陽平技術評論社Amazon 自分の本じゃないから書き込みできない＆返さないといけないので、「へぇ～」と思ったとこをメモりながら読んでた。 ので、あんまり意味ないけど時系列を添えて残しとく。 2020年 …

エンターテイメント！！•6ヶ月前

【翻訳＋意訳・要約】ウェブ開発者のためのクロスオリジンリソース共有（CORS）の理解

※本記事は、ChatGPTによる意訳+翻訳を活用し、レイアウト調整したものです。 ※感想は、オリジナルです。 原文 意訳+要約 ウェブ開発者のためのクロスオリジンリソース共有（CORS）の理解 ChatGPTへのQA Ｑ：具体的に、どういう場合にCORSが発生するのでしょうか？ Ｑ：プロキシサーバを立ててCORSを回避するのは、適切なのでしょうか？ Ｑ：サーバーが外部サーバーで管理外の場合、プロキシくらいしか対策がない気がしますが、他にどのような対策がありますか？ 感想＋雑記 原文 Understanding Cross-Origin Resource Sharing (CORS) for W…

ts0818のブログ•7ヶ月前

jQuery 4.xで遂にIE 10以前のサポートを終了するそうな。Ajaxについても整理してみる

www.publickey1.jp ⇧ 何と言うか、コストの観点からしたら、オンプレミスで構築した方がよい場合もあるからして、全てをクラウドありきで考えられても困るんだが... 特に円安、クラウドサービスの値上げ、とかある中で、本当にクラウドの方が低コストと言えるのか甚だ疑問なんだが... Microsoftなんかは、 news.microsoft.com 日本マイクロソフト株式会社は、2024 年 4 月 1 日から、法人向けソフトウエアおよびクラウドサービスの価格を改定します。新価格は、日本円の為替変動に伴い、いずれも 20% の引き上げとなり、2024 年 4 月以降に適用されます。 h…

rhanda | 元銀行員Web系エンジニアの日記•7ヶ月前

『Web API The Good Parts』読みました

Web API: The Good Parts作者:水野 貴明オライリージャパンAmazon 構成 1章 Web APIとは何か 2章 エンドポイントの設計とリクエストの形式 3章 レスポンスデータの設計 4章 HTTPの仕様を最大限利用する 5章 設計変更をしやすいWeb APIを作る 6章 堅牢なWeb APIを作る 感想 基礎的な用語から解説がなされていたので、1つずつ理解しながら読み進められてよかったです。 TwitterやGitHubなど、世のサービスはどうなっているかが例に挙げられていて、面白みを感じながら読み進めることができました。 また「なぜデファクトスタンダードに寄せるのが良…

Python転職初心者向けエンジニアリングブログ•8ヶ月前

PHP 連携: よくあるミスとエラー解消方法

PHP 連携: よくあるミスとエラー解消方法 PHPとの連携はウェブ開発において一般的であり、様々なプロジェクトで使用されています。しかし、PHPとの連携においては、よくあるミスやエラーが発生することがあります。本記事では、PHPとの連携時に起こりがちな問題とその解決策について、具体的なコード例を交えて詳しく解説します。 1. エラーの原因の特定 PHPとの連携において発生するエラーは様々ですが、まずはエラーの原因を特定することが重要です。以下によくあるエラーの例を挙げ、それに対する解決策を述べていきます。 1.1. CORS(Cross-Origin Resource Sharing) エラ…

Python転職初心者向けエンジニアリングブログ•8ヶ月前

junko​.com: よくあるミスとエラー解消方法

junko​.com: よくあるミスとエラー解消方法 1. はじめに Web開発において、特定のドメインやサイトに関連するよくあるミスやエラーがあります。本記事では、junko.comという仮想のドメインを例に取りながら、そのよくある問題とその解消方法について具体的なコード例とともに解説します。これにより、Web開発においてよりスムーズなトラブルシューティングが可能になります。 2. よくあるミスとエラー 2.1. SSL/TLS証明書の期限切れ 問題: junko.comにアクセスすると、SSL/TLS証明書に関するエラーが表示される。 解決策: SSL/TLS証明書が期限切れになると、安全…

The light of hope to the other side of the tunnel - Kotsu Kotsu To -•8ヶ月前

$350 XSS in 15 minutes から学ぶ

ソース： infosecwriteups.com 脆弱性：XSS 訳： 特定のエンドポイントには、 Reflected XSS インジェクションに対して脆弱なname パラメータがあって。 example.com/profile?name=<img+src=1+onerror=alert(1337)> バイパスの検索を開始し、Chrome デベロッパー ツールの検索機能を使用してこのエンドポイントを検索しました /profileすべての JS ファイルで別の脆弱なパラメータを確認しましたが、別のエンドポイントが見つかりました。 example.com/services 私の頭に浮かんだ最初のア…