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

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

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

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

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

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

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

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

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

なしこさんがLinkshareのIDの探し方を紹介してくれてます。感謝ですm(_ _)m

ShareHtmlに関しては、選択文字の引用が出来るのはPC上での操作のみ。iPhoneでは選択文字の引用は出来ません。タップ操作の制約で今のBookmarkletでは出来ません…。

又、いずれのBookmarkletにも、DraftPad版を作りました。

DraftPadは、無料のiPhoneメモアプリ。Bookmarkletと連動してメモにHTMLを流し込んでくれます。iPhoneでBlog下書きをする場合にめっちゃ便利です!現時点では最強。

DraftPad 1.2.1 for iPhoneApp
カテゴリ: 仕事効率化 価格: 無料
更新:2010/08/01

前置きはこれくらいにして、早速バリエーションをご紹介します。


AppHtml スクショ+アイコン付のサンプル

これまで公開していたフルバージョン。スクショ+アイコン付です。

デコメリー☆ 1.1(無料) for iPhone

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

デコメリー☆ 1.1
カテゴリ: ユーティリティ
価格: 無料 App
更新:2010/09/08

imagesimages


AppHtml 大アイコン付のサンプル

スクショ無しで、アイコンを比較的大きくしたバージョンです。

デコメリー☆ 1.1App
iPhone、iPod touch および iPad 互換 iOS 3.1.3 以降が必要
カテゴリ: ユーティリティ 価格: 無料
更新:2010/09/08

AppHtml 小アイコン付のサンプル

スクショ無しで、アイコンを比較的小さくしたバージョンです。

デコメリー☆ 1.1 for iPhoneApp
カテゴリ: ユーティリティ 価格: 無料
更新:2010/09/08

AppHtml リンクのみのサンプル

スクショ無しで、アイコン無しでリンクのみを表示するバージョンです。


ShareHtml Tableタグ+サムネイル右のサンプル

Tableタグを使ってサイムネイルを右に配置したバージョンです。

[チラ裏] Bookmarkletを公開した理由と予告 | 普通のサラリーマンのiPhone日記
これまで公開してきたBookmarkletは、わざと情報量をヘビーにしています。理由は、カスタマイズしたいと思った方にとっては情報を減らす方が楽だと思ったから。ということで次回はライトなものも含め、いくつかのバリエーションを公開したいと思います。

こちらは、Tableタグを使ってサムネイルを右に配置したバージョン。左側の文章に依存してサムネイルの位置が固定しないところが美しくない。


ShareHtml Tableタグ+サムネイル左のサンプル

Tableタグを使ってサイムネイルを左に配置したバージョンです。

[チラ裏] Bookmarkletを公開した理由と予告 | 普通のサラリーマンのiPhone日記
これまで公開してきたBookmarkletは、わざと情報量をヘビーにしています。理由は、カスタマイズしたいと思った方にとっては情報を減らす方が楽だと思ったから。ということで次回はライトなものも含め、いくつかのバリエーションを公開したいと思います。

同じくTableタグを使ったバージョン。これはサムネイルを左に固定しているので文章がどうあろうとズレ無いのが良い点。


ShareHtml サムネイル左の文字回り込みのサンプル

Tableタグを使わず、サイムネイルを左にして文字を回り込ませるバージョンです。

[チラ裏] Bookmarkletを公開した理由と予告 | 普通のサラリーマンのiPhone日記
これまで公開してきたBookmarkletは、わざと情報量をヘビーにしています。理由は、カスタマイズしたいと思った方にとっては情報を減らす方が楽だと思ったから。ということで次回はライトなものも含め、いくつかのバリエーションを公開したいと思います。

Tableタグを使わずにサムネイルを左に配置して文章を回り込ませたタイプ。Tableタグが嫌いなひと向け。



ShareHtml リンクのみのサンプル

サイムネイル無しで、リンクのみを表示するバージョンです。

[チラ裏] Bookmarkletを公開した理由と予告 | 普通のサラリーマンのiPhone日記
これまで公開してきたBookmarkletは、わざと情報量をヘビーにしています。理由は、カスタマイズしたいと思った方にとっては情報を減らす方が楽だと思ったから。ということで次回はライトなものも含め、いくつかのバリエーションを公開したいと思います。

サムネイル無しでシンプルにリンク先を紹介したい場合に使う。


以上です!

もしご自身でHTMLをカスタマイズされたいという方がいらしたら、以下のエントリーを参考にして挑戦して頂ければ幸いです。HTMLを作る際の予約語だけ列挙しときます。

AppHtmlの予約語

以前より増えてます。

  • ${iconurl}(アプリアイコンの画像リンク)
  • ${appname}(アプリ名)
  • ${version}(アプリのバージョン)
  • ${seller}(開発元)
  • ${price}(価格)
  • ${category}(カテゴリ名)
  • ${title}(「アプリ名 バージョン (価格) for(対応OS)」の書式)
  • ${url}(アフィリエイトの無い純粋なアプリリンク)
  • ${linkshareurl}(リンクシェアを噛ましたアプリリンク)
  • ${linkname}(「アプリ名 – 開発元」の書式)
  • ${pubdate}(更新日)
  • ${moveos}(対応してるOSやハードの条件)
  • ${os}(iPhoneで使えるなら「iPhone」iPadのみなら「iPad」)
  • ${image1}(スクショ1のimageタグ全部、縦横大きさ自動判定)
  • ${image2}(スクショ2のimageタグ全部、縦横大きさ自動判定)
  • ${image3}(スクショ3のimageタグ全部、縦横大きさ自動判定)
  • ${image4}(スクショ4のimageタグ全部、縦横大きさ自動判定)
  • ${image5}(スクショ5のimageタグ全部、縦横大きさ自動判定)
  • ${desc}(アプリ説明文)
  • ${newdesc}(アップデート分のアプリ説明文)

ShareHtmlの予約語

初公開です。

  • ${posturl}(エントリーのURL)
  • ${posttitle}(エントリーのタイトル+サイト名)
  • ${postselect}(選択された文字)
  • ${memo}(ダイアログで入力したメモ)

尚、先日「予告その2」にてご紹介した「Textforce」というアプリが登場したら、このアプリ用のBookmarkletも別途、公開したいと思います。

皆様のiPhone生活、Blog生活が少しでも楽しくなりますように♪

-

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

Similar Posts:

47 Comments

  1. [...] This post was Twitted by yamaq2 [...]

  2. [...] This post was Twitted by trigger0912 [...]

  3. [...] 関する、はてなブックマーク新着情報です。 アプリ紹介とBlog紹介の自動HTML生成 – 派生まとめ | 普通のサラリーマンのiPhone日記 [...]

  4. [...] アプリ紹介とBlog紹介の自動HTML生成 – 派生まとめ | 普通のサラリーマンのiPhone日記 [...]

  5. [...] Turn it on in Settings › Safari to view this website. アプリ紹介とBlog紹介の自動HTML生成 – 派生まとめ | 普通のサラリーマンのiPhone日記 10月 10th, 2010 @ 06:36 pm › admin アプリ紹介とBl [...]

  6. [...] |ホットココア社長日記 @egachanアプリ紹介とBlog紹介の自動HTML生成 ? 派生まとめ | 普通のサラリーマンのiP… iPhone / iPod touch / iPad 4.1 & 3.2.2対応脱獄ツール “Limera1n” | Tools 4 [...]

  7. [...] アプリ紹介とBlog紹介の自動HTML生成 – 派生まとめ | 普通のサラリーマンのiPhone日記 [...]

  8. [...] ◆ 普通のサラリーマンのiPhone日記 アプリ紹介とBlog紹介の自動HTML生成 – 派生まとめ [...]

  9. [...] アプリ紹介とBlog紹介の自動HTML生成 – 派生まとめ | 普通のサラリーマンの… [...]

  10. [...] アプリ紹介とBlog紹介の自動HTML生成 – 派生まとめ | 普通のサラリーマンのiPhone日記 ちなみに上のiTunesリンクは僕のお気に入りのこちらのブログでブックマークレットが紹介されてます [...]

  11. [...] 設定が少し必要ですので、体調が回復したら試してみようと思います。 それ迄は、@matsubiz さんに作っていただいたこちらを使いましょう! 鈍がめ備忘録:FlickrからDraftPadへ画像リンクを送る 参考:アプリ紹介とBlog紹介の自動HTML生成 – 派生まとめ普通のサラリーマンのiPhone日記 [...]

  12. [...] Similar Posts: アプリ紹介とBlog紹介の自動HTML生成 – 派生まとめ [...]

  13. [...] 本当に使い易いアプリです。ATOKPadを持っていて、ブックマークレットに興味があるなら、使っていただきたいですね! 参考サイト: Textforce用リンク作成ブックマークレットを紹介 DraftPad・その他用リンク作成ブックマークレットを紹介 [...]

  14. [...] リンク作成参考サイト: Textforce用リンク作成ブックマークレットを紹介 DraftPad・その他用リンク作成ブックマークレットを紹介 [...]

  15. [...] らご覧になれます! ・アプリ紹介とBlog紹介の自動HTML生成 – 派生まとめ | 普通のサラリーマンのiPhone日記 [...]

  16. [...] みもできない。 ハイパーリンクの入れ方は、リンクにするテキストとページURLを別々に入れるので、いま流行りの(流行りじゃない、定番だ) phiro45jp 作ブックマークレットは使えない。 [...]

  17. [...] アプリ紹介とBlog紹介の自動HTML生成 – 派生まとめ | 普通のサラリーマンの… [...]

  18. [...] アプリ紹介とBlog紹介の自動HTML生成 – 派生まとめ | 普通のサラリーマンの… [...]

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

  20. [...] アプリ紹介とBlog紹介の自動HTML生成 – 派生まとめ | 普通のサラリーマンの… [...]

  21. hahnon288日記 より:

    [...] アプリ紹介とBlog紹介の自動HTML生成 – 派生まとめ | 普通のサラリーマンの… [...]

  22. [...] @hiro45jpさんのAppHTMLとShareHTMLはブロガーにとってもはやなくてはならないBookmarkletだと思いますが、この2つがTextforceと連携しています。 アプリ紹介とBlog紹介の自動HTML生成 ? 派生まとめ | 普通のサラリーマンのiP… [...]

  23. [...] マネージャー 1.3.7 for iPhone カテゴリ: 写真 価格: ¥350 更新: 2010/11/08 アプリ紹介とBlog紹介の自動HTML生成 – 派生まとめ | 普通のサラリーマンの… [...]

  24. [...] hiro45jpさんとはあの有名なブックマークレットのことで、 自分がなかなか思うようなカスタマイズができず、四苦八苦していたところ、mentionを飛ばしてくれて、 「さけつさんの作りま [...]

  25. [...] アプリ紹介とBlog紹介の自動HTML生成 – 派生まとめ | 普通のサラリーマンの… あー、本来のアプリ評価したい….。早くこの話題は一段落させないとです(;^ω^)先日の「予告その1」の件。今日は、Bookmarkletのまとめエントリーっす。アプリ紹介、サイト紹介の各Bookmarkletですが、これまではどちらかと言えば、カスタマイズすることを前提としたヘビーなバージョンをあえて公開してました。一方、情報量の少ないバージョンも欲しいという声もチラホラ聞いてます。私が使うとしても、恐らくもうちょっと情報量が少ないのを使います。ということで、今日はいくつかのバリエーションをご紹介。もし使って下さる方がいらしたら、お好みでどうぞ♪ [...]

  26. [...] 今回の運用をする上での1番大きなポイントです。 アプリ紹介とBlog紹介の自動HTML生成 – 派生まとめ | 普通のサラリーマンの… [...]

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

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

  29. [...] を使って作ってます。 文章の最後のアプリ紹介もここのブックマークレット使ってます。便利すぎ。 アプリ紹介とBlog紹介の自動HTML生成 – 派生まとめ | 普通のサラリーマンのiPhone日記 [...]

  30. [...] – AppHtmlのBookmarklet 4.0 [url href="http://iphone-diary.com/?p=8912"/url アプリ紹介とBlog紹介の自動HTML生成 – 派生まとめ [url href="http://iphone-diary.com/?p=7810"/url [...]

  31. [...] [謝辞]@hiro45jpさんの「Share HTML Table」を活用させていただきました。まとめつくるのに便利!ありがとうございます。 [...]

  32. [...] アプリ紹介とBlog紹介の自動HTML生成 – 派生まとめ | 普通のサラリーマンのiPhone日記 [...]

  33. [...]   参考サイト: Textforce用リンク作成ブックマークレットを紹介 DraftPad・その他用リンク作成ブックマークレットを紹介 [...]

  34. Linfo より:

    [...] javascript:(function(){var%20t=prompt(‘Input%20Comment.’,”);var%20d=document,p=’http://pipes.yahoo.com/hiro45jp/sharehtmlb’,w=window,s=d.createElement(‘script’);s.charset=’utf-8′;s.src=p+’?_render=json&_callback=result&posturl=’+location.href+’&posttitle=’+encodeURIComponent(document.title)+’&postselect=’+encodeURIComponent(getSelection().toString())+’&memo=’+encodeURIComponent(t);w.result=function(j){if(j.value.items.length){window.location=’draftpad:///insert?after=’+encodeURIComponent(j.value.items[0].description);}};d.body.appendChild(s);})(); アプリ紹介とBlog紹介の自動HTML生成 – 派生まとめ | 普通のサラリーマンの… [...]

  35. AtUp inc, より:

    こんにちは。AtUp、Incの田中と申します。
    この度、携帯アプリを作りましたのでどのようにしたら紹介していただけるか詳しいことが知りたくてご連絡差し上げています。

    このアプリは、二人で決めた共通のパスワードでログインし、言葉や画像のやり取りをする、
    たった二人だけの交換日記のようなアプリです。
    URLはhttp://byyubyme.com/です。

    ご返信お待ちしています。よろしくお願いします。

    田中

  36. hiro45jp より:

    田中さま

    返信遅れてしまいすみません。
    アプリをまずは触ってみたいと思います。
    少々お待ちを。

  37. [...] まあ、コピーしてアプリを立ち上げて貼付ける手間ぐらいは省略出来ると思います。 参考サイト: Textforce用リンク作成ブックマークレットを紹介 DraftPad・その他用リンク作成ブックマークレットを紹介 [...]

  38. [...] AppHtml(iOSアプリ紹介のHTMLタグを出力する) [...]

  39. [...] アプリ紹介とBlog紹介の自動HTML生成 – 派生まとめ | 普通のサラリーマンの… [...]

  40. [...] TextExpanderの使い方はこちらの記事が最もわかりやすい。 TextExpanderへの単語一括取込と他アプリ連携 | 普通のサラリーマンのiPhone日記 ブックマークレットも使用できる。 設定も @hiro45jp さんのこちらの記事から。 アプリ紹介とBlog紹介の自動HTML生成 – 派生まとめ | 普通のサラリーマンの… [...]

  41. [...] – 派生まとめ | 普通のサラリーマンのiPhone日記アンテナ アプリ紹介とBlog紹介の自動HTML生成 – 派生まとめ | 普通のサラリーマンの…   var hatena_bookmark_anywhere_limit = 100;var hatena_bookmark_anywhere_style = true;var [...]

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

  43. [...] どちらもTextforceに対応していますが、地下鉄通勤中にブログの下書きをすることが多いボクは、通常版も併用して電波が届いている間にブログに載せたい情報をPastebotにコピーしておきます。 アプリ紹介とBlog紹介の自動HTML生成 ? 派生まとめ | 普通のサラリーマンのiP… [...]

コメントをどうぞ

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>