NaeNote

読者です 読者をやめる 読者になる 読者になる

NaeNote

気楽に生きたい外資コンサルのブログ

はてなブックマークページをスマホから編集する方法(iPhone Safari、Android Chrome)

テクノロジー テクノロジー-雑学・トリビア
このくらいシェアされています
スポンサーリンク
【お知らせ】 12月12日(月)まで!Amazonが本気の割引セール「CYBER MONDAY SALE」を開催中。会場はこちら!

f:id:nice_and_easy:20161105023707j:plain

こんにちは、NAEです。

はてなブックマークページが編集可能だという件、話題になっています。

watto.hatenablog.com

ぼくも記事のタイトルを変えることがあるため、この方法はちょくちょく利用しています。


しかし、ここでひとつ問題が。

はてなブックマークの編集、実はパソコン向けの画面からしかできません

でも間違いや修正があったらすぐにその場で直したいですよね。なんとかスマホからもできないものでしょうか。


実は、ちょっとした工夫をすればできるんです。

今回はそんなお話。

「デスクトップ用サイトを表示」してもできません

え、パソコン向けの画面ならスマホのブラウザで表示できるでしょ?「デスクトップ用サイトを表示」すればいいじゃない。

と思うかもしれませんが、これができないんです。困ったことに。


試しにやってみましょう。ぼくのブログ記事のブックマークページをスマホのブラウザで開いてみます。

f:id:nice_and_easy:20161105012731p:plain


さっそくデスクトップ用サイトを表示してみますよ。

f:id:nice_and_easy:20161105012546p:plain

AndroidのChromeの場合は「PC版を表示」ですね。

f:id:nice_and_easy:20161105012552p:plain


結果はコチラ。

f:id:nice_and_easy:20161105012731p:plain


1ミリも変わりませんね。スマホを横向きにしても一緒です。

さて、なぜでしょうか。

原因は、はてなブックマークページのスマホ対応の実現方式

原因は、はてなブックマークページのスマホ対応の実現方式にあります。

スマホ全盛期の現在、スマホから見やすいことはWebサイトの必達事項です。

ただし、一言でスマホ対応といっても実現方法はいくつかあります。

  1. スマホ専用サイト(別URL)を作り、スマホからのアクセスはそちらに飛ばす
  2. 同じURLを使うが、スマホ向けとデスクトップ向けで使うファイル(HTMLなど)を分ける
  3. レスポンシブデザインを採用する(同じファイルを利用し、画面幅でデザインを切り替える)

参考:レスポンシブだけがスマホ対応じゃない?モバイルフレンドリーなサイトとは | UX MILK

はてなブログをお使いの場合、レスポンシブデザインのテーマを使っている人は3番、そうでない人は2番を使っていると考えるとわかりやすいと思います。


さて、はてなブックマークが採用しているのは1番、URLによる切り替えです。


試しに、スマホ向けのはてなブックマークページのURLを見てみましょう。

f:id:nice_and_easy:20161105013112p:plain

URLが「〜/entry.touch/〜」となっていますね。.touchがついているのはスマホ向けページなんです。


一方、パソコンで同じページを見てみると

f:id:nice_and_easy:20161105013537p:plain

URLが「〜/entry/〜」となっています。.touchがありません。


つまり、パソコン用のページを表示するには、そもそもパソコン向けのURLにアクセスしないといけないんです。

しかしはてなブックマークの場合、スマホからのアクセスはスマホ用URLに自動で飛ばされるようになっています。

だからスマホで「デスクップ用サイトを表示」してもパソコン向け画面が出てこないんですね。

パソコン向けURLにアクセスしてから「デスクトップ用(PC版)サイトを表示」する

したがって、スマホのブラウザからはてなブックマークページを編集するには、パソコン向けURLにアクセスしてから「デスクトップ用サイトを表示」する必要があります。

手順はコチラ。


スマホからはてなブックマークページにアクセスします。

f:id:nice_and_easy:20161105012731p:plain


URLを「〜/entry.touch/〜」から「〜/entry/〜」に修正してGO。

f:id:nice_and_easy:20161105013112p:plain


この時点では表示は変わりません。でも大丈夫。

f:id:nice_and_easy:20161105012731p:plain


ここで「デスクトップ用サイトを表示」すると・・・

f:id:nice_and_easy:20161105015210p:plain


無事に表示されました。

f:id:nice_and_easy:20161105015222p:plain

あとは「情報の更新」を押すなり直接編集するなりご自由に。

まとめ:ちょっとの工夫で便利に使おう

以上、スマホのブラウザからはてなブックマークページを編集する方法をご紹介しました。

スマホからできはするものの、正直いって不便です。

URLによる出し分け方式から同一URLに移行してもらう。もしくは、はてなブックマークのスマホアプリからも編集できるようにする。

いずれかの対応をしてもらいたいものですね。


関連記事

スポンサーリンク