こんにちは、NAEです。
はてなブックマークページが編集可能だという件、話題になっています。
ぼくも記事のタイトルを変えることがあるため、この方法はちょくちょく利用しています。
しかし、ここでひとつ問題が。
はてなブックマークの編集、実はパソコン向けの画面からしかできません。
でも間違いや修正があったらすぐにその場で直したいですよね。なんとかスマホからもできないものでしょうか。
実は、ちょっとした工夫をすればできるんです。
今回はそんなお話。
- 「デスクトップ用サイトを表示」してもできません
- 原因は、はてなブックマークページのスマホ対応の実現方式
- パソコン向けURLにアクセスしてから「デスクトップ用（PC版）サイトを表示」する
- まとめ：ちょっとの工夫で便利に使おう
「デスクトップ用サイトを表示」してもできません
え、パソコン向けの画面ならスマホのブラウザで表示できるでしょ？「デスクトップ用サイトを表示」すればいいじゃない。
と思うかもしれませんが、これができないんです。困ったことに。
試しにやってみましょう。ぼくのブログ記事のブックマークページをスマホのブラウザで開いてみます。
さっそくデスクトップ用サイトを表示してみますよ。
AndroidのChromeの場合は「PC版を表示」ですね。
結果はコチラ。
1ミリも変わりませんね。スマホを横向きにしても一緒です。
さて、なぜでしょうか。
原因は、はてなブックマークページのスマホ対応の実現方式
原因は、はてなブックマークページのスマホ対応の実現方式にあります。
スマホ全盛期の現在、スマホから見やすいことはWebサイトの必達事項です。
ただし、一言でスマホ対応といっても実現方法はいくつかあります。
- スマホ専用サイト（別URL）を作り、スマホからのアクセスはそちらに飛ばす
- 同じURLを使うが、スマホ向けとデスクトップ向けで使うファイル（HTMLなど）を分ける
- レスポンシブデザインを採用する（同じファイルを利用し、画面幅でデザインを切り替える）
参考：レスポンシブだけがスマホ対応じゃない？モバイルフレンドリーなサイトとは | UX MILK
はてなブログをお使いの場合、レスポンシブデザインのテーマを使っている人は3番、そうでない人は2番を使っていると考えるとわかりやすいと思います。
さて、はてなブックマークが採用しているのは1番、URLによる切り替えです。
試しに、スマホ向けのはてなブックマークページのURLを見てみましょう。
URLが「〜/entry.touch/〜」となっていますね。.touchがついているのはスマホ向けページなんです。
一方、パソコンで同じページを見てみると
URLが「〜/entry/〜」となっています。.touchがありません。
つまり、パソコン用のページを表示するには、そもそもパソコン向けのURLにアクセスしないといけないんです。
しかしはてなブックマークの場合、スマホからのアクセスはスマホ用URLに自動で飛ばされるようになっています。
だからスマホで「デスクップ用サイトを表示」してもパソコン向け画面が出てこないんですね。
パソコン向けURLにアクセスしてから「デスクトップ用（PC版）サイトを表示」する
したがって、スマホのブラウザからはてなブックマークページを編集するには、パソコン向けURLにアクセスしてから「デスクトップ用サイトを表示」する必要があります。
手順はコチラ。
スマホからはてなブックマークページにアクセスします。
URLを「〜/entry.touch/〜」から「〜/entry/〜」に修正してGO。
この時点では表示は変わりません。でも大丈夫。
ここで「デスクトップ用サイトを表示」すると・・・
無事に表示されました。
あとは「情報の更新」を押すなり直接編集するなりご自由に。
まとめ：ちょっとの工夫で便利に使おう
以上、スマホのブラウザからはてなブックマークページを編集する方法をご紹介しました。
スマホからできはするものの、正直いって不便です。
URLによる出し分け方式から同一URLに移行してもらう。もしくは、はてなブックマークのスマホアプリからも編集できるようにする。
いずれかの対応をしてもらいたいものですね。