再起動サンプルマークアップ時に、JSONを返してくれるモックサーバーがあると便利な時があります。json-serverなどもありますが、browser-syncを利用しているのであれば簡単にモックサーバーとしても機能させることができるので紹介です。準備HTMLボタンがクリックされたらAPIを叩いて、返ってきた内容をリストに追加する仕組みを準備しました。</script></body></html>browser-sync普段はwebpackなどと組み合わせて使っているのですが、単体で進めてみます。bs-config.js"}config設定bs-config.jsのserverオプションをpublicディレクトにします。startでブラウザが起動してindex.htmlが表示されるはずです。ここからが今回の記事の本題になります。middlewareのオプションを追加して/apiを叩くとJSONが返ってくるようにします。...};再起動browser-syncを再起動しなおして、ボタンを押した時にテキストが追加されれば完成です。簡単なモックから凝ったことまでできるので是非試してみてください。サンプル一応サンプルコードを残しておきました。https://github.com/nao5151/browser-sync-api-sample普段のマークアップでもお世話になってます。browser-syncさまさまです。byHugo,Netlify.googletagmanager。