顧客・カルテ管理
田中 様 (ID: C00123)
タナカ サマ | 35歳 (1990/05/01) | 女性 | 主担当: 佐藤
重要情報
アレルギー: 特になし
既往歴: (情報なし)
カウンセリング履歴
2025年11月15日 の記録
添付ファイル・メモ
手書きメモ (家族構成図)
2025/11/15
初回同意書.pdf
2025/10/01
スマホでの一覧表（テーブル）表示の対策例
スマートフォンなどの狭い画面で横長のテーブルを表示するための、2つの一般的なアプローチを紹介します。 （ブラウザの幅を狭めたり広げたりして、表示の違いを確認してみてください）
例1: 横スクロール（シンプル・推奨）
テーブルに最小幅（例: 600px）を設定し、画面がそれより狭い場合はコンテナで横スクロールさせます。 レイアウトの崩れを防ぐ最も一般的で簡単な方法です。PCでの一覧性も維持できます。
| プロジェクトID | 担当者 | 概要・説明 | ステータス | 最終更新日 |
|---|---|---|---|---|
| PJ-001 | 田中 太郎 | これは非常に長い説明文のテキストです。PCではセル内で折り返されますが、スマホではテーブル全体が横スクロールします。 | 完了 | 2025-11-15 |
| PJ-002 | 鈴木 花子 | システムAの改修。ユーザー認証機能の追加と、それに伴うデータベースのスキーマ変更作業を含みます。 | 作業中 | 2025-11-14 |
| PJ-003 | 佐藤 次郎 | 新規LPデザイン作成。 | 保留 | 2025-11-10 |
例2: カード型レイアウト（スマホ最適化）
スマホではテーブルのレイアウトを解除し、1行を1つのカードのように縦に並べる方法です。 CSS（<style>タグ内）で制御しています。スマホでの閲覧性が最も高くなります。
| プロジェクトID | 担当者 | 概要・説明 | ステータス | 最終更新日 |
|---|---|---|---|---|
| PJ-001 | 田中 太郎 | これは非常に長い説明文のテキストです。スマホではラベルの下にデータが表示され、適切に折り返されます。 | 完了 | 2025-11-15 |
| PJ-002 | 鈴木 花子 | システムAの改修。ユーザー認証機能の追加と、それに伴うデータベースのスキーマ変更作業を含みます。 | 作業中 | 2025-11-14 |
| PJ-003 | 佐藤 次郎 | 新規LPデザイン作成。 | 保留 | 2025-11-10 |