今回はこんなお悩みを解決します。

Microsoft 365 Swayを使い始めたけど、困ったことが…。

よくあるトラブルの解決策をまとめました。

この記事では、Swayでよくある困りごと5個の解決法を解説します。

さらに、Swayをクラスホームページとして使っている現場の先生に向けて、Swayには「通知機能がない」ことに着目し、なぜ毎日更新が重要なのか、どうすれば負担なく更新できるかまで、具体的に紹介します。

また、「もっと便利な通知付きのホームページを作りたい」方向けに、WordPress × SWELLでの発展的活用法もご紹介します。

まず基本操作を知りたい方はこちら

クラスホームページの見本はこちらです。
また、クラスホームページの作成方法については次の記事をご覧ください。

教員がSwayを使うときに直面しやすい困りごと5選と対処法

① 画像の見え方が崩れる・縦長すぎる

• タイトルや見出し１の背景画像が縦長になる → 横長画像（4:3や16:9）を選び、画像の「詳細」＞「フォーカスポイント」。「画像全体を表示する」を選択
• スマホで崩れる → 画像の縦横比を揃えるのがベスト

タイトルや見出し１の背景画像は
4000px×1000px（105cm×25cmくらい）がおススメです。
私は Canva を使って画像を用意しています。
デザインのサイズを4000px×1000pxにして画像を貼り付け、画像データとして出力します。

② 内容が増えすぎて重くなる・見づらい

• 写真が多い → 画像を圧縮 or 複数のSwayに分ける
• 長文になったら → 別Swayに分割し、テキストリンクなどで接続

③ 保護者だけに見せたい

• 「リンクを知っている人のみ」に設定
• パスワード付きSwayも可→「ストーリーライン」右上の「…」＞「このswayの設定」から
• 個人情報を含む場合は、ファイルだけ別途OneDrive管理がおすすめ

欠席連絡をForms等でやっていて保護者にのみ入力させたい場合は、
生徒も保護者も見られるSwayのどこかに、
パスワード付きのSwayのリンクを作成し、
リンク先のパスワード付きのSway上にFormsリンク等を貼りましょう。
※Forms自体にパスワードが付いていない場合。

④ スマホで編集したい

次の方法でできます！

１：Microsoft account へサインイン。

２：画面左上の９点正方形のマークからドロップダウンリストを出し、

Swayをタップ。

※Swayのトップページに入っても、自分のSwayのデータがなければ、画面右上のアイコンマークからログインしてください。

３：編集したいSwayを選択して開く。

※Swayの閲覧ページが表示されます。

アドレスバー左の長方形マークをクリック

※ブラウザがクロームであれば画面右下の「・・・」から「PC版サイトを見る」で編集可能になります。

４：画面右下の「・・・」をタップ。

５：「デスクトップ用Webサイトを表示」を選択。

６：スマホでもSwayが編集できるようになります！

タブレットやPCで作業できないまたはスマホでも十分なときはスマホでSwayを更新しましょう！スマホで写真を撮ってSwayへアップしている人は、スマホ本体の画像データを参照できるので便利ですよ！

⑤ 通知機能がない

Swayでは、「更新されました」という通知が保護者に自動送信されません。

つまり、見に行かなければ更新に気づかれないという前提があります。

だからこそ、“更新されているはず”という習慣を作る

毎日何かしらの情報を追加することで、保護者に「毎日見るのが当たり前」という習慣が生まれます。

通知がないSwayでは、“更新頻度の高さ＝閲覧頻度の高さ”に直結します。

毎日楽に更新するネタを考えておきましょう。

負担なく毎日更新できる具体例5選

一言でもいい。“毎日更新”が最大の通知代わりになります。

私は「今日学んだこと」と「今日のお題」として1日1つFormsで生徒への質問をし、生徒の回答一覧をスクショして Sway にアップしています。質問のネタはAIに作らせると楽ですよ。生徒も「今日のお題は何ですか？」と楽しみにしてくれています。

A Iへの依頼

「高3の男子高校生に対して盛り上がる質問を50個生成して下さい。季節感のあるものも含めて下さい。定番の質問は避けて下さい。」

出力されたものの一例

• 初対面でも仲良くなれる「魔法の一言」ってあると思う？
• 最近「こいつ天才か？」って思った出来事ある？
• 今までで一番ガチで焦ったLINEの誤送信ある？
• 自分の中で「伝説」になってる友達の行動は？
• あえて口には出さないけど「ありがとう」って思ってることある？

もっと便利に通知したい？→ WordPress×SWELLなら可能！

Swayにはない「更新通知機能」を実現できるのが、WordPress + SWELLテーマです。

このブログもWordPress + SWELLテーマで作成しています。

SWELLならこんなことができます

• 記事更新をメール・RSS・LINEで通知できる
• 保護者に「更新されたこと」が確実に伝わる
• カテゴリーやタグで記事が探しやすい
• デザイン自由で見やすく、保護者の印象も◎

※以下アフィリエイトリンク（広告）

WordPressを始めるなら安心・高速な「エックスサーバー」がおすすめ

SWELLを最大限活かすには、信頼性が高く表示も速いサーバーが必要です。エックスサーバーは、国内トップシェアで学校関係者のブログ運用にも多数利用されています。

• 学校のネットワークからも安定してアクセスできる
• サポートも充実・設定も簡単
• 無料SSL＆高速表示対応

※以下アフィリエイトリンク（広告）

まとめ｜SwayとSWELL、それぞれの強みを活かそう

• Swayは手軽に学級通信を共有できる神ツール
• 困りごとは事前に把握しておけば安心
• 通知がないからこそ、毎日少しでも更新する習慣を
• 本格的なホームページ・通知機能が欲しい人はSWELLがベスト

🔗 関連記事（icteducase）

学校現場でのICT活用や校務効率化についてのご相談はこちら  
▶︎ https://icteducase.com/学校現場のict活用・校務効率化についてのご相談/

今回はこんなお悩みを解決します。

クラスの様子や連絡などを保護者へ直接できたらな…。

そんな先生におすすめなのが Microsoft Sway です。
簡単にクラスホームページが作れますよ。

Sway の基本的な使い方についてはこちら

swayのよくあるトラブルの解決策はこちら

Swayは“紙の学級通信”に代わる最強のデジタルツール

Swayは、Microsoftが提供するクラウド型のプレゼン＆情報共有ツールです。

Swayには次のようなメリットがあります。

学級通信を「配布」ではなく「リンクで共有」に変えるだけで、教員の業務負担は大きく減ります。

私が実際に使用しているクラスホームページの Sway と同じ型の
見本用Sway がこちら（クラスホームページ見本）です。

クラス Sway の見出し例とそのデザイン方法

Swayの操作方法についてはこちらをご覧ください。

タイトル

どのSwayにも必須のタイトルです。

再生画面

編集画面

※タイトルの背景に画像を設定しています。「フォーカスポイント」から「画像全体を表示する」をチェック

横長の画像なら横長に。縦長の画像なら縦長の背景になります。
おススメは横型です。

更新情報

　Swayには通知機能がないため、保護者から日々積極的にアクセスしてもらう必要があります。

「更新情報」としてページ上部に更新内容を書きましょう。

再生画面

編集画面

【使用カード】

• 見出し１、テキストカード（小）

　※見出し１とテキストカードがグループになっています。

見出し１にはドラッグ＆ドロップで背景画像を設定することができます。

配布物・宿題関係

配布物を渡した日と合わせて配信しておくと、生徒が保護者へ配布物を渡さなかったときも安心です。

宿題や回収物を配信しておけば、
保護者の力も借りられるので助かります。

再生画面

編集画面

【使用カード】

• 見出し１、テキストカード（大）

担任より

　Swayは更新を通知する機能がないため、「毎日アクセスしてもらうための仕掛け」が必要になります。

担任からの一言や、生徒への簡単なアンケート、日直にもらったコメントを入れる等、

毎日簡単に配信できるネタを用意しておくと、保護者のアクセスも安定します。

私のクラスでは帰りのHRにFormsを使って
「今日はどんな１日だったか（または今日のお題への回答）」と
「今日学んだこと」を答えてもらい、
その回答一覧をスクショしてSwayに毎日アップしています。

※「今日のお題」は「男子高校生が盛り上がる質問300個生成して」とAIに依頼して生成しました。

再生画面

編集画面

【使用カード】

• 見出し１、テキストカード

クラスの様子

学校での様子がわかると保護者から人気のコンテンツです。

※写真を載せることがありますので、年度初めに各家庭に写真掲載については確認しましょう。

再生画面

編集画面

【使用カード】

• 見出し２、画像カード、テキストカード（大）

１つの Sway に情報が蓄積されすぎると動作が重くなったり、スクロールが面倒になったりするため、
次の画像のように見出し２「バックナンバー」を設け、別のSwayのテキストリンクを入れましょう。
過去の投稿をスクショ等して、バックナンバーに移動しておきましょう。

↓別のSwayを作成し、「バックナンバー」のテキストリンクから移動できるようにしましょう。

その他おススメのコンテンツ

ここまでで挙げた見出しは最低限必要かと思いますが、担任の個性によってさまざまなコンテンツを入れることもできます。

• 進路職業検索に役立つリンク集
• 保健だよりや学級通信のような定期配信のプリントへのリンク集
• 欠席連絡用リンク
• 保護者からの問い合わせを受けるためのFormsリンク
• 年間行事
• スケジュール
• 時間割
• 体育祭・学園祭などのイベントへのリンク
• 授業やクラスの活動でよく使うデータのダウンロードリンク

などなど

画像や動画、リンクの挿入をうまく使うと、
使い勝手のいいクラスホームページが作れます。

クラス Sway の設定は以上です。

Swayであれば保護者への情報発信が簡単にできるだけでなく、保護者にとっても見やすく整理されます。

swayの基本についてはこちら

Sway を使用する際によくある悩みの解決作成についてはこちら

こうした取り組みは、とても価値があると思います。

一方で、
「実際の学校でどう進めるか」で立ち止まることも少なくありません。

現場の状況に合わせて一緒に整理することもできます。
→ 研修・相談についてはこちら

今回は Microsoft 365 のアプリ Sway とは何か、何ができるのかを解説していきます。

Microsoft 365 Sway とは

一言でいうと「超簡単におしゃれな Web ページが作れる」アプリです。

ページはテキストや画像・動画、リンク等を組み合わせて作成します。操作も簡単です。

データ共有ならOneDrive、何かを見てもらうなら PowerPoint でできるけど、Swayの強みは？

Sway の最大の強みは「デザイン性・操作性」にあります。

こちらが Sway で作成したページです。

Sway は様々な形式のデータをまとめて共有したり、操作性良く見てもらうのに適しています。

複数の画像・動画・テキストデータを OneDrive で共有した場合、「クリック⇒開く」の繰り返しがかなり不便で見るのも嫌になります。

その他 Sway の強みです。

• Sway はページのURLを共有（編集は許可制）するので、Swayを更新するだけで再度URLを閲覧者へ送る必要がない。
• Sway に別の Sway のリンクを挿入すれば多層構造のページも作れる。

Microsoft 365 Sway 作成方法

① Microsoft 365 にログイン後「すべてのアプリ」から「Sway」を選択

② 「新しい空白の Sway 」を選択

テンプレートも用意されています。ページ構成の参考に活用できます。

③ カードを挿入してページを作成。

こちらは編集画面です。

画面左上の「ストーリーライン」と書いてあるこのページで編集します。

画面中央の「＋」から「カード」を挿入していきます。

画像、動画、テキスト、埋め込みなど様々な「カード」があります。
「カード」を挿入してWebページを作成します。

右上の「再生」を押すと、閲覧者側から見た時のデザインを確認することができます。
「再生」で作成したページの見た目を確認しながら作業を進めていきましょう。

カードの種類

テキストカード

大小様々なテキストカードがあります。

見出し用や、本文用などがありますのでうまく使い分けましょう。

テキストにはリンクも挿入できますので、他のwebページや動画の共有はテキストリンクを使いましょう。

テキストリンクは、テキストを選択し「リンク」をクリックして設定できます。

【タイトル】

• Web ページのタイトル。背景画像の設定可。
• 強調、アクセントをクリックすると色がついたり、太字になる。
• フォーカスポイントは背景画像の特定のポイントに注目したような画像表示にできる。

タイトルや見出し１に設定できる背景は横長の画像にして、
「フォーカスポイント」＞「画像全体を表示」設定がおススメです。

【見出し１】

• 大きい見出し。背景を設定可。

【見出し２】

• 見出し１より小さい見出し。背景の設定不可。

【テキスト】

• 本文。箇条書きや番号付けのリストにもできる。
• カード右上の□を選択すると、大きめに表示することもできる。

テキストカードのサンプル

メディアカード

【画像】

画像データを挿入することができる。画像のサイズは３段階。

動画や音声データも画像同様に挿入することができる。

表示の仕方もさまざまで画像カードの右下にチェックを入れれば複数の画像をグループも可能。

「スタック」というグループ化を使うと、カードを1枚1枚スライドさせてみることができるように！

※画像をクリックすると、画像がスライドして下の画像を見られます。

画像は「画像カード」上に画像データをドラッグ&ドロップするだけです。
Teamsのチャット上の画像データをそのままSwayの画像カードへドラッグ&ドロップすることもできます。

スマホで写真を撮りTeamsの個人チャットへアップ⇨PCでTeams個人チャットからSwayへドラッグ&ドロップで簡単にSwayへの画像アップができます。

スマホでSwayを編集する方法についてはこちら。

画像にモザイクをかけたいときは Photoshop がおススメです。画像をPhotoshopに取り込み、モザイクをかけたい範囲を選択＞「フィルター」＞「ピクセレート」＞モザイクでできます。

【埋め込み】

埋め込み用コードがあれば例えば youtube, Stream on SharePoint, Forms, Power Point, Sway, Geogebra 等を挿入できる。

ただ、埋め込んだアプリはSway上で操作しにくいので埋め込むならシンプルなものにしましょう。

動画の埋め込みは、youtube や Stream on SharePoint で埋め込みコードを発行すれば可能です。
ただし、Stream の埋め込みでは、Sway 上で動画を見る際に閲覧者に Microsoft 365 サインインが要求されますので、Microsoft 365 アカウントを持つ人しか見られません。

動画の埋め込みには youtube が最適ですが、gifデータを使う方法もあります。Clipchamp で「ビデオプロジェクト」＞「メディアのインポート」＞画面中央に動画(.mp4)をドラッグ＆ドロップ＞「エクスポート」＞「 .gif 」で .mp4 の動画データをgifに変換できます。.gif は画像データをパラパラ漫画のようにつなげた画像データの事です。Swayで「画像カード」を挿入して .gif を挿入すれば、Sway上で .gif 画像が見られます。

【アップデート】

こちらから画像やyoutubeの動画をアップできます。One Driveやパソコン本体の動画はアップできません。

動画はテキストリンクなどを使い、OneDriveや Stream ( Microsoft365 のアカウントを持っている人に対して)での共有がオススメです。

グループカード

複数の画像データを様々な形で挿入することができる。

【自動】

挿入した画像の枚数から自動で挿入。

【グリッド】

格子状になるよう整列して挿入。

【比較】

２枚の画像を比較しやすいように挿入。中央の矢印をスライドさせればもう一枚の画像が見え隠れする。

【スタック】

画像を積み重ねて表示。一番上をクリックすると、２枚目同様にして３枚目以降をシャッフルするように見ることができる。

【スライドショー】

スライドショーのように画像を切り替えることができる。

デザインの編集方法

「ストーリーライン」タブの隣の「デザイン」タブでデザインを変更できます。

「デザイン」タブを選択すると「再生」画面と 似たような画面になります。右上の「スタイル」からデザインを変更できます。

「スタイル」ではページのスクロール方法を選択できます。

一般的なインターネットサイトと同じ「縦」がお勧めです。

「あア亜」と書いてある正方形（カラーパレット）をクリックすると、そのフォントや見出しの色、背景に変更できます。

時にこだわりがなければこれらのデザインでも十分おしゃれなページができます。

さらにこだわりたい場合は「カスタマイズ」をクリックするとSwayに挿入している画像の色味にあったカラーパレットを提案してくれます。

上の例では鹿の画像の色味にマッチしたカラーパレットが生成されました。

この機能を使えばかなりととのったデザインになります。ナチュラル系の画像を使うといい感じです！

Swayの共有方法

画面右上の「共有」からSwayへのリンクをコピーして、リンクを送ることで他の人へSwayを共有できます。

メールなどでリンクを共有してもいいですし、リンクをQRコード（ネットサービスを利用）にして紙で配布することも可能です。

閲覧者範囲を選択してリンクをコピーしましょう。閲覧パスワードも「その他のオプション」から可能です。

「招待した人への操作許可」は基本的に「表示」にしておきましょう。「編集」にしてしまうと、他の人が共同編集者になってしまいます。

さらに右上の「・・・」からSwayの設定も可能です。

閲覧者などにSwayの複製を許可するかなどはここで設定しましょう。

自動再生をオンにすると、「再生」したときにいい感じに自動スクロールしてくれます。プロジェクタで写して無操作で見させたい時に便利です。

Sway 作成のポイント

Sway には「空白の Sway 」のほかにいくつものテンプレートがあります。

それらを参考にどのようにカードを設定すればどんなデザインになるのか確認しながら Sway の作成を進めましょう。

また、 Sway のレイアウトは画面の大きさによって変わってきます（画面を拡大縮小するだけでもデザインが変わります）。

そのため Sway を見るメインの端末（タブレットやスマホ）でよく見えるように調整する必要があります。

Sway の操作は簡単なので、試行錯誤を楽しみながらページを作りましょう。

Microsoft Sway は、資料共有・プレゼン・説明用コンテンツを簡単に作れる優れたツールです。

一方で、実際の運用や共有フロー、チームで使う際の設計は
想像以上に悩みどころになることもあります。

「自分の現場にどう活かせばいいか」「運用ルールはどうするか」など、
こうした整理や活用については、こちらから相談できます。
→ 業務効率化・ICT活用の相談はこちら