<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<oembed>
  <author_name>B-CHAN</author_name>
  <author_url>https://blog.hatena.ne.jp/B-CHAN/</author_url>
  <blog_title>非天マザー by B-CHAN</blog_title>
  <blog_url>https://www.b-chan.jp/</blog_url>
  <categories>
    <anon>SEO,ブログ,ネット収入</anon>
    <anon>パソコン</anon>
  </categories>
  <description>ウェブページのレイアウトと部品名を可視化 みなさん、こんにちは！ B-CHANです。 ブログやウェブサイトを作っている本職の人たちは、HTMLやCSSを自在に操るんでしょうが、ボクのように他業界の人間が試行錯誤していると、困ることがたくさん。 そのひとつが、ウェブページのID名やクラス名、レイアウト構造がどうなっているのか、良くわからないことです。 自分でゼロからページを設計することはほとんど無くて、何らかのテンプレートを改良するケースが大半です。 例えば、本文の欄の幅やサイドバーの幅をちょっと変えたいのにな〜、なんてことは良くあります。 この「非天マザー」でもいろいろ試行錯誤してるんですが、…</description>
  <height>190</height>
  <html>&lt;iframe src=&quot;https://hatenablog-parts.com/embed?url=https%3A%2F%2Fwww.b-chan.jp%2Fentry%2Fseo%2Fweb-developer&quot; title=&quot;超絶便利！ウェブページのHTMLのIDやクラス名と配置を可視化 - 非天マザー by B-CHAN&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://farm4.staticflickr.com/3851/15377398516_9a5de837a5_b.jpg</image_url>
  <provider_name>Hatena Blog</provider_name>
  <provider_url>https://hatena.blog</provider_url>
  <published>2014-09-30 20:23:29</published>
  <title>超絶便利！ウェブページのHTMLのIDやクラス名と配置を可視化</title>
  <type>rich</type>
  <url>https://www.b-chan.jp/entry/seo/web-developer</url>
  <version>1.0</version>
  <width>100%</width>
</oembed>
