Creazy!

WEBエンジニア・ヤガーのテック・ガジェットブログ

Bookmarklet 開発実績

表と裏、2回撮影して1枚の写真にするiPhoneアプリ「Frontback」とEmbed用ブックマークレット自作

投稿日:


2014-02-20_frontback_00
いつもよく見ているブロガーさんたちの間で昨年末あたりから流行の兆しがあったものの、フロントカメラを使うということで自撮り(海外ではセルフィー selfie)に抵抗のある自分としてはスルーかなと思ってたんですが、
2013年私的ベストアプリは「Frontback」これはあたらしい写真のフォーマットの発明です:[mi]みたいもん!
[N] 2枚撮影して1枚にするiPhoneカメラアプリ「Frontback」ちょっとした使い方を聞いたら楽しくなってきた!高まってきた!!
Frontbackを楽しむための7つの定番構図 | Lifehacking.jp
記事を見ているといろんな使い方があるということが分かりちょっと使い始めています。
Frontback – You, and what you see.
WEBでの閲覧ではプロフィール画面が見れなかったり発展途上感はあるのですが、なんだか可能性を感じる部分もあるのでちょっと使い続けてみようかなと思っています。
んで、やっぱりこういうアプリを見つけると紹介するときとか含め、ブログに写真を貼りやすくしたいんです。そもそもPCからのアクセスがそれほど充実していないのでEmbed機能など提供されていないのですが、またもや無理くりEmbedコードを取得するブックマークレットを作成しました。
ブックマークレットはJavaScriptで書かれた機能をブックマークに保存して、いつでも実行できるようにする方法です。
・上記「Frontback Embed」のリンクをドラッグ&ドロップでブックマークバーに置くか、
・上記「Frontback Embed」のリンクを右クリック「このリンクをブックマーク」などで
登録してください。

使い方

2014-02-20_frontback_01
PCから写真の閲覧ページに行きます。
ここで、ブックマークレットを実行!
2014-02-20_frontback_02
リンク付きの画像タグがダイアログに表示されますのでそのままコピーすればOK

表示

At つけ麺屋 やすべえ 渋谷店 in 渋谷区.
幼稚園の音楽発表会。隣のプロ用と自分のアマ用。.
会社でアカン色のバレンタインクッキーもらったら案の定....
そのままでは横640pxなのでブログに表示する場合はちょっと大きいかなと思います。
aタグに「frontback_embed」というclassをつけているのでCSSなどでstyleを指定すればよいかと。

.frontback_embed img {
width: 320px;
}

本来は ♥ ボタンとかlike数とかも表示されると良いんだけど、そのへんは公式に期待ですね〜。

-Bookmarklet, 開発実績

執筆者:

関連記事

「YouTube Perfect Embed」YouTubeの貼り付け用コードをXHTML Validでサムネイル付きにするブックマークレット

今日は、YouTubeのダウンロード・・・ではなく、外部ブログなどに貼り付けるためのembedタグを綺麗なコードで出力するためのブックマークレットを紹介します。Perfectっていうのはちょっと大げさ …

ドコモ携帯電話でTumblrのDashboardが見れる「mblr(モブラー)」をPHPで書いた

ボクは通勤時間が1時間ちょいはかかるので、もっぱらモバツイとかでTwitterを見てヒマをつぶすんですが、前からTumblrも見たいなーと思っていたんです。で、ガラパゴスケータイであるドコモユーザーと …

AmaQuick v2.0.2公開(表示不具合対応)

ブロガー・アフィリエイター必須のAmazonアソシエイト補助ツール「AmaQuick」の不具合修正対応を行いました。 インストールはChromeウェブストアから拡張機能を追加してください。 Chrom …

Ust DL v2.2.0 (新デザイン対応)

9月にUstreamの新デザインが適用されたようで、新デザインの録画URLではUst DLが正常に動いていないようでした(古いIDなど旧デザインで表示されるページは問題なし)。これに対応する形で、バー …

検索エンジン3社が開始した、rel=canonicalの使い方

Google、Yahoo!、Live(Microsoft)の3社が「ページの正当なURL」を定義するための方法を導入する事になったようです。 headタグの中にrel=”canonical …

スポンサードリンク

スポンサードリンク