kintoneのお知らせ掲示板がスマホで崩れる｜PC・モバイル両対応のポータル整理術
kintoneのお知らせ掲示板がスマホで崩れる｜PC・モバイル両対応のポータル整理術
「お知らせ掲示板でアプリリンクをきれいに並べたのに、スマホで見たらレイアウトがガタガタ…」
「PCとスマホの両方で見やすいポータルを作りたいけど、画像やリンクの調整が終わらない…」
kintoneのお知らせ掲示板でアプリのアイコン画像を並べて、リンクを設定して、ポータルを整理している企業は多いのではないでしょうか。PCで見るときれいに整理されていても、スマホで開くとレイアウトが崩れて使い物にならない。この「PC/スマホ両立問題」は、kintone管理者の間でよく聞かれる悩みです。
この記事では、kintoneのお知らせ掲示板がスマホで崩れる原因を整理し、PC・モバイル両方で快適に使えるポータルの作り方を解説します（2026年3月時点）。
この記事でわかること
- お知らせ掲示板がスマホで崩れる3つの原因
- PC/スマホ両立のために管理者が抱える負担
- kintoneモバイル版の制限事項
- ノーコードでPC・スマホ両対応のポータルを実現する方法
お知らせ掲示板のレイアウトがスマホで崩れる
上の画像は、同じkintoneポータルをPCとスマホで表示した例です。PC版ではアプリアイコンが横4列にきれいに並んでいますが、スマホでは画面幅に収まりきらず、アイコンが縦に間延びして表示されています。
これは多くの企業で起きている問題です。お知らせ掲示板のレイアウトはPC版の画面幅を前提に作られるため、スマホの狭い画面幅では意図通りに表示されません。
なぜスマホで崩れるのか：3つの原因
原因1：PC版の画面幅に合わせて作るしかない
kintoneのお知らせ掲示板はリッチテキストエディタで編集できますが、画像やリンクの配置はPC版の画面幅を前提に調整することになります。
PC版で「横4列にアプリアイコンを並べる」レイアウトを作ると、スマホでは画面幅に収まらず、アイコンが縦に並び直されて間延びした見た目になります。PC版できれいに並べた掲示板がスマホで崩れるのは、多くの企業が経験している問題です。
原因2：PC版とモバイル版で画面構成が異なる
kintoneのポータルは、PC版とモバイル版で画面の構成が異なります。
| 項目 | PC版 | モバイル版 |
|---|---|---|
| お知らせ掲示板 | 左カラムに表示 | 画面幅いっぱいに表示 |
| 通知 | 左カラム（お知らせの下）に表示 | ベルアイコンから確認 |
| 未処理 | 右カラムに表示 | ナビゲーションメニューから確認 |
| スペース | 右カラムに表示 | お知らせの下に縦一列で表示 |
| アプリ一覧 | 右カラムに表示 | お知らせの下に縦一列で表示 |
PC版では左右2カラムで情報を効率よく配置できますが、モバイル版では1カラムの縦長レイアウトになります。お知らせ掲示板の中身をPC版の2カラム前提で作っていると、モバイルで表示が崩れるのは必然です。
原因3：修正にはシステム管理者権限が必要
お知らせ掲示板を編集できるのは、kintoneのシステム管理者だけです。
「スマホで崩れているから直してほしい」という依頼が現場から来ても、対応できるのはシステム管理者のみ。画像のサイズや配置を変えてPC版の見た目を維持しつつ、スマホでも崩れないように調整するのは手間のかかる作業です。
しかも調整のたびにPC・スマホの両方で表示を確認する必要があり、試行錯誤を繰り返すことになります。
管理者が抱えるPC/スマホ両立の負担
お知らせ掲示板でPC・スマホ両対応を目指すと、管理者には以下の負担がかかります。
- アプリが増えるたびに、画像の追加・リンク設定・配置の調整を手作業で行う必要がある
- PC版できれいに並べても、スマホで見ると崩れるため、両方の見た目を気にしながら調整しなければならない
- お知らせ掲示板の編集はシステム管理者しかできないため、依頼が集中する
- 画像の位置やサイズ、テキストの中央揃えなど、地味な調整作業に時間を取られる
- 担当者が変わると「前任者がどう作ったか」がわからず、触れなくなるリスクがある
結局、「PC版だけきれいに作って、スマホは諦める」という運用に落ち着いている企業が少なくありません。
kintoneモバイル版のその他の制限
お知らせ掲示板の問題以外にも、kintoneのモバイル版にはPC版にはない制限があります。kintone公式ヘルプに記載されている主な制限事項は以下のとおりです。
| 制限事項 | 影響 |
|---|---|
| アプリの作成・設定変更ができない | 外出先でフォームやアクセス権の修正が必要になっても対応できない |
| ポータルのカスタマイズができない | お知らせ掲示板の編集やポータル設定はPC版でのみ操作可能 |
| CSVファイルの入出力ができない | データのインポート・エクスポートはPCが必要 |
| テーブルと添付ファイルフィールドが一覧に表示されない | 一覧画面での情報確認に制約がある |
| スペースの設定変更・スレッド追加ができない | スペース管理はPC版でのみ操作可能 |
なお、kintoneをスマートフォンから利用する方法は2つあります。
| アクセス方法 | メリット | デメリット |
|---|---|---|
| Webブラウザー（iOS Safari / Android Chrome） | kintone内のリンクを別タブで開ける。PC版への切り替えが可能 | プッシュ通知が受け取れない |
| モバイルアプリ（App Store / Google Play） | プッシュ通知を受け取れる | PC版への切り替えができない |
Webブラウザー利用の場合は、ナビゲーションメニューの設定から「PC版を表示」に切り替えられます。ただし、システム管理者が「ユーザー自身による表示の切り替えを許可する」設定を有効にしている必要があります。
ソトバコポータルならPC・スマホ両対応をノーコードで実現
お知らせ掲示板の調整に時間をかける代わりに、ソトバコポータルを導入すればPC・スマホの両方に最適化されたポータルをノーコードで構築できます。
| 項目 | お知らせ掲示板でのカスタマイズ | ソトバコポータル |
|---|---|---|
| スマホ対応 | 画像・リンクの配置を手動で調整する必要あり | 自動でスマホ最適化 |
| アプリの整理 | 画像・リンクを手作業で配置 | ドラッグ&ドロップ |
| 部署別の見せ分け | 不可（全員に同じ表示） | タブ × 閲覧権限で対応 |
| 編集できる人 | システム管理者のみ | 管理者 + ポータル編集者 |
| メンテナンス性 | 画像配置やリンク設定の手作業が多く手間がかかる | ドラッグ&ドロップで完結 |
| グラフ・通知の統合表示 | お知らせ掲示板の「アプリ貼り付け」で可能だがレイアウト調整が大変 | 管理画面からアプリ・グラフを選ぶだけ |
ソトバコポータルはスマートフォンに対応しており、kintoneのアプリを作るのと同じ感覚で、ドラッグ&ドロップでポータルを組み立てるだけでPC・スマホ両対応が完了します。お知らせ掲示板で画像やリンクを手作業で並べる必要はありません。
フリープランは期間制限なし・4タブまで無料で、導入は最短7分です。
ポータル整理の具体的な方法は「kintoneのポータルが使いにくい原因と、部署別に整理する具体的方法」で詳しく解説しています。
まとめ
- kintoneのお知らせ掲示板はPC版の画面幅に合わせてレイアウトするため、スマホで表示が崩れやすい
- お知らせ掲示板の画像やリンクの配置を調整してスマホ対応にすることは可能だが、システム管理者にしか編集できず、手作業の負担が大きい
- kintoneのモバイル版にはアプリの作成・設定変更やポータルのカスタマイズなどPC版のみの機能制限がある
- PC・スマホ両方で快適なポータルを実現するなら、ソトバコポータルでノーコード構築するのが管理者の負担が最も少ない
kintoneのポータルをもっと使いやすくしたい方は、以下の記事もご覧ください。