PopClipの検索エクステンションを作る方法

よく使うサービス向けのPopClipのエクステンションを作ったら、いろいろ捗るから皆さんも作ってみようというお話。

参考

PopClipの販売元、Pilotmoon社による公式ドキュメントを参考にしました。

必要なファイル

エクステンションを作るのに必要なファイルを作っていきましょう。

1. Config.plist(必須)

Config.plistはエクステンションのメイン部分です。動作とかエクステンションの情報とかを書きます。

Config.plist - Kakaku

上の画像は、先日作った価格.comを検索するエクステンションのConfig.plistの中身。これをちょっと書き換えれば、他のサービス検索にも転用できます。

Config.plist templete

上のような雛形を作ったので、ダウンロードして、日本語部分をその説明に沿って編集していきます。

検索URLスキームって何?という方は、iPhoneアプリによくある検索アプリ(Quicka2検索ハブSeeq等々)の使い方の説明をしているサイトを見て頂ければ。一応、一つ参考を。

2. アイコン画像(オプション)

ポップアップと設定画面に表示されます。アイコンを設定する場合には、以下の条件を満たす画像を用意します。

  • PNG形式の画像であること
  • スクエア(縦横比 1:1)であること
  • 黒単色で塗りつぶされた絵柄であること
  • 透過背景であること
  • 解像度が最低でも256x256pxであること

また、アイコンを設定しない場合には、エクステンションのタイトルがテキストで表示されるようになっています。

パッケージ化する

必要なファイルが用意できたら、インストール可能な形式にパッケージ化します。

まずは、新しくフォルダを作成します。フォルダ名はエクステンションの名前がいいでしょうか。

その中に、用意しておいたConfig.plistとPNG画像(オプション)を移動します。

Inside the folder

↑フォルダ内容のイメージ。

次は、このフォルダの名前を変更します。フォルダ名の末尾に「.popclipext」と追加しましょう。

Rename the folder

↑ どうでしょう、こんなアイコンになりましたか?

今度は、このファイルを「右クリック > 圧縮」でZIPファイルに圧縮します。

そして最後に、ZIPファイルの拡張子を変更します。末尾の「.zip」となっている部分を、「.popclipextz」と変更しましょう。拡張子変更しちゃうけどOK?という旨のアラートが出るかもしれないですが、OKをクリックします。すると・・

All done

完成!

このファイルを開くとPopClipにインストールが出来ますが、それと同時にこのファイルは自動で削除される仕様になっています。取っておきたい場合には、コピーを作成しておきましょう。

kosk

へっぽこ