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

iPad雑記

[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, するぷろ

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

[share] 新作「FocusHtml」のテスト投稿です♪

次の新作Bookmarkletの名前は「FocusHtml」と言いますヽ(´ー`)ノ

「GShareHtml」って名前はちょっとイマイチだったのでこの名前にしました。
Googleメモ共有を指定件数だけ引っこ抜いてHTML整形して出力します。
ということで公開前のテスト投稿です。

テンプレ書式に「style type=”text/css”」って指定できるっぽい。
ということはCSSも含めて強制的に書式設定できるということか(゚Д゚ )
できあがったHTMLはちょっと冗長だけど他サイト依存は極力抑えられる…。

実は「GStarHtml」も「FocusHtml」も日数を指定するようにして
何日前までの記事を根こそぎ取ってくるか?という指定にしたいんです。
なかなか難しいっす(;^ω^)

タグ: Bookmarklet, Googleリーダー, hiroスタイル, HTML, Yahoo!Pipes

GStarHtmlに関する補足事項

今日は、GStarHtmlについて若干ですが補足をしておきます。

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

新しいBookmarkletの概要

このBookmarkletは、Googleリーダーにお気に入り登録(=スター登録)したアプリ情報を自分好みのHTMLに一括変換し、一発で出力するものです。前提条件として、ご自身のGoogleリーダーのスター記事を公開設定にしておく必要があります。

お気に入り登録している記事には様々な記事があると思いますが、本Bookmarkletは以下の記事だけを指定件数だけ取ってくる仕様にしています。

  • AppStore新着チェックの各種RSS(=私が元旦に公開したRSS)
  • AppShopperの各種RSS

今後、情報ソースが増やしていくことも可能です。iTunesリンクへ辿り着くRSSだったら、恐らく何でも可能ですので必要であれば、ご要望を下さい。

Googleスターの公開とIDの探し方

Googleスター記事を公開設定にするには「登録フィードの管理」→「フォルダとタグ」を選択し「非公開」になっている部分をクリックします。

タグ: AppStore, Bookmarklet, Dapper, Googleリーダー, hiroスタイル, HTML, iTunes, Linkshare, Yahoo!Pipes

各種Bookmarkletのまとめページを作りました♪

Bookmarkletをお使いの皆さま。

いつも使って下さってありがとうございますm(_ _)m
Bookmarklet関連をトップページのタブ「Bookmarklet」に集約しました。

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

更新内容

実は今回、全てのBookmarkletを作り直しています。変更点は以下の通り。

AppHtml(App情報取得)

  • プレビュー内のテキストエリアの幅を100%、文字を80%に変更
  • 書式NoをBookmarklet起動時に都度指定
  • 書式NoのデフォをBookmarklet内で指定
タグ: AppStore, Bookmarklet, Dapper, Flickr, Googleリーダー, hiroスタイル, HTML, iTunes, Linkshare, Yahoo!Pipes

iPhoneやiPadの新着・更新をRSSでチェックする

新年あけましておめでとうございます。今年も宜しくお願いします。

今日は、Yahoo! Pipes講座によって私自身、パワーアップしたこともあり、長らく放置してたAppStoreの新着をチェックするRSSフィードを全て作り直してましたヽ(´ー`)ノ

書式はAppHtmlと似ているのですが、できるだけRSSで読み流しができるように必要情報を上部に配置しました。又、スクショはサイズを小さめに設定。アイコンは75px、iPhoneのスクショは150px、iPadのスクショはiPhoneの1.4倍に設定しています。

以下、作ったフィードを一挙にご紹介!

注意点として、RSS登録時に名前が全て「AppStore新着チェック」になってしまうのですが、こればっかりはごめんなさい。ご自身で名称変更をお願いします m(_ _)m

iPhone新着リリース(全て/カテゴリ別)

タグ: FeedBurner, Googleリーダー, hiroスタイル, Yahoo!Pipes

DropboxやATOKと連携する軽快なメモアプリが登場 – Textforce 1.0(更にBookmarkletも作ってみた)

仕事が佳境でして今月のBlog更新は私の中で至上最悪になりそうです…。だがしかし、待ちに待った ytka さん最新作 Textforceが登場したんで、これだけは紹介せんと!

今回、ご紹介するTextforceなんですが、実は仕様面で開発に参加させて頂きました。私の想いを直球でぶつけてみました。受け入れて下さったytkaさんには感謝、感激です。

Textforce – Dropbox text editing 1.0(¥450)

iPhone、iPod touch および iPad 互換 iOS 3.1.3 以降が必要

タグ: AppStore, ATOK Pad, Bookmarklet, Dapper, Dropbox, Google, hiroスタイル, HTML, iTunes, Linkshare, Share, Textforce, Yahoo!Pipes, サムネイル画像

アプリ紹介とBlog紹介の自動HTML生成 – 派生まとめ

あー、本来のアプリ評価したい….。早くこの話題は一段落させないとです(;^ω^)

先日の「予告その1」の件。今日は、Bookmarkletのまとめエントリーっす。

アプリ紹介、サイト紹介の各Bookmarkletですが、これまではどちらかと言えば、カスタマイズすることを前提としたヘビーなバージョンをあえて公開してました。

一方、情報量の少ないバージョンも欲しいという声もチラホラ聞いてます。私が使うとしても、恐らくもうちょっと情報量が少ないのを使います。ということで、今日はいくつかのバリエーションをご紹介。もし使って下さる方がいらしたら、お好みでどうぞ♪

以下、Bookmarkletを紹介していきます。「そのまんま登録版」は、お気に入りにドラッグするだけ。「iPhone登録版」は、リンクをブックマークしてから中身を編集。アドレスの「javascript:〜」よりも前(http://iphone-diary.com/?まで)を削除して下さい。

iPhoneからのBookmarkletの登録の仕方はこちら。またしても生声。

AppHtmlに関しては、Linkshareをされてる場合にはBookmarkletの中身の「DMY」の記載部分をご自身のLinkshareサイトIDにすればURLが変わります。「DMY」のまんまにしておけば、AppStoreへの直リンクになります。

タグ: AppStore, Bookmarklet, Dapper, Google, hiroスタイル, HTML, iTunes, Linkshare, Share, Yahoo!Pipes, サムネイル画像