ITエンジニア/デザイナ向けにオープンソースを毎日紹介

iOSではアプリ間で連携する際に専用のURLスキーマを使います。それによりWebブラウザでリンクをクリックした時に電話をかけたり、SMSを送信する、さらには他のアプリを起動できるようになっています。

しかし専用だけあってURLをデスクトップ/スマートフォンで切り替えるのは面倒です。そこで使ってみたいのがSwitcherです。

Switcherの使い方

HTMLで記述する内容は次の通りです。通常のリンクのままです。

<div class="social-by-url">
  <a href="http://twitter.com/ryanscherf">Twitter</a>
  <a href="http://instagram.com/ryanscherf">Instagram</a>
  <a href="http://facebook.com/ryanscherf">Facebook</a>
  <a href="http://quirky.com/ryanscherf">Quirky</a>
  <a href="http://mycustomapp.com/ryanscherf">Custom App</a>
</div>

<div class="social-by-data">
  <a href="http://twitter.com/ryanscherf" data-username="ryanscherf">Twitter</a>
  <a href="http://instagram.com/ryanscherf" data-username="ryanscherf">Instagram</a>
  <a href="http://facebook.com/ryanscherf" data-username="ryanscherf">Facebook</a>
  <a href="http://quirky.com/ryanscherf" data-username="ryanscherf">Quirky</a>
  <a href="http://linkedin.com/ryanscherf" data-username="10998304">LinkedIn</a>
  <a href="http://ryan.sc" data-username="nothing">No app installed</a>
</div>

これがSwitcherを通すことで、 twitter://user?screen_name=ryanscherf のようなリンクに書き換わる仕組みです。Twitter/Instagram/Facebook/Quirky/LinkedInに対して使えるようになっていますので、同様の仕組みを使って他のアプリに対応させるのはさほど難しくないでしょう。

ただし該当アプリが入っていない場合はリンクが開かない状態になってしまいます。そこでSwitcherではアプリが開かない場合は通常のリンクとして展開するようになっています。

SwitcherはjQuery/JavaScript製のオープンソース・ソフトウェア(MIT License)です。

rscherf/Switcher

 

MOONGIFTの関連記事

コメント

  • DevRel
  • Com2