初心者はてなブロガー専用！はてなブックマークのより楽しい使い方講座（補講）

f:id:dacs:20170522014809j:plain:w760

スマホではてなIDが分かってもブログに辿り着けない
- 質問元
- 回答
  - ブックマークレットの設定
  - ブックマークレットの使い方
コメント多謝です！
終わりに

こんにちは、ＤＡＣです。

昨日の講座で寄せられたご質問への対応を纏めるエントリを公開します。通常エントリと違い、質問に対しての回答のためエントリ全体としての整合は取っていないのはご承知願います。

スマホではてなIDが分かってもブログに辿り着けない

質問元

@Holstein_ojisan @daccot
あ～私もそれ知りたい！
— ロキソニン@はてなブログ (@psO4Zg6mdYPQXAb) 2017年5月21日

この質問は実は最初意味が分からなかったのですが、見出しの通りなのです。スマホの場合ブックマークのIDのリンクをタップした場合、そのIDの個人ブックマークページに移動するだけなのですね。

で、このページはPC用と違って、色々と機能が簡素化されているのです。例えば、プロフィールやブログページへの移動手段が無い。ブログに移動できないと、ブログの中身も読めないし読者登録も出来ない訳です。家にいるならPCでも良いですが出先だと厳しいですね。わざわざPC用の表示に切り替えるのも手間です。

回答

自分が思いついたのはブックマークレットを使う方法です。非常に拙い内容で恥ずかしいのですが、これで一応は解決します。とりあえずAndroidのChromeで動作確認してあります。今晩あまり余力が無いので文字だけですみません。後で画像追加します。

もっと良い方法があるだろうと思うのですが、力量不足ですみません。より良い手段、もっとイケてるスクリプトに出来れば差し替えたいので分かる方ご教授（或いはご提供）お願いします。

ブックマークレットの設定

AndoroidのChromeでこのエントリを開きます。

以下の枠内の文字列を選択してコピーします。

javascript:(function(){var id0 = document.getElementsByClassName('profile-username')[0].innerHTML;var id1 = id0.substring(3);var blogURL1 = 'https://blog.hatena.ne.jp/' + id1 +'/';window.location.href = blogURL1;})();

右上部の三点マークをタップします。
表示されたメニューで☆をタップし、ブックマークを作ります。
再度右上部の三点マークをタップします。
メニュー内にある「ブックマーク」をタップします。
表示されたブックマークリストの中で、このエントリのブックマークを見つけ右側の三点マークをタップします。
表示されたメニューで「編集」をタップします。
「名前」を「2B」に書き換え、「URL」を全部消し先程のコピー内容を張り付けて保存します。これでブックマークレットの設定は完了です。

ブックマークレットの使い方

はてなIDを見つけてタップして、そのIDの個人ブックマークページに移動します。
URL欄に直接「2B」とブックマークレット名を入力します。
ブックマークレットが表示されるのでそれをタップすると、そのIDがブログを所有していればメインブログを開きます。もし、所有していない場合は、プロフィールページに移動します。