普通のサラリーマンのiPhone日記 Rotating Header Image

WordPress雑記

WordPress(Blackbird Pie)を更に便利に使う – FavHtml

久しぶりの投稿です。

今日はネタはWordPressの「Blackbird Pie」というPluginと新作のBookmarklet「FavHtml」のコラボ技です。本投稿、かなりマニアックな記事ですので、WordPressを使ってる方で、TwitterのFavをBlogに綺麗に投稿したい方以外は、ちんぷんかんぷんかと思います…。あらかじめ言っておきます。ご容赦をm(_ _)m

さっそく本題。つい先日、OZPAさんがこんな記事を書いてらっしゃいました。

Twitterのつぶやきをブログ上で再現してくれるWordPressプラグイン「Blackbird Pie」がすんごい便利
Twitterのつぶやきをブログ上で表示させる上手い方法を探しておったのです。
私も入れてまっせー♬

WordPressのPluginなんですけどTweetを簡単に表現してくれます。

実は告白しちゃいますとdonpyさん用に、このPluginを絡めた「FavHtml」というBookmarkletを既に作ってまして、彼にだけに提供してたのです。今回、donpyさんより「ニーズがありそうなので公開しましょっか?」という提案があったので、これまでのBookmarkletをブラッシュアップして公開用に進化させたのでした。

FavHtmlとは?

このBookmarkletを使うと以下のことができます。

タグ: Blog, Bookmarklet, hiroスタイル, Plugin, Twitter, WordPress

Macアプリ紹介のBookmarklet「MacHtml」を公開!

今日は新作のBookmarkletネタ。

ずーっと放置してたんですが、Linkshareが正式にMacAppStoreをサポートしてます。私自身はMacAppStoreをあんまり使ってません…。しかし、優秀なアプリを知りたい、もっと様々なblogでMacアプリが紹介されれば良いのに!という祈りを込めて、Macアプリを紹介する為のBookmarklet「MacHtml」を公開しちゃいますヽ(´ー`)ノ

※公開に当たり ma2marsさんにはいつものごとくお世話になりました。感謝です。

MacHtml(MacApp情報取得)

キーワード(もしくはMacのiTunesウェブ情報)からMacのアプリ情報を収集し、好みのHTMLに整形、出力します。出力形式は、プレビュー版とポップアップ版の2つあります。今回はiPhoneやiPadのBookmarkletは、その性格上、割愛します。書式のテンプレは外出しファイルにしており、Bookmarklet起動の都度、書式No.を選ぶようにしてます。

Bookmarkletの登録の方法は、以下のリンクをお気に入りにドラックするだけです。

MacHtml for PC(Mac/Windows)
MacHtml for PC(Preview)
MacHtml for PC(Popup)

タグ: Bookmarklet, hiroスタイル, HTML, Linkshare, MacAppStore, Yahoo!Pipes

今さらですがTwitterリストのウィジェットを設置♬

東北地方太平洋沖地震。3/11の大震災から既に1週間以上経過してます…。

blogで書くと安っぽくなると思って書けなかったのですが、やっぱり書きます。被災された皆さまに対し、心よりお悔やみ申し上げます。 行方不明となっている方々の早急の救出と被災された地域の復興を心よりお祈り申し上げます。

私自身のことをお話しますと、地震発生当日は都内某オフィス15Fで激しい揺れの中、立っていることすらできない状態でした。その後、ちら見で津波被害のことを知り、帰宅難民へ。今週も通勤の困難さ、計画停電の影響を受けております。

かつて経験したことの無い大震災。

私にできることは節電と募金と献血くらい。あとは物資不足とならぬよう買い占めをしないこと。できるだけ外に出て(外食などして)経済活動をすること。大きな視野を持ちたい。その上で、適切な行動をしたいなと。その為にも、みずほ銀行復活してくれ…。

で、久しぶりのblog投稿。

今日はTwitterウィジェットの話。いろんなblogにTwitter公式のウィジェットが貼られていますが、本blogでもやってみました。右のパーツが作ったウィジェットですヽ(´ー`)ノ

やりたかったのは、自分が作ったTwitter-List(震災関連)をウィジェットとして貼り付けること。設定の方法(特に入り口)が分かりにくかったので備忘としてまとめておきます。

まずはTwitterのリストを作っておく

下準備としてTwitterのリストを作っておきます。

タグ: Twitter, Twitterリスト, WordPress, ウィジェット

Chrome拡張で右クリからBookmarkletを起動する♪

FirefoxからGoogle Chromeに移行して半月くらい経過しました。
Firefoxには無かった便利な拡張機能は、私にとって無くてはならない存在になりました。
しかもChromeは、Firefoxと比べるとブラウザのスピードが段違いに速い。

素晴らしいですヽ(´ー`)ノ

そんな便利な拡張機能の中でも、ぶっちぎりに便利なのがfladdictさんの作った拡張機能。
Bookmarkletを右クリックから起動できるようにする拡張機能ですヽ(´ー`)ノ

タグ: Bookmarklet, Chrome

AppHtmlの検索ヒット率が格段にUPしました!

今日は刺激的な日でした。

週末に鈍がめさんが、Webに転がってたiTunesのAPIのマニュアルを発見したんです。
で、AppHtmlの検索精度を高められないかと試行錯誤して下さったのでした。

新作アプリも引っかかるPipesのモジュール « したっけ、鈍がめ 備忘録
このブックマークレットはYahoo!やGoogleのサービスを利用していますのでどうしても新作アプリに弱いという弱点が有ります。そこで、何とかならないか調べたところ、iTunesで提供しているサービスがあったので試してみました。ブックマークレットを作る力は無いのですが、部品を作るぐらいは出来そうです。

若干パラメーターが古いらしいんですが、iTunes APIのマニュアルはこちら。

タグ: AppStore, Bookmarklet, hiroスタイル, HTML, iTunes, Safari

[share] Bookmarkletに知の連鎖がやってきた♪

ここ最近、すごく嬉しいエントリーに出会うことが多いんです。
本当にありがたいお話です。皆さまに感謝です。

今日は、私が思いもつかなかったBookmarklet活用を披露して下さったサイトをご紹介。
どれもこれもが秀逸で活用の幅が広がるお話です(・∀・)

iPhoneだけでBlogが書けることの証明

最近WordPressにお引っ越しされた春友さんのエントリーの紹介から。

iPhoneだけでブログを更新する方法 ~WordPress版~ | なまら春友流
1.テキストはiPhoneアプリTextforceを使用してHTMLで書く 2.よく使うHTMLは単語辞書登録しておく 3.扱いたい画像をiPhoneアプリPictShareを用いてFlickrにアップしておく 4.画像の貼り付けやアプリの紹介、他のサイトの紹介は全てブックマークレットを用いてHTML文書を生成 5.iPhoneのWordPressアプリのプレビュー機能を利用して推敲し、サーバーにアップロードする

私は春友さんのようにiPhoneで長文を書いたことがありません。そして、こんなにも面白くて天才的な文章を書くこともできません。そんな尊敬する春友さんですが、エントリーを読んで感じたことは「自ら使い込むことでアンサーBlogを書く」という彼の優しさでした。

タグ: Blog, Bookmarklet, Chrome, Lifecards, PictShare, Textforce, WordPress, ワークフロー, 拡張機能

[share] Bookmarkletの設定方法と活用事例が熱い!

つい先程、ふたりのBloggerが涙もののエントリーをして下さいました。
Bookmarkletの設定方法をむっちゃ詳しく解説してくれた @powerangix さん。
Bookmarkletの活用方法を丁寧に解説して下さった @kuracyan さん。

ありがとう、ありがとう。感謝、感激でございます(TДT)

Design × Lifehack × CrossOver Lab – 【ブックマークレット】hiroさんの神ブックマークレット導入のお手伝い 〜ブックマークレットを使用時に必要な情報の集め方のまとめ〜
ブログを書くのに「普通のサラリーマンのiPhone日記」の@hiro45jpさんが作られたすばらしいブックマークレットをいつも使わせてもらっています。こちらのブックマークレットを使うには、対応した各サービスの必要な情報を取得する必要がありますので自分用のメモもという意味も含めて、必要な情報の取得方法をまとめておきました。

タグ: Bookmarklet, Flickr, Googleリーダー, hiroスタイル, Linkshare, テンプレート, リンク集

いろんな環境でBookmarkletを動かしてみる♪

Bookmarkletですが、こっそり色々なところを見直してます…。

実は今現在公開してる最新版のBookmarkletのプレビュー版は、別ウィンドウを立ち上げず、起動したページを強制的に上書きし、プレビュー表示するように変更済みです。

Bookmarklet
毎回エントリー投稿してると何がBookmarkletの最新版か分からなくなってくるんで、常に最新版を維持する為のページを作成しました。今後はトップページのタブから飛べるこのページに最新情報を記載していきますヽ(´ー`)ノ
最新版はこちらに随時アップしていきます。

「強制上書きプレビュー表示」のメリットは、以下な感じ。

  • 起動したページのCSSを引き継いでプレビュー表示できる
  • iPhoneやiPadのSafariでもBookmarkletの結果をプレビュー表示できる
  • リンク集を作ればアプリ内でもプレビュー表示できる

結果として、Bookmarkletの活用の幅が広がったのでしたヽ(´ー`)ノ
尚、リンク集ですが以下にサンプルのHTMLを作りました。

タグ: Bookmarklet, Dropbox, hiroスタイル, HTML, MarsEdit, Safari, Textforce, するぷろ

Blogエディタ「MarsEdit」に惚れました♪

rashita2 さんの企画に合わせて自分のBlog投稿環境を見直してました。

つい最近出会った「MarsEdit」というBlogエディタ。ttachiさんや杏珠さんらが絶賛してたので私も試してみました。結論から言うとMacで書くBlogエディタとしては最強かも知れん。いろいろと触ってみましたが、痒いところに手が届く素晴らしいアプリでした。

惚れましたヽ(´ー`)ノ

何が便利なのか?

とりあえずざーっと列挙してみます。

  • フォントをBlogと一緒にできる(当たり前っちゃ当たり前ですけど…)
  • プレビューを見ながら記事が書ける(リアルタイムにプレビューが変わります)
  • 幅が固定できる(自分のBlogの幅にしておくとレイアウトも合わせやすい)
  • リッチモードじゃなくHTMLモードで編集できる(余計な整形が嫌なので…)
タグ: Blog, Bookmarklet, hiroスタイル, HTML, MarsEdit

Google Shared Itemsを一括出力する – FocusHtml

昨日テストエントリーしていた新作のBookmarklet「FocusHtml」ですが、早速公開しちゃいます。また「GStarHtml」の件数の指定がどうも面倒なので仕様を変更しました。

ふたつのBookmarkletに共通してるのは「Googleリーダー」から情報を一括取得する点。今回、一括取得の方法について検討した結果、件数を指定するよりも何時間前からの記事を取ってくるか指定する。その方がはるかに効率的ということが分かりました。

ということで「FocusHtml」の公開と合わせて「GStarHtml」も時間指定バージョンに変更してますのでご了承下さい。自分で言うのもあれですが、まじ便利です。

FocusHtml(Google共有からのサイト情報取得)

ご自身のGoogleリーダーのShared Itemsの中から指定時間前の記事を一括収集し、好みのHTMLに整形、出力します。出力形式は、PC版で1つ、Textforceで3つ、するぷろで1つ作りました。書式のテンプレは外出しファイルにしており、Bookmarklet起動の都度、書式No.を選ぶようにしてます。

Bookmarklet内の設定項目

変数名 概要
cnt 何時間前からの記事を取ってくるか。初期値18時間前。
タグ: AppStore, Bookmarklet, Dapper, Googleリーダー, hiroスタイル, HTML, iTunes, Linkshare, Yahoo!Pipes