SPONSORED LINK

2012/01/22追記

検索エンジンなどでこのページにたどり着いたみなさまへ。

ブックマークレットの最新版はブックマークレット | Feelingplaceに置いてあります。

大変お手数ですが、上記のリンク先をご覧いただきますようお願いいたしますm(_ _)m

以上、追記終わり。

やっぱりiPhoneからブログを書くのが大好きな@feelingplaceです。

以前、ネタフルさんで紹介されていたBlackbird bookmarkletというのをご存じでしょうか。

[N] 「BlackBird bookmarklet」ツイッターのツイートをブログに貼り付けられるようにするブック

これはその名の通り、ツイッターのツイートをブログに貼りつけられるようにするブックマークレットなんですね。

ただ、残念なことが1つ。そうです。iPhoneでは使えないんです。

BlackBird bookmarkletをiPhoneで使うとどうなる！？

まずはiPhoneのSafariでツイートを表示してみましょう。

垢BAN王子、@norirowさんがまたダメージを受けていますね(^_^;

このツイートのURL、mobile.twitter.comになっているのがわかると思います。

01 ツイートURLがmobile Photo by feelingplace

ここで、BlackBird bookmarkletを起動します。すると…

02 BlackBird bookmarklet起動 Photo by feelingplace

なんと！！twitter.comで起動してくれ！と怒られてしまいます(T-T)

03 ブックマークレットに怒られる Photo by feelingplace

これでは、iPhoneでツイートのHTMLタグを取得することはできません。

そこで、思い出したのがこの記事。

Twitterの引用ツールの決定版！Blackbird Pieのかわりに、公式で強力な引用ツールが実装されていた件 | 想造ノート

公式サイトのツイートの詳細画面ではEmbed this Tweetをクリックすると、

公式サイト　ツイートの詳細 Photo by feelingplace

このようにHTMLが取得できるんですが、iPhoneにはまだEmbed this Tweetは表示されていないんですよね。

Embed this Tweet Photo by feelingplace

そこで公式サイトの情報（Embedded Tweets | Twitter Developers）が載っていたんで辿っていくと、何とかブックマークレット化できそうな気がしたので、とりあえず作ってみました。

名前はTweet2HTMLとでもしておきましょう。

Tweet2HTMLでできること。

では、Tweet2HTMLでできることをスクショで見ていきましょう。

もう1度、垢BAN王子がダメージを受けているツイートに戻ります。

01 ツイートURLがmobile Photo by feelingplace

ここで今回紹介するブックマークレット、Tweet2HTMLを起動すると…

04 今回紹介するブックマークレットを起動 Photo by feelingplace

プロンプトにツイートのHTMLタグが表示されます。

あとはコピーしてお好きなエディタで加工するだけ。

05 HTMLタグを取得 Photo by feelingplace

ちなみに今回取得するHTMLタグは先程紹介した公式サイトのHTMLに準拠しています。

で、毎度おなじみのTextforceへ貼り付けてプレビューしてみると…

06 Textforceに貼付 Photo by feelingplace

こんな感じになります。これはJavaScriptが無効になっている状態になります。ブログを書く側としては、ツイートがBlackBird bookmarkletで取ってくるHTMLよりも内容がわかりやすいのでいいですよね。

07 プレビュー Photo by feelingplace

これをブログに貼り付けると以下のようになります。

@saita_ryouhei @feelingplace ぐはっ。・゜・(ノД`)・゜・。

— ノリロウ (@norirow) January 14, 2012

こんな感じでHTMLタグをiPhoneでも取得することができます。ただ、これってあまり現実的な方法ではないですよね。だって、Twitterは普段アプリで見ているから。

そこで、もう1つの方法。

これはアプリでできるできないがあるかも知れませんが、ボクが普段使っているTweetlogixでの例をご覧ください。

まずはアプリでツイートの詳細画面まで行きます。

08 ツイートを表示 Photo by feelingplace

Tweetlogixの場合、ここでツイートを長押しするとメニューが表示されるので、Copy Linkをタップ。

09 ツイートのURLをコピー Photo by feelingplace

先程のブックマークレットをどこでもいいので起動してください。すると、ツイートのURLを入力するよう求められますので、

10 Twitterサイト以外で起動するとURLの入力を求めます Photo by feelingplace

さっきコピーしたツイートのURLを貼り付けてOKをタップしてください。すると…

11 プロンプトにツイートのURLを入力 Photo by feelingplace

同じようにちゃんとHTMLタグを取得することができました(^^)

12 HTMLタグを取得 Photo by feelingplace

このようにTweet2HTMLでは、

1. ツイートのURLが表示されていればそのツイートのHTMLタグを取得
2. ツイートのURLが表示されていなければツイートのURLを入力することでそのツイートのHTMLタグを取得

することができます。

もちろん、これはiPhoneだけでなく、デスクトップからでも利用することが可能です。

Tweet2HTMLのブックマークレットメーカーはこちら。

Tweet2HTMLのブックマークレットメーカーはこちらになります。

Tweet2HTMLメーカー

設定項目を確認しておきましょう。

Tweet2HTMLメーカー Photo by feelingplace

1. ブックマークレット名：お好きな名前を入力してください。
2. 出力方法：6種類の中から選択してください。
3. 書式テンプレート：変更するとHTMLタグの取得ができませんのでご注意ください。

設定を終えたらBookmarkletを生成するボタンをポチッとします。下にスクロールすると、

Tweet2HTML完成 Photo by feelingplace

上の画像のようにブックマークレットのリンクができているので、お好きなところへ登録するだけです。

これでiPhoneからもツイートをブログに貼り付けることができる！！

WordPressではTwitter ブラックバード・パイプラグインがありましたけど、これならプラグインの必要もありません。

現時点では公式サイトのようにAlignmentの設定はできませんが、またそれはおいおいできればいいなと思います。

使ってみて気になる点があれば@feelingplaceまで教えていただければ幸いです。

それでは、よりよいモブログライフを！！

関連がありそうなエントリー:

1. iPhoneからブックマークレットを起動した時のテスト。
2. ブックマークレットのまとめページをまとめ直しました。
3. iPhoneからツイッターのツイートをブログに貼り付けられるようにするブックマークレット、Tweet2HTMLをバージョンアップしました。
4. YouTube2HTMLとFlickr2HTMLから、するぷろ for iPhoneにデータを流し込めるようにしました。
5. ブックマークレットのまとめページを作りました。

SPONSORED LINK

どれだけのアプリをポチッたかは全く覚えていませんが、アイコンを眺めてはたくさんポチッたなぁと感慨にふける年の瀬を過ごしている@feelingplaceです。

今日は先日@flavour47さんが書いたこの記事、

[2011年]今年ボクがダウンロードした神アプリ達ベスト10 | iPhone | Yu_notes.

をちゃっかりパクらせていただいて、ボクが今年使いまくったiPhoneアプリベスト10を出してみようと思います。

第10位 Textforce

Textforce – Dropbox text editing 2.4.3（￥350）
カテゴリ: 仕事効率化, ビジネス
販売元: yyutaka – Yutaka Yagiura（サイズ: 2.1 MB）

振り返ってみると、どー考えてもTextforceがなかったら細々ながらもブログを続けて行くことはできなかったと思います。

そういった意味では断トツ1位なんですが、起動頻度も含めると10位かな。とにかくお世話になっているアプリです。

第9位 するぷろ for iPhone

するぷろ for iPhone 1.2（￥350）
カテゴリ: ソーシャルネットワーキング, 仕事効率化
販売元: Gachatech – isshin（サイズ: 1.4 MB）

WordPressアプリでちまちまとブログ更新していましたが、するぷろ for iPhoneの登場で環境は一変。

iPhoneからのブログ更新がホントに楽になりました。

作者の@isloopさんのブログ、和洋風◎でも自作のブックマークレット、YouTube2HTMLを取り上げていただきました。

第8位 PictShare

PictShare – multiple photos/movies uploader 2.6.2（￥250）
カテゴリ: ソーシャルネットワーキング, 写真／ビデオ
販売元: itok – 啓 Ito（サイズ: 3.8 MB）

画像・動画のアップロードには欠かせないアプリ、PictShare。

iPhoneで撮った写真はほぼ間違いなくPictShareからFlickrへアップしています。

作者様がブログを読んでくださって、アップロード後にSafariで開くことができるようになったのもいい思い出です。

第7位 Tweetlogix

Tweetlogix for Twitter 1.8.1（￥170）
カテゴリ: ソーシャルネットワーキング
販売元: Onloft Software LLC – Onloft Software LLC（サイズ: 4.7 MB）

ヒマさえあればどこででもTwitterをみているような気がしてますが、最近使っているクライアントはこのTweetlogix。

Twitter公式アプリは残念なことになってしまいましたが、loglxの使用感は旧公式アプリに似て更に高機能。

旧公式アプリからの乗り換えには最適なアプリではないでしょうか。

第6位 Boxcar

Boxcar 4.2.1（無料）
カテゴリ: ソーシャルネットワーキング, 仕事効率化
販売元: appremix – Jonathan George（サイズ: 17.5 MB）

言わずとしれたプッシュ通知アプリのBoxcar。

iOS5からの通知センター実装によりホーム画面からは撤退しましたが、相変わらず頑張って通知してくれています。

1対1のリプライやDMであれば、Boxcarだけで返信できるのも便利ですね。

第5位 Instagram

Instagram 2.0.6（無料）
カテゴリ: 写真／ビデオ, ソーシャルネットワーキング
販売元: Burbn, Inc. – Burbn, inc.（サイズ: 11.9 MB）

写真系SNSのInstagram。

週に数回はフォルテの写真を中心に投稿しています。

起動頻度こそ少ないものの、ボクの生活には欠かせないアプリになりました。

第4位 FastEver

FastEver 1.9.3（￥170）
カテゴリ: 仕事効率化, ユーティリティ
販売元: rakko entertainment – rakko entertainment（サイズ: 2.6 MB）

今年、@goryugoさんの本を読んでからライフログを少しずつ意識するようになりました。

記録として残せるものはできるだけ記録しようとしているんですが、とりあえずEvernoteに放り込みたいって時に使うのがFastEver。

まだまだ使い込みが足りないですが、来年の自分への期待も込めて第4位です。

第3位 SleepCycle

Sleep Cycle alarm clock 3.0.1（￥85）
カテゴリ: ヘルスケア／フィットネス, ユーティリティ
販売元: Maciek Drejak Labs – Maciek Drejak Labs（サイズ: 7 MB）

プライベートのボクが今1番気にしているのが睡眠の時間と質。

寝てはいるんですがなかなか疲れが取れないんですよねー。

何もデータがないままでは相談もできないので、SleepCycleで記録するようになったんですが、データを見てみると基本的な睡眠時間が足りていないようにも思えてきました(^^;;

第2位 Bejeweled Blitz

Bejeweled Blitz 1.1（無料）
カテゴリ: ゲーム, パズル, ファミリー, エンターテインメント
販売元: PopCap – PopCap（サイズ: 19.5 MB）

ゲームのことをブログで書くのは初めてのような気がしますが、学生の頃は結構いろんなゲームをやり込んでましたし、ゲーセンに通ってた時期もありました。

今は自宅に3DSがありますが、ほとんど触ってません。

そんなボクが毎日やるのがこのBejeweled Blitzです。

1分間という短時間の勝負なので、ひまつぶしには最適。しかもFacebookの友達とスコアを争うことができるので、それこそヒマさえあればやってます。

Blitz専用アプリになってからのハイスコアは60万点くらいだったと思いますが、1度は100万点を出してみたいものですねぇ。

第1位 Sylfeed

Sylfeed 2.1.1（￥170）
カテゴリ: ニュース, ソーシャルネットワーキング
販売元: GACHANET – GACHANET（サイズ: 2.1 MB）

Googleリーダーの共有メモが使えなくなったこともあり、Googleリーダークライアントアプリの見直しを迫られた今年の秋。

多くのブロガーが絶賛されているSylfeedにボクもたどり着きました。

ボクが気に入っているのは、事前のWebページ・イメージのキャッシュにより完全にオフラインの状態（例えば地下鉄車内）でもストレスなくブログを読むことができるということ。

毎朝最初にすることはSylfeedの起動・同期になりました。

現時点でのベストではある。

ボクがiPhoneを使う中で今回の10のアプリは7つがホーム画面に鎮座しているアプリ。それだけ重要性が高いものでもあります。

ただ、ライフログやタスク管理にもiPhoneを活用したいという欲求が出てきているので、また来年には全く違うランキングになっているような気がします。

来年の自分に少しだけ期待してこのエントリーは締めたいと思います。

最後に、アプリ作者の皆様方。素敵なアプリのリリース、いつもありがとうございますm(_ _)m

Posted from SLPRO Blog Editor for iPhone.

関連がありそうなエントリー:

1. にほんブログ村の登録カテゴリを一戸建 旭化成ホームズに変更しました。
2. 2011/04/10から2011/04/16のRSSチェック。
3. 大辞林とウィズダム英和・和英辞典をセールで購入！この2つってTextforceと連携してたのね。
4. 1カテゴリ1フォルダによるiPhoneアプリ管理方法。
5. 2011/04/03から2011/04/09のRSSチェック。

SPONSORED LINK

Sylfeedすげー！！

先週乗り換えたと宣言したSylfeed。

Sylfeed 2.1.0（￥170）
カテゴリ: ニュース, ソーシャルネットワーキング
販売元: GACHANET – GACHANET（サイズ: 2 MB）

いろいろいじりながら、ホントきめ細かく設定ができるアプリだなぁとうれしくなります。

実は作者様ご本人からの告白で、少し前からWebページキャッシュのことをツイートしてたのを捕捉されていたようでして(^^;;

これからもヘビーに使わせていただきますっ！！

今週のフォルテ。

ぱぱ、あそぼっ！ Photo by feelingplace

加工したら若干恐くなっちゃいましたね(>_< )

昨日は用事があった朝から出掛けて昼過ぎに戻ってきました。そこでのフォルテくんです。

ちなみに加工に使ったのは、

Big Lens 1.0.1108.1（￥85）
カテゴリ: 写真／ビデオ, ライフスタイル
販売元: Reallusion Inc. – Reallusion Inc.（サイズ: 16.4 MB）

ToonPAINT 2.2.2（￥170）
カテゴリ: 写真／ビデオ, エンターテインメント
販売元: Toon-FX – Toon-FX（サイズ: 3.8 MB）

Camera+ 2.4VS（￥85）
カテゴリ: 写真／ビデオ, ソーシャルネットワーキング
販売元: tap tap tap – Inventive, Inc.（サイズ: 19.7 MB）

最後はInstagramで投稿してます。

今週チェックしたニュース！

終わりに。

知識がないというのはいざという時につらいですね。壁にぶち当たって跳ね返され続けている感じです。

でも諦めずに1つずつクリアしていけるようにしたいなと思ってます(^^)

それではまた来週！

Posted from SLPRO Blog Editor for iPhone.

関連がありそうなエントリー:

1. 2011/12/18から2011/12/24のRSSチェック。
2. 2011/12/04から2011/12/10のRSSチェック。
3. 2011/12/11から2011/12/17のRSSチェック。
4. 2012/01/22から2012/01/28のRSSチェック。
5. 2012/01/15から2012/01/21のRSSチェック。

SPONSORED LINK

googleリーダーが変わった…。

ボクも普段から使っているgoogleリーダーが突然変わりました。それもボクにとってはかなり大きな影響を与える形で。

それは、共有アイテムのメモ（Notes）が使えなくなったこと。いくらGoogle+に誘導したいからってこれはひどい。

数日はiPhoneアプリから送れていたメモも送れなくなってしまいました。

この週間チェックで使っていたWordPressのプラグイン、WordPress › Recommended Reading: Google Reader Shared « WordPress Pluginsも使えなくなってしまいました。

という訳で、しばらくは週間チェックのアウトプット方法を模索していこうと思います。

今週のフォルテ。

ぱぱのおなかはぼくのいす。 Photo by feelingplace

この時期になるとフォルテの暖かさがとてもうれしくなります。

ボクと奥さんの取り合いになりますが、基本的にはソファに転がったほうに乗っかってくれるフォルテくんです(^_^)

今週チェックしたニュース！

とりあえず今週はこんな形での紹介になります。

@fp_rssはボクのサブアカウントでgoogleリーダーでチェックしたニュースをReader2Twitter – Sync Your Google Reader Shared Items to TwitterでTwitterに垂れ流していました。

最初にも書いたようにその流れができなくなったので、googleリーダーアプリから直接ツイートするように変更したので、タイムラインをそのまま貼りつけました。

ちょっとみくにいのは承知ですが、しばらくご勘弁を(^_^;

えー、記事のタイトルは入っていますが、ブログのタイトルが入ってないですね。

まだまだ模索中なのでご容赦くださいませ(o_ _)o

終わりに。

そんなこんなでいろいろと模索中です。

googleリーダー用のアプリもByline以外に何かないか探してるんですが、地下鉄通勤のボクが納得するようなものに出会えていないんですよね〜。

それでは、また来週。

関連がありそうなエントリー:

1. 2011/12/18から2011/12/24のRSSチェック。
2. 2011/12/04から2011/12/10のRSSチェック。
3. 2011/12/11から2011/12/17のRSSチェック。
4. 2012/01/22から2012/01/28のRSSチェック。
5. 2012/01/15から2012/01/21のRSSチェック。

SPONSORED LINK

せっかく買ったんだからね！

アレ　コレ　ソレ　キャンペーンを利用してiPad2がやってきた我が家ですが、もちろん1台しかないので家族での活用方法は未だ模索中。

しかし！せっかく手に入れたiPadを放っておくのはもったいない！

ということで、iPadでブログを書く環境を簡単に整えてみました。

でこの記事のキッカケは@flavour47さんのこの一言。

@feelingplace おー！さすがふぃーぷれさん！これは記事にして欲しいかも？w

2011年11月2日 12:11 PM via Tweetbot for iPhoneReplyRetweetFavorite

@flavour47

Yuichi 4S

こんなことでも何かヒントになるなら書かせていただきます！

iPadでブログを書く環境作り。

iPadでブログを書くことについては@goryugoさんもiPadのみで「普通に快適な」ブログ更新が出来る環境を整える（β） | goryugoという記事を書いておられますが、ボクが作っている環境もほぼ同じです。

iPadの画面はこんな感じ。

IMG_0013 Photo by feelingplace

ブログ書きにはTextforceとTextExpander、WordPressへのアップロードにはするぷろ for iPhone（@isloopさん、ゴメンなさい！！）、公開時間の調整にWordPress。画像の編集にPhotogene for iPad、FlickrへのアップロードにPictShareを使ってます。

Textforce – Dropbox text editing 2.4.2（￥350）
カテゴリ: 仕事効率化, ビジネス
販売元: yyutaka – Yutaka Yagiura（サイズ: 2.1 MB）

TextExpander 1.2.2（￥450）
カテゴリ: 仕事効率化
販売元: SmileOnMyMac, LLC – SmileOnMyMac, LLC（サイズ: 2.3 MB）

するぷろ for iPhone 1.2（￥350）
カテゴリ: ソーシャルネットワーキング, 仕事効率化
販売元: Gachatech – isshin（サイズ: 1.4 MB）

WordPress 2.9（無料）
カテゴリ: ソーシャルネットワーキング, 仕事効率化
販売元: Automattic – Automattic, Inc.（サイズ: 4.4 MB）

Photogene for iPad 3.2（￥250）
カテゴリ: 写真／ビデオ, ユーティリティ
販売元: Omer Shoor – Omer Shoor（サイズ: 8.6 MB）

PictShare – multiple photos/movies uploader 2.6（￥250）
カテゴリ: ソーシャルネットワーキング, 写真／ビデオ
販売元: itok – 啓 Ito（サイズ: 3.7 MB）

これプラス、Safariがあればもう十分です。

では、何を工夫したのか？それはいかに素早くiPhoneと同じ環境を作るかです。

iPhoneと同じ環境を素早く作るためにできること。

iPadにiPhoneと同じ環境を素早く作るためには下準備が必要です。

下準備と言っても簡単なことです。設定が面倒なアプリの設定を保存しておくことだけですから。

ボクの例を具体的に挙げると…

• するぷろ for iPhone用：WordPressのxmlrpcとCSSのURL
• Safariのブックマークレット用：カエレバ・ヨメレバのブラウザ移行用データ

この2つをDropboxに放り込んでおくだけです。

Textforceからみるとこんな感じ。

IMG_0267 Photo by feelingplace

xmlrpcとかCSSのURLはタイポしたくない。またカエレバ・ヨメレバのデータはとても覚えておけるものではないので、それぞれテキストファイルで保存しておきます。

あとはTextforceで全文コピーして設定したいアプリに貼りつけてしまえばおしまいです。

TextforceとTextExpanderの設定。

こちらはもっと簡単です。

Textforceはもともと保存場所がDropboxですし、TextExpanderもDropboxを通してのsyncが可能になっています。

以下のリンクからDropboxのアカウントが作れます。もしまだお持ちでない方はこの機会にぜひどうぞ。

Dropbox – 生活をシンプルに

まず、MacのTextExpanderからDropboxとリンクします。

Menubar Photo by feelingplace

設定のsyncタブで、Dropboxにチェックします。

Menubar Photo by feelingplace

TextExpanderのデータを常にDropboxに置きますと聞かれるので、Link to Dropboxをクリック。

Dropbox Photo by feelingplace

すると、Dropboxの中に勝手にTextExpanderのフォルダが作られています。この中にTextExpanderのデータが保存されるようになります。

次はiPadのTextExpanderでの作業。

IMG_0018 Photo by feelingplace

同じように設定から。syncの項目にUse Dropboxのチェックがあるので迷わずチェック。

IMG_0016 Photo by feelingplace

すると、Dropboxのアカウント・パスワードの入力が求められます。

IMG_0019 Photo by feelingplace

ここが1番のポイント。Link to DropboxとReplace Dropbox Dataと選択肢が出てきますが、ここで選ぶのはLink to Dropboxが正解。

IMG_0020 Photo by feelingplace

無事リンクが済み、左上の項目にHTML Tagsというグループが1つ増えたのがわかります。

今回のまとめ。

今回はアプリの設定はDropboxに放り込んでおくと何かと便利ですよってことでした。

実際、iPadで書く環境を作るのに掛かった時間はアプリのダウンロードを除けば10分弱でしたからね。

これでボクは、Mac・iPhone・iPadでブログを書く環境が整った訳です。

あとは更新頻度を上げるだけだな(^_^;

Posted from SLPRO Blog Editor for iPhone on iPad.

関連がありそうなエントリー:

1. 大辞林とウィズダム英和・和英辞典をセールで購入！この2つってTextforceと連携してたのね。
2. 2011/04/10から2011/04/16のRSSチェック。
3. Textforceがアップデート！さぁ、TextExpanderを使おう！
4. にほんブログ村の登録カテゴリを一戸建 旭化成ホームズに変更しました。
5. ホーム画面だけで完結させる！ボクがiPhoneでブログを書くための12のアプリ。