ChromeからPocketへ記事を登録する。そんな当たり前の事だと思っていた事がiPadでは簡単には出来なかった。そして確認してみると案の定iPhoneでも出来なかった。
iPhoneでネットサーフィンする事、結構多いのにこれは問題だ！！こりゃーブックマークレットみたいなのあったら便利だなぁ…と思って、色々と方法を考えてみて、たどり着いた方法を伝授。
今日からiPhoneでもiPadでもChromeを使ったままPocketに記事を入れられるようになる！iPhoneでもJava Scriptを使うことは可能なのだ！！
…何言ってんのコイツ、とお思いのあなた。とりあえず先へ進んでくださいませ。これを活用出来たら非常に便利なんですよ。
という事で今回はChromeからPocketへ記事を登録する方法のお話…。
ChromeでPocketアプリに簡単に送る一番早い方法は？
あなたはiPhoneでインターネットをするならブラウザはsafariですか？それともChromeですか？
え？ブラウザって何？という人も中にはいるでしょう。
とりあえずPocketやInstapaperやReadabilityなどのあとで読む系サービスについての比較した記事を以前に書いたのですが、今日はその記事の補足みたいなもんです。
このあとで読むサービス。すごく便利で、読んでいる記事をポンポン放り投げて、あとで読み返すことが出来るわけですが、PCでネットサーフィンする分には各サービスが用意してくれたブックマークレットを登録するだけで使えるんです。
ブックマークレットというのは、クリックひとつで登録出来る仕組みみたいなものです。どんなブラウザでもある程度使う事が出来るようにしてくれているのです。なんと優しい！！
あ。ブラウザというのは、インターネットをする時に開くアプリケーションの種類です。
たとえばWindows ならInternet Explorer が標準で付いてますね。Mac やiPhone ならSafari が付いているし、Android のスマホならChrome が標準装備なはず。
大体の人が最初に付いてくる標準ブラウザを使い続けるわけですが、中にはブラウザにある種のこだわりを持っている人もいて、新しく使いやすいやつをインストールなんてするわけです。FirefoxとかOperaとか…。
僕はと言えば、インターネットで仕事をしているので、一通り有名なブラウザは全部入れてます。自分のサイトでブラウザ別に表示してみて確認したりするのでね。
…ですが、メインで使うのはGoogle 信者の僕はやはりGoogle Chrome！という事で、iPhone でもネットサーフィンにはChrome を使うのです。
でもね、iPhone やiPod touch、iPad などのiOS の場合、Pocket やInstapaper に記事を追加する機能が使えない場合があるんですよ。これに全然気がついていなかった。
標準のブラウザなら大丈夫なんですけど、Google Chromeでは使えないでやんの。
ぷっぷぴー。
iPhone版のGoogle Chromeって便利なのに便利じゃない
Google Chromeはね、PC版と連携出来るのが便利なんです。
僕のようにパソコンの前にいる時間も多くて、iPhoneでもそれなりに作業するって場合だと連携が本当に重要。
PCでGoogle Chromeを色々とカスタマイズして使っている僕としてはChromeこそが一番使っているブラウザ。だからiPhoneでもChromeを使っていたんです。
しかし、あとで読むサービスを使う時に困ったことになった。ブックマークレットが使えないやないか…。
Android版のChromeでPocketを使う分には問題ない…
Android版なら全然かまわないんです。メニュー出して「共有」選べば各サービスに投げる事が出来る。
ヒョイッとアプリを切り替える必要なく簡単にPocketにイン！出来るわけですよ。
でも、iPhoneやiPod touch、iPad版のChromeはそうはいかない。まずAndroidと違ってメニューボタンという物がない。
なのでブラウザにブックマーク登録して使うしかない。しかし標準ブラウザと同じように登録して使おうとすると…
という具合になってしまう。こりゃ困ったことになった。なんとかならないもんかと考えてみて思いついた。その方法を今からお知らせします。
ブックマークレットって何？というあなたも大丈夫！やり方はコピペでいけます。
iPhone、iPad版ChromeでPocketを使う方法！！
ではiPhone、iPad版ChromeでPocketを使う方法を伝授して行きましょう。
まず、PocketやReadabilityなどのあとで読むサービスを標準ブラウザ(safari)に登録する画面を開きます。ここではPocketを使って説明することにします。
iPhone、iPad版ChromeでPocketを使う方法：手順1
Pocketアプリのヘルプを開こう
Pocketのアプリを立ち上げたら上の「Pocket」をタップして「Help」をタップ。
ChromeでPocketを使う方法：手順2
記事をPocketに入れる方法を見る
「How To Save」をタップ。
ChromeでPocketを使う方法：手順3
Safariならこうだよ！の項目を見よう
「From Mobile Safari」の「Install」をタップ。
ChromeでPocketを使う方法：手順4
読み飛ばそう！
「Step 2 of 2」までさっさとタップ、タップ。自動的に必要なコードがコピペされている状態になる。
ChromeでPocketを使う方法：手順5
「一般」
いったんホームボタンを押してPocketのアプリを閉じる。そしてみんなお馴染みの「設定」アプリを開こう。そして一般をタップするんだ！
ChromeでPocketを使う方法：手順6
「キーボード」
キーボードなんて項目めったに使わないなぁ…。でもそこがいい！！ちょっと凄いことやってる気持ちになれる！
ChromeでPocketを使う方法：手順7
「新規単語を追加」
「新規単語を追加」をタップしよう！今度は「キーボード」じゃないぞ☆
ChromeでPocketを使う方法：手順8
「単語」
「単語」の部分をタップするとニョキっと「ペースト」の文字が浮かび上がってくるぞ！そしたらそれを押すんだ！java scriptが貼り付けられるよ！Java。ナニソレ。おっしゃれー♪
ChromeでPocketを使う方法：手順9
「ぽ」
「よみ」を「ぽ」(わかりやすいものなら何でも可。ここではPocketの「ぽ」)で登録。
ChromeでPocketを使う方法：手順10
「保存」
そして「保存」でおしまい！
以上です。これで、「あ、このページあとで読むサービスに投げたいなぁ」と思うページに出会ったら、URLを打つところで「ぽ」と記入して出てきた予測変換のJava Scriptをタップするだけで標準ブラウザのSafariと同じように保存することが出来ます。
iPadでも可能でした。
iPhoneのChromeでPocketを使う方法のまとめ
まぁ、苦し紛れな感じはしますけど、どのサービスもコレで行けます。とりあえず僕はこの方法でGoogle Chromeを使い続けることにします。
よかったら参考にしてください。
※iPhoneの共有機能にPocketが追加されたので、この方法はPocketでは必要なくなりました(新しい方法はヘルプに書いてある)。他のアプリでブックマークレットを使いたい場合は大体この方法でいけますので、お使いくださいませ。
ではでは。iPadやiPhone版のChromeでPocketを使う方法でした。
野口明人
おまけ話：ブックマークレット
さて、本編ではサラリとブックマークレットについてお話しましたが、おまけではちょっとそこらへんを掘り下げていってみましょう。
ブックマークレットとはJavascriptというプログラミング言語で作られた簡単なプログラムの事です。
何言うてんのやコイツと思ったあなた。まずはこんな風に考えてみましょう。
日本語や英語、フランス語など世界には様々な言葉があるように、パソコンの世界にも様々な言葉があります。
その中にJavascriptという言語があるのです。
それをパソコンの中で唱えると、パソコンは瞬時に反応し、魔法が使えるようになります。あっという間に準備していた事をこなしてくれる魔法、それがプログラムです。
まぁ言ってみれば、ブックマークレットとはボタン一つで魔法が使えるようにする仕組みの事なのです。
んで、ブックマークレットを利用する目的というのは、標準のブラウザには足りない機能を補うためなんですね。
「足りない」とは言いましたが、インターネットをする目的は人それぞれ。
画像を検索したい人や、文章を検索したい人、動画を見たい人などなど、すべての人の目的にかなった機能を搭載するのは難しいのです。
なので基本的にはブラウザには必要最低限、シンプルイズベストな機能しか搭載されていません。
そこでブックマークレットを自分で用意して、自分の理にかなったブラウザにする必要があるのです。
という事で、今回は世の中にある便利なブックマークレットの一例を紹介しましょう。
登録方法は今回の記事で紹介した方法でいけますので、気に入ったものがあったら登録してみてくださいね。
Facebookのいいね！ボタンを表示する
javascript:(function(){var div1=document.createElement(‘div’);div1.style.padding=’10px’;div1.style.top=’0′;div1.style.width=’80px’;div1.style.height=’65px’;div1.style.position=’absolute’;div1.style[‘z-index’]=’5000′;div1.style.backgroundColor=’#fff’;div1.style[‘border’]=’3px solid #ccc’;var iframe1=document.createElement(‘iframe’);iframe1.setAttribute(‘src’,’http://www.facebook.com/plugins/like.php?href=’+encodeURIComponent(document.URL)+’&send=false&layout=box_count&width=80&show_faces=false&action=like&colorscheme=light&font&height=90′);iframe1.setAttribute(‘frameBorder’,’0′);iframe1.setAttribute(‘scrolling’,’no’);iframe1.style.border=’currentColor’;iframe1.style.width=’80px’;iframe1.style.height=’80px’;iframe1.style.overflow=’hidden’;iframe1.setAttribute(‘allowTransparency’,’true’);document.body.appendChild(div1);div1.appendChild(iframe1);})();
閲覧しているページが素晴らしくて、いいね！がしたいのに、いいね！ボタンが見つからない！
そんな時はこのブックマークレット。
いいね！ボタンというのはその記事を書いている人が任意で載せているものなので、見つからない場合が多いのです。
でも、こちらで自分でボタンを用意してしまえば、Facebook内のあなたのページでいいね！をしたページをみんなに教えてあげる事が出来ます。
うん。便利。
WebページのタイトルとURLを表示する
javascript:(function(){prompt(‘このページのタイトルとURL’,document.title+’ – ‘+document.URL);})();
閲覧しているページを誰かに教えてあげたい時はこのブックマークレットを使えば、WebページのタイトルとURLを瞬時にコピペ出来るようになります。
ポチッと押すだけなので、LINEなどで友達にシェアしやすくなりますね。
オーバーレイ広告を非表示にする
javascript:(function()%7Bvar%20d=document;var%20e=d.createElement(‘SCRIPT’);e.setAttribute(‘language’,’JavaScript’);e.setAttribute(‘src’,’http://s6.ql.bz/~mamiya-shou/bm/invalidFloatAd.min.js’);e.setAttribute(‘charset’,%20’UTF-8′);d.body.appendChild(e);%7D)();
ネットサーフィンをしている時にウザったいのが「広告」の存在。
スマートフォンで閲覧している時に出てくるオーバーレイ広告という広告を非表示にする事が出来るブックマークレットなんてものがあるのです。
これをポチッと押すだけで、快適にネットサーフィン！
Webページ内検索
javascript:void%28s%3Dprompt%28%27%E3%81%93%E3%81%AE%E3%83%9A%E3%83%BC%E3%82%B8%E3%82%92%E6%A4%9C%E7%B4%A2%3A%27%2C%27%27%29%29%3Bs%3D%27%28%27+s+%27%29%27%3Bx%3Dnew%20RegExp%28s%2C%27gi%27%29%3Brn%3DMath.floor%28Math.random%28%29*100%29%3Brid%3D%27z%27%20+%20rn%3Bb%20%3D%20document.body.innerHTML%3Bb%3Db.replace%28x%2C%27%3Cspan%20name%3D%27%20+%20rid%20+%20%27%20id%3D%27%20+%20rid%20+%20%27%20style%3D%5C%27color%3A%23000%3Bbackground-color%3Ayellow%3B%20font-weight%3Abold%3B%5C%27%3E%241%3C/span%3E%27%29%3Bvoid%28document.body.innerHTML%3Db%29%3Balert%28%27%E6%A4%9C%E7%B4%A2%E7%B5%90%E6%9E%9C%20%27%20+%20document.getElementsByName%28rid%29.length%20+%20%27%20%E4%BB%B6%27%29%3Bwindow.scrollTo%280%2Cdocument.getElementsByName%28rid%29%5B0%5D.offsetTop%29%3B
ある人はこう思いました。
「パソコンだとページ内検索がCtrl+Fで出来るのに、スマートフォンではなんで出来ないんだろう…」
はい。そんな時はこのブックマークレットを使いましょう。
この記事の中に「ブックマークレット」って何回出てきたかな？気になったキーワードがどこにあるか瞬時にわかるようになりますよ。
…という事で色々なブックマークレットがありますね。
僕個人としては、人に紹介する時に便利な、AmazonのURLを短くするブックマークレットというのを一番多く使用している気がします。
ま、今回は紹介しませんでしたが、興味ある方は調べてみてくださいませ。
ではでは、またどこかでお会いしましょう(´・ω・｀)ノシ