Skip to content

Instantly share code, notes, and snippets.

@fvh-P
Last active January 10, 2019 02:54
Show Gist options
  • Save fvh-P/3e1002bbe27f48afd0672265520cfc11 to your computer and use it in GitHub Desktop.
Save fvh-P/3e1002bbe27f48afd0672265520cfc11 to your computer and use it in GitHub Desktop.

THE NAMECARDM@STER (以下NCM) を利用するには、Twitterアカウントか任意のMastodonインスタンスのアカウントが必要です。必ず注意事項をよく読んで、これを守ってご利用ください。

トップページ

ncm_top とっても味気な~~~いトップページです。名刺を作成するには「Mastodonアカウントでログイン」「Twitterアカウントでログイン」のどちらかを選択しログインしてください。

Mastodonアカウントを使ってログインする場合は、ボタンを押した後のページでアカウントのフルネームを入力してください。 (私の例: f@imastodon.net) アカウント作成フォームを作ったりするのが面倒だったので、 ログインのためだけにSNSアカウント情報を使うようになっています。

マイページ

ncm_mypage ログインに成功するとマイページにアクセスできるようになります。 ページの下部には今まで作成した名刺が一覧で表示されます。灰色のボタンから名刺ページに飛ぶことができます。 「新しい名刺の作成>>」ボタンから名刺作成を行うことができます。

なお、マイページは自分以外のアカウントからは一切見られないようになっていますので、名刺を共有する際に間違ってマイページのURLを共有しないようにお気を付けください。

名刺作成

主に7つの項目に分けられます。最低限①と②だけあれば登録できます。名刺画像以外を入力して一旦登録し、発行されるQRコードを名刺に載せてからこっちにも登録すると良いと思います。 ncm_newcard_li

  1. 名刺を区別するためのタイトルです。名刺ページの先頭もに表示されます
  2. プロデューサー名です。ログインで使用したSNSアカウントと異なる名前でも構いませんが、必ず自分が使用しているP名を入力してください。
  3. 名刺画像です。2枚まで登録できます。アップロードできるのはJPG、PNG、GIFのいずれかです。容量がデカすぎる画像は弾きますが、画像サイズは長辺720pxになるようにこちらでリサイズします。
  4. 自己紹介文です。いまは何を入力してもプレーンテキストになりますが、近いうちにリンクを挿入できる仕組みを導入しようと思います。
  5. SNSアカウント名です。名刺ページではアカウントへのリンクとして表示されます。
  6. 合言葉です。「名刺IDを適当に掘ってきたやつには見られたくない!」という場合はここに合言葉を入力します。
  7. 担当アイドルの登録です。検索ボックスにアイドル名の一部または全部を正式表記またはひらがなで入力して「検索」をクリックしてください。該当するアイドルがズラっと出ますので登録したい名前をクリックしてください。

名刺ページ

ncm_mycard 名刺を作成するとこんな感じのページが出来上がります。 上の画像は自分の名刺を見た場合のものです。同僚の名刺ページでは、ページ上部の「編集」「削除」などは表示されず、代わりに**「受け取りリストに追加」**が表示されます。

QRコードは名刺作成者にのみ表示されます。QRコードは合言葉を含めた名刺のURLを表します。QRコードを読み取ってもらえば誰でもダイレクトにこのページにアクセスできます。

また、名刺ページはOGPに対応していますので、URLをTwitterやMastodonに投稿すると名刺画像が表示されます。 ncm_ogp

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment