<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<oembed>
  <author_name>show-hei</author_name>
  <author_url>https://blog.hatena.ne.jp/show-hei/</author_url>
  <blog_title>ROXX開発者ブログ</blog_title>
  <blog_url>https://techblog.roxx.co.jp/</blog_url>
  <categories>
  </categories>
  <description>こんにちは、 SCOUTER エンジニアの匠平@show60です。 SCOUTER のフロントエンドの開発は Nuxt.js を使用しており、デバッグの際に Vue Devtools というツールを使っています。 今回はこの Vue Devtools で、開発に普段使いしてもらいたい機能をいくつかご紹介したいと思います。 Vue Devtools の導入 最も人気がありシンプルなのは、Chrome 向け および Firefox 向け の優れた Vue.js devtools を使用することです。 VS Code によるデバッグ — Vue.js Vue Devtools の導入には、拡張機能と…</description>
  <height>190</height>
  <html>&lt;iframe src=&quot;https://hatenablog-parts.com/embed?url=https%3A%2F%2Ftechblog.roxx.co.jp%2Fentry%2F2019%2F05%2F15%2F131747&quot; title=&quot;Vue Devtools で快適なデバッグ - ROXX開発者ブログ&quot; class=&quot;embed-card embed-blogcard&quot; scrolling=&quot;no&quot; frameborder=&quot;0&quot; style=&quot;display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;&quot;&gt;&lt;/iframe&gt;</html>
  <image_url>https://cdn-ak.f.st-hatena.com/images/fotolife/s/show-hei/20190514/20190514212914.png</image_url>
  <provider_name>Hatena Blog</provider_name>
  <provider_url>https://hatena.blog</provider_url>
  <published>2019-05-15 13:17:47</published>
  <title>Vue Devtools で快適なデバッグ</title>
  <type>rich</type>
  <url>https://techblog.roxx.co.jp/entry/2019/05/15/131747</url>
  <version>1.0</version>
  <width>100%</width>
</oembed>
