No video

モックAPIを簡単に作れるjson-serverの使い方!フロントエンド開発に超便利!

  Рет қаралды 14,315

しまぶーのIT大学

しまぶーのIT大学

Күн бұрын

Пікірлер: 35
@shimabu_it
@shimabu_it 3 жыл бұрын
久々の講座ですー!✨ 本日は超便利なパッケージ「json-server」の使い方を解説! 30秒でモックAPIを作れると公式で書かれるぐらい簡単に作れます! フロントエンド開発をするときは非常に便利ですよ😊
@user-xy2bu1hm1r
@user-xy2bu1hm1r 2 жыл бұрын
丁度Next.jsを使用した実務でサーバー側のAPI開発が進むまで、モックAPIを導入しようと検討していた矢先にこの動画を拝見しました!一瞬で問題が解決しました。。本当にありがとうございます!⚡️
@user-pr5mw8gu1o
@user-pr5mw8gu1o 3 жыл бұрын
ライブ配信のアーカイブを見て勉強していた矢先に・・・。ありがとうございます。並行して見させていただきます。
@shimabu_it
@shimabu_it 3 жыл бұрын
なんというタイミング!😂 ライブ配信の方が詳細に解説しているのでそっちのが良いです!笑
@user-pr5mw8gu1o
@user-pr5mw8gu1o 3 жыл бұрын
@@shimabu_it わかりましたー!動画で仰っていることは理解できていますが、慣れるまで時間が要りそうなので見返します
@masa_soli_s
@masa_soli_s 3 жыл бұрын
おかげさまで重宝してます☺️
@shimabu_it
@shimabu_it 3 жыл бұрын
超便利ですよね😁✨
@muhrizqiardi
@muhrizqiardi 3 жыл бұрын
本当に便利です!この動画を作ってありがとうございます!
@shimabu_it
@shimabu_it 3 жыл бұрын
いえいえー!超便利ですよね😁 ぜひぜひご活用ください〜!✨
@riorio5535
@riorio5535 3 жыл бұрын
こんばんは!自分もフロントエンドの勉強しているので、非常にためになりました。ありがとうございます!これからも応援しています。
@shimabu_it
@shimabu_it 3 жыл бұрын
ありがとうございます! json-server便利なので是非つかってみてください✨
@dmcreatorjapan
@dmcreatorjapan 3 жыл бұрын
めっちゃ便利。これは一度使ってみます。 ちなみにフォームから動的にAPI情報追加とかってできますか? それができれば簡易的なDBとかにも利用できそう。
@shimabu_it
@shimabu_it 3 жыл бұрын
簡易的なDBとして利用したいのであればLowDBを使えばいけますね!👍 json-placeholderと同じ開発元です github.com/typicode/lowdb
@user-jc6ds2vw8k
@user-jc6ds2vw8k 3 жыл бұрын
久々の講座動画ですね😉(こちらでは) 質問ですが、別の動画で紹介されたMock Service Workerと比べて、json server はどんなメリット・デメリットがありますしょうか?🤔
@shimabu_it
@shimabu_it 3 жыл бұрын
MSWだとGraphQLとかもできますね〜!あとは同じエンドポイントでいけるので、本番APIとURLを差し替える必要がないです!
@user-jc6ds2vw8k
@user-jc6ds2vw8k 3 жыл бұрын
@@shimabu_it 😯回答ありがとう😊じゃ、MSWのほうが幅広く使えそうですね。私のような初心者にとってはjson serverのほうが使いやすそうですが😬
@masayan.dev.1126
@masayan.dev.1126 3 жыл бұрын
高評価即推しです!ためになります! ちなみに本題から逸れるのですが、 propsで子コンポーネントに渡していない関数をusecallbackで不変値化しているのは何か理由があるのでしょうか? 最近少しずつreactのパフォーマンスについて学習しているのですが、難しく苦戦しています。 空の配列を第二引数に渡しているので、 関数が作成されるのはレンダリング時のみとし、無駄な関数の再生成を防止する書き方かと思うのですが、何か理由があれば教えていただきたいです!
@shimabu_it
@shimabu_it 3 жыл бұрын
無駄な関数の再生成を防止する書き方であってますよ! それ以上でもそれ以下でもないです👍👍
@ryuyagi3790
@ryuyagi3790 3 жыл бұрын
こんばんは!いつも動画楽しく拝見しております。質問なのですが、今僕は、文系大学2年で大学に入学してから、独学で勉強を始め現在はエンジニアインターンでRailsとgoを使ってます。僕も、卒業後はしまぶーさんのようにYahooなどの企業に、入りたいと思っているのですが、大学2年の今からYahooなどの企業に入るために勉強しておいた方がいいことなどございますか?
@shimabu_it
@shimabu_it 3 жыл бұрын
個別のご質問は基本はオンラインサロン限定にしているのですが、軽くお伝えしますとコーディングテストは高い確率で課されるので、その対策はしておいたほうがいいです!ここ数年は必ず出ているようです(;・∀・)💦
@yuuttana1223
@yuuttana1223 3 жыл бұрын
今日初めてJson Placeholderを触ったていたので、やっていることが似ててちょっと嬉しかったです。React勉強していたのでやっていることがわりとわかりました。また楽しみにしています(*^^*)
@shimabu_it
@shimabu_it 3 жыл бұрын
ありがとうございます〜!✨ JSON Placeholderは実は中でjson-serverが使われています!😁
@contactMiu
@contactMiu 3 жыл бұрын
普通に動的にJSONを返す機能は無いのでしょうか? あくまでも固定の値を返す機能のみで、モック限定なのですか?
@shimabu_it
@shimabu_it 3 жыл бұрын
LowDBを使えばそれっぽく作ることはできそうですが基本はモック用途ですねー github.com/typicode/lowdb
@mercury3236
@mercury3236 3 жыл бұрын
Json server ってpostの場合のモックって作れるんですかね、
@shimabu_it
@shimabu_it 3 жыл бұрын
永続化はできないですができますね 永続化したい場合はLowDBとか使うとできます
@masshi1998
@masshi1998 3 жыл бұрын
ターミナルの設定フレームワークは何をしてるのでしょうか?
@shimabu_it
@shimabu_it 3 жыл бұрын
ターミナルはFishで、bobthefish入れてたと思いますー!(5年前ぐらいに設定したので詳しく覚えていない...)
@masshi1998
@masshi1998 3 жыл бұрын
@@shimabu_it ありがとうございます!わざわざ昔の記憶からさかのぼっていただき申し訳ないです。。
@Suy4xu
@Suy4xu 3 жыл бұрын
VScodeの配色テーマ何にしてますか、
@shimabu_it
@shimabu_it 3 жыл бұрын
GitHubのDarkです!😁
@Suy4xu
@Suy4xu 3 жыл бұрын
@@shimabu_it ありがとうございます!
Cute kitty gadgets 💛
00:24
TheSoul Music Family
Рет қаралды 15 МЛН
JSONについてわかりやすく説明します
24:12
プログラミングアカデミー
Рет қаралды 37 М.
APIとは?使い方は?概念解説 + GoogleMapのAPIを使ってみよう!
26:16
アキユキ / Web制作チャンネル
Рет қаралды 13 М.
【1日密着】多忙すぎ?フロントエンドエンジニアの1日に密着してみた!
12:39
【完全保存版】マークダウン記法
25:47
しまぶーのIT大学
Рет қаралды 37 М.
Next js解説 Reactとの違いは?
7:54
マフィア先生のエンジニア塾
Рет қаралды 14 М.
【初学者向け】APIを理解したい人がまず最初に見る動画
13:47
いまにゅのプログラミング塾
Рет қаралды 124 М.
Cute kitty gadgets 💛
00:24
TheSoul Music Family
Рет қаралды 15 МЛН