--- title: "SharePoint Online 向け Smart Tiles Web パーツ" description: "SharePoint Online と Microsoft Teams 向けのタイル ベースのナビゲーション Web パーツ。豊富なカラー パレット、Fluent UI アイコン、柔軟なレイアウト、全幅の列に対応しています。" url: https://vitextra.com/ja/products/smart-tiles language: ja published: 2020-04-25 modified: 2026-10-15 products: - "Smart Tiles" --- # Smart Tiles SharePoint サイト内に視覚的に魅力的で直感的なナビゲーション メニューを作成できる、強力なナビゲーション Web パーツです。 Smart Tiles Web パーツは、SharePoint サイト内に視覚的に魅力的で直感的なナビゲーション メニューを作成できる強力なツールです。カスタマイズ可能なタイルをレスポンシブ グリッドに配置し、企業ブランドに合わせることができます。 ## 機能 - レスポンシブ デザイン - タイル、アイコン、フォントのサイズをカスタマイズ可能 - 豊富なカラー パレット - 1,800 以上の公式 Microsoft 365 アイコン - 全幅セクションのサポート ## 概要 Smart Tiles Web パーツは、::SharePoint Online:: サイト内に視覚的に魅力的で直感的なナビゲーション メニューを作成できる強力なツールです。 この Web パーツを使うと、サイトの各ページやセクションを表すタイルを簡単に追加してカスタマイズし、レスポンシブ グリッドに配置できます。 この Web パーツにより、ユーザーはサイト内を効率的にスムーズに移動できるようになり、全体的なユーザー エクスペリエンスが向上して、重要な情報を見つけてアクセスしやすくなります。柔軟なデザイン オプションと使いやすいインターフェイスを備えた Smart Tiles Web パーツは、サイトのナビゲーションを強化し、生産性を高めるために欠かせないツールです。 ### カスタマイズ可能なタイル 使いやすい構成ツールで、タイルを作成してカスタマイズできます。Smart Tiles Web パーツは [公式の Microsoft 365 アイコン](https://developer.microsoft.com/en-us/fluentui#/styles/web/icons) に対応しており、1,800 以上の Fluent UI アイコンから選択できるため、必要なタイルをそのとおりに作成できます。タイルのサイズ、アイコンのサイズ、フォントのサイズはすべて調整可能です。 ![Vitextra Smart Tiles Web パーツ](https://static.vitextra.com/products/screens/smart-tiles-settings.png) ### レスポンシブ デザイン Smart Tiles は、強力な flexbox グリッドをサポートしており、タイルのカスタム レイアウトを構築できます。12 列システム、カスタマイズ可能な内部余白、タイル間のインデントにより、企業ブランドに合わせられます。 この Web パーツは SharePoint モダン ページの全幅セクションにも対応しているため、デザイン上必要な場合は、ナビゲーションをページ全体に広げることができます。 ![Vitextra Smart Tiles Web パーツ. レスポンシブ デザイン](https://static.vitextra.com/products/screens/smart-tiles-responsive.png) ### 豊富なカラー パレット 豊富なカラー パレットで、タイルをイントラネットのデザインに合わせられます。33 色の定義済みの色と 6 色のアクセント カラーが、導入直後から利用できます。柔軟なレイアウト オプションと組み合わせることで、企業デザインの一部のように感じられるナビゲーション パネルを簡単に作成できます。 ![Vitextra Smart Tiles Web パーツ. 豊富なカラー パレット](https://static.vitextra.com/products/smart-tiles-color-palette.png) ## 価格 - 月額サブスクリプション: 999¥ JPY 月あたり - 年間サブスクリプション: 9,799¥ JPY / 年 ## プラットフォーム - SharePoint Online ## サポートされている言語: 9 Nederlands (Nederland), English, Deutsch, Ελληνικά (Ελλάδα), latviešu (Latvija), norsk bokmål (Norge), русский, español (España, alfabetización internacional), українська (Україна) ## 最新バージョン - v26.10.4 (2026-10-08) — [ダウンロード](https://vitextra.blob.core.windows.net/downloads/Vitextra.SmartTiles.2026Q4.zip) - [変更ログ](https://vitextra.com/ja/products/smart-tiles/changelog) ([RSS](https://vitextra.com/ja/rss/changelog)) ## お客様からの質問 ### Smart Tiles とは何ですか？ Smart Tiles は、モダン SharePoint Online ページ向けのタイル ベースのナビゲーション Web パーツです。サイト所有者は、アイコン、色、背景画像、対象ユーザーの設定を使用して、視覚的に魅力的でレスポンシブなナビゲーション メニュー (クイック リンク バー、部署パネル、モザイク レイアウトなど) をコードなしでページ上に直接構築できます。まずは[ソリューションの概要](https://vitextra.com/ja/support/kb/10240)および [Smart Tiles Web パーツの追加と設定方法](https://vitextra.com/ja/support/kb/10042)をご覧ください。 ### どのようなタイル サイズとレイアウトが利用できますか？ タイル サイズは 6 種類あります。特小 (行の 15%)、小 (30%)、中 (45%)、大 (65%)、特大 (80%)、全幅 (100%) です。タイルは自動的に折り返して行を形成し、利用可能な幅いっぱいに広がります。また、Web パーツは全幅セクションに配置できます。フォント サイズ、アイコン サイズ、インデントは調整可能です。詳細は [Smart Tiles のタイル サイズとレイアウト](https://vitextra.com/ja/support/kb/10247)をご覧ください。 ### タイルにはどのようなアイコンや画像を使用できますか？ 5 つのアイコン セット (標準 (1,800 を超える Fluent UI アイコン)、ファイルの種類、アプリ (Microsoft 365 アプリのロゴ)、Azure サービス、Vitextra) から選択するか、カスタムの SVG/PNG 画像をアップロードできます。各タイルには、URL またはサイト ライブラリの背景画像を設定することもできます。YouTube リンクには自動的にサムネイルと再生ボタンが表示されます。[タイルのアイコンの選択](https://vitextra.com/ja/support/kb/10243)、[タイルのアイコンとしてカスタム画像を使用する](https://vitextra.com/ja/support/kb/10244)、[タイルの背景画像を設定する](https://vitextra.com/ja/support/kb/10245)をご覧ください。 ### ユーザーごとに異なるタイルを表示できますか？ はい。各タイルは SharePoint サイト グループまたは Microsoft Entra ID グループによる対象ユーザーの設定をサポートしているため、選択したグループのメンバーにのみタイルが表示されます。タイルは Web URL、テナント相対パス、ページ アンカー、`mailto:`、`tel:`、`sms:`、Microsoft Teams のリンクにリンクでき、オプションで新しいタブで開くことができます。 ### 色とホバー効果はどのように機能しますか？ 背景色とフォントの色は、6 つのテーマ アクセント カラー (サイトのテーマに従います) に加えて、31 の定義済み Fluent UI カラー、黒、白の中から個別に選択できます。9 種類のホバー効果 (明るさ、ぼかし、色相回転など) は強度と継続時間を調整でき、キーボード フォーカスと視覚効果を減らす設定に対応しています。[Smart Tiles のタイルの色](https://vitextra.com/ja/support/kb/10043)および[タイルのホバー効果の設定](https://vitextra.com/ja/support/kb/10248)をご覧ください。 ### 要件と制限事項は何ですか？ Smart Tiles はモダン SharePoint Online ページでのみ動作し、SharePoint Server 2016 および 2019 はサポートされていません。Web パーツの追加には編集アクセス許可レベルが必要であり、閲覧者には背景画像やカスタム画像への読み取りアクセスが必要です。変更はページを再発行した後に表示されます。タイルには背景画像または色のいずれかを設定でき、タイルの高さを直接設定することはできません。サブスクリプションはテナント全体を対象とし、ユーザー数の制限はありません。[管理者ガイド](https://vitextra.com/docs/Smart%20Tiles.%20Administrator%20Guide.pdf)および[クイック スタート ガイド](https://vitextra.com/docs/Smart%20Tiles.%20Quick%20Start%20Guide.pdf)をご覧ください。 ## サポート情報 - [Smart Tiles でタイルを追加および編集する方法](https://vitextra.com/ja/support/kb/10242) ([Markdown](https://vitextra.com/ja/support/kb/10242.md)) - [Smart Tiles のタイル サイズとレイアウト](https://vitextra.com/ja/support/kb/10247) ([Markdown](https://vitextra.com/ja/support/kb/10247.md)) - [Smart Tiles: ソリューションの概要](https://vitextra.com/ja/support/kb/10240) ([Markdown](https://vitextra.com/ja/support/kb/10240.md)) - [タイルのアイコンを選ぶ: 標準、ファイルの種類、アプリ、Azure、Vitextra のアイコン セット](https://vitextra.com/ja/support/kb/10243) ([Markdown](https://vitextra.com/ja/support/kb/10243.md)) - [タイルのホバー効果を構成する](https://vitextra.com/ja/support/kb/10248) ([Markdown](https://vitextra.com/ja/support/kb/10248.md)) - [タイルの背景画像を設定する](https://vitextra.com/ja/support/kb/10245) ([Markdown](https://vitextra.com/ja/support/kb/10245.md)) - [タイルへのタイトルと説明の表示](https://vitextra.com/ja/support/kb/10249) ([Markdown](https://vitextra.com/ja/support/kb/10249.md)) [サポート情報](https://vitextra.com/ja/products/smart-tiles/articles)