制作中(2)

前回の方法だと、物足りなさを感じたので、別の方法を考えてみました。

お昼は、こんな感じ

HTMLから、必要なデータだけを取得する方法です。

ページのソース

ブラウザ(Google Chrome)から、ページのソースを表示してみます。

• ニックネームがない
• 日本時間が取得できる

<tr>
 <td>
   <a href="https://blog.hatena.ne.jp/opll_inaka/" rel="nofollow" >
    <img class="profile-image" src="https://cdn.profile-image.st-hatena.com/users/opll_inaka/profile.png?15*****707" alt="opll_inaka" title="opll_inaka" width="16" height="16" />
    <span class="username" data-load-nickname="1" data-user-name="opll_inaka">id:opll_inaka</span>
   </a>
 </td>
 <td>
  <time datatime="2020-10-31T16:34:36Z" data-relative="" data-epoch="1604162076000" class="time subscribed-time">2020-11-01 01:34:36</time>
 </td>
</tr>

デベロッパーツール

ブラウザのデベロッパーツールのElementsで見ると、こんな感じ。

• ニックネームが取得できる
• 標準時を日本時間に変換する必要がある

<tr>
 <td>
   <a href="https://blog.hatena.ne.jp/opll_inaka/" rel="nofollow">
     <img class="profile-image" src="https://cdn.profile-image.st-hatena.com/users/opll_inaka/profile.png?15*****707" alt="opll_inaka" title="opll_inaka" width="16" height="16">
     <span class="username" data-load-nickname="1" data-user-name="opll_inaka">
       <span class="user-name-nickname">Fossa（フォッサ）</span> <span class="user-name-paren">(</span><span class="user-name-hatena-id">id:opll_inaka</span><span class="user-name-paren">)</span>
     </span>
   </a>
 </td>
 <td>
   <time datatime="2020-10-31T16:34:36Z" data-relative="" data-epoch="1604162076000" class="time subscribed-time">1日前</time>
 </td>
</tr>

今日は、ここまで。