Usage Guide

記事ページの見方

記事詳細画面で確認できる情報と、ポーカー特化UIを含む各要素の見方を説明します。

記事ページで何を見ればよいか分かる
レンジやポーカーテーブルの意味をつかめる
コメントやフォローなど次の行動につなげられる

SECTION 1

記事ページで確認できる情報

記事ページには、タイトル、執筆者、タグ、本文、埋め込みコンテンツ、コメントなど、読むために必要な情報がまとまっています。

最初はページ全体の構成を把握してから、気になる要素を個別に見るのが分かりやすい進め方です。

  • ヘッダーで記事の基本情報を見る
  • 本文エリアで内容を読む
  • 下部や周辺でコメントや執筆者情報を見る

ここに「記事詳細ページ全体」部分が映るスクショを貼り付け

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

ここに「記事ページの主要ブロックが分かる画面」部分が映るスクショを貼り付け

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

SECTION 2

タイトル、執筆者、タグの見方

タイトルや説明文だけでなく、執筆者情報やタグを見ることで、その記事がどの文脈の内容かを素早く判断できます。

  • 執筆者名からプロフィールページへ移動できることを確認する
  • タグから関連するテーマの記事へ広げる
  • 必要ならフォロー導線もここで確認する

ここに「記事ヘッダー部分」部分が映るスクショを貼り付け

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

ここに「執筆者情報とタグ周辺」部分が映るスクショを貼り付け

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

SECTION 3

本文と公開範囲の見方

本文エリアでは、テキストだけでなく画像や埋め込み要素も一緒に読んでいきます。公開範囲の境界がある場合も、まずは全体の流れの中でどこに区切りがあるかを見ると把握しやすくなります。

  • 本文の流れと見出し構造を確認する
  • 公開範囲の区切りがどこにあるかを見る
  • 詳細な購入説明ではなく、画面上の意味理解に集中する

ここに「本文エリア全体」部分が映るスクショを貼り付け

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

ここに「公開範囲の区切りが分かる部分」部分が映るスクショを貼り付け

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

SECTION 4

レンジ・ポーカーテーブルの見方

このサービスの特徴は、ポーカー特化の埋め込み表現を記事内でそのまま読めることです。レンジやポーカーテーブルは、本文の補足ではなく、局面理解の中心になる情報として扱います。

  • レンジ表示ではハンド分布や色分けを確認する
  • ポーカーテーブル表示では座席や進行状況を読む
  • 本文と埋め込みを往復しながら局面を理解する

ここに「レンジ埋め込み表示」部分が映るスクショを貼り付け

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

ここに「ポーカーテーブル埋め込み表示」部分が映るスクショを貼り付け

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

SECTION 5

コメント、いいね、フォローの使い方

読み終えたあとに残せる反応として、コメント、いいね、フォローがあります。記事を読むだけで終わらず、執筆者との継続接点に変えられる部分です。

  • コメント欄の位置と返信導線を確認する
  • いいねやフォローの位置を把握する
  • 次に読みたい記事へつなげる動線として見る

ここに「コメント欄全体」部分が映るスクショを貼り付け

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

ここに「いいね、フォロー、保存周辺」部分が映るスクショを貼り付け

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

記事ページの見方 | 使い方ガイド | ポーカーリポジトリ