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, 開発実績

執筆者:

関連記事

ラボで自分が作ったサービスをまとめてみました

サブドメイン(labs.creazy.net)で運用している自分用のラボサイトがあるのですが、トップページはPukiWikiで構築していたのがいつの間にかPHPのエラーが出て表示されない状態になってい …

やまざきメソッド ジェネレーターを作りました

先日、社内SNSの日報に一際目を引く所感が書かれていました。 それは、デザイナーやまざきさんの日報だったのですが、下記のようなものでした。 コレを見た自分は驚愕しました。 「超見やすいじゃん!」 コレ …

TwitPicのRSSを作成するためのYahoo!Pipesとブログパーツサンプル

恐らくTwitterに画像付きで投稿するサービスとして最も使われているTwitpicですが、日本語対応が甘いのか文字化けしたりして不満が多く上がっています。で、文字コードの処理の甘さも影響しているので …

livedoor ReaderからTwitterにURLをPOSTできるGreasemonkey「LDR2Twitter」

思いっきり既出っぽいネタなんですが、サクッと作ったグリモン公開します。 Livedoor Reader の各エントリーの下に「Tweet This」というボタンを表示させて、直接Twitterに見てい …

twitter用署名画像を自動生成する「twignature」

こんなん作ってみました。 twignature(トゥイグネチャー) / twitter用署名画像を自動生成するツール こんな画像が作れます。 数時間で作ったので穴だらけだと思います。 ちゃんとした解説 …

スポンサードリンク

スポンサードリンク