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 のHD動画を色/サイズをカスタマイズした上でembedできるブックマークレット)

少し前にdrikinさんが作られたYoutubeのHD動画をembedするブックマークレットを紹介しました。 で、モダシンさんからHD動画がなかったらSD動画のembed出してほしいとか、いしたにさん …

「GYM Ranking」Google, Yahoo!, MSN Live Search の検索結果を総合評価するSEOツール

SEOに使える新しいマッシュアップサービスを公開します。 ・GYM Ranking : Google, Yahoo!, MSN Live Search の検索結果を総合評価 前に公開したGYM Sea …

Ust DL Facebookページ版2万DL超え&TOP10はももクロだらけ

・Ust DL 公式ページ | Ustreamの録画から動画をダウンロード [C!] Ustreamの録画をダウンロードできる「Ust DL」ですが、現在Bookmarklet版とUserScript …

余計なトラッキング用パラメーターを取り除くUserScript

前に、FeedBurnerのトラッキング用パラメーターを取り除くUserScriptというのを作ったんですけど、これはFeedBurnerだけをターゲットにスクリプト書いてたので、もうちょっと汎用的に …

no image

はてブ200users超え!やまざきメソッドの反響多数頂きました

先日ほってんとり入りした「やまざきメソッド ジェネレーター」ですが、夏休み(前半)を過ごしているうちにたくさんのはてなブックマークとブログでのご紹介を頂いていました。はてブ数もさることながらやっぱりブ …

スポンサードリンク

スポンサードリンク