Usage Guide

ログインと初期設定の進め方

signin に統一された認証導線を前提に、利用開始からプロフィール初期設定までを説明します。

ログイン導線が分かる
認証コードでのログイン手順を理解できる
初回設定でどこまで済ませるべきか分かる

SECTION 1

ログイン画面から利用を始める

現行の認証導線は `/auth/signin` に統一されています。独立した signup ページはなく、ログイン開始画面がそのまま利用開始の入口です。

初回ユーザー向けの使い方ページでは、「登録」と「ログイン」を別の行為として切り分けすぎず、signin から始まる前提で説明するのが自然です。

  • まず `/auth/signin` を開く
  • メールアドレスを入力して認証に進む
  • 初回ユーザーも既存ユーザーも同じ入口を使う

ここに「ログイン画面全体」部分が映るスクショを貼り付け

実スクリーンショット取得後、この仮枠を差し替える

ここに「ログインフォーム周辺」部分が映るスクショを貼り付け

実スクリーンショット取得後、この仮枠を差し替える

SECTION 2

メール認証コードでログインする

ログインは、メールアドレスに届く6桁の認証コードを使って進めます。パスワード入力中心の説明ではなく、コード受信から入力までを軸に見せる構成にします。

  • メールアドレスを送信する
  • 受信した6桁コードを確認する
  • コード入力後に次の画面へ進む

ここに「認証コード送信後の画面」部分が映るスクショを貼り付け

実スクリーンショット取得後、この仮枠を差し替える

ここに「メール認証コードが届いたことを示す画面」部分が映るスクショを貼り付け

実スクリーンショット取得後、この仮枠を差し替える

SECTION 3

初回ログイン後に表示されるウェルカム画面

初回ログイン直後はウェルカム画面に進み、表示名など最低限のプロフィール情報を設定します。

ここを終えると通常のマイページ導線へ進めるため、初回導線の中では最も重要な画面のひとつです。

  • ウェルカム画面で表示名を登録する
  • 利用開始に必要な同意や案内を確認する
  • 完了後はマイページやダッシュボードへ進む

ここに「ウェルカム画面全体」部分が映るスクショを貼り付け

実スクリーンショット取得後、この仮枠を差し替える

ここに「表示名入力フォーム周辺」部分が映るスクショを貼り付け

実スクリーンショット取得後、この仮枠を差し替える

SECTION 4

プロフィールを整える

初回設定では、少なくとも表示名を整えておくと、コメント、フォロー、投稿時の見え方が分かりやすくなります。

執筆予定がある場合は、プロフィール画面まで進んで自己紹介やアイコンも早めに設定しておくと後工程が楽です。

  • プロフィール画面で公開される情報を確認する
  • 必要に応じて自己紹介や画像を設定する
  • 執筆する場合は公開時の見え方も意識する

ここに「プロフィール設定画面」部分が映るスクショを貼り付け

実スクリーンショット取得後、この仮枠を差し替える

ここに「プロフィール編集フォームの主要項目」部分が映るスクショを貼り付け

実スクリーンショット取得後、この仮枠を差し替える

SECTION 5

通知や表示設定を確認する

初回のうちに通知設定や表示設定を軽く確認しておくと、あとで不要な通知に困ったり、見づらい状態のまま使い続けたりしにくくなります。

このページでは深い設定変更手順までは扱わず、「どこに何があるか」を把握する程度に留めます。

  • 設定画面のメニュー構成を把握する
  • 通知設定と表示設定の入口だけ覚える
  • ログインできない時はメール受信状況を先に確認する

ここに「設定画面のサイドメニュー」部分が映るスクショを貼り付け

実スクリーンショット取得後、この仮枠を差し替える

ここに「通知設定または表示設定の入口」部分が映るスクショを貼り付け

実スクリーンショット取得後、この仮枠を差し替える