消えかかる記憶の寝言3

渡るつもりなんてなかったのに、人生常々渡り鳥。カトウリュウタの寄港地ブログ。

iphone にてWEBページをダウンロードしオフラインでも見る方法

iphone 、というかスマートフォン
大変便利な箱であるが、電波が届かなければただの板、
という場面が多い。

食べログのお気に入りにしてたのに地図が見れない!!
地下鉄の時刻表見たいけど電波が!!
モンハンのキークエ調べたいけれどWEB が遅い!!
がっかりである。


アプリで解決する方法もある。
あるのだけれど、なんだろう、使い方がわからなかった。
「Read It Later」も「Instapaper」もなんかイメージが違う。そうじゃない。
「Web Offline」という有料アプリもあるが
ほぼ無料で、今あるアプリでわりと簡単に解決できることがわかった。


ポイントはEvernote、かGood Reader。
Good Reader は有料アプリで最近は大分値段が上がってきてしまっているが
しかし良いものは高くても良い物。致し方ない。
iphone ユーザなら我慢していれておくべきだろう。
もっとも、今回紹介する方法は無料のEvernote だけでも実現可能です。


いくつかの方法を用途別に紹介します。
まず目次。
・まずは一番簡単に、画像キャプチャしてしまえ
・ちゃんとWEB ページとしてダウンロードしておきたい!!(Evernote編)
・もっと簡単便利な方法は!?(Good Reader を使う)
・そうじゃなくて、全ページ一括DL とかできないの!?(Dropbox を使う)


■まずは一番簡単に、画像キャプチャしてしまえ
一番簡単で手っ取り早いのは、WEB ページを写真にとってしまうこと。
飲み会の地図など、一時的にだけ保存しておきたい場合に有用な方法だろう。

iphone のスリープボタンとホームボタンの同時押し。
これでiphone の現在の表示状態が簡単に写真に撮られ、
カメラロールの中に格納される。お手軽。
いらなくなったら削除しよう。わりと容量食うからね。

しかしこれはWEB ページの画像か。
文字のコピーはおろか、リンクもクリック出来ない。
非常に限定的な使い方となる。


■ちゃんとWEB ページとしてダウンロードしておきたい!!(Evernote編)
で、あるならばEvernote かGood Reader を使用する。
まずは無料の最強メモ帳、Evernote からいってみよう。
もちろん、Evernote のインストールとEvernote ユーザ登録は済ませておいてくれよ!?

事前準備:Evernote 用のブックマークレットを作成する
手順1:Safari にて保存したいページを開く
手順2:事前に作っておいたブックマークレットを開く
手順3:手順2 で、既にEvernote のサーバにはWEB ページ が保存されている。なのでEvernote をサーバと同期させる

ブックマークレットを使ったことのない人にはぴんと来ないでしょうが
やってみれば非常に簡単。なので下記サイトを参考にやってみましょう。
http://d.matu.biz/archives/200

消えたら困るので引用もしておきます。
ブックマークレットは下記
javascript:window.location='http://s.evernote.com/grclip?url='+encodeURIComponent(location.href)+'&title='+encodeURIComponent(document.title)

上のソースをコピる(タイトルはわかりやすくWebclip::Evernoteなどとしておく)
適当なページをブックマークする
ブックマークの編集で、適当にブックマークしたページのアドレスをコピったソースに置き換える
ここまでが事前準備。

あとは、ウェブサイト巡回中にクリップしたいページに遭遇したら、先ほどのブックマークを開いてみてください。


この方法は感動的に簡単で無料でタグで管理できて嬉しくなっちゃうのだが
メリット・デメリットがある。
・メリット:無料、簡単
・デメリット:Evernote を同期させる必要がある。Evernote のサイトに移動しちゃう


■もっと簡単便利な方法は!?(Good Reader を使う)
Evernote との差は、正直言って好みだと思う。
Evernote で管理するのか、Good Reader で管理するのか、の差。
Good Reader の方が動きは重いように思う。
一方で、PDF ファイルなどはGood Reader でなくては表示できないだろう。

Good Reader をインストールすれば、あとは簡単。
保存したいページのURL の先頭に「g」をつければいい。簡単。
http://www.yahoo.co.jp」ならば、Safari のアドレスバーをタップし
「ghttp://www.yahoo.co.jp」と先頭に「g」を付けてからタップすればいい。
http://ameblo.jp/negi-yoshi/entry-10684716998.html

URL が長くなると、先頭に「g」をつけるという、
ただそれだけの行動が面倒にもある。
その場合はやはりブックマークレットをつくっておけばお手軽だ。
http://chibimame.sakura.ne.jp/2009/11/goodreader_1.html


引用もしておく。
1.見ているページをダウンする場合
javascript:void(location.replace('g'%20+%20window.location))

2.ページを見てて、リンク先をダウンロードしたい時
(このブックマークレットをタップした後にタップしたリンク先が保存される)
javascript:(function()%7Bvar%20a=document.getElementsByTagName('a');for(var%20i=0,j=a.length;i%3Cj;i++)%7Ba%5Bi%5D.setAttribute('target','_blank');a%5Bi%5D.href='g'+a%5Bi%5D.href%7D%7D)();




■そうじゃなくて、全ページ一括DL とかできないの!?(Dropbox、Good Reader を使う)
これについては下記サイトを参照してもらいたいが
なかなかうまいことできず困っている。
http://tobiume.seesaa.net/article/178137602.html

早速、Website Explorer なるフリーツールを使用してみたが
なかなか優秀なツールである。
しかし、しかし。
このツールが行うのは「HTML のダウンロード」である。
Good Reader はブラウザではないので、HTML の解析がうまいわけではない。
特にJavascript の動作は出来ないようなのである。

私が良く情報を欲する、モンスターハンターポータブル3rdWIKI ページ。
これをDL してみたのだが、
このWIKIページは困ったことにJavascript を多用していて、
メニューなどが可動式となっている。
例えば左側ツリーメニュー内にある「武器」をクリックすると、
ブラウザであればJavascript を解して、「武器」の下に「大剣、太刀、弓」などを表示してくれる。
これら詳細化されたメニューの方に各ページのリンクが書かれているのだが
Good Reader ではJavascriptが動かず、この詳細メニューを表示してくれないので
そのページに飛んでくれないのだ。ううう……

Dropbox を利用した方法もあるが、これはPC 上でWEB ページを
1ページずつPDF 化してから共有するという、
若干気の遠くなる作業では、ある。
http://nanapi.jp/494/

これはどうやら、有料アプリの手を借りるしかなさそうなのが現状である。
ううう……