テスト用の json サーバーがサクッとほしいなら JSONPlaceholder 使おうよ!

  • 2019/11/4
  • テスト用の json サーバーがサクッとほしいなら JSONPlaceholder 使おうよ! はコメントを受け付けていません。

テスト用にお手軽 JSON サーバーほしいときってありますよね。

みなさん、 Web 開発してますか。

Web 開発をするに当たって大切なのが、サーバー・クライアント間で
どのようにデータのやりとりをするか、ですよね。

データやりとりの方法としては、今でも REST が大活躍してたり、
最近 GraphQL と言うのが出てきたりしていますが、
データの形式としては、皆さん JSON を使ってますよね。(え? xml 使ってるって?)

で、その JSON なのですが、クライアントの動作確認用にさくっと良い感じのデータを返してくれる
サーバーがほしくなることって結構ありますよね。

私もそういうことは結構あって、そういうときは軽く nodejs でサーバー立ててみたり、
python で配信してみたり、色々してたのですが…

最近、そんな面倒ごとからやっと解放されたのです!
そう、 JSONPlaceholder のおかげでね!

どんなデータでも良いから JSON を返してほしい時はすごく便利

さて、その JSONPlaceholder ですが、こちらにあります。

https://jsonplaceholder.typicode.com/

百聞は一見にしかず、ということで、実際使ってみましょう。

今回は、サーバーにリクエストを取りに行くソフトとして、 cURL とかを使っても良いのですが、
さくっとやりたいので Postman 使いますね。

使い方はとっても簡単。
ただ、

No Title

No Description


にアクセスするだけ。

GET でアクセスしたら、データがズラーっととれてきました。

なにもこちらで準備することもなく、デモなどで使えそうなデータが手に入りましたね!
もちろん JSON 形式なので、これを色々加工してデータとして使うことができますよ!

ちなみに、今回は todo っぽいデータを取ってきましたが、そのほかにも

/posts  100 posts
/comments   500 comments
/albums 100 albums
/photos 5000 photos
/todos  200 todos
/users  10 users

こんな感じで、色々なタイプのデータが触れます!

また、公式のページの Router の項目をみていただくと分かりますが、
検索などもできますし、
GET だけでなく POST, PUT, DELETE のメソッドを使うこともできます!
(もちろん、実際に POST してデータが追加されるわけではないのですが)

簡単なモックであれば、これだけあれば十分ですね。

自分で好きな内容を返せるようにしたい!

すでに用意されている内容だけでは物足りませんか?
自分で用意したデータを返してきてほしいですか?

そんなわがままなお気持ちがあっても大丈夫です!

先ほどの JSONPlaceholder で使用しているサーバーを、簡易的につかうことができます!

https://my-json-server.typicode.com/

こちらも使い方はとっても簡単で、

  • 適当に GitHub 上にパブリックのリポジトリを作る
  • リポジトリの master ブランチ上に db.json ファイルを作る
  • 返してほしいデータを json 形式で db.json に書く
  • my-json-server.typicode.com/(ユーザー名)/(リポジトリ名) にアクセスする

たったこれだけで OK です。

試しに、こんな感じでデータを入れてみて…

Postman で確認してみると…

こんな感じでしっかりこちらで作ったデータがとれてきました!

ちなみに、更に後ろに id をくっつけることで id で検索できたり…

Query をつけることで、絞り込みをすることもできます。

無料で使うにはある程度制限はありますが、
たいていの場合はこれくらいできたら十分ですね!

お手軽に JSON サーバーを立てて、快適な開発ライフを!

いかがでしょうか。
テスト用に JSON サーバーをわざわざ作るのってとっても面倒なんですよね。
でもこれがあれば、そんな面倒な作業ともおさらば!

ぜひ覚えておいて、いざというときに使ってみてくださいね。

Takato Ezaki

Takato Ezaki小中高の塾講師からエンジニア

投稿者プロフィール

福岡で Web 系のエンジニアをしています。

中高の理科教師免許を取り、起業に 2 年間トライした後エンジニアの道へ入りました。

化学反応の中では Belousov-Zhabotinsky 反応が大好きです。

この著者の最新の記事

関連記事

コメントは利用できません。

募集中!(o゜▽゜)o

エンジャパン
求む、社長!
follow us in feedly

コッチもヨロシク!



最近のネタ!

  1. 最高級牛ハラミ2.2kg

    2019-11-21

    屋外アグレッシ部~秋BBQ~

    2019/11/4(月・祝)に、記念すべき第1回屋外アグレッシ部の活動がありました! 今回は大井ふ…
  2. 2019-11-18

    第1回映画部開催@TOHOシネマズ日比谷 ~映画部始めました❤

    こんにちは😊😊とても久しぶりの投稿となりました、エージェントグロ…
  3. 2019-11-18

    1年半、毎週ブログを書き続けた私の、ブログのタネの探し方

    ちょっとした前置き こんにちは、江嵜です。 定期的にこのブログをご覧になってくださっている方はお…
  4. 2019-11-14

    2019年10月度社員総会&懇親会@Osaka

    2019年10月8日(火)、大阪社員総会&懇親会が開催されました! その様子をお届けします! 社員…
  5. 2019-11-11

    デザイン作成時に仮で画像を置いておきたい時は Placeholder.com を使おう!

    デザインの画像を用意するのが地味に面倒 皆様、デザインはしますか? 例えば、シンプルなギャラリー…
ページ上部へ戻る

当サイトに掲載されているコンテンツ(文書、画像等)は、許可なく複製・転用等する事を禁じます。

「フェアネス方式®」(登録6150741)は、日本国内における株式会社エージェントグローの登録商標です。

当サイトでは最低限必要と考えられる場合において、会社名/サービス名/商品名などを記載している場合があります。
これらはあくまでも説明の必要性に応じて用いているものであり、各社の権利等を侵害を目的とするものではございません。
不適切と考えられる場合には、当社お問い合わせフォームよりご連絡ください。

当サイトでは®や™などの表記を省略させていただいております。