以外と簡単!各種ブックマークレットの設定方法(iPhone)

このエントリーをはてなブックマークに追加

こんばんは!mati6166です。

昨日の記事で、iPhoneでブログを書く為のオススメブックマークレットをご紹介しました!
興味出てきた方、いらっしゃいますでしょうか??

そこで今回は「ブックマークレットが便利なんは分かったけど、設定すんの難しいんじゃないの!?」と思っている方の為に、ブックマークレットの設定方法を解説します!

やってみたら意外と単純だったりしますし、難しいことをしているわけではありません。
ぜひ試してみて下さい!

設定方法をご紹介!

ShareHtmlメーカーを例にしてみましょう!


設定を変更するのは、出力先とその下の書式テンプレートぐらい。
対応のブログエディタを使っている方はそれを選びましょう!


私は「するぷろ」を使っているので、するぷろを選択します。


書式テンプレートを選択します。
私のオススメは「左サムネイル小 – alignleft」。
ちょうどいいサイズ感だと思います!


そこまで設定が終わったら「Bookmarkletを作成する」ボタンをクリック!


黄色点線で囲まれた部分が表示されます!
「iPhone登録用」のShareHtmlリンクを長押しします。


ダイアログが表示されます。
黄色点線内に表示されているコードがブックマークレットです。

コピーをしておきましょう!


次はブックマークを登録します。(ブックマークレットではないですよ!)
真ん中のボタンをタップします。


ブックマークを選択しましょう!


ここでは特に設定するものはありません。
「保存」しておきましょう。


ブックマーク一覧に表示されます。
さてもうすぐで完成です!
左下の「編集」ボタンを選択しましょう。


「ShareHtml」を選択します。


「アドレス」欄のURLを削除し、代わりに先程コピーしておいたブックマークレットのコードをペーストしましょう。

そして、上のように「?より前の部分」を全て削除しましょう!
「javascript…」から始まるコードが先頭になっていればOKです!

「完了」ボタンで保存完了!
これでブックマークレット完成です!!

さっそく使ってみよう!

さてテストしてみましょう!

ShareHtmlメーカーのページをサムネイル付きのリンクとして取得したいと思います!


ShareHtmlメーカーを選択しましょう!


ダイアログが出てきます!
これはサムネイルの隣に文章を入れるかどうか聞いているダイアログです。


何も書かなくても良いのですが、今回はこんな感じで入れてみましょう。
入力後、「OK」を選択します!

ここからはブックマークレットを作った際に設定した出力先の設定によって異なります。


今回は、出力先を「するぷろに連携」にしていたので、するぷろが立ち上がりました!

具体的な反映先を聞かれますが、貼り付ける場所を自由に決めたいので、「ClipBoard」を選択しましょう!


そして、貼り付けたい場所でペーストすると、、


はい、張り付きましたーー!!
すっごい長いコードが書かれています。
自分で1からこのコードを書くことを思うと、ブックマークレットの有難さをたくさん感じることができるのではないでしょうか?

そして「Preview」してみると、、、


はい、上手く張り付いてまーす!!

ダイアログに入力した文字も上手く反映されてますね!

いかがでしたでしょうか?
踏む手順としてはそこそこあるかもしれませんが、やってること自体はすごく簡単です!

今回はShareHtmlを例にしましたが、他のブックマークレットの登録方法もほぼ同じです。

1回設定してしまえば、以降いくらでも使えるので、まだブックマークレット設定してないという方、ぜひチャレンジしてみてください!!

 

※ すべてのブックマークレットに対応のエディタ

するぷろ for iPhone(ブログエディタ) 1.530(¥350)
カテゴリ: ソーシャルネットワーキング, 仕事効率化
販売元: Gachatech – isshin(サイズ: 1.2 MB)

Textforce – Dropbox text editing 2.9.0(¥350)
カテゴリ: 仕事効率化, ビジネス
販売元: Yutaka Yagiura – Yutaka Yagiura(サイズ: 2 MB)

DraftPad 1.6.2(無料)
カテゴリ: 仕事効率化, ユーティリティ
販売元: Manabu Ueno – Manabu Ueno(サイズ: 0.6 MB)

 

※ AmazonHtmlメーカーのみ対応のエディタ

Moblogger 2.0(¥350)
カテゴリ: ソーシャルネットワーキング
販売元: Toshiya NISHIO – TOSHIYA NISHIO(サイズ: 1.4 MB)

PasteBot 1.0.0(無料)
カテゴリ: ユーティリティ, 仕事効率化
販売元: Aria Hejazi – Aria Hejazi(サイズ: 0.1 MB)

Poster – a WordPress blog editor 1.4.1(¥350)
カテゴリ: ソーシャルネットワーキング, 仕事効率化
販売元: Tom Witkin – Tom Witkin(サイズ: 3.3 MB)

MyEditor 1.3(¥350)
カテゴリ: ビジネス, 仕事効率化
販売元: Takeyoshi Nakayama – Takeyoshi Nakayama(サイズ: 0.4 MB)

Posted from するぷろ for iPhone.

このエントリーをはてなブックマークに追加

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

WP-SpamFree by Pole Position Marketing

コメントフィード

トラックバック URL: http://aganama.net/blog/2012/12/08/%e4%bb%a5%e5%a4%96%e3%81%a8%e7%b0%a1%e5%8d%98%ef%bc%81%e5%90%84%e7%a8%ae%e3%83%96%e3%83%83%e3%82%af%e3%83%9e%e3%83%bc%e3%82%af%e3%83%ac%e3%83%83%e3%83%88%e3%81%ae%e8%a8%ad%e5%ae%9a%e6%96%b9%e6%b3%95i/trackback/