作りたい作りたいと思っていた iPhone / iPad のアプリをようやく作ることができました。その名は CodeCapture。

タイトルにも書いたように動画や画像の埋め込みコードを一瞬で取得するためのアプリです。

今日は自分で作った初めてのアプリ、CodeCapture の紹介をさせていただきます。

作ろうと思った経緯

App Store にも書いたんですが、常時SSL化しているWebサイトが増え、ブックマークレットでの埋め込みコードの取得が iPhone / iPadではしにくくなってきています。

わざわざ SSL対応していないWebサイトに移動してブックマークレットを使うこと自体が面倒だなと感じるようになっていました。

そこで、モブログでのストレスを軽減しつつさらに快適にしたいと考えて作ったのが、この CodeCapture です。ではこのアプリで何ができるのか、機能を一覧にしてみました。

機能一覧

CodeCapture でできることは

• 対応サービスの埋め込みコード取得（許可されているものに限る）
• 埋め込みコードのテンプレート
• 取得した埋め込みコードのコピー
• 共有機能を利用した他アプリへのデータ送信
• カスタムURLスキームによる外部アプリへのデータ送信
• URLスキーム
• ユニバーサル対応

というように動画や画像サービスとエディタの間に入ってモブログを支援する作りになっています。

URLスキームは codecapture:// でアプリの起動、codecapture://search?url= で url= の後に埋め込みたい動画や画像のURLをつけると自動的に検索バーにURLが入力された状態で起動するようになっています。

連携する外部アプリとして登録してあるのは

• SLPRO X
• PressSync
• AmeEditor for WordPress
• Textwell

の4つ。もちろん普段お使いのアプリを登録することも可能です。

対応サービス

対応サービスは今のところ

• Instagram
• SlideShare
• Twitter
• Youtube
• Vimeo

の5つ。今後、アップデートで増やしていこうと思っています。

おわび

バージョン1.0では取得した埋め込みコードに改行が含まれていて SLPRO X に送ったときにHTMLの埋め込みがうまくできないことが判明しています。

現在、この問題を修正したバージョン1.0.1を申請中ですので、SLPRO X をお使いの方はご注意ください。

具体的な使い方

それでは具体的な使い方をご紹介します。

1. 埋め込みたい動画や画像のURLをコピー
2. CodeCapture を起動して、URLを検索バーに貼りつけ
   
3. キーボードの検索ボタンをタップ

たったこれだけで

動画や画像の埋め込みコードと動画のサムネイル、その両方を1度に取得することができます。

あとは使いたいコードをタップするだけ。

コピーしたり、

普段使っているエディタアプリに送ったりすることができます。

ブックマークレットだと埋め込みコードやサムネイル、エディタアプリごとに作らないといけなくて数が増えて管理が大変でしたが、CodeCapture ならいつでも送り先のアプリを選ぶことができるので、そんなことを考える必要もありません。

またよく使うアプリが決まっているのであれば、設定画面でアプリを選択しておいて、取得したコードを長押しすると、直接そのアプリにコードを送ることもできます！

ご意見・ご感想・ご要望、お待ちしています！

というように、モブログを6年くらいやってきて、いい解決方法がないかと考えて作った CodeCapture ですが、実際自分だけが使うのとみなさんに使っていただくのでは使い方のイメージが異なることもあると思います。

使ってみてのご意見やご感想、もっとこうなったらいいのに…というご要望があれば、App Store のレビューではなく Twitter @feelingplace までいただけると助かります。

今日は、@feelingplace初の iPhone / iPad アプリ、CodeCapture のご紹介でした！

あー、久しぶりにブログ書いて緊張した…

謝辞

アプリの開発に際してご助言いただいた皆様、またアプリのテストにご協力いただいた皆様に、この場を借りてお礼申し上げます。

Posted from PressSync Pro – WordPress Blogging App – Hiroaki Hayase on iPhone.