SharePoint Online のモダンページで「リスト（List View）Web パーツ」を使うと、上部に［新規（New）］やビュー名（All Items）・列名（Title など）が表示され、ダッシュボード用途では邪魔に感じることがあります。本記事では、標準機能で消せる範囲と、どうしても残る部分の回避策を整理して解説します。
まず結論：標準機能で「消せるもの」と「消し切れないもの」
最初に結論から整理します。SharePoint Online のモダンページに配置する「リスト」Web パーツは、あくまで “リストのビューをページ上に表示するための部品”です。そのため、操作 UI（新規作成やビュー切替など）を完全にゼロにして、ただの静的テーブルのように見せるには限界があります。
| 消したい表示 | 標準機能での可否 | 代表的な方法 | 知っておくべき注意点 |
|---|---|---|---|
| 列ヘッダー（Title など） | 可能 | ビューの JSON 書式設定（hideColumnHeader） | ビューごとの設定。別ビューに切り替えると再設定が必要 |
| コマンドバー（新規/New、エクスポート等） | 多くの場合可能 | リスト Web パーツの設定で「コマンドバー表示」をオフ | 環境・更新タイミングで項目名や配置が微妙に違うことがある |
| 「すべて表示（See all）」 | 多くの場合可能 | リスト Web パーツの設定で「すべて表示」ボタンをオフ | 表示形式によってはリンクではなくボタン表示のケースも |
| Web パーツ上部のタイトル（見出し） | 完全削除は不可寄り | タイトル欄に半角スペース 1 文字を入れて“見えなくする” | 余白が残りやすい。ゼロにしたいならカスタム実装を検討 |
| ビュー名（All Items など） | 状況による | 設定項目がある場合はオフ／無い場合は回避策中心 | 「タイトルを空欄」→公開時に戻るなど挙動にクセがある |
この記事では、まず 標準機能で確実にできる “列ヘッダー非表示” と、よく効く “コマンドバー／すべて表示の非表示” を実装し、最後に タイトル・ビュー名が残る場合の扱い と 余白をゼロにしたい場合の代替案 を提示します。
前提の確認：いま見ているのは「リスト」Web パーツ？
モダンページには似た表示がいくつかあります。まずは対象が「リスト」Web パーツであることを確認すると、手順がブレません。
- リスト（List）Web パーツ：SharePoint のリスト（Microsoft Lists 含む）のビューをページに表示
- ドキュメント ライブラリ Web パーツ：ライブラリのファイル一覧を表示（列やコマンドの挙動が少し違う）
- 埋め込み（Embed）：別 URL のページやアプリを iframe で表示（表示は自由だが運用とセキュリティに注意）
- Power Apps：キャンバスアプリを配置して “完全に自作 UI” を表示（ライセンスや作り込みが必要）
本記事の主役は 「リスト（List View）Web パーツ」 です。編集モードで Web パーツにマウスを当てたとき、左上に鉛筆（編集）アイコンが出るものが該当します。
列ヘッダー（Title など）を非表示にする
「列名だけを消して、行のデータだけを並べたい」という要望は非常に多いです。これは、ビューの JSON 書式設定で対応できます。ポイントは、Web パーツ側の設定ではなく “リストのビュー側” に設定する ことです。
やりたいこと
- 上部の列ヘッダー行（Title / Created / Modified などの表示）を消す
- 一覧の行（アイテム）だけを残す
設定手順（最短ルート）
- 対象のリストを リスト本体の画面 で開きます（モダンページ上ではなく、リスト単体の画面）。
- ヘッダーを消したいビュー（例：All Items）に切り替えます。
- ビューのメニューから 「現在のビューの書式設定」→「詳細モード」（Advanced mode）を開きます。
- 下記の JSON を貼り付けて保存します。
{
"$schema": "https://developer.microsoft.com/json-schemas/sp/view-formatting.schema.json",
"hideColumnHeader": true
}設定後にどう見える？
列ヘッダーの 1 行が消え、データ行が上に詰まって表示されます。ダッシュボード的に “数値や状態だけ見たい” 場合は、この一手でかなりスッキリします。
運用上の注意点
- ビューごとの設定：All Items に設定しても、別のビューに切り替えるとヘッダーが復活します。ページ側で別ビューを表示するなら、そのビューにも同じ設定を入れます。
- 列の意味が伝わりにくい：ヘッダーが消えるので、初見の人には「この数値は何？」となりがちです。必要なら、列の並びを “意味が分かる順” にしておく、行書式でラベルを追加する、などの工夫が効きます。
- 編集用途には不向き：ユーザーがフィールドを理解しにくくなるため、編集や分析をさせたい画面では使い分けが必要です。
元に戻したいとき
JSON を削除して保存するか、"hideColumnHeader": false に変更すれば戻せます。ビューを複製して「閲覧用」と「運用用」を分けておくと、安全に使い分けできます。
コマンドバー（New など）と「すべて表示（See all）」を非表示にする
次に、上部に出る操作 UI を消していきます。多くの環境では、リスト Web パーツのプロパティで “コマンドバー” と “すべて表示” を切り替えできます。
設定手順（ページ上で完結）
- モダンページを編集モードにします。
- 対象の「リスト」Web パーツをクリックして選択します。
- 鉛筆アイコン（Web パーツの編集）を開きます。
- 設定パネル内の項目で、次のように変更します。
| 設定項目（例） | 推奨値 | 狙い |
|---|---|---|
| コマンドバーを表示（Show command bar / Toolbar） | オフ | 新規（New）やエクスポートなどの操作 UI を消す |
| 「すべて表示」ボタンを表示（Show “See all”） | オフ | リスト本体へ遷移する導線を消し、ページ内の表示に集中させる |
テナントのリリース状況や表示形式によって、項目名が「コマンド バー」「ツールバー」「コントロール」などになっていることがあります。“上部の操作 UI を表示するかどうか” を切り替えるトグル を探すのがコツです。
それでも New が残る／設定が見当たらないとき
環境によってはトグルが見当たらない、または一部の UI が残ることがあります。そんなときは、次の回避策が有効です。
回避策：閲覧者の権限を「追加不可」にして New 自体を出さない
SharePoint は、ユーザーに アイテム追加権限が無い 場合、New（新規）ボタンが表示されない（または押せない）挙動になります。ダッシュボードとして “見るだけ” なら、権限で UI を自然に消すのが堅実です。
- 閲覧者グループには「閲覧」権限（読み取り専用）を付与する
- 編集者グループだけに「編集」権限を付与する
- 「特定のページでは見せたいが、リスト本体では見せたくない」などの要件がある場合は、サイト設計も含めて検討
この方法のメリットは、UI を隠すだけでなく 誤操作そのものを防げる 点です。反面、「一部の人だけ追加できる」などの要件があると設計が複雑になるため、運用ルールとセットで決めるのがおすすめです。
ビュー名（All Items）や Web パーツのタイトルを消したい
最後に多くの人が引っかかるのが、Web パーツ上部に出る タイトル（見出し） と ビュー名（All Items など） です。ここは “完全にゼロ” にしづらく、標準機能だけだと回避策寄りになります。
なぜ消し切れないのか
リスト Web パーツは「どのリストの、どのビューを表示しているか」を示すために、タイトルやビュー名を出す設計になっています。さらに、ページ編集の都合上、空欄を許すとレイアウトが崩れたり、編集者が迷ったりするため、公開時に自動補完される挙動が混ざります。
よくある挙動：タイトルを空欄にすると公開時に All Items に戻る
- 編集画面ではタイトルが空に見えても、公開（Publish）すると自動でビュー名が表示される
- 「空欄」扱いの判定が厳しく、意図せず表示が戻ることがある
回避策：タイトル欄に「半角スペース 1 文字」を入れる
完全に消すのではなく “見えなくする” 方法として有名なのが、Web パーツのタイトル欄に 半角スペース 1 文字 を入れる手です。
- 空欄のままにすると、自動補完でビュー名（All Items）が出てしまうことがある
- 半角スペース 1 文字だと、画面上はほぼ無表示になりやすい
- ただし 余白（空の行）が残る 場合がある
ポイント：「ゼロ表示」を狙うほど、標準機能では限界が見えます。まずは “見た目上消える” ところまで整え、余白まで消したい場合だけ次章の代替案に進むのが、工数と安定性のバランスが良いです。
ビュー名（All Items）を消す設定がある場合
一部の環境では、Web パーツ設定に「ビュー セレクターを表示」「ビュー名を表示」といった項目が追加されていることがあります。もし見つかれば、オフにするだけでビュー名が消えるケースがあります。見当たらない場合は、タイトル欄の工夫と、そもそもビュー名が目立たないレイアウト（余白の少ないセクション、周辺の見出しをページ側に寄せる等）でカバーします。
“アイテムだけ表示” に近づけるための実践テクニック
列ヘッダーと操作 UI を消せても、「データが読みにくい」「目的の情報が埋もれる」という課題が残ることがあります。ここからは、実務で効く “見せ方の設計” を紹介します。
閲覧専用ビューを作る（運用用ビューと分離）
ダッシュボード用途では、まず 閲覧専用ビュー を作り、必要最小限の列だけを表示するのが鉄板です。
- 表示列は 3〜6 列程度に絞る（横スクロールを避ける）
- 並び順は “判断に必要な順” にする（例：状態 → 期限 → タイトル）
- ソートとフィルターは固定し、ページ上では操作させない（誤操作防止）
- 表示件数が多いと重くなるため、ビュー側で条件を絞る（例：未完了のみ）
ギャラリー表示（カード型）を使うという選択
「表形式にこだわらない」なら、リストのビューを ギャラリー（カード） にするのも有効です。ギャラリーは性質上、列ヘッダーが目立ちにくく、情報をカード内にまとめられます。たとえば、タイトル＋ステータス＋期限をカードにまとめると、ヘッダー非表示よりも視認性が上がることがあります。
JSON 書式設定で “ラベル” を埋め込む（ヘッダーが無い弱点を補う）
列ヘッダーを消すと列の意味が伝わりにくくなります。そこで、行書式（rowFormatter）や列書式（columnFormatter）を併用し、値の前にラベルを付ける と一気に読みやすくなります。
例：期限列の表示を「期限：2026/01/10」のようにする、ステータスを色付きバッジにする、など。ここは運用に合わせてオリジナルの作り込みができるため、ダッシュボードの完成度が上がります。
余白までゼロにしたい場合の選択肢（標準機能の外に出る）
「上の余白 1px も許せない」「完全にヘッダーレスで埋め込みたい」という要件になると、標準機能では難易度が跳ね上がります。ここからは、やるならどの選択肢が現実的かを整理します。
| 選択肢 | 実現できること | メリット | デメリット／注意 | 向いているケース |
|---|---|---|---|---|
| SPFx カスタム Web パーツ | ヘッダー無し・余白無しで任意 UI | 自由度が最も高い。将来の UI 変更にも追従しやすい | 開発・保守が必要。ガバナンスや配布手順が要る | 全社ポータル、長期運用、表示品質が最重要 |
| Power Apps（キャンバスアプリ） | カード／一覧／検索などをアプリ化 | ノーコード寄りで作れる。入力 UI も作れる | ライセンス、パフォーマンス、作り込みの設計が必要 | 閲覧＋簡易入力、モバイル最適化 |
| Embed（iframe）で別ページを埋め込む | 外部 UI をそのまま表示 | 手早い | セキュリティ制約、レスポンシブ、将来の互換性に不安 | 短期の社内限定、検証用途 |
| CSS で無理やり非表示 | 見た目だけ消す | 一見簡単 | 推奨されない。DOM 変更で壊れやすい。監査にも弱い | 原則おすすめしない |
結論としては、長く使うダッシュボードなら SPFx が最も堅実、社内の業務改善として素早く作るなら Power Apps が現実的です。CSS 注入は短期的には動いても、SharePoint の UI 変更で急に崩れることがあるため、運用負荷が上がりがちです。
よくあるつまずきと対処（Q&A）
Q. JSON を入れても列ヘッダーが消えません。
A. そのページで表示しているビューが、JSON を設定したビューと一致しているか確認してください。リスト Web パーツは「指定したビュー」を表示しますが、編集者が別ビューに切り替えたり、Web パーツ設定で別ビューに変えたりすると、ヘッダーが復活します。また、クラシック表示のビューでは効きません。
Q. Web パーツ設定に「コマンドバー表示」がありません。
A. 表示形式や更新状況によって、トグルが見当たらない場合があります。その場合は、まず権限（閲覧者は追加不可）で New を出さない構成を検討してください。どうしても UI を消し切りたいなら、Power Apps か SPFx で “表示専用” を作るのが近道です。
Q. タイトルをスペースにしたら、編集者が気付かず上書きしそうです。
A. ページのすぐ上にページ側の見出し（テキスト Web パーツ）で「一覧：未完了」などを置き、リスト Web パーツ側のタイトルはスペースにしておくと、編集者も迷いにくくなります。あわせて、ページ編集者を絞る運用も効果的です。
Q. “アイテムだけ” にしたら、ユーザーが詳細を見られなくなりませんか？
A. 一覧は “判断用” と割り切り、詳細は行クリックでアイテム表示フォームに遷移できるようにしておくのが一般的です。遷移導線を残したいなら、「すべて表示」は消しても、行クリックは残す、というバランスが取りやすいです。
公開前に確認したいチェックリスト
最後に、ページ公開前に確認しておくと事故が減るポイントをまとめます。チーム内の標準手順としても使えます。
| チェック項目 | 見る場所 | OK の目安 |
|---|---|---|
| 表示しているビューは閲覧用か | Web パーツ設定／リストのビュー | 必要最小限の列・フィルター・ソートが適用済み |
| 列ヘッダー非表示が効いているか | ビューの JSON 書式設定 | ヘッダー行が無く、行データだけ表示 |
| New / コマンドバーが出ていないか | Web パーツ設定／権限 | 閲覧者の画面で操作 UI が出ない |
| 「すべて表示（See all）」が出ていないか | Web パーツ設定 | 一覧の上部・下部に遷移導線が無い（方針次第） |
| タイトルの扱いが統一されているか | ページ上の見出し／Web パーツタイトル | ページ側の見出しで説明し、Web パーツ側は最小 |
| 閲覧者の誤操作が起きない権限設計か | リストの権限 | 閲覧者は追加・編集できない。編集者だけ編集できる |
まとめ
SharePoint Online のモダンページにあるリスト Web パーツで “アイテムだけ” を表示したい場合、まずは ビューの JSON 書式設定で列ヘッダーを消す、次に Web パーツ設定でコマンドバーと「すべて表示」を消す のが王道です。タイトルやビュー名は標準機能だけだと完全に消しにくいため、スペース 1 文字の回避策で “見えなくする” ところまで整え、余白までゼロにしたい要件は SPFx／Power Apps といったカスタム表示を検討すると、安定した運用につながります。
コメント