Androidアプリをブログで紹介する時に便利なブックマークレット

Check

スポンサードリンク

先日、Androidのブログ投稿アプリを紹介しましたが、その際に使ったのが、AndroidHtmlというブックマークレットです。

これ、Hatena::Letというサービスで公開されているものですが、それを改良して使っても良い(いわゆるFork)ので、僕もちょこちょこいじって作ってみました。

で、実際に作ったのがこれ

ブックマークレットの使い方は簡単で、Google playのAndroidアプリ個別ページにて、ブックマークレットをクリックするだけです。すると、promptでHTMLソースが表示されるのでそれをコピーします。

試しにやってみると以下のようになります。

パワフルプロ野球TOUCH2012
株式会社コナミデジタルエンタテインメント
価格:undefined 平均評価:3.1(289)


価格のundefinedがあれですが、気が向いたら修正するかもしれません。

ちなみに、元は出力されるHTMLにスタイルが直接書きこまれていましたが、直接書きこむのは好きじゃないので、適当にクラスを振って外部スタイルシートで指定しています。

指定したスタイルは以下のような感じです。

.androidapp img {
float: left;
margin: 0 5px 0 0;
}
.androidapp:after {
content: "."; /* 新しい要素を作る */
display: block; /* ブロックレベル要素に */
clear: both;
height: 0;
visibility: hidden;
}
.androidapp {
min-height: 1px;
}
* html .androidapp {
height: 1px; /*¥*//*/ height: auto; overflow: hidden; /**/
}

画像を回り込ませて、回りこみ解除でおなじみのclearfix。これで、冒頭で紹介したような紹介記事が簡単に作れるかと思います。

編集後記

Javascriptがいじるようになってから、少し世界が広がった。

【PR】

Check

スポンサードリンク

posted by たむ/ 2012年4月 2日 00:59/edit

"Androidアプリをブログで紹介する時に便利なブックマークレット"の情報

タグ
Android(12) , Google(12) , HTML(5) , アプリ(5) , ブログ(10)
このページのURL
TrackBack

コメントを投稿

送信(コメントが投稿されるまで時間がかかる場合があります。)

ピックアップ!

買い物の足しにでも
楽天モニター登録で50ポイント

カテゴリー

最新記事

サイト内検索

リンクについて

当サイトはリンクフリーです。ご自由にリンクしていただいてかまいません。

過去ログ

運営サイト

ブログパーツ

あわせて読みたいブログパーツ

なかのひと *

  • track feed
ブログ広告ならブログ広告.com

ブログタイムズ

**