2月
17

iOSアプリ連携「ShareHtml2」ブックマークレットメーカーができたよ♪

2月 17, 2014in iPhoneAppTag: ,

アイコン

「ShareHtml」とは、普通のサラリーマンのiPhone日記、@hiro45jpさんによる、サイトをブログにシェアできるブックマークレットです!
今では、ブロガーの皆様に愛されよく使われているので、サムネイル付きのシェアテンプレートを見かけている事と思います。

↓このようなものです。

AppHtml正式版をリニューアルしました♪ | 普通のサラリーマンのiPhone日記
みなさま、いつもありがとうございます!
【近況】Bookmarkletを見直してます…。 | 普通のサラリーマンのiPhone日記
ブックマークレッは、こちらのリンクから

ブックマークレットに追加したいと思ったきっかけ

少し前に、このようなブックマークレットを公開された方がいました。@gutarayosshiyさんです。

モブロガー必読!?ShareHtmlをすべてのiPhoneアプリと連携させるモブログ対応版ShareHtmlを作成しました! | たらハコ
ステキなサムネ付きリンクをサクッと作ることができる「ShareHtml」。ただ、モブログを始めてから1点不満を抱えていました…今回、その不満を払拭するためにShearHtmlを改造させていただいたので…

サイトを参考にTextwellを追加してみたいと思い、試してみたらできました。

  • 「ShareHtml」ブックマークレットをTextwellに連携してみたよ♪
  • この時のエントリをご覧頂いて、
    背中を押してくれたのが、いつもお世話になっている@hondamarlboroさんです。

    いつもご親切に誠にありがとうございまーす!
    誰かってだれさーw
    だったら、自分で何とかならないかな〜と、大それた事を思い描き始めたのが2週間前のことです。

    作成の前にお願いしました

    改良を加える前に、まずは@hiro45jpさんに連絡をしてご許可を頂きました。
    快くお許しを頂きました!
    URLスキームを参考にさせて頂いた@hondamarlboroさんにも事後承諾(;^ω^)

    事前に公開するにあたり、お二人ともにご覧頂きましたマヨ感激!(´;ω;`)ブワッ
    本当にありがとうございます!!!
    javascriptなんて今だに全然わからない私がここまでのめり込んだのも、ここに書ききれないぐらいの人に、影響を受けてお世話になったからです。
    @toshiya240さん、@feelingplaceさん、@matubizさん、@jazzzz2012さん、@saita_ryouheiちゃん
    いつもありがとうございます!

    iOSアプリに連携

    ひろさんのブックマークレット、「ShareHtml」を基本にiOSアプリを連携できるように、少しだけ追加した非公式「ShareHtml2」ブックマークレットです!
    何日もかかって、コピーしたり切ったり貼ったり試したりの作業が続きました。
    早く言えば、まるっとコピペで出来上がった次第であります。
    すいません(>人<;)
    そしてやっとなんとかできたようです(*^_^*)

    もしも、人柱になってもいいよ!
    っていう奇特な方は、お試し下さいませ。
    私の持っているアプリでは、試したのですが、全部は持っていないので。。

    ShareHtml2メーカー

    ブックマークレットの登録方法

    私が以前そうだったように、
    iPhone初心者の方には、ブックマークレットを登録するのは大変かと思います。
    もう、わかってるよっていう方は、これでおしまいです(笑)

    では、いってみよう!

    iPhoneで、先ほどのリンク「ShareHtml2」をタップしてください。このような画面になります。

    ShareHtml2

    Bookmareklet名を入力して下さいの箇所に、
    あとで見てもすぐに分かるように入力追加します。

    アプリ名

    できたら、次に進みます。
    何も変更しない場合は、次々と。

    次に

    ここで、書式を選びます。
    左サムネイル大、左サムネイル小とつづきますので、ご自分のブログで使用したいスタイルを選びます。

    書式をえらぶ

    すべてできたら、あとは
    Bookmarkletを生成するボタンをタップします。

    タップする

    下にブックマークレットが生成されました。

    生成された

    ここではiPhoneで登録するので、iPhone用を全てコピーします。
    長押しするとコードをコピーする項目が出てきます。

    長押しでコピー

    Safariのどこのサイトでもいいので、ブックマークします。

    ブックマークする

    後で編集するので、わかりやすい名前に変更しておきます。
    一旦、保存しておきます。

    一旦保存

    もう一回Safariのブックマークを開いて、編集をタップします。

    ブックマークを編集

    先程のブックマークレットをタップします。

    Textforceをタップ

    アドレスをバツ印で全部削除します。

    アドレス削除

    先ほどのコピーしたコードをペーストします。

    アドレスにペースト

    長押しで左の方へと移動させます。

    長押しで移動

    javascriptの前の?から左側をぜんぶ削除します。

    前を削除

    うまくできたら、下の完了ボタンでブックマークレットの登録は完了です!
    お疲れさまですー

    完了ボタン

    ブックマークレットを使う

    シェアしたいサイトで、ブックマークを開いて、目的のブックマークレットをタップして起動します。

    起動する

    アプリの連携にもよりますが、
    起動すると、このような画面が出てきますので、入力してOK!です。

    入力してOK!

    ここでは、Textforceにコードが渡り、プレビューでこのように見れました。
    コールバック機能の付いたものなので、Safariにキャンセルボタンで戻れます。
    URLスキームでコールバックに対応していないと、他のブックマークレットではできません。

    表示された後戻る

    ではでは、このぐらいにしておかないと、モグログで老眼がもっとすすみそうです。:゚(;´∩`;)゚:。

    オマケ

    ブックマークレットを登録するのは、面倒かと思います。
    でも、コードをコピーしたものを1度メモ帳などで開いて、ペーストして、削除すると簡単にできます。

    「MyScripts」アプリをお持ちならば、この方法が簡単です!

  • 【MyScripts】ブックマークレットの「?」から前を取り除くスクリプト
  • MyScripts LE
    カテゴリ: 仕事効率化, ユーティリティ
    価格: 無料(2014.2.17掲載時)

    MyScripts
    カテゴリ: 仕事効率化, ユーティリティ
    価格: ¥400(2014.2.17掲載時)

    ブックマークレット連携のアプリ

    Textwell
    カテゴリ: 仕事効率化, ユーティリティ
    価格: ¥300(2014.2.17掲載時)

    MyEditor
    カテゴリ: ビジネス, 仕事効率化
    価格: ¥400(2014.2.17掲載時)

    Rowline
    カテゴリ: ビジネス
    価格: ¥300(2014.2.17掲載時)

    テキスト編集 Textforce for Dropbox
    カテゴリ: 仕事効率化, ビジネス
    価格: ¥300(2014.2.17掲載時)

    Moblogger
    カテゴリ: ソーシャルネットワーキング
    価格: ¥400(2014.2.17掲載時)

    Drafts – Quickly Capture Notes
    カテゴリ: 仕事効率化, ソーシャルネットワーキング
    価格: ¥300(2014.2.17掲載時)

    Byword
    カテゴリ: 仕事効率化, ユーティリティ
    価格: ¥500(2014.2.17掲載時)

    ThumbEdit – 親指テキストエディタ
    カテゴリ: 仕事効率化, ユーティリティ
    価格: ¥300(2014.2.17掲載時)

    PressSync Pro – WordPress Blogging App
    カテゴリ: ソーシャルネットワーキング, ユーティリティ
    価格: ¥500(2014.2.17掲載時)

    するぷろ for iOS(ブログエディタ)
    カテゴリ: ソーシャルネットワーキング, 仕事効率化
    価格: ¥500(2014.2.17掲載時)

    via PressSync

    【こちらの関連記事もご覧ください】


    記事をお読み頂き、ありがとうございます!

    記事の内容を気に入って頂けましたか?
    もし気に入って頂けましたら、
    ソーシャルボタンで共有頂ければ、とても嬉しいです♪


    follow us in feedly RSS

    2件のコメント to “iOSアプリ連携「ShareHtml2」ブックマークレットメーカーができたよ♪”

    1. おっきぃ

      はじめまして

      おっきぃと申します

      sharehtmlを調べていてここに辿り着きました^^

      AmeEditorというiphoneアプリでブログを書いているのですが…

      これとの連携はできませんでしょうか?

      よろしければ教えて下さい☆

      どうそよろしくお願いします

      返信
      • mayo1950

        コメントありがとうございました。Twitterからお返事させて頂いた通りです。エディタにURLスキームがあるとできるかもしれませんが?…お役に立てずすみません。

        返信

    Leave a Reply

    • (will not be published)

    XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

    This blog is kept spam free by WP-SpamFree.