開発者の方へ
APP NAVI は、個人・小規模チームのアプリを紹介する場所です。掲載は無料です。
01
掲載申請
アプリ名・公式URL・料金・対応環境を送ると、編集部が公式情報を確認して掲載します。下のフォームから申請できます。
02
開発者プロフィール
公開アプリの一覧と、受託開発を受けるかどうか（本人の申告）を載せたページを作ります。申請内容を編集部が確認すると公開されます。
03
バッジを貼る
自分のサイトにバッジを貼ると、あなたのアプリの掲載ページにリンクします。下のコードをそのまま使えます。
掲載を申請する
編集部が公式情報を確認してから掲載します。確認には日数がかかることがあります。
バッジ埋め込みコード
あなたのサイトにこのバッジを貼ると、クリックした人がAPP NAVIのあなたのアプリのページに来られます。貼るのは次の5ステップだけです。
- アプリ一覧で、あなたのアプリを探して、掲載ページを開きます（まだ載っていないときは、先にこのページ上のフォームから申請してください）。
- 開いたページのアドレス欄を見ます。末尾が
/apps/〇〇〇/になっています。この〇〇〇がslug（スラッグ）、つまりアプリごとのページ名です。
例：Excalidraw のアドレスはhttps://appnavi.dev/ja/apps/excalidraw/なので、slug はexcalidrawです。 - 下のコードの
YOUR-SLUGを、そのslugに書き換えます（半角の英数字とハイフンだけ。前後のスペースや「/」は入れません）。
例：…/apps/excalidraw/のようにします。 - 書き換えたコードを、あなたのサイトのHTMLの、バッジを出したい場所に貼り付けます。WordPressなら「カスタムHTML」ブロックに貼ります。
- 貼ったページを開いてバッジが出ること、クリックしてあなたのアプリのページが開くことを確かめます。
<a href="https://appnavi.dev/ja/apps/YOUR-SLUG/"><img src="https://appnavi.dev/badge/ja-light.svg" alt="APP NAVI" width="190" height="44"></a>- 暗い背景のサイトでは、コードの
lightをdarkに書き換えると、暗い背景用のバッジになります。 - 英語のサイトに貼るときは、
/ja/を/en/に、ja-lightをen-lightに書き換えると、英語版になります。 - バッジの画像は appnavi.dev から読み込まれます。画像はダウンロードして置き換えなくて大丈夫です。