Bloggerで"ブログ内ツイートボタンをカスタマイズしてTwitterアカウント名をイイ感じに表示してみた"

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

どうも。 @toshiya240 です。

@knk_n さんの以下のエントリ。

[ブロガー必見]ブログ内ツイートボタンをカスタマイズしてTwitterアカウント名をイイ感じに表示してみた | けんけん.com
「〜から」という表示はツイートボタンのデザイン変更当初TL上でかなり疑問視されていたのを覚えています。 私は「RT @knk_n: 記事タイトル 記事URL」のように引用リツイート風なスタイルにしたかった。 ...
「〜から」は私も気になっていたのです。

ということで、Blogger でやってみました。

Blogger の場合は以下のようなコードになります。

<a class='twitter-share-button' data-count='horizontal' data-lang='en'
  expr:data-text='&quot; RT @toshiya240: &quot;+data:post.title'
  data-via=''
  expr:data-url='data:post.url'
  href='http://twitter.com/share'>Tweet</a>
<script src='http://platform.twitter.com/widgets.js' type='text/javascript'/>

上記のコードを使用される場合は、a タグの data-text 属性の中の Twitter アカウント名を書き換えてください。

Twitter でリンクを共有する

data-text 属性で指定した内容が選択された状態で表示されるのが気になりますが、 うん、いいですね。

GetTweetAsHtml を拡張する #MyScripts 用スクリプト

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

MyScripts の作者、 @unitkay さんが昨晩(日付変わっていますが)、以下のようにつぶやかれていました。

MyScripts&GetTweetAsHtmlの応用技。で登録。
#IMPORT XMLHttpRequest
#IMPORT GetTweetAsHTML
"draftpad:///insert?after="+encodeURIComponent(html); 2012-02-24 00:13 via Twitter for iPhone

iOS でないと絵文字が表示できないので補足しますと、openurl で登録です。

ツイートのアドレスをコピーしてMyScriptsの通知をタップするとDraftPadが起動してツイートのHTMLが自動で貼り付けられます。連続してコピーすれば、通知センターに蓄積することも可能。 2012-02-24 00:17 via Twitter for iPhone

なるほど!
IMPORT したスクリプトの結果を元に URL を生成して openURL すれば 処理の本体と出力先を別々にできるので、 コードを重複させずに出力先のバリエーションを増やすことができますね。
例えば結果を Textforce に送るスクリプトも簡単に作れます。

ということで、GetTweetAsHtml を呼び出して、結果を DraftPad に挿入するスクリプトを作りました。
上記ツイートのスクリプトと同じことをするものですが、 たまたま作っていた DraftPad の URLスキームを生成するライブラリを使用する形にしています。

以下のリンクを iPhone または iPad でタップして保存してください。

追記

ごめんなさい。忘れていました。 @unitkay さんに指摘されて思い出しました。 @unitkay さんありがとうございますm(_ _)m

@toshiya240 私のスクリプトがまずかったのですが、下記のルートに行くと空の文字列でDraftPadを起動してしまいますね。空文字列チェックが必要かも。 if (!tid) { alert("ツイートのURLを指定してください。"); ""; } 2012-02-24 21:58 via Tweetbot for iOS

最近の MyScripts のバージョンアップでスクリプトからアクションを変更できるようになったので、 ツイートの URL であると認識できなかった場合はエラーメッセージを表示して停止するように GetTweetAsHtml を修正しました。 スクリプトをインストールするリンクを追記します。 XMLHttpRequest も再掲します。

追記終わり

DraftPad.js は、 DraftPad の URL スキームを知らなくても、 MyScripts から DraftPad に連携できるようにするために作りました。
(というか、本当は私が覚えていられないので作りました。)

DraftPad.js について以下に説明します。
スクリプト内に同じ内容を記載していますので、 忘れてしまったらスクリプトの中身を見ればおkです。

最後の pboard 指定は、名前付きペーストボードを扱えるアプリを知らないのでテストしていません(^o^;

DraftPad の URL スキームを用いた連携

いずれかの関数を呼び出すと DraftPad の URL が返却される。
MyScripts のスクリプトの種類を openURL として、 スクリプトの最後に関数を呼び出す。

基本

  • DraftPad を起動
    DraftPad.launch();
  • テキストを既存のテキストの前に追加
    DraftPad.prepend('foo');
  • テキストを既存のテキストの後に追加
    DraftPad.append('bar');
  • 指定したテキストで既存のテキストを置換
    DraftPad.replaceWith('baz');

for DraftPad v1.3+

  • クリップボードのテキストで既存のテキストを置換
    DraftPad.replaceWithPboard();
  • クリップボードのテキストを既存のテキストの前に貼付ける
    DraftPad.pasteBefore();
  • クリップボードのテキストを既存のテキストの前に貼付ける
    DraftPad.paste();
Pasteboard 関連メソッドの引数指定
  • 普通に貼付け
    DraftPad.paste();
  • prefix 指定
    DraftPad.paste({prefix: 'Hello my'});
  • suffix 指定
    DraftPad.paste({suffix: ', Lucy.'});
    DraftPad.paste({prefix: 'Hello my', suffix: ', Lucy.'});
  • pboard 指定
    DraftPad.paste({pboard: 'named pasteboard'});

MyScripts 1.2 (¥350)App
カテゴリ: 仕事効率化, ユーティリティ
販売元: Unit Kay - Takeyoshi Nakayama(サイズ: 0.7 MB)
全てのバージョンの評価: (6件の評価)
+ iPhone/iPadの両方に対応

DraftPad 1.5.2 (無料)App
カテゴリ: 仕事効率化, ユーティリティ
販売元: Manabu Ueno - Manabu Ueno(サイズ: 3.2 MB)
全てのバージョンの評価: (383件の評価)

App Store Expenses を試してみたのだけど

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

「App Store Expenses Monitor」が機能しない件で、もうお手上げ(´・_・`) | iPhoneとマヨテキメモ
このアプリを使うと、今までに購入したアプリのおおよその合計金額が、わかるというものです。 ...
お困りのようです

面白そうですし、ちょっと試してみようかと。

インストール

App Store Expenses
こちらのサイトからダウンロードします。

「App_Store_Expenses-2.0.2.zip」を展開してアプリケーションフォルダにアプリのファイルを置きます。

起動してみよう

アプリは起動しますが、ウィンドウが表示されませんでした。 ちょっと焦りましたが、Dock のアイコンをクリックしたらウィンドウが表示されました。 でも…

App Store Expenses

設定画面を見てみましょうか。

▼「Mobile Applications フォルダの場所」が空っぽですね。
App Store Expenses  Pref

▼ iTunes の Mobile Applications フォルダ (~/Music/iTunes/iTunes Media/Mobile Applications)を選択して開きます。
App Store Expenses  Mobile Applications

▼設定されましたね。
App Store Expenses  Pref2

▼メニューから [更新] を実行しても表示されません。
App Store Expenses

さてと

ツールバーを表示しても空っぽなのが気になりますね。

ということで、App Store Expenses を終了して、アプリケーションパッケージを覗いてみます。

▼ Finder でアプリのファイルを選択してコンテキストメニューから [パッケージの内容を表示] を選択します。
App Store Expences  Show Package

▼何となくリソースが怪しそうなので、日本語のリソースを削除してみます。
App Store Expences  Resources

さて、App Store Expenses をもう一度起動してみましょうか。

▼表示はされた…のですが、価格が正しくないっぽいwApp Store Expenses  in English

ということで

とりあえずアプリの一覧は見ることができましたが、 本来の目的は達成できないようです(´ε`;)ウーン…

[iPhone] hiro45jp さんの AppHtml を Webアプリにしたよ!

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

@toshiya240 より @hiro45jp さんに敬意を込めて。

私は昨年からブロガー向けのソフトウェアを作るようになりました。

きっかけは AppHtml です。

アプリ紹介のBookmarklet「AppHtml2」公開♪ | 普通のサラリーマンのiPhone日記
ここから始まった

そして、私は Mac のサービスメニューから AppHtml を呼び出せるようにしました。

Happy-Go-Lucky: [Mac] どこからでも AppHtml を呼び出す - サービスメニュー版を作ってみたよ♪
MarsEdit などのブログエディタで記事を書いているときに Web ブラウザが起動していないこともありますよね。そんなときに AppHtml を使いたくなりました。でも、わざわざブラウザを起動するのは面倒です。 ということで、Bookmarklet をサービスメニューとして実装(移植)してみました。 ...

その後も 生成した HTML が MarsEdit に挿入されるように したりしてきました(最新版は こちら)。

AppHtml 以外にも ShareHtml にもお世話になっていますし、 PhotoHtml (最新版は こちら) に影響されて PicasaHtml を作ったり (最新版はこちら)、 ヒロさんの影響は絶大なのです!

長くなりそうなので、前置きはこれくらいにして…

AppHtml を Webアプリにしたよ!

AppHtml はいろいろと設定ができるのですが、 設定毎にブックマークレットを作ることになりますし、 ブックマークレットを起動する際にブックマークの階層を辿るのに意外と時間がかかるので、 何とかしたいなと思いました。

そこで、言わば @hiro45jp さんの AppHtml のフロントエンドとなる Webアプリを作りました。

こちら に iPhone からアクセスしてみてください。

本 Webアプリにアクセスする DraftPad アシストも作りました。 こちら です。

最新版はこちら: Happy-Go-Lucky: DraftPad

使い方

▼ メイン画面です。左上の設定ボタンをタップすると…
IMG_0513.png

▼ 設定画面が表示されます。設定内容は本家 AppHtml と同様です。
IMG_0514.png

▼ 今回は DraftPad に出力する設定にしてみましょうか。
IMG_0515.png

▼ アプリ種別毎にスクショのサイズの設定もできます。設定を変更したら [保存] ボタンをタップします。
IMG_0516.png

▼ メイン画面で書式テンプレートを選択します。今回は中アイコン表示にしましょうか。
IMG_0517.png

▼ iPhone App をタップすると…
IMG_0518.png

▼ ここからは本家 AppHtml と同じです。(本家を呼び出しているので)
IMG_0519.png

▼ う〜んと、DraftPad を検索しますね。
IMG_0520.png

▼ これ!なので [キャンセル] ボタンをタップします。
IMG_0521.png

▼ すると、HTML が DraftPad に入力されます!
IMG_0522.png

▼ HTML Preview するとこんな感じです。
IMG_0523.png

Textforce や するぷろ とも連携できますので、お好みでどうぞ。

さいごに

ある程度は動作を確認していますが、まだ十分ではないかもしれません。 今回はいつにも増して想いが先走っておりますすみません。(`ェ´)ピャー

不具合を発見された方はお知らせいただけると嬉しいです。

ではでは。

DraftPad 1.5.2 (無料)App
カテゴリ: 仕事効率化, ユーティリティ
販売元: Manabu Ueno - Manabu Ueno(サイズ: 3.2 MB)
全てのバージョンの評価: (381件の評価)

Textforce - Dropbox text editing 2.6.0 (¥350)App
カテゴリ: 仕事効率化, ビジネス
販売元: yyutaka - Yutaka Yagiura(サイズ: 2.1 MB)
全てのバージョンの評価: (108件の評価)

するぷろ for iPhone 1.2 (¥350)App
カテゴリ: ソーシャルネットワーキング, 仕事効率化
販売元: Gachatech - isshin(サイズ: 1.4 MB)
全てのバージョンの評価: (22件の評価)

最新情報はこちら: Happy-Go-Lucky: DraftPad