<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>スライド &#8211; つくねの教員ラボ</title>
	<atom:link href="https://kyoinblog.com/category/work/ictskill/%e3%82%b9%e3%83%a9%e3%82%a4%e3%83%89/feed/" rel="self" type="application/rss+xml" />
	<link>https://kyoinblog.com</link>
	<description>教員が定時で帰るために！</description>
	<lastBuildDate>Mon, 30 Dec 2024 16:10:50 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	

<image>
	<url>https://kyoinblog.com/wp-content/uploads/2024/05/cropped-IMG_6164-32x32.jpg</url>
	<title>スライド &#8211; つくねの教員ラボ</title>
	<link>https://kyoinblog.com</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>【完全版】授業・講義で使えるスライドの考え方・作り方まとめ</title>
		<link>https://kyoinblog.com/slide-matome/</link>
		
		<dc:creator><![CDATA[管理者]]></dc:creator>
		<pubDate>Sun, 26 Feb 2023 06:40:29 +0000</pubDate>
				<category><![CDATA[ICTスキル]]></category>
		<category><![CDATA[スライド]]></category>
		<category><![CDATA[仕事]]></category>
		<guid isPermaLink="false">https://kyoinblog.com/?p=570</guid>

					<description><![CDATA[教員がスライドを作成・使用する機会は、かなり多くなってきました。 など、数々の場面が想定されます。 PowerPointやGoogle スライドでの発表がスタンダードになってきたからこそ、スライド作成の重要度は増してきま [&#8230;]]]></description>
										<content:encoded><![CDATA[
<p><strong>教員がスライドを作成・使用する機会は、かなり多くなってきました。</strong></p>



<ul class="wp-block-list">
<li>日々の授業</li>



<li>会議</li>



<li>研修などの発表</li>



<li>学校外への説明会・報告・発表</li>



<li>生徒が作成するときの説明</li>
</ul>



<p>など、数々の場面が想定されます。</p>



<p>PowerPointやGoogle スライドでの発表がスタンダードになってきたからこそ、スライド作成の重要度は増してきました。</p>



<p>しかし、スライドの作成方法を教えてくれる現場はなかなかありません。そのような研修プログラムもありません。</p>



<p>私は赴任当初、右も左もわからないままスライドを作り、二度と使うことのないゴミを量産してきました。</p>



<p>しかし、人に聞いたり、本を読んだりしていくうちに、だんだんと<mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-vivid-red-color"><strong>法則のようなものが見えてきました。</strong></mark></p>



<p>今では以下のようなスライドも簡単に作れるようになりました。<br>※この記事のために作ったもので、実際に使用しているものとは異なります。</p>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:50%">
<figure class="wp-block-image size-full"><img fetchpriority="high" decoding="async" width="1000" height="561" src="https://kyoinblog.com/wp-content/uploads/2023/02/E85F84DA-CC89-493E-A37D-344FB6F94242.png" alt="" class="wp-image-572" srcset="https://kyoinblog.com/wp-content/uploads/2023/02/E85F84DA-CC89-493E-A37D-344FB6F94242.png 1000w, https://kyoinblog.com/wp-content/uploads/2023/02/E85F84DA-CC89-493E-A37D-344FB6F94242-300x168.png 300w, https://kyoinblog.com/wp-content/uploads/2023/02/E85F84DA-CC89-493E-A37D-344FB6F94242-768x431.png 768w, https://kyoinblog.com/wp-content/uploads/2023/02/E85F84DA-CC89-493E-A37D-344FB6F94242-320x180.png 320w, https://kyoinblog.com/wp-content/uploads/2023/02/E85F84DA-CC89-493E-A37D-344FB6F94242-640x360.png 640w" sizes="(max-width: 1000px) 100vw, 1000px" /></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:50%">
<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="577" src="https://kyoinblog.com/wp-content/uploads/2023/02/A838CD34-FD51-467B-9BF9-8CE8E3A71C21-1024x577.png" alt="" class="wp-image-576" srcset="https://kyoinblog.com/wp-content/uploads/2023/02/A838CD34-FD51-467B-9BF9-8CE8E3A71C21-1024x577.png 1024w, https://kyoinblog.com/wp-content/uploads/2023/02/A838CD34-FD51-467B-9BF9-8CE8E3A71C21-300x169.png 300w, https://kyoinblog.com/wp-content/uploads/2023/02/A838CD34-FD51-467B-9BF9-8CE8E3A71C21-768x433.png 768w, https://kyoinblog.com/wp-content/uploads/2023/02/A838CD34-FD51-467B-9BF9-8CE8E3A71C21-320x180.png 320w, https://kyoinblog.com/wp-content/uploads/2023/02/A838CD34-FD51-467B-9BF9-8CE8E3A71C21-640x360.png 640w, https://kyoinblog.com/wp-content/uploads/2023/02/A838CD34-FD51-467B-9BF9-8CE8E3A71C21.png 1228w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>
</div>
</div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:50%">
<figure class="wp-block-image size-full"><img decoding="async" width="1000" height="564" src="https://kyoinblog.com/wp-content/uploads/2023/02/0F21FD35-3D66-4C71-9E9B-40EE0DB56360.png" alt="" class="wp-image-577" srcset="https://kyoinblog.com/wp-content/uploads/2023/02/0F21FD35-3D66-4C71-9E9B-40EE0DB56360.png 1000w, https://kyoinblog.com/wp-content/uploads/2023/02/0F21FD35-3D66-4C71-9E9B-40EE0DB56360-300x169.png 300w, https://kyoinblog.com/wp-content/uploads/2023/02/0F21FD35-3D66-4C71-9E9B-40EE0DB56360-768x433.png 768w, https://kyoinblog.com/wp-content/uploads/2023/02/0F21FD35-3D66-4C71-9E9B-40EE0DB56360-320x180.png 320w, https://kyoinblog.com/wp-content/uploads/2023/02/0F21FD35-3D66-4C71-9E9B-40EE0DB56360-640x360.png 640w" sizes="(max-width: 1000px) 100vw, 1000px" /></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:50%">
<figure class="wp-block-image size-full"><img decoding="async" width="1000" height="564" src="https://kyoinblog.com/wp-content/uploads/2023/02/28AD724E-7693-421D-90F1-019F4EFA58D4.png" alt="" class="wp-image-578" srcset="https://kyoinblog.com/wp-content/uploads/2023/02/28AD724E-7693-421D-90F1-019F4EFA58D4.png 1000w, https://kyoinblog.com/wp-content/uploads/2023/02/28AD724E-7693-421D-90F1-019F4EFA58D4-300x169.png 300w, https://kyoinblog.com/wp-content/uploads/2023/02/28AD724E-7693-421D-90F1-019F4EFA58D4-768x433.png 768w, https://kyoinblog.com/wp-content/uploads/2023/02/28AD724E-7693-421D-90F1-019F4EFA58D4-320x180.png 320w, https://kyoinblog.com/wp-content/uploads/2023/02/28AD724E-7693-421D-90F1-019F4EFA58D4-640x360.png 640w" sizes="(max-width: 1000px) 100vw, 1000px" /></figure>
</div>
</div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:50%">
<figure class="wp-block-image size-full"><img decoding="async" width="1000" height="562" src="https://kyoinblog.com/wp-content/uploads/2023/02/4C3A1336-14F3-4833-A4DD-F9CEA5CF61AE.jpg" alt="" class="wp-image-574" srcset="https://kyoinblog.com/wp-content/uploads/2023/02/4C3A1336-14F3-4833-A4DD-F9CEA5CF61AE.jpg 1000w, https://kyoinblog.com/wp-content/uploads/2023/02/4C3A1336-14F3-4833-A4DD-F9CEA5CF61AE-300x169.jpg 300w, https://kyoinblog.com/wp-content/uploads/2023/02/4C3A1336-14F3-4833-A4DD-F9CEA5CF61AE-768x432.jpg 768w, https://kyoinblog.com/wp-content/uploads/2023/02/4C3A1336-14F3-4833-A4DD-F9CEA5CF61AE-320x180.jpg 320w, https://kyoinblog.com/wp-content/uploads/2023/02/4C3A1336-14F3-4833-A4DD-F9CEA5CF61AE-640x360.jpg 640w" sizes="(max-width: 1000px) 100vw, 1000px" /></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:50%">
<figure class="wp-block-image size-full"><img decoding="async" width="1000" height="562" src="https://kyoinblog.com/wp-content/uploads/2023/02/6D74ED92-4DEF-44CC-B6E6-9643D29B969A.png" alt="" class="wp-image-573" srcset="https://kyoinblog.com/wp-content/uploads/2023/02/6D74ED92-4DEF-44CC-B6E6-9643D29B969A.png 1000w, https://kyoinblog.com/wp-content/uploads/2023/02/6D74ED92-4DEF-44CC-B6E6-9643D29B969A-300x169.png 300w, https://kyoinblog.com/wp-content/uploads/2023/02/6D74ED92-4DEF-44CC-B6E6-9643D29B969A-768x432.png 768w, https://kyoinblog.com/wp-content/uploads/2023/02/6D74ED92-4DEF-44CC-B6E6-9643D29B969A-320x180.png 320w, https://kyoinblog.com/wp-content/uploads/2023/02/6D74ED92-4DEF-44CC-B6E6-9643D29B969A-640x360.png 640w" sizes="(max-width: 1000px) 100vw, 1000px" /></figure>
</div>
</div>



<p><strong>生徒にも、考え方やスキルを伝授したところ、再現することができていました。<br></strong><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-vivid-red-color"><strong>つまり、誰にでも再現可能ということです。</strong></mark></p>



<p>ちなみに、私のサイトで使用している画像も全てPowerPointで作成しています。</p>



<p><strong>この記事では、私がスライドについて持っている知識を網羅的に解説しています。<br>スライド作りの能力を向上させたいと思っている人には必見です！</strong></p>



<h2 class="wp-block-heading">まずは、スライドのメリットを認識する</h2>



<figure class="wp-block-image size-small_size"><img decoding="async" width="640" height="360" src="https://kyoinblog.com/wp-content/uploads/2023/02/image-30-2-640x360.jpg" alt="" class="wp-image-589" srcset="https://kyoinblog.com/wp-content/uploads/2023/02/image-30-2-640x360.jpg 640w, https://kyoinblog.com/wp-content/uploads/2023/02/image-30-2-320x180.jpg 320w" sizes="(max-width: 640px) 100vw, 640px" /></figure>



<p><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-vivid-red-color"><strong>まずは、スライドを作るメリットを認識する必要があります。</strong></mark></p>



<p><strong>なぜなら、質の高いスライドを作ることは、時間がかかりすぎるからです。</strong></p>



<p>スライドのメリットを自覚しないまま、スライドを作り続けると、</p>



<div class="wp-block-jin-gb-block-box simple-box1">

<p>あの技術も入れたい！<br>この見せ方も入れたい！</p>

</div>



<p>という風に、<strong>スライドを作ることそれ自体が目的化してしまいます。</strong></p>



<p><strong>自分で自分の首を絞める働き方は本末転倒です。</strong><br>そのためにも、</p>



<p><span class="marker"><span class="marker2">「何のために、スライドを使うのか！」</span></span></p>



<p>と、<strong>目的を自覚する必要があります。</strong></p>



<p>スライドのメリットとデメリットについては、以下の記事で解説しています。</p>



<figure class="wp-block-embed is-type-wp-embed"><div class="wp-block-embed__wrapper">
<div class="p-blogcard c-hover-opacity p-blogcard-1"><a href="https://kyoinblog.com/slidemind/" class="p-blogcard__img-area"><img decoding="async" width="320" height="180" src="https://kyoinblog.com/wp-content/uploads/2023/02/つくねスライド-1-320x180.jpg" class="p-blog-card__thumb wp-post-image" alt="" srcset="https://kyoinblog.com/wp-content/uploads/2023/02/つくねスライド-1-320x180.jpg 320w, https://kyoinblog.com/wp-content/uploads/2023/02/つくねスライド-1-800x450.jpg 800w, https://kyoinblog.com/wp-content/uploads/2023/02/つくねスライド-1-224x126.jpg 224w" sizes="(max-width: 320px) 100vw, 320px" /></a><a href="https://kyoinblog.com/slidemind/" class="p-blogcard__title-area">【本当に必要？】授業でスライドを用いるときのメリットとデメリット</a><a href="https://kyoinblog.com/slidemind/" class="p-blogcard__excerpt-area">はぁ・・・。プリントができたから、次はスライド作りかぁ。




誰もがおしゃれでスマートなスライドを用いた授業をしたい</a><div class="p-blogcard__btn-area"><a href="https://kyoinblog.com/slidemind/" class="p-blogcard__btn c-btn">記事を読む</a></div></div>
</div></figure>



<p>みなさんは、自分がスライドを作る目的を意識できているでしょうか？</p>



<h2 class="wp-block-heading">シンプルで丁寧なスライドの作り方を身につける</h2>



<p><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-vivid-red-color"><strong>スライドはシンプルで丁寧なものを作りましょう。</strong></mark></p>



<p>スライドの目的をじっくり考えると、派手でかっこいいものである必要がないとわかってきます。</p>



<p><strong>相手が「見辛い」と感じることなく、スーッと理解できるくらいが最低限のスライドです。</strong></p>



<p>まずは、丁寧なスライドを作る原則を身につけましょう！</p>



<p><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-vivid-red-color"><strong>基本的には、有名なデザインの４原則を理解しておけば大丈夫です。</strong></mark></p>



<p>以下の記事で解説しています。</p>



<figure class="wp-block-embed is-type-wp-embed"><div class="wp-block-embed__wrapper">
<div class="p-blogcard c-hover-opacity p-blogcard-2"><a href="https://kyoinblog.com/simple-slide/" class="p-blogcard__img-area"><img decoding="async" width="320" height="180" src="https://kyoinblog.com/wp-content/uploads/2023/02/D664AA6A-0C9B-4051-90AE-E4FD3BD8D687.png" class="p-blog-card__thumb wp-post-image" alt="" srcset="https://kyoinblog.com/wp-content/uploads/2023/02/D664AA6A-0C9B-4051-90AE-E4FD3BD8D687.png 1224w, https://kyoinblog.com/wp-content/uploads/2023/02/D664AA6A-0C9B-4051-90AE-E4FD3BD8D687-300x169.png 300w, https://kyoinblog.com/wp-content/uploads/2023/02/D664AA6A-0C9B-4051-90AE-E4FD3BD8D687-1024x576.png 1024w, https://kyoinblog.com/wp-content/uploads/2023/02/D664AA6A-0C9B-4051-90AE-E4FD3BD8D687-768x432.png 768w, https://kyoinblog.com/wp-content/uploads/2023/02/D664AA6A-0C9B-4051-90AE-E4FD3BD8D687-320x180.png 320w, https://kyoinblog.com/wp-content/uploads/2023/02/D664AA6A-0C9B-4051-90AE-E4FD3BD8D687-640x360.png 640w" sizes="(max-width: 320px) 100vw, 320px" /></a><a href="https://kyoinblog.com/simple-slide/" class="p-blogcard__title-area">【これだけ！】シンプルで見た目の良いスライドを作成するコツ６選</a><a href="https://kyoinblog.com/simple-slide/" class="p-blogcard__excerpt-area">丁寧なプリントやスライドを作りたいけれど、時間をかけている余裕はないなぁ。




スライドに凝り出したら、いくら時間が</a><div class="p-blogcard__btn-area"><a href="https://kyoinblog.com/simple-slide/" class="p-blogcard__btn c-btn">記事を読む</a></div></div>
</div></figure>



<h2 class="wp-block-heading">おしゃれなスライドのために「背景」を駆使する</h2>



<p><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-vivid-red-color"><strong>スライドの「おしゃれさ」を上げたい場合は、背景がポイントになってきます</strong></mark>。</p>



<p>白い背景やPowerPointのテンプレートの背景では、「おしゃれ」と思わせることはできません。</p>



<p>以下の例を見ると一目瞭然です。</p>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:50%">
<figure class="wp-block-image size-full"><img decoding="async" width="1000" height="564" src="https://kyoinblog.com/wp-content/uploads/2023/02/D32BCF2C-A676-424F-9B6E-F2BB49505656.png" alt="" class="wp-image-584" srcset="https://kyoinblog.com/wp-content/uploads/2023/02/D32BCF2C-A676-424F-9B6E-F2BB49505656.png 1000w, https://kyoinblog.com/wp-content/uploads/2023/02/D32BCF2C-A676-424F-9B6E-F2BB49505656-300x169.png 300w, https://kyoinblog.com/wp-content/uploads/2023/02/D32BCF2C-A676-424F-9B6E-F2BB49505656-768x433.png 768w, https://kyoinblog.com/wp-content/uploads/2023/02/D32BCF2C-A676-424F-9B6E-F2BB49505656-320x180.png 320w, https://kyoinblog.com/wp-content/uploads/2023/02/D32BCF2C-A676-424F-9B6E-F2BB49505656-640x360.png 640w" sizes="(max-width: 1000px) 100vw, 1000px" /></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:50%">
<figure class="wp-block-image size-full"><img decoding="async" width="1000" height="564" src="https://kyoinblog.com/wp-content/uploads/2023/02/FE8BFAE2-3712-47CA-8198-9C348A4C65FC.png" alt="" class="wp-image-581" srcset="https://kyoinblog.com/wp-content/uploads/2023/02/FE8BFAE2-3712-47CA-8198-9C348A4C65FC.png 1000w, https://kyoinblog.com/wp-content/uploads/2023/02/FE8BFAE2-3712-47CA-8198-9C348A4C65FC-300x169.png 300w, https://kyoinblog.com/wp-content/uploads/2023/02/FE8BFAE2-3712-47CA-8198-9C348A4C65FC-768x433.png 768w, https://kyoinblog.com/wp-content/uploads/2023/02/FE8BFAE2-3712-47CA-8198-9C348A4C65FC-320x180.png 320w, https://kyoinblog.com/wp-content/uploads/2023/02/FE8BFAE2-3712-47CA-8198-9C348A4C65FC-640x360.png 640w" sizes="(max-width: 1000px) 100vw, 1000px" /></figure>
</div>
</div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:50%">
<figure class="wp-block-image size-full"><img decoding="async" width="1000" height="564" src="https://kyoinblog.com/wp-content/uploads/2023/02/69297FA6-C535-4E5D-BFEE-23517E944D16.png" alt="" class="wp-image-583" srcset="https://kyoinblog.com/wp-content/uploads/2023/02/69297FA6-C535-4E5D-BFEE-23517E944D16.png 1000w, https://kyoinblog.com/wp-content/uploads/2023/02/69297FA6-C535-4E5D-BFEE-23517E944D16-300x169.png 300w, https://kyoinblog.com/wp-content/uploads/2023/02/69297FA6-C535-4E5D-BFEE-23517E944D16-768x433.png 768w, https://kyoinblog.com/wp-content/uploads/2023/02/69297FA6-C535-4E5D-BFEE-23517E944D16-320x180.png 320w, https://kyoinblog.com/wp-content/uploads/2023/02/69297FA6-C535-4E5D-BFEE-23517E944D16-640x360.png 640w" sizes="(max-width: 1000px) 100vw, 1000px" /></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:50%">
<figure class="wp-block-image size-full"><img decoding="async" width="1000" height="562" src="https://kyoinblog.com/wp-content/uploads/2023/02/0C511DE2-B091-46CF-BC09-E1C41719325B.jpg" alt="" class="wp-image-582" srcset="https://kyoinblog.com/wp-content/uploads/2023/02/0C511DE2-B091-46CF-BC09-E1C41719325B.jpg 1000w, https://kyoinblog.com/wp-content/uploads/2023/02/0C511DE2-B091-46CF-BC09-E1C41719325B-300x169.jpg 300w, https://kyoinblog.com/wp-content/uploads/2023/02/0C511DE2-B091-46CF-BC09-E1C41719325B-768x432.jpg 768w, https://kyoinblog.com/wp-content/uploads/2023/02/0C511DE2-B091-46CF-BC09-E1C41719325B-320x180.jpg 320w, https://kyoinblog.com/wp-content/uploads/2023/02/0C511DE2-B091-46CF-BC09-E1C41719325B-640x360.jpg 640w" sizes="(max-width: 1000px) 100vw, 1000px" /></figure>
</div>
</div>



<p>少し手間ですが、背景をうまく使うと</p>



<p><span class="marker"><span class="marker2">「この人、ただものではないな！？」</span></span></p>



<p>という印象を持ってもらいやすくなります。<br><strong>また、好きな背景画像を選択できるため、他の人と被ることもなくなります。</strong></p>



<p><strong>「背景」をうまく使えるようになれたら、学校で使用するスライドにおいては、かなり上級者ということになります。</strong></p>



<p>背景の使い方も含めた、スライドの作り方は以下の記事で解説しています。</p>



<figure class="wp-block-embed is-type-wp-embed"><div class="wp-block-embed__wrapper">
<div class="p-blogcard c-hover-opacity p-blogcard-3"><a href="https://kyoinblog.com/smart-slide/" class="p-blogcard__img-area"><img decoding="async" width="320" height="180" src="https://kyoinblog.com/wp-content/uploads/2023/02/B8B9D304-336F-4C06-AEC7-4C2691EA5889.jpg" class="p-blog-card__thumb wp-post-image" alt="" srcset="https://kyoinblog.com/wp-content/uploads/2023/02/B8B9D304-336F-4C06-AEC7-4C2691EA5889.jpg 1000w, https://kyoinblog.com/wp-content/uploads/2023/02/B8B9D304-336F-4C06-AEC7-4C2691EA5889-300x169.jpg 300w, https://kyoinblog.com/wp-content/uploads/2023/02/B8B9D304-336F-4C06-AEC7-4C2691EA5889-768x432.jpg 768w, https://kyoinblog.com/wp-content/uploads/2023/02/B8B9D304-336F-4C06-AEC7-4C2691EA5889-320x180.jpg 320w, https://kyoinblog.com/wp-content/uploads/2023/02/B8B9D304-336F-4C06-AEC7-4C2691EA5889-640x360.jpg 640w" sizes="(max-width: 320px) 100vw, 320px" /></a><a href="https://kyoinblog.com/smart-slide/" class="p-blogcard__title-area">【授業で使える！】生徒を引きつけるおしゃれでかっこいいスライドの作り方</a><a href="https://kyoinblog.com/smart-slide/" class="p-blogcard__excerpt-area">おしゃれなスライドで生徒の興味をひきたいのだけど、なかなか良いスライドはできないなぁ




おしゃれなスライドのイメー</a><div class="p-blogcard__btn-area"><a href="https://kyoinblog.com/smart-slide/" class="p-blogcard__btn c-btn">記事を読む</a></div></div>
</div></figure>



<h2 class="wp-block-heading">作成時間を早める！</h2>



<figure class="wp-block-image size-small_size"><img decoding="async" width="640" height="360" src="https://kyoinblog.com/wp-content/uploads/2023/02/image-30-640x360.jpg" alt="" class="wp-image-587" srcset="https://kyoinblog.com/wp-content/uploads/2023/02/image-30-640x360.jpg 640w, https://kyoinblog.com/wp-content/uploads/2023/02/image-30-320x180.jpg 320w" sizes="(max-width: 640px) 100vw, 640px" /></figure>



<p><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-vivid-red-color"><strong>納得のいくスライドが作れるようになったら、あとは作業時間を早めましょう！</strong></mark></p>



<p><strong>スライドのデメリットは、なんといっても「時間がかかる」につきます。</strong></p>



<p><strong>相手に伝わる丁寧さと少しのおしゃれさが身につけば、あとは作成時間を早めるだけです！</strong></p>



<p><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-vivid-red-color"><strong>少しでも早くなれば、スライドのメリットだけを受け取ることができます。</strong></mark></p>



<p><strong>どのようにすれば、スライドが早くなるのか、日々思考することが必要でしょう。</strong></p>



<p>以下の記事でも、スライド作成を早める方法を解説しています。</p>



<figure class="wp-block-embed is-type-wp-embed"><div class="wp-block-embed__wrapper">
<div class="p-blogcard c-hover-opacity p-blogcard-4"><a href="https://kyoinblog.com/early-slide/" class="p-blogcard__img-area"><img decoding="async" width="252" height="180" src="https://kyoinblog.com/wp-content/uploads/2023/02/startup-gdc8318e9c_640.jpg" class="p-blog-card__thumb wp-post-image" alt="" srcset="https://kyoinblog.com/wp-content/uploads/2023/02/startup-gdc8318e9c_640.jpg 640w, https://kyoinblog.com/wp-content/uploads/2023/02/startup-gdc8318e9c_640-300x214.jpg 300w" sizes="(max-width: 252px) 100vw, 252px" /></a><a href="https://kyoinblog.com/early-slide/" class="p-blogcard__title-area">【15~30分！！】授業で使える質の高いスライドを素早く作成する方法</a><a href="https://kyoinblog.com/early-slide/" class="p-blogcard__excerpt-area">スライドを作ったほうがいいんだろうけど、時間がかかるからなぁ・・・




教員の仕事の中でもスライドを作る優先度はそこ</a><div class="p-blogcard__btn-area"><a href="https://kyoinblog.com/early-slide/" class="p-blogcard__btn c-btn">記事を読む</a></div></div>
</div></figure>



<h2 class="wp-block-heading">まとめ</h2>



<p>この記事では以下のことを解説しました。</p>



<div class="wp-block-jin-gb-block-box-with-headline kaisetsu-box3"><div class="kaisetsu-box3-title">授業で使えるスライド作りの考え方と方法</div>

<p>・スライドの目的を理解する</p>


<p>・相手のことを意識した丁寧なスライドを作る</p>


<p>・おしゃれな背景に使い、少し差別化する</p>


<p>・作業効率を早める</p>

</div>



<p><strong>スライドが作れるようになると、何かを説明する場面を任されることが多くなります。</strong></p>



<p><strong>他者に貢献することができれば、それは働き方の改善にもつながります。</strong><br>ぜひ、習得していきましょう！</p>



<figure class="wp-block-embed is-type-wp-embed"><div class="wp-block-embed__wrapper">
<div class="p-blogcard c-hover-opacity p-blogcard-5"><a href="https://kyoinblog.com/ningenkankei/" class="p-blogcard__img-area"><img decoding="async" width="320" height="180" src="https://kyoinblog.com/wp-content/uploads/2023/02/1-320x180.png" class="p-blog-card__thumb wp-post-image" alt="" srcset="https://kyoinblog.com/wp-content/uploads/2023/02/1-320x180.png 320w, https://kyoinblog.com/wp-content/uploads/2023/02/1-800x450.png 800w, https://kyoinblog.com/wp-content/uploads/2023/02/1-224x126.png 224w" sizes="(max-width: 320px) 100vw, 320px" /></a><a href="https://kyoinblog.com/ningenkankei/" class="p-blogcard__title-area">【実体験】教員が人間関係や職員室の雰囲気を気にせずに早く帰る方法</a><a href="https://kyoinblog.com/ningenkankei/" class="p-blogcard__excerpt-area">今から帰ろうと思うんだけど、周りのみんなが職員室に残っていて、帰りづらい。




このような悩みを持っている人は、多い</a><div class="p-blogcard__btn-area"><a href="https://kyoinblog.com/ningenkankei/" class="p-blogcard__btn c-btn">記事を読む</a></div></div>
</div></figure>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>【15~30分！！】授業で使える質の高いスライドを素早く作成する方法</title>
		<link>https://kyoinblog.com/early-slide/</link>
		
		<dc:creator><![CDATA[管理者]]></dc:creator>
		<pubDate>Thu, 23 Feb 2023 11:52:19 +0000</pubDate>
				<category><![CDATA[ICTスキル]]></category>
		<category><![CDATA[スライド]]></category>
		<category><![CDATA[仕事]]></category>
		<guid isPermaLink="false">https://kyoinblog.com/?p=538</guid>

					<description><![CDATA[教員の仕事の中でもスライドを作る優先度はそこまで高くありません。 しかし、この記事を読んでくれている皆さんは、 「それでもスライドはあった方がいいから、作りたい！」 といった人たちではないでしょうか。 私も教員になりたて [&#8230;]]]></description>
										<content:encoded><![CDATA[
<div class="wp-block-sbd-balloon sbd-balloon sbd-balloon--id-5 sbd-balloon--flat sbd-balloon--l sbd-balloon--gray block-box"><div class="sbd-balloon__profile"><figure class="sbd-balloon__icon"><img decoding="async" src="https://kyoinblog.com/wp-content/uploads/2023/03/download-4.jpg" alt="" class="sbd-balloon__img"/></figure><div class="sbd-balloon__name"></div></div><div class="sbd-balloon__text-box sbd-inner-block-init">
<p>スライドを作ったほうがいいんだろうけど、時間がかかるからなぁ・・・</p>
</div></div>



<p><strong>教員の仕事の中でもスライドを作る優先度はそこまで高くありません。</strong></p>



<p>しかし、この記事を読んでくれている皆さんは、</p>



<p><strong>「それでもスライドはあった方がいいから、作りたい！」</strong></p>



<p>といった人たちではないでしょうか。</p>



<p>私も教員になりたての頃は、スライドを作ることに時間がかかりすぎて、スライドを使うことを諦めた授業も多々あります。</p>



<p>しかし、<strong>今では一つの授業のスライドを15分から30分で作成できるようになりました。</strong></p>



<p>この記事では、<strong>スライドを作成する時間を短縮することができるようになった私が、素早くスライドを作成するようになった方法を紹介します。</strong></p>



<h2 class="wp-block-heading">最初は時間をかける</h2>



<figure class="wp-block-image size-small_size"><img decoding="async" width="640" height="360" src="https://kyoinblog.com/wp-content/uploads/2023/02/image-24-640x360.jpg" alt="" class="wp-image-562" srcset="https://kyoinblog.com/wp-content/uploads/2023/02/image-24-640x360.jpg 640w, https://kyoinblog.com/wp-content/uploads/2023/02/image-24-320x180.jpg 320w" sizes="(max-width: 640px) 100vw, 640px" /></figure>



<p><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-vivid-red-color"><strong>素早くスライドを作るコツの1つ目は、「時間をかけてスライドを作る」です。</strong></mark></p>



<p>がっかりして、読むのをやめてしまう人もいると思いますが、思いとどまっていただけると幸いです。</p>



<p><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-vivid-red-color"><strong>何事も、一度、全体を経験する必要があります。</strong></mark><br><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-vivid-red-color"><strong>全体を経験した上で、早くできるところは早くし、要らないと判断できるところはカットすることで時間は短縮できます。</strong></mark></p>



<p><strong>つまり、ある程度の質を維持しようと思うと、最初に時間をかけるのは仕方がないということです。</strong></p>



<p>この考え方については、以下の記事で詳しく解説しています。</p>



<figure class="wp-block-embed is-type-wp-embed"><div class="wp-block-embed__wrapper">
<div class="p-blogcard c-hover-opacity p-blogcard-1"><a href="https://kyoinblog.com/skillmind/" class="p-blogcard__img-area"><img decoding="async" width="320" height="180" src="https://kyoinblog.com/wp-content/uploads/2023/02/4-3-320x180.jpg" class="p-blog-card__thumb wp-post-image" alt="" srcset="https://kyoinblog.com/wp-content/uploads/2023/02/4-3-320x180.jpg 320w, https://kyoinblog.com/wp-content/uploads/2023/02/4-3-800x450.jpg 800w, https://kyoinblog.com/wp-content/uploads/2023/02/4-3-224x126.jpg 224w" sizes="(max-width: 320px) 100vw, 320px" /></a><a href="https://kyoinblog.com/skillmind/" class="p-blogcard__title-area">【注意！】教員が業務効率化のための仕事術を身につける時の注意点とは？</a><a href="https://kyoinblog.com/skillmind/" class="p-blogcard__excerpt-area">仕事術を身に着けて、スマートに仕事をこなしてやるぜ！




このように駆け出しのころや長期休み明けのときは、意気込んで</a><div class="p-blogcard__btn-area"><a href="https://kyoinblog.com/skillmind/" class="p-blogcard__btn c-btn">記事を読む</a></div></div>
</div></figure>



<p><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-vivid-red-color"><strong>スライドは資産です。まずは、自分が納得できるだけのスライドを時間をかけて作る。</strong></mark></p>



<p>そのあと、<strong>スライドの質を下げずに、どのように作業時間を短くするか、を考えていく必要があります。</strong></p>



<div class="wp-block-jin-gb-block-icon-box jin-icon-checkcircle jin-iconbox"><div class="jin-iconbox-icons"><i class="jic jin-ifont-checkcircle jin-icons"></i></div><div class="jin-iconbox-main">

<p>すぐに質の高いスライドができるという魔法は、残念ながら存在しません。</p>

</div></div>



<div class="wp-block-jin-gb-block-icon-box jin-icon-caution jin-iconbox"><div class="jin-iconbox-icons"><i class="jic jin-ifont-caution jin-icons"></i></div><div class="jin-iconbox-main">

<p>テンプレートを使う、という方法もありますが、その辺に出回っているものは他でも見るので、個性がなくなります。また、良いテンプレートを使用しても、効果的なスライドの使い方を知らなければ、スライドを活用できているとは言えないでしょう。</p>

</div></div>



<p>腰をすえて、丁寧にスライドを作成する覚悟ができた人に向けて、スライドの作り方も解説していますので、ご活用ください。</p>



<figure class="wp-block-embed is-type-wp-embed"><div class="wp-block-embed__wrapper">
<div class="p-blogcard c-hover-opacity p-blogcard-2"><a href="https://kyoinblog.com/simple-slide/" class="p-blogcard__img-area"><img decoding="async" width="320" height="180" src="https://kyoinblog.com/wp-content/uploads/2023/02/D664AA6A-0C9B-4051-90AE-E4FD3BD8D687.png" class="p-blog-card__thumb wp-post-image" alt="" srcset="https://kyoinblog.com/wp-content/uploads/2023/02/D664AA6A-0C9B-4051-90AE-E4FD3BD8D687.png 1224w, https://kyoinblog.com/wp-content/uploads/2023/02/D664AA6A-0C9B-4051-90AE-E4FD3BD8D687-300x169.png 300w, https://kyoinblog.com/wp-content/uploads/2023/02/D664AA6A-0C9B-4051-90AE-E4FD3BD8D687-1024x576.png 1024w, https://kyoinblog.com/wp-content/uploads/2023/02/D664AA6A-0C9B-4051-90AE-E4FD3BD8D687-768x432.png 768w, https://kyoinblog.com/wp-content/uploads/2023/02/D664AA6A-0C9B-4051-90AE-E4FD3BD8D687-320x180.png 320w, https://kyoinblog.com/wp-content/uploads/2023/02/D664AA6A-0C9B-4051-90AE-E4FD3BD8D687-640x360.png 640w" sizes="(max-width: 320px) 100vw, 320px" /></a><a href="https://kyoinblog.com/simple-slide/" class="p-blogcard__title-area">【これだけ！】シンプルで見た目の良いスライドを作成するコツ６選</a><a href="https://kyoinblog.com/simple-slide/" class="p-blogcard__excerpt-area">丁寧なプリントやスライドを作りたいけれど、時間をかけている余裕はないなぁ。




スライドに凝り出したら、いくら時間が</a><div class="p-blogcard__btn-area"><a href="https://kyoinblog.com/simple-slide/" class="p-blogcard__btn c-btn">記事を読む</a></div></div>
</div></figure>



<figure class="wp-block-embed is-type-wp-embed"><div class="wp-block-embed__wrapper">
<div class="p-blogcard c-hover-opacity p-blogcard-3"><a href="https://kyoinblog.com/smart-slide/" class="p-blogcard__img-area"><img decoding="async" width="320" height="180" src="https://kyoinblog.com/wp-content/uploads/2023/02/B8B9D304-336F-4C06-AEC7-4C2691EA5889.jpg" class="p-blog-card__thumb wp-post-image" alt="" srcset="https://kyoinblog.com/wp-content/uploads/2023/02/B8B9D304-336F-4C06-AEC7-4C2691EA5889.jpg 1000w, https://kyoinblog.com/wp-content/uploads/2023/02/B8B9D304-336F-4C06-AEC7-4C2691EA5889-300x169.jpg 300w, https://kyoinblog.com/wp-content/uploads/2023/02/B8B9D304-336F-4C06-AEC7-4C2691EA5889-768x432.jpg 768w, https://kyoinblog.com/wp-content/uploads/2023/02/B8B9D304-336F-4C06-AEC7-4C2691EA5889-320x180.jpg 320w, https://kyoinblog.com/wp-content/uploads/2023/02/B8B9D304-336F-4C06-AEC7-4C2691EA5889-640x360.jpg 640w" sizes="(max-width: 320px) 100vw, 320px" /></a><a href="https://kyoinblog.com/smart-slide/" class="p-blogcard__title-area">【授業で使える！】生徒を引きつけるおしゃれでかっこいいスライドの作り方</a><a href="https://kyoinblog.com/smart-slide/" class="p-blogcard__excerpt-area">おしゃれなスライドで生徒の興味をひきたいのだけど、なかなか良いスライドはできないなぁ




おしゃれなスライドのイメー</a><div class="p-blogcard__btn-area"><a href="https://kyoinblog.com/smart-slide/" class="p-blogcard__btn c-btn">記事を読む</a></div></div>
</div></figure>



<h2 class="wp-block-heading">作業時間をカットする方法</h2>



<p>納得のいくスライドを作成できるようになった方に、向けて作業時間を短縮する方法をお伝えします。</p>



<h3 class="wp-block-heading">ショートカットキーを使用する</h3>



<figure class="wp-block-image size-full is-resized"><img decoding="async" width="400" height="225" src="https://kyoinblog.com/wp-content/uploads/2023/02/image-24.png" alt="" class="wp-image-563" style="width:634px;height:357px" srcset="https://kyoinblog.com/wp-content/uploads/2023/02/image-24.png 400w, https://kyoinblog.com/wp-content/uploads/2023/02/image-24-300x169.png 300w, https://kyoinblog.com/wp-content/uploads/2023/02/image-24-320x180.png 320w" sizes="(max-width: 400px) 100vw, 400px" /></figure>



<p>まずは、王道の方法として<mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-vivid-red-color"><strong>「ショートカットキー」</strong></mark>の使用があります。</p>



<div class="wp-block-jin-gb-block-icon-box jin-icon-question jin-iconbox"><div class="jin-iconbox-icons"><i class="jic jin-ifont-question jin-icons"></i></div><div class="jin-iconbox-main">

<p>ショートカットキーなんかで本当に早くなるのか？誤差じゃないのか？</p>

</div></div>



<p>ショートカットキーで早くなるのは、1秒や2秒ですが、ちりもつもれば山となるです！</p>



<p>さらに時間だけでなく、労力をカットすることもでき、思考スピードも上昇します。</p>



<p><strong>ショートカットを覚えると、間違いなくスライドを早く作る能力は上昇します。</strong></p>



<div class="wp-block-jin-gb-block-icon-box jin-icon-information jin-iconbox"><div class="jin-iconbox-icons"><i class="jic jin-ifont-information jin-icons"></i></div><div class="jin-iconbox-main">

<p>また基本的なショートカットキーは他のシーンでも使用することができます。学校の作業時間を総合的に短縮する効果があります。</p>

</div></div>



<p>しかし、ショートカットキーといってもたくさんあります。<br>今回はスライド作成時に使用するものに限定して紹介します。</p>



<div class="wp-block-jin-gb-block-icon-box jin-icon-caution jin-iconbox"><div class="jin-iconbox-icons"><i class="jic jin-ifont-caution jin-icons"></i></div><div class="jin-iconbox-main">

<p>「Ctrl＋○」を用いて説明しますが、私と同じMac派の人は「⌘」に置き換えて、使用してください。</p>

</div></div>



<h4 class="wp-block-heading">「Ctrl＋C」「Ctrl＋V」｜コピー、貼り付け</h4>



<p>まずは、マスト（must）で使用していただきたいのが、<strong>「コピーと貼り付け」</strong>です。</p>



<div class="wp-block-jin-gb-block-box simple-box1">

<p>・「Ctrl＋C」：コピー<br>・「Ctrl＋V」：貼り付け</p>

</div>



<p><strong>複製したい文字や画像を選択し、「Ctrl＋C」を押します。その後、複製したい場所で「Ctrl＋V」を押すだけで、文字や画像を複製することができます。</strong></p>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:50%">
<figure class="wp-block-image size-full"><img decoding="async" width="1000" height="567" src="https://kyoinblog.com/wp-content/uploads/2023/02/48c5f6a75541ab0ec14878b1788a7cc9.png" alt="" class="wp-image-545" srcset="https://kyoinblog.com/wp-content/uploads/2023/02/48c5f6a75541ab0ec14878b1788a7cc9.png 1000w, https://kyoinblog.com/wp-content/uploads/2023/02/48c5f6a75541ab0ec14878b1788a7cc9-300x170.png 300w, https://kyoinblog.com/wp-content/uploads/2023/02/48c5f6a75541ab0ec14878b1788a7cc9-768x435.png 768w, https://kyoinblog.com/wp-content/uploads/2023/02/48c5f6a75541ab0ec14878b1788a7cc9-320x180.png 320w" sizes="(max-width: 1000px) 100vw, 1000px" /></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:50%">
<figure class="wp-block-image size-full"><img decoding="async" width="1000" height="564" src="https://kyoinblog.com/wp-content/uploads/2023/02/53E52E65-D23B-4994-8F2E-3B93D3D6C846.png" alt="" class="wp-image-543" srcset="https://kyoinblog.com/wp-content/uploads/2023/02/53E52E65-D23B-4994-8F2E-3B93D3D6C846.png 1000w, https://kyoinblog.com/wp-content/uploads/2023/02/53E52E65-D23B-4994-8F2E-3B93D3D6C846-300x169.png 300w, https://kyoinblog.com/wp-content/uploads/2023/02/53E52E65-D23B-4994-8F2E-3B93D3D6C846-768x433.png 768w, https://kyoinblog.com/wp-content/uploads/2023/02/53E52E65-D23B-4994-8F2E-3B93D3D6C846-320x180.png 320w, https://kyoinblog.com/wp-content/uploads/2023/02/53E52E65-D23B-4994-8F2E-3B93D3D6C846-640x360.png 640w" sizes="(max-width: 1000px) 100vw, 1000px" /></figure>
</div>
</div>



<p>同じスライドを使いたい時にコピーできますし、過去の作成したスライドまで一瞬でコピーできます。</p>



<p>「スライド＝資産」と捉える私としては、一度作ったスライドは、ボロボロになるまで使用することを推奨します。</p>



<p>何度も使用するということは、何度もコピーするということです。<br>何度もコピーするならば、そのショートカットキーは覚えてしまいましょう。</p>



<h4 class="wp-block-heading">「Ctrl＋Z」｜取り消し</h4>



<p><strong>コピーと貼り付けと同じくらい使用するのが、この「取り消し」のショートカットです。</strong></p>



<div class="wp-block-jin-gb-block-box simple-box1">

<p>・「Ctrl＋Z」：取り消し</p>

</div>



<p><strong>スライドを作成していると何度も、「違うなぁ」とやり直したくなります。</strong><br>どうしても感覚が作用する場面が多くなってしまうからですね。</p>



<p>そんなときに「Ctrl＋Z」を押すと一手戻ります。だいたいのことはこれで解決します。</p>



<div class="wp-block-jin-gb-block-icon-box jin-icon-information jin-iconbox"><div class="jin-iconbox-icons"><i class="jic jin-ifont-information jin-icons"></i></div><div class="jin-iconbox-main">

<p>余裕があれば、「Ctrl＋shift＋Z」も覚えると便利です。<br>これを使うと「取り消し」を取り消すことができます。</p>

</div></div>



<h4 class="wp-block-heading">「alt+tab」｜ウィンドウを切り替える</h4>



<div class="wp-block-jin-gb-block-box simple-box1">

<p>・「alt+tab」：ウィンドウの切り替え</p>

</div>



<p>ここからは少し聞きなれないショートカットになりますが、「alt+tab」を紹介します。<br><strong>「alt+tab」を押すと、現在使用しているPowerPointをExcelやWordなど、すでに開いているウィンドウに切り替えることができます。</strong></p>



<p>スライドを使用していると、授業プリントを参考にしたくなったり、Webを参考にしたくなったりします。</p>



<p>その際、パソコン画面の下にカーソルを合わせて、PowerPointからWordだったり、インターネットに切り替えると思います。</p>



<p>何かの画像をインターネットから持ってくる時、以下の動作が必要になります。</p>



<ol class="wp-block-list">
<li>カーソルを画面の下に持っていく</li>



<li>クリックして、インターネットを開く</li>



<li>コピーしたい画像にカーソルを持っていく</li>



<li>画像をコピーする</li>



<li>また、カーソルを下に持っていく</li>



<li>クリックして、PowerPointを開く</li>



<li>カーソルを上に持っていく</li>



<li>貼り付ける</li>
</ol>



<p>日が暮れてしまいます。</p>



<p><strong>「alt+tab」のショートカットキーを覚えると、上記の行程の①③⑤⑦をカットすることができます。</strong></p>



<p>私はMacのため、画面を用いて解説できないのが悔しいですが、ぜひお持ちのPCで試してみてください。</p>



<p><strong>最初は「これだけ？必要か？」と思いますが、慣れると、「alt+tab」なしでは生活できなくなります！</strong></p>



<div class="wp-block-jin-gb-block-icon-box jin-icon-information jin-iconbox"><div class="jin-iconbox-icons"><i class="jic jin-ifont-information jin-icons"></i></div><div class="jin-iconbox-main">

<p>Macの場合は「⌘＋tab」です。</p>

</div></div>



<h4 class="wp-block-heading">その他のショートカット</h4>



<p>一段と使用頻度は落ちますが、地味にスライド作りで使えるショートカットキーをお伝えします。</p>



<h5 class="wp-block-heading">「Ctrl＋X」｜切り取り</h5>



<p>切り取って、別の箇所に貼り付けたいときに使用します。<br>ただ、「コピー」「貼り付け」した後にコピー元を消せばいいので、重要度を落としました。また、スライドではあまり切り取ることが少ないというのが僕の印象です。</p>



<h5 class="wp-block-heading">「Ctrl＋B」｜太字</h5>



<p>文字を太字にしたいときに使用します。<br>スライドでは、遠くの人も見える必要があるため、常に太字の方が好ましいです。<br>そのため、意外に使用する頻度が高いのがこのショートカットキーです。</p>



<h5 class="wp-block-heading">「Ctrl＋S」｜上書き保存</h5>



<p>このショートカットキーで上書き保存ができます。<br>必ず使用することになるショートカットキーですが、スライドを作っているうちにそう何度も使用するものではないので、重要度を下げました。<br>ただ、不安でよく「上書き保存」を使用する人は、覚えておくと便利でしょう。</p>



<div class="wp-block-jin-gb-block-icon-box jin-icon-information jin-iconbox"><div class="jin-iconbox-icons"><i class="jic jin-ifont-information jin-icons"></i></div><div class="jin-iconbox-main">

<p>付属で「Ctrl＋shift＋S」で「名前をつけて保存」です。<br>設定されていれば「F12」も同じ効果が得られます。</p>

</div></div>



<h3 class="wp-block-heading">過去のスライドを引用する</h3>



<figure class="wp-block-image size-small_size"><img decoding="async" width="640" height="360" src="https://kyoinblog.com/wp-content/uploads/2023/02/image-25-640x360.png" alt="" class="wp-image-564" srcset="https://kyoinblog.com/wp-content/uploads/2023/02/image-25-640x360.png 640w, https://kyoinblog.com/wp-content/uploads/2023/02/image-25-320x180.png 320w" sizes="(max-width: 640px) 100vw, 640px" /></figure>



<p><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-vivid-red-color"><strong>ショートカットキーの他にスライドを早く作るコツとして、「過去のスライドを使用する」というのが挙げられます。</strong></mark></p>



<p><strong>一度スライドの型を作ってしまえば、授業が変わるごとに一から新しく作る必要はありません。</strong></p>



<p><strong>表紙やテキストボックスや背景や表などは、使いまわしてしまえばいいのです！</strong></p>



<p>何度も何度も何度も何度も過去のスライドから引用して、<strong>数字や文言などの情報のみ書き換えましょう。</strong></p>



<p><strong>そうすることで、作れば作るほど、後が楽になってくるのに、授業は統一したデザインのスライドでできるため、良いことしかありません。</strong></p>



<div class="wp-block-jin-gb-block-icon-box jin-icon-caution jin-iconbox"><div class="jin-iconbox-icons"><i class="jic jin-ifont-caution jin-icons"></i></div><div class="jin-iconbox-main">

<p>スライド作りを重視するあまり、毎回一から作ってしまい、逆に見辛くなってしまうのは本末転倒です。デザインを大きく変える時は、単元をまたぐときや学期をまたぐときに限定しておきましょう。</p>

</div></div>



<h3 class="wp-block-heading">モニターを使用する</h3>



<figure class="wp-block-image size-small_size"><img decoding="async" width="640" height="360" src="https://kyoinblog.com/wp-content/uploads/2023/02/image-26-640x360.png" alt="" class="wp-image-565" srcset="https://kyoinblog.com/wp-content/uploads/2023/02/image-26-640x360.png 640w, https://kyoinblog.com/wp-content/uploads/2023/02/image-26-320x180.png 320w" sizes="(max-width: 640px) 100vw, 640px" /></figure>



<p>素早いスライド作りとして、最後に私が伝えたいのが<mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-vivid-red-color"><strong>「大きな画面で作業する」</strong></mark>です。</p>



<p>PowerPointでスライドを作る時に、PowerPointだけを開いている人は少ないです。</p>



<p>必ず、インターネットであったり、授業プリントであったり、原稿をメモしたものを見ながらスライドを作っていくはずです。</p>



<p>その切り替えがめんどくさくなるために、先ほどは「alt+tab」を紹介しました。</p>



<p><strong>しかし、そもそも切り替える必要をなくしてしまうのが、「大きな画面」です。</strong></p>



<p>小さな画面を使っていると、画面に２つのウィンドウを並べた時に、小さすぎてとても作業できるものではありません。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="1000" height="750" src="https://kyoinblog.com/wp-content/uploads/2023/02/IMG_4846.jpeg" alt="" class="wp-image-559" srcset="https://kyoinblog.com/wp-content/uploads/2023/02/IMG_4846.jpeg 1000w, https://kyoinblog.com/wp-content/uploads/2023/02/IMG_4846-300x225.jpeg 300w, https://kyoinblog.com/wp-content/uploads/2023/02/IMG_4846-768x576.jpeg 768w" sizes="(max-width: 1000px) 100vw, 1000px" /></figure>



<p><strong>大きな画面を使用すると、複数のウィンドウを並べても、十分に作業することができます。<br>原稿を見ながら、スライドを作ることもできますし、画像をコピーしてそのまま貼り付けることもできます。</strong></p>



<figure class="wp-block-image size-full"><img decoding="async" width="1000" height="750" src="https://kyoinblog.com/wp-content/uploads/2023/02/IMG_4845.jpeg" alt="" class="wp-image-557" srcset="https://kyoinblog.com/wp-content/uploads/2023/02/IMG_4845.jpeg 1000w, https://kyoinblog.com/wp-content/uploads/2023/02/IMG_4845-300x225.jpeg 300w, https://kyoinblog.com/wp-content/uploads/2023/02/IMG_4845-768x576.jpeg 768w" sizes="(max-width: 1000px) 100vw, 1000px" /></figure>



<p>私は27インチのディスプレイをおすすめしていますが、最低でも24インチの画面で作業することをおすすめします。※32インチでももちろん可！</p>



<p><strong>騙されたと思って、使用してみてください。<br>私が周りに勧めて使い出した人で、使うのをやめた人はいませんし、「もっと早く言って欲しかった」と言われます。</strong></p>



<p>使うことで、作業が早くなるものは、すぐに導入しましょう！</p>



<h2 class="wp-block-heading">まとめ</h2>



<p>この記事では以下のことを解説しました。</p>



<div class="wp-block-jin-gb-block-box-with-headline kaisetsu-box3"><div class="kaisetsu-box3-title">スライドを早く作る方法</div>

<p>最初は時間をかけて作り、徐々に短縮していく</p>


<p>ショートカットキーを使う</p>


<p>過去のスライドを引用する</p>


<p>大きな画面で作業する</p>

</div>



<p>今回、紹介した方法は、使用してすぐに効果を実感できるものばかりではありません。</p>



<p>むしろ、導入初期に関しては大きく生産性を落としてしまいます。</p>



<p>大きなモニターなどは、購入からセッティングまで時間がかかります。</p>



<p><strong>しかし、何度も言いますが、スライドは教員人生の中で「資産」となるものです。</strong></p>



<p><strong>長い目で見ると、後々の自分を助けてくれます。</strong></p>



<p>仕事と資産の考え方については、以下の記事で解説しています。</p>



<figure class="wp-block-embed is-type-wp-embed"><div class="wp-block-embed__wrapper">
<div class="p-blogcard c-hover-opacity p-blogcard-4"><a href="https://kyoinblog.com/stockmind/" class="p-blogcard__img-area"><img decoding="async" width="320" height="180" src="https://kyoinblog.com/wp-content/uploads/2023/02/つくね仕事論-2-320x180.jpg" class="p-blog-card__thumb wp-post-image" alt="" srcset="https://kyoinblog.com/wp-content/uploads/2023/02/つくね仕事論-2-320x180.jpg 320w, https://kyoinblog.com/wp-content/uploads/2023/02/つくね仕事論-2-800x450.jpg 800w, https://kyoinblog.com/wp-content/uploads/2023/02/つくね仕事論-2-224x126.jpg 224w" sizes="(max-width: 320px) 100vw, 320px" /></a><a href="https://kyoinblog.com/stockmind/" class="p-blogcard__title-area">【3年で到達！】教員が早く帰るための「ストックを貯める」という方法</a><a href="https://kyoinblog.com/stockmind/" class="p-blogcard__excerpt-area">職場から早く帰りたいんだけど、仕事をほったらかして帰るのは嫌なぁ。




毎日、早く帰りたいと思ってはいるけれど、自分</a><div class="p-blogcard__btn-area"><a href="https://kyoinblog.com/stockmind/" class="p-blogcard__btn c-btn">記事を読む</a></div></div>
</div></figure>



<p>ぜひ、少しずつでもいいので、導入してみてください！</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>【これだけ！】シンプルで見た目の良いスライドを作成するコツ６選</title>
		<link>https://kyoinblog.com/simple-slide/</link>
		
		<dc:creator><![CDATA[管理者]]></dc:creator>
		<pubDate>Wed, 22 Feb 2023 15:22:33 +0000</pubDate>
				<category><![CDATA[ICTスキル]]></category>
		<category><![CDATA[スライド]]></category>
		<category><![CDATA[仕事]]></category>
		<guid isPermaLink="false">https://kyoinblog.com/?p=501</guid>

					<description><![CDATA[スライドに凝り出したら、いくら時間があっても足りません。 それに教員の仕事において、スライド作りの優先順位は高くありません。 しかし、だからといって、雑に作るわけにもいきません。仕事である以上、ある程度のクオリティは必要 [&#8230;]]]></description>
										<content:encoded><![CDATA[
<div class="wp-block-sbd-balloon sbd-balloon sbd-balloon--id-5 sbd-balloon--flat sbd-balloon--l sbd-balloon--gray block-box"><div class="sbd-balloon__profile"><figure class="sbd-balloon__icon"><img decoding="async" src="https://kyoinblog.com/wp-content/uploads/2023/03/download-4.jpg" alt="" class="sbd-balloon__img"/></figure><div class="sbd-balloon__name"></div></div><div class="sbd-balloon__text-box sbd-inner-block-init">
<p>丁寧なプリントやスライドを作りたいけれど、時間をかけている余裕はないなぁ。</p>
</div></div>



<p>スライドに凝り出したら、いくら時間があっても足りません。</p>



<p>それに教員の仕事において、スライド作りの優先順位は高くありません。</p>



<p>しかし、だからといって、雑に作るわけにもいきません。仕事である以上、ある程度のクオリティは必要です。また、生徒や同僚に「雑な人」という印象をもたれるかもしれません。</p>



<p>そこで今回は、「ここだけ押さえておけば、マシなスライドを作れる」というラインを６つに絞りました。</p>



<p>６つのコツを利用すれば、１枚目のスライドも２枚目のように見やすくすることができます。</p>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:50%">
<figure class="wp-block-image size-full"><img decoding="async" width="1000" height="565" src="https://kyoinblog.com/wp-content/uploads/2023/02/AE4B8C59-80BC-416E-8C03-C39321562BC9.png" alt="" class="wp-image-509" srcset="https://kyoinblog.com/wp-content/uploads/2023/02/AE4B8C59-80BC-416E-8C03-C39321562BC9.png 1000w, https://kyoinblog.com/wp-content/uploads/2023/02/AE4B8C59-80BC-416E-8C03-C39321562BC9-300x170.png 300w, https://kyoinblog.com/wp-content/uploads/2023/02/AE4B8C59-80BC-416E-8C03-C39321562BC9-768x434.png 768w, https://kyoinblog.com/wp-content/uploads/2023/02/AE4B8C59-80BC-416E-8C03-C39321562BC9-320x180.png 320w" sizes="(max-width: 1000px) 100vw, 1000px" /></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:50%">
<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="577" src="https://kyoinblog.com/wp-content/uploads/2023/02/5E5FDA31-E470-49C4-8BF6-5640E573F908-1024x577.png" alt="" class="wp-image-510" srcset="https://kyoinblog.com/wp-content/uploads/2023/02/5E5FDA31-E470-49C4-8BF6-5640E573F908-1024x577.png 1024w, https://kyoinblog.com/wp-content/uploads/2023/02/5E5FDA31-E470-49C4-8BF6-5640E573F908-300x169.png 300w, https://kyoinblog.com/wp-content/uploads/2023/02/5E5FDA31-E470-49C4-8BF6-5640E573F908-768x433.png 768w, https://kyoinblog.com/wp-content/uploads/2023/02/5E5FDA31-E470-49C4-8BF6-5640E573F908-320x180.png 320w, https://kyoinblog.com/wp-content/uploads/2023/02/5E5FDA31-E470-49C4-8BF6-5640E573F908-640x360.png 640w, https://kyoinblog.com/wp-content/uploads/2023/02/5E5FDA31-E470-49C4-8BF6-5640E573F908.png 1228w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>
</div>
</div>



<p>この記事では、時間をかけず、ある程度の質を保ったプリント・スライドの作り方をご紹介します。</p>



<h2 class="wp-block-heading">デザインの良し悪しを決める４つの原則</h2>



<p>スライドのデザインを決める要素として、４つの原則が存在します。</p>



<p>細かいことは考えずに、とりあえず４つの原則を当てはめることから始めましょう。</p>



<div class="wp-block-jin-gb-block-icon-box jin-icon-information jin-iconbox"><div class="jin-iconbox-icons"><i class="jic jin-ifont-information jin-icons"></i></div><div class="jin-iconbox-main">

<p>４つの原則については、Robin Williams,『ノンデザイナーズ・デザインブック』を参考にしています。</p>

</div></div>



<h3 class="wp-block-heading">近接｜近づける</h3>



<p>1つ目の原則は「近接」です。</p>



<p>内容が近いもの同士は間隔を近づけ、内容が遠いもの同士は間隔を遠ざけます。</p>



<p>下の例をご覧ください。</p>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:50%">
<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="577" src="https://kyoinblog.com/wp-content/uploads/2023/02/6DD49041-CF43-4F77-BA84-FF055BEB91BA-1024x577.png" alt="" class="wp-image-519" srcset="https://kyoinblog.com/wp-content/uploads/2023/02/6DD49041-CF43-4F77-BA84-FF055BEB91BA-1024x577.png 1024w, https://kyoinblog.com/wp-content/uploads/2023/02/6DD49041-CF43-4F77-BA84-FF055BEB91BA-300x169.png 300w, https://kyoinblog.com/wp-content/uploads/2023/02/6DD49041-CF43-4F77-BA84-FF055BEB91BA-768x433.png 768w, https://kyoinblog.com/wp-content/uploads/2023/02/6DD49041-CF43-4F77-BA84-FF055BEB91BA-320x180.png 320w, https://kyoinblog.com/wp-content/uploads/2023/02/6DD49041-CF43-4F77-BA84-FF055BEB91BA-640x360.png 640w, https://kyoinblog.com/wp-content/uploads/2023/02/6DD49041-CF43-4F77-BA84-FF055BEB91BA.png 1228w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:50%">
<figure class="wp-block-image size-full"><img decoding="async" width="1000" height="564" src="https://kyoinblog.com/wp-content/uploads/2023/02/960B8E12-F23B-4F9A-8DA7-C8335A3723FE.png" alt="" class="wp-image-513" srcset="https://kyoinblog.com/wp-content/uploads/2023/02/960B8E12-F23B-4F9A-8DA7-C8335A3723FE.png 1000w, https://kyoinblog.com/wp-content/uploads/2023/02/960B8E12-F23B-4F9A-8DA7-C8335A3723FE-300x169.png 300w, https://kyoinblog.com/wp-content/uploads/2023/02/960B8E12-F23B-4F9A-8DA7-C8335A3723FE-768x433.png 768w, https://kyoinblog.com/wp-content/uploads/2023/02/960B8E12-F23B-4F9A-8DA7-C8335A3723FE-320x180.png 320w, https://kyoinblog.com/wp-content/uploads/2023/02/960B8E12-F23B-4F9A-8DA7-C8335A3723FE-640x360.png 640w" sizes="(max-width: 1000px) 100vw, 1000px" /></figure>
</div>
</div>



<p>内容的にも「江戸時代の教育」と「明治時代の教育」は分かれています。</p>



<p>「江戸時代の教育」は上部に、「明治時代の教育」は下部に集めます。</p>



<p>見る人は、「ブロックごとに内容が異なるのだな」と勝手に判断してくれます。</p>



<p>まずは、内容の近いものを実際に近づけてみましょう。</p>



<div class="wp-block-jin-gb-block-icon-box jin-icon-checkcircle jin-iconbox"><div class="jin-iconbox-icons"><i class="jic jin-ifont-checkcircle jin-icons"></i></div><div class="jin-iconbox-main">

<p>内容が近いものは、近づける！</p>

</div></div>



<h3 class="wp-block-heading">整列｜揃える</h3>



<p>2つ目の原則は「整列」です。</p>



<p>整列させた方が、見る人の目線は動かなくて済みます。</p>



<p>下の例をご覧ください。</p>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:50%">
<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="577" src="https://kyoinblog.com/wp-content/uploads/2023/02/0C2E6841-0115-403A-BEC9-B9EEB52B230A-1024x577.png" alt="" class="wp-image-517" srcset="https://kyoinblog.com/wp-content/uploads/2023/02/0C2E6841-0115-403A-BEC9-B9EEB52B230A-1024x577.png 1024w, https://kyoinblog.com/wp-content/uploads/2023/02/0C2E6841-0115-403A-BEC9-B9EEB52B230A-300x169.png 300w, https://kyoinblog.com/wp-content/uploads/2023/02/0C2E6841-0115-403A-BEC9-B9EEB52B230A-768x433.png 768w, https://kyoinblog.com/wp-content/uploads/2023/02/0C2E6841-0115-403A-BEC9-B9EEB52B230A-320x180.png 320w, https://kyoinblog.com/wp-content/uploads/2023/02/0C2E6841-0115-403A-BEC9-B9EEB52B230A-640x360.png 640w, https://kyoinblog.com/wp-content/uploads/2023/02/0C2E6841-0115-403A-BEC9-B9EEB52B230A.png 1228w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:50%">
<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="577" src="https://kyoinblog.com/wp-content/uploads/2023/02/ED46299B-A72B-4893-8920-886FA618E4F2-1024x577.png" alt="" class="wp-image-518" srcset="https://kyoinblog.com/wp-content/uploads/2023/02/ED46299B-A72B-4893-8920-886FA618E4F2-1024x577.png 1024w, https://kyoinblog.com/wp-content/uploads/2023/02/ED46299B-A72B-4893-8920-886FA618E4F2-300x169.png 300w, https://kyoinblog.com/wp-content/uploads/2023/02/ED46299B-A72B-4893-8920-886FA618E4F2-768x433.png 768w, https://kyoinblog.com/wp-content/uploads/2023/02/ED46299B-A72B-4893-8920-886FA618E4F2-320x180.png 320w, https://kyoinblog.com/wp-content/uploads/2023/02/ED46299B-A72B-4893-8920-886FA618E4F2-640x360.png 640w, https://kyoinblog.com/wp-content/uploads/2023/02/ED46299B-A72B-4893-8920-886FA618E4F2.png 1228w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>
</div>
</div>



<p>中央に文字がバラバラにあると、目線は激しく動いてしまいます。</p>



<p>ここでは文章を左に揃えました。</p>



<p>整列させることで、見た目が整っているばかりではなく、見る人も視線を散らさずに済みます。</p>



<p>文章や図形などは、きちんと一箇所に揃えるようにしましょう。</p>



<div class="wp-block-jin-gb-block-icon-box jin-icon-checkcircle jin-iconbox"><div class="jin-iconbox-icons"><i class="jic jin-ifont-checkcircle jin-icons"></i></div><div class="jin-iconbox-main">

<p>列を意識して、揃える！</p>

</div></div>



<h3 class="wp-block-heading">反復｜統一する</h3>



<p>3つ目の原則は「反復」です。</p>



<p>カテゴリーごとに反復させることで、グッと見やすくなります。</p>



<p>下の例をご覧ください。</p>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:50%">
<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="577" src="https://kyoinblog.com/wp-content/uploads/2023/02/4930B521-D8B0-4EC9-AF00-89A6A66D7D01-1024x577.png" alt="" class="wp-image-520" srcset="https://kyoinblog.com/wp-content/uploads/2023/02/4930B521-D8B0-4EC9-AF00-89A6A66D7D01-1024x577.png 1024w, https://kyoinblog.com/wp-content/uploads/2023/02/4930B521-D8B0-4EC9-AF00-89A6A66D7D01-300x169.png 300w, https://kyoinblog.com/wp-content/uploads/2023/02/4930B521-D8B0-4EC9-AF00-89A6A66D7D01-768x433.png 768w, https://kyoinblog.com/wp-content/uploads/2023/02/4930B521-D8B0-4EC9-AF00-89A6A66D7D01-320x180.png 320w, https://kyoinblog.com/wp-content/uploads/2023/02/4930B521-D8B0-4EC9-AF00-89A6A66D7D01-640x360.png 640w, https://kyoinblog.com/wp-content/uploads/2023/02/4930B521-D8B0-4EC9-AF00-89A6A66D7D01.png 1228w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:50%">
<figure class="wp-block-image size-full"><img decoding="async" width="1000" height="565" src="https://kyoinblog.com/wp-content/uploads/2023/02/610C51B7-BFF7-4E03-9FBB-9EA670E24400.png" alt="" class="wp-image-521" srcset="https://kyoinblog.com/wp-content/uploads/2023/02/610C51B7-BFF7-4E03-9FBB-9EA670E24400.png 1000w, https://kyoinblog.com/wp-content/uploads/2023/02/610C51B7-BFF7-4E03-9FBB-9EA670E24400-300x170.png 300w, https://kyoinblog.com/wp-content/uploads/2023/02/610C51B7-BFF7-4E03-9FBB-9EA670E24400-768x434.png 768w, https://kyoinblog.com/wp-content/uploads/2023/02/610C51B7-BFF7-4E03-9FBB-9EA670E24400-320x180.png 320w" sizes="(max-width: 1000px) 100vw, 1000px" /></figure>
</div>
</div>



<p>「江戸時代の教育」と「明治時代の教育」は似通っているため、文字を大きくし、太字にしました。</p>



<p>また、江戸時代の教育では「場所（寺子屋）→主体（僧侶や武士）」となっていましたが、明治時代に教育では、「主体（文部省）→場所（小学校）」の順番になっています。</p>



<p>そのため、どちらも「主体→場所」という順番で統一しました。</p>



<p>また、1872年の学制も独立した内容になっていたため、（）書きにしました。</p>



<p>内容・カテゴリーごとに、反復させると説明の際も理解しやすくなるでしょう！</p>



<div class="wp-block-jin-gb-block-icon-box jin-icon-checkcircle jin-iconbox"><div class="jin-iconbox-icons"><i class="jic jin-ifont-checkcircle jin-icons"></i></div><div class="jin-iconbox-main">

<p>項目の種類に着目して、反復させる！</p>

</div></div>



<h3 class="wp-block-heading">コントラスト｜強調する</h3>



<p>4つ目の原則は「コントラスト」です。</p>



<p>何か強調したい項目を線や色やイラストなどを使って、相手の目を惹きつけます。</p>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:50%">
<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="577" src="https://kyoinblog.com/wp-content/uploads/2023/02/4DFEAA3A-CF68-4E61-9520-42EF435B9131-1024x577.png" alt="" class="wp-image-523" srcset="https://kyoinblog.com/wp-content/uploads/2023/02/4DFEAA3A-CF68-4E61-9520-42EF435B9131-1024x577.png 1024w, https://kyoinblog.com/wp-content/uploads/2023/02/4DFEAA3A-CF68-4E61-9520-42EF435B9131-300x169.png 300w, https://kyoinblog.com/wp-content/uploads/2023/02/4DFEAA3A-CF68-4E61-9520-42EF435B9131-768x433.png 768w, https://kyoinblog.com/wp-content/uploads/2023/02/4DFEAA3A-CF68-4E61-9520-42EF435B9131-320x180.png 320w, https://kyoinblog.com/wp-content/uploads/2023/02/4DFEAA3A-CF68-4E61-9520-42EF435B9131-640x360.png 640w, https://kyoinblog.com/wp-content/uploads/2023/02/4DFEAA3A-CF68-4E61-9520-42EF435B9131.png 1228w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:50%">
<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="577" src="https://kyoinblog.com/wp-content/uploads/2023/02/279AD20C-3E5F-475C-AFEA-4FCD610713EB-1024x577.png" alt="" class="wp-image-524" srcset="https://kyoinblog.com/wp-content/uploads/2023/02/279AD20C-3E5F-475C-AFEA-4FCD610713EB-1024x577.png 1024w, https://kyoinblog.com/wp-content/uploads/2023/02/279AD20C-3E5F-475C-AFEA-4FCD610713EB-300x169.png 300w, https://kyoinblog.com/wp-content/uploads/2023/02/279AD20C-3E5F-475C-AFEA-4FCD610713EB-768x433.png 768w, https://kyoinblog.com/wp-content/uploads/2023/02/279AD20C-3E5F-475C-AFEA-4FCD610713EB-320x180.png 320w, https://kyoinblog.com/wp-content/uploads/2023/02/279AD20C-3E5F-475C-AFEA-4FCD610713EB-640x360.png 640w, https://kyoinblog.com/wp-content/uploads/2023/02/279AD20C-3E5F-475C-AFEA-4FCD610713EB.png 1228w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>
</div>
</div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:50%">
<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="578" src="https://kyoinblog.com/wp-content/uploads/2023/02/7B3A8CA6-F8B2-4F0D-B922-CA4CF2BCF1FC-1024x578.png" alt="" class="wp-image-527" srcset="https://kyoinblog.com/wp-content/uploads/2023/02/7B3A8CA6-F8B2-4F0D-B922-CA4CF2BCF1FC-1024x578.png 1024w, https://kyoinblog.com/wp-content/uploads/2023/02/7B3A8CA6-F8B2-4F0D-B922-CA4CF2BCF1FC-300x169.png 300w, https://kyoinblog.com/wp-content/uploads/2023/02/7B3A8CA6-F8B2-4F0D-B922-CA4CF2BCF1FC-768x433.png 768w, https://kyoinblog.com/wp-content/uploads/2023/02/7B3A8CA6-F8B2-4F0D-B922-CA4CF2BCF1FC-320x180.png 320w, https://kyoinblog.com/wp-content/uploads/2023/02/7B3A8CA6-F8B2-4F0D-B922-CA4CF2BCF1FC-640x360.png 640w, https://kyoinblog.com/wp-content/uploads/2023/02/7B3A8CA6-F8B2-4F0D-B922-CA4CF2BCF1FC.png 1230w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:50%">
<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="577" src="https://kyoinblog.com/wp-content/uploads/2023/02/5EA14F34-A602-4917-BD88-A2426CD40462-1024x577.png" alt="" class="wp-image-526" srcset="https://kyoinblog.com/wp-content/uploads/2023/02/5EA14F34-A602-4917-BD88-A2426CD40462-1024x577.png 1024w, https://kyoinblog.com/wp-content/uploads/2023/02/5EA14F34-A602-4917-BD88-A2426CD40462-300x169.png 300w, https://kyoinblog.com/wp-content/uploads/2023/02/5EA14F34-A602-4917-BD88-A2426CD40462-768x433.png 768w, https://kyoinblog.com/wp-content/uploads/2023/02/5EA14F34-A602-4917-BD88-A2426CD40462-320x180.png 320w, https://kyoinblog.com/wp-content/uploads/2023/02/5EA14F34-A602-4917-BD88-A2426CD40462-640x360.png 640w, https://kyoinblog.com/wp-content/uploads/2023/02/5EA14F34-A602-4917-BD88-A2426CD40462.png 1228w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>
</div>
</div>



<p>「江戸時代の教育」や「明治時代の教育」は同カテゴリーであるため、色で装飾しましょう。</p>



<p>また、文字の背景を塗りつぶしたり、右の余白に線を置いたりして、強調しましょう。</p>



<p>また、「小学校」を強調したい場合に、赤文字にするなどして、重要なところを強調することもできるでしょう。</p>



<div class="wp-block-jin-gb-block-icon-box jin-icon-checkcircle jin-iconbox"><div class="jin-iconbox-icons"><i class="jic jin-ifont-checkcircle jin-icons"></i></div><div class="jin-iconbox-main">

<p>項目に着目して、強調させる！目立たせる！！</p>

</div></div>



<h2 class="wp-block-heading">色を決める</h2>



<p>文字の並べ方がわかったところで、色を選択していきます。</p>



<h3 class="wp-block-heading">色を使いすぎない</h3>



<p>基本的に色は２色です。「黒＋１色」で十分です。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="1000" height="564" src="https://kyoinblog.com/wp-content/uploads/2023/02/D5EF32EA-0799-45D0-8A37-FBA84260767A.png" alt="" class="wp-image-528" srcset="https://kyoinblog.com/wp-content/uploads/2023/02/D5EF32EA-0799-45D0-8A37-FBA84260767A.png 1000w, https://kyoinblog.com/wp-content/uploads/2023/02/D5EF32EA-0799-45D0-8A37-FBA84260767A-300x169.png 300w, https://kyoinblog.com/wp-content/uploads/2023/02/D5EF32EA-0799-45D0-8A37-FBA84260767A-768x433.png 768w, https://kyoinblog.com/wp-content/uploads/2023/02/D5EF32EA-0799-45D0-8A37-FBA84260767A-320x180.png 320w, https://kyoinblog.com/wp-content/uploads/2023/02/D5EF32EA-0799-45D0-8A37-FBA84260767A-640x360.png 640w" sizes="(max-width: 1000px) 100vw, 1000px" /></figure>



<p>色を入れすぎると、騒がしくなり、何が重要かわからなくなるため、複数の色を使いすぎないようにしましょう。</p>



<h3 class="wp-block-heading">色の特性を知る</h3>



<p>もし、黒以外で２色使いたいときは、２つの方法があります。</p>



<div class="wp-block-jin-gb-block-box simple-box1">

<p>・似たような色を用いて、統一感を出す<br>・異なる色を用いて強調する</p>

</div>



<p>以下は文字を項目と同じ色にすることで、全体的な統一感を目指しています。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="1000" height="564" src="https://kyoinblog.com/wp-content/uploads/2023/02/D6FAB10C-C96F-40AF-B4AD-0E11E28D2854.png" alt="" class="wp-image-530" srcset="https://kyoinblog.com/wp-content/uploads/2023/02/D6FAB10C-C96F-40AF-B4AD-0E11E28D2854.png 1000w, https://kyoinblog.com/wp-content/uploads/2023/02/D6FAB10C-C96F-40AF-B4AD-0E11E28D2854-300x169.png 300w, https://kyoinblog.com/wp-content/uploads/2023/02/D6FAB10C-C96F-40AF-B4AD-0E11E28D2854-768x433.png 768w, https://kyoinblog.com/wp-content/uploads/2023/02/D6FAB10C-C96F-40AF-B4AD-0E11E28D2854-320x180.png 320w, https://kyoinblog.com/wp-content/uploads/2023/02/D6FAB10C-C96F-40AF-B4AD-0E11E28D2854-640x360.png 640w" sizes="(max-width: 1000px) 100vw, 1000px" /></figure>



<p>また、以下のスライドは全体的に緑で統一し、特別目立たせたいところに、赤を入れています。一番着目して欲しいところが一目瞭然です。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="1000" height="564" src="https://kyoinblog.com/wp-content/uploads/2023/02/5F3C9E1B-FCA7-497E-9440-A0AE1E56624C.png" alt="" class="wp-image-531" srcset="https://kyoinblog.com/wp-content/uploads/2023/02/5F3C9E1B-FCA7-497E-9440-A0AE1E56624C.png 1000w, https://kyoinblog.com/wp-content/uploads/2023/02/5F3C9E1B-FCA7-497E-9440-A0AE1E56624C-300x169.png 300w, https://kyoinblog.com/wp-content/uploads/2023/02/5F3C9E1B-FCA7-497E-9440-A0AE1E56624C-768x433.png 768w, https://kyoinblog.com/wp-content/uploads/2023/02/5F3C9E1B-FCA7-497E-9440-A0AE1E56624C-320x180.png 320w, https://kyoinblog.com/wp-content/uploads/2023/02/5F3C9E1B-FCA7-497E-9440-A0AE1E56624C-640x360.png 640w" sizes="(max-width: 1000px) 100vw, 1000px" /></figure>



<h2 class="wp-block-heading">１スライドに情報を１つ以上盛り込まない</h2>



<p>１スライドには１つの情報のみ記載しましょう。</p>



<p>文部科学省の図解を見たことがある人は、共感してくれるかもしれません。<br>全体的な図解を示すなら、あのスライドでも良いこともありますが、授業で使用する場合は、情報が多すぎると生徒が困惑してしまいます。</p>



<p>先ほどからのスライドでいえば、「江戸時代と明治時代の教育」という情報のみを出しています。</p>



<p>ここに、江戸時代と明治時代の産業や政治や経済などの情報も入れると完全に情報過多になります。</p>



<p>教材研究すると、調べたことはどんどんスライドに入れてしまいたくなりますが、情報過多に気をつけましょう。</p>



<h2 class="wp-block-heading">まとめ</h2>



<p>この記事では以下のことを解説しました。</p>



<div class="wp-block-jin-gb-block-box-with-headline kaisetsu-box3"><div class="kaisetsu-box3-title">シンプルで見た目の良いスライドの作り方</div>

<p>・デザインの４原則を理解する<br>→近接・整理・反復・コントラスト</p>


<p>・色を選択する<br>→色を使いすぎない</p>


<p>・スライドに情報を盛り込まない</p>

</div>



<p>基本的にこのルールさえ守っていれば、特に雑なスライドにならず、整理されたスライドを作成することができます。</p>



<p>むしろ、変に手を加えることによって、スライドの綺麗さを壊してしまいかねません。</p>



<p>まずは、スライドの基礎を徹底的に実践しましょう。</p>



<p>もし、もっとおしゃれでかっこいいスライドを作りたいと思った人は、以下の記事を参考にしてください。</p>



<figure class="wp-block-embed is-type-wp-embed"><div class="wp-block-embed__wrapper">
<div class="p-blogcard c-hover-opacity p-blogcard-1"><a href="https://kyoinblog.com/smart-slide/" class="p-blogcard__img-area"><img decoding="async" width="320" height="180" src="https://kyoinblog.com/wp-content/uploads/2023/02/B8B9D304-336F-4C06-AEC7-4C2691EA5889.jpg" class="p-blog-card__thumb wp-post-image" alt="" srcset="https://kyoinblog.com/wp-content/uploads/2023/02/B8B9D304-336F-4C06-AEC7-4C2691EA5889.jpg 1000w, https://kyoinblog.com/wp-content/uploads/2023/02/B8B9D304-336F-4C06-AEC7-4C2691EA5889-300x169.jpg 300w, https://kyoinblog.com/wp-content/uploads/2023/02/B8B9D304-336F-4C06-AEC7-4C2691EA5889-768x432.jpg 768w, https://kyoinblog.com/wp-content/uploads/2023/02/B8B9D304-336F-4C06-AEC7-4C2691EA5889-320x180.jpg 320w, https://kyoinblog.com/wp-content/uploads/2023/02/B8B9D304-336F-4C06-AEC7-4C2691EA5889-640x360.jpg 640w" sizes="(max-width: 320px) 100vw, 320px" /></a><a href="https://kyoinblog.com/smart-slide/" class="p-blogcard__title-area">【授業で使える！】生徒を引きつけるおしゃれでかっこいいスライドの作り方</a><a href="https://kyoinblog.com/smart-slide/" class="p-blogcard__excerpt-area">おしゃれなスライドで生徒の興味をひきたいのだけど、なかなか良いスライドはできないなぁ




おしゃれなスライドのイメー</a><div class="p-blogcard__btn-area"><a href="https://kyoinblog.com/smart-slide/" class="p-blogcard__btn c-btn">記事を読む</a></div></div>
</div></figure>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>【授業で使える！】生徒を引きつけるおしゃれでかっこいいスライドの作り方</title>
		<link>https://kyoinblog.com/smart-slide/</link>
		
		<dc:creator><![CDATA[管理者]]></dc:creator>
		<pubDate>Tue, 21 Feb 2023 12:34:16 +0000</pubDate>
				<category><![CDATA[ICTスキル]]></category>
		<category><![CDATA[スライド]]></category>
		<category><![CDATA[仕事]]></category>
		<guid isPermaLink="false">https://kyoinblog.com/?p=444</guid>

					<description><![CDATA[おしゃれなスライドのイメージは頭の中にあるけれど、いざ作るとなると中々形にできないですよね？ スライドを丁寧に見栄えよく作っておくと、良いことがたくさんあります。※以下の記事にて解説しています。 私もおしゃれでかっこいい [&#8230;]]]></description>
										<content:encoded><![CDATA[
<div class="wp-block-sbd-balloon sbd-balloon sbd-balloon--id-5 sbd-balloon--flat sbd-balloon--l sbd-balloon--gray block-box"><div class="sbd-balloon__profile"><figure class="sbd-balloon__icon"><img decoding="async" src="https://kyoinblog.com/wp-content/uploads/2023/03/download-4.jpg" alt="" class="sbd-balloon__img"/></figure><div class="sbd-balloon__name"></div></div><div class="sbd-balloon__text-box sbd-inner-block-init">
<p>おしゃれなスライドで生徒の興味をひきたいのだけど、なかなか良いスライドはできないなぁ</p>
</div></div>



<p>おしゃれなスライドのイメージは頭の中にあるけれど、いざ作るとなると中々形にできないですよね？</p>



<p>スライドを丁寧に見栄えよく作っておくと、良いことがたくさんあります。<br>※以下の記事にて解説しています。</p>



<figure class="wp-block-embed is-type-wp-embed"><div class="wp-block-embed__wrapper">
<div class="p-blogcard c-hover-opacity p-blogcard-1"><a href="https://kyoinblog.com/slidemind/" class="p-blogcard__img-area"><img decoding="async" width="320" height="180" src="https://kyoinblog.com/wp-content/uploads/2023/02/つくねスライド-1-320x180.jpg" class="p-blog-card__thumb wp-post-image" alt="" srcset="https://kyoinblog.com/wp-content/uploads/2023/02/つくねスライド-1-320x180.jpg 320w, https://kyoinblog.com/wp-content/uploads/2023/02/つくねスライド-1-800x450.jpg 800w, https://kyoinblog.com/wp-content/uploads/2023/02/つくねスライド-1-224x126.jpg 224w" sizes="(max-width: 320px) 100vw, 320px" /></a><a href="https://kyoinblog.com/slidemind/" class="p-blogcard__title-area">【本当に必要？】授業でスライドを用いるときのメリットとデメリット</a><a href="https://kyoinblog.com/slidemind/" class="p-blogcard__excerpt-area">はぁ・・・。プリントができたから、次はスライド作りかぁ。




誰もがおしゃれでスマートなスライドを用いた授業をしたい</a><div class="p-blogcard__btn-area"><a href="https://kyoinblog.com/slidemind/" class="p-blogcard__btn c-btn">記事を読む</a></div></div>
</div></figure>



<p>私もおしゃれでかっこいいスライドを作りたいけれど、なかなか形にできない時がありました。「センスなんだぁ」と諦めた時もありました。</p>



<p>しかし、<mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-vivid-red-color"><strong>スライドについて勉強していくうちに、おしゃれに見せるには決まった法則があることに気付けました。</strong></mark></p>



<p>そういった法則に気づく前は、私のスライドは以下のようなものでした。</p>



<figure class="wp-block-image size-small_size"><img decoding="async" width="640" height="360" src="https://kyoinblog.com/wp-content/uploads/2023/02/BC1B5EE1-E957-4D7F-B38F-5ED290625FDB-640x360.jpg" alt="" class="wp-image-446" srcset="https://kyoinblog.com/wp-content/uploads/2023/02/BC1B5EE1-E957-4D7F-B38F-5ED290625FDB-640x360.jpg 640w, https://kyoinblog.com/wp-content/uploads/2023/02/BC1B5EE1-E957-4D7F-B38F-5ED290625FDB-300x169.jpg 300w, https://kyoinblog.com/wp-content/uploads/2023/02/BC1B5EE1-E957-4D7F-B38F-5ED290625FDB-768x432.jpg 768w, https://kyoinblog.com/wp-content/uploads/2023/02/BC1B5EE1-E957-4D7F-B38F-5ED290625FDB-320x180.jpg 320w, https://kyoinblog.com/wp-content/uploads/2023/02/BC1B5EE1-E957-4D7F-B38F-5ED290625FDB.jpg 1000w" sizes="(max-width: 640px) 100vw, 640px" /></figure>



<p>今、私がこのスライドをデザインするなら、以下のようになります。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="1000" height="563" src="https://kyoinblog.com/wp-content/uploads/2023/02/BB853144-782C-4591-B7D3-9B2A0DEF3705.png" alt="" class="wp-image-447" srcset="https://kyoinblog.com/wp-content/uploads/2023/02/BB853144-782C-4591-B7D3-9B2A0DEF3705.png 1000w, https://kyoinblog.com/wp-content/uploads/2023/02/BB853144-782C-4591-B7D3-9B2A0DEF3705-300x169.png 300w, https://kyoinblog.com/wp-content/uploads/2023/02/BB853144-782C-4591-B7D3-9B2A0DEF3705-768x432.png 768w, https://kyoinblog.com/wp-content/uploads/2023/02/BB853144-782C-4591-B7D3-9B2A0DEF3705-320x180.png 320w, https://kyoinblog.com/wp-content/uploads/2023/02/BB853144-782C-4591-B7D3-9B2A0DEF3705-640x360.png 640w" sizes="(max-width: 1000px) 100vw, 1000px" /></figure>



<p>数字は省略しましたが、現在の方が少しだけ見栄えの良いスライドになっていると思います。</p>



<p><strong>この記事では、誰でも見栄えのよいスライドを作る方法をご紹介します。</strong></p>



<h2 class="wp-block-heading">おしゃれな背景を用意する</h2>



<p>おしゃれなスライドは、<mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-vivid-red-color"><strong>背景が整っています。</strong></mark></p>



<p><strong>スライドをかっこよくするための第一ステップが「背景」と言っても過言ではありません。</strong></p>



<h3 class="wp-block-heading">背景は全画面表示にする</h3>



<p><strong>背景を作成することにおいて、重要なことは１つだけです。</strong></p>



<p>それは<mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-vivid-red-color"><strong>「スライド全体に反映させること」</strong></mark>です。</p>



<p>以下のスライドを見ると、１枚目のスライドは左側に空白が見えており、見栄えが良くありません。</p>



<p>できるなら、２枚目のスライドのように全画面に表示させたいですよね？</p>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:50%">
<figure class="wp-block-image size-full"><img decoding="async" width="1000" height="565" src="https://kyoinblog.com/wp-content/uploads/2023/02/379BB120-73A1-438B-94A4-9779CDB815F5.png" alt="" class="wp-image-452" srcset="https://kyoinblog.com/wp-content/uploads/2023/02/379BB120-73A1-438B-94A4-9779CDB815F5.png 1000w, https://kyoinblog.com/wp-content/uploads/2023/02/379BB120-73A1-438B-94A4-9779CDB815F5-300x170.png 300w, https://kyoinblog.com/wp-content/uploads/2023/02/379BB120-73A1-438B-94A4-9779CDB815F5-768x434.png 768w, https://kyoinblog.com/wp-content/uploads/2023/02/379BB120-73A1-438B-94A4-9779CDB815F5-320x180.png 320w" sizes="(max-width: 1000px) 100vw, 1000px" /></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:50%">
<figure class="wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-1 is-layout-flex wp-block-gallery-is-layout-flex">
<figure class="wp-block-image size-full"><img decoding="async" width="1000" height="562" data-id="450" src="https://kyoinblog.com/wp-content/uploads/2023/02/020C5E94-87B0-4922-B241-DC405493EBB3.jpg" alt="" class="wp-image-450" srcset="https://kyoinblog.com/wp-content/uploads/2023/02/020C5E94-87B0-4922-B241-DC405493EBB3.jpg 1000w, https://kyoinblog.com/wp-content/uploads/2023/02/020C5E94-87B0-4922-B241-DC405493EBB3-300x169.jpg 300w, https://kyoinblog.com/wp-content/uploads/2023/02/020C5E94-87B0-4922-B241-DC405493EBB3-768x432.jpg 768w, https://kyoinblog.com/wp-content/uploads/2023/02/020C5E94-87B0-4922-B241-DC405493EBB3-320x180.jpg 320w, https://kyoinblog.com/wp-content/uploads/2023/02/020C5E94-87B0-4922-B241-DC405493EBB3-640x360.jpg 640w" sizes="(max-width: 1000px) 100vw, 1000px" /></figure>
</figure>
</div>
</div>



<p>スライドの背景を全画面に表示させたくて、画像を左に拡大する人も多いのではないでしょうか。</p>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:50%">
<figure class="wp-block-image size-full"><img decoding="async" width="1000" height="565" src="https://kyoinblog.com/wp-content/uploads/2023/02/f3277b4a18ef6870613a6b9c9bc8e61d.jpg" alt="" class="wp-image-453" srcset="https://kyoinblog.com/wp-content/uploads/2023/02/f3277b4a18ef6870613a6b9c9bc8e61d.jpg 1000w, https://kyoinblog.com/wp-content/uploads/2023/02/f3277b4a18ef6870613a6b9c9bc8e61d-300x170.jpg 300w, https://kyoinblog.com/wp-content/uploads/2023/02/f3277b4a18ef6870613a6b9c9bc8e61d-768x434.jpg 768w, https://kyoinblog.com/wp-content/uploads/2023/02/f3277b4a18ef6870613a6b9c9bc8e61d-320x180.jpg 320w" sizes="(max-width: 1000px) 100vw, 1000px" /></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:50%">
<figure class="wp-block-image size-full"><img decoding="async" width="1000" height="562" src="https://kyoinblog.com/wp-content/uploads/2023/02/13E8A4C4-6220-4338-9B72-6BC4FAB8A006.jpg" alt="" class="wp-image-454" srcset="https://kyoinblog.com/wp-content/uploads/2023/02/13E8A4C4-6220-4338-9B72-6BC4FAB8A006.jpg 1000w, https://kyoinblog.com/wp-content/uploads/2023/02/13E8A4C4-6220-4338-9B72-6BC4FAB8A006-300x169.jpg 300w, https://kyoinblog.com/wp-content/uploads/2023/02/13E8A4C4-6220-4338-9B72-6BC4FAB8A006-768x432.jpg 768w, https://kyoinblog.com/wp-content/uploads/2023/02/13E8A4C4-6220-4338-9B72-6BC4FAB8A006-320x180.jpg 320w, https://kyoinblog.com/wp-content/uploads/2023/02/13E8A4C4-6220-4338-9B72-6BC4FAB8A006-640x360.jpg 640w" sizes="(max-width: 1000px) 100vw, 1000px" /></figure>
</div>
</div>



<p><strong>するとスライドの背景は全画面になりましたが、少しだけ横に長い背景になってしまいます。</strong>このことに悩んだことがある人は多いでしょう。</p>



<p>自然の写真なら違和感がありませんが、人や文字なら違和感を覚えてしまうでしょう。</p>



<p><strong>人の顔や文字の縮尺を変えるのは、見栄え的にも本人にも良いことではありません。</strong></p>



<p><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-vivid-red-color"><strong>背景にするときの縮尺は変えないように設定した方がいいでしょう。</strong></mark></p>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:50%">
<figure class="wp-block-image size-full"><img decoding="async" width="1000" height="565" src="https://kyoinblog.com/wp-content/uploads/2023/02/C967B627-DC25-4240-8717-59229BBD30F8.png" alt="" class="wp-image-455" srcset="https://kyoinblog.com/wp-content/uploads/2023/02/C967B627-DC25-4240-8717-59229BBD30F8.png 1000w, https://kyoinblog.com/wp-content/uploads/2023/02/C967B627-DC25-4240-8717-59229BBD30F8-300x170.png 300w, https://kyoinblog.com/wp-content/uploads/2023/02/C967B627-DC25-4240-8717-59229BBD30F8-768x434.png 768w, https://kyoinblog.com/wp-content/uploads/2023/02/C967B627-DC25-4240-8717-59229BBD30F8-320x180.png 320w" sizes="(max-width: 1000px) 100vw, 1000px" /></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:50%">
<figure class="wp-block-image size-full"><img decoding="async" width="1000" height="563" src="https://kyoinblog.com/wp-content/uploads/2023/02/image-23-1.jpg" alt="" class="wp-image-457" srcset="https://kyoinblog.com/wp-content/uploads/2023/02/image-23-1.jpg 1000w, https://kyoinblog.com/wp-content/uploads/2023/02/image-23-1-300x169.jpg 300w, https://kyoinblog.com/wp-content/uploads/2023/02/image-23-1-768x432.jpg 768w, https://kyoinblog.com/wp-content/uploads/2023/02/image-23-1-320x180.jpg 320w, https://kyoinblog.com/wp-content/uploads/2023/02/image-23-1-640x360.jpg 640w" sizes="(max-width: 1000px) 100vw, 1000px" /></figure>
</div>
</div>



<p>では、どうすれば画像の縮尺を変えずに背景を全画面にすることができるのでしょうか。</p>



<h3 class="wp-block-heading">背景を全画面に表示にする方法</h3>



<h4 class="wp-block-heading">背景を16：9にトリミングする</h4>



<p>画像の縮尺を変えずに全画面表示するには、<mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-vivid-red-color"><strong>画像を16：9でトリミングしてから拡大するのが最も良い方法です。</strong></mark></p>



<p><strong>画像を選択し、「トリミング」→「縦横比」→「16：9」を選択します。</strong></p>



<figure class="wp-block-image size-full"><img decoding="async" width="1000" height="562" src="https://kyoinblog.com/wp-content/uploads/2023/02/023BB245-9CDF-4728-8F5E-7FCCE3903136.jpg" alt="" class="wp-image-458" srcset="https://kyoinblog.com/wp-content/uploads/2023/02/023BB245-9CDF-4728-8F5E-7FCCE3903136.jpg 1000w, https://kyoinblog.com/wp-content/uploads/2023/02/023BB245-9CDF-4728-8F5E-7FCCE3903136-300x169.jpg 300w, https://kyoinblog.com/wp-content/uploads/2023/02/023BB245-9CDF-4728-8F5E-7FCCE3903136-768x432.jpg 768w, https://kyoinblog.com/wp-content/uploads/2023/02/023BB245-9CDF-4728-8F5E-7FCCE3903136-320x180.jpg 320w, https://kyoinblog.com/wp-content/uploads/2023/02/023BB245-9CDF-4728-8F5E-7FCCE3903136-640x360.jpg 640w" sizes="(max-width: 1000px) 100vw, 1000px" /></figure>



<p>その後、トリミングされた画像を背景に合わせて拡大します。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="1000" height="564" src="https://kyoinblog.com/wp-content/uploads/2023/02/60b06874e84393267a65f60980e60e7b.jpg" alt="" class="wp-image-459" srcset="https://kyoinblog.com/wp-content/uploads/2023/02/60b06874e84393267a65f60980e60e7b.jpg 1000w, https://kyoinblog.com/wp-content/uploads/2023/02/60b06874e84393267a65f60980e60e7b-300x169.jpg 300w, https://kyoinblog.com/wp-content/uploads/2023/02/60b06874e84393267a65f60980e60e7b-768x433.jpg 768w, https://kyoinblog.com/wp-content/uploads/2023/02/60b06874e84393267a65f60980e60e7b-320x180.jpg 320w, https://kyoinblog.com/wp-content/uploads/2023/02/60b06874e84393267a65f60980e60e7b-640x360.jpg 640w" sizes="(max-width: 1000px) 100vw, 1000px" /></figure>



<figure class="wp-block-image size-full"><img decoding="async" width="1000" height="563" src="https://kyoinblog.com/wp-content/uploads/2023/02/image-23-2.jpg" alt="" class="wp-image-461" srcset="https://kyoinblog.com/wp-content/uploads/2023/02/image-23-2.jpg 1000w, https://kyoinblog.com/wp-content/uploads/2023/02/image-23-2-300x169.jpg 300w, https://kyoinblog.com/wp-content/uploads/2023/02/image-23-2-768x432.jpg 768w, https://kyoinblog.com/wp-content/uploads/2023/02/image-23-2-320x180.jpg 320w, https://kyoinblog.com/wp-content/uploads/2023/02/image-23-2-640x360.jpg 640w" sizes="(max-width: 1000px) 100vw, 1000px" /></figure>



<p>これで全画面に表示させることができました。</p>



<div class="wp-block-jin-gb-block-icon-box jin-icon-information jin-iconbox"><div class="jin-iconbox-icons"><i class="jic jin-ifont-information jin-icons"></i></div><div class="jin-iconbox-main">

<p>Macを使用している人は、「デザイナー」によって、簡単に全画面表示させることができます。</p>


<figure class="wp-block-image size-small_size"><img decoding="async" width="640" height="360" src="https://kyoinblog.com/wp-content/uploads/2023/02/1EBA388A-F9FD-4112-AB81-2153EFEC3030-640x360.jpg" alt="" class="wp-image-462" srcset="https://kyoinblog.com/wp-content/uploads/2023/02/1EBA388A-F9FD-4112-AB81-2153EFEC3030-640x360.jpg 640w, https://kyoinblog.com/wp-content/uploads/2023/02/1EBA388A-F9FD-4112-AB81-2153EFEC3030-300x169.jpg 300w, https://kyoinblog.com/wp-content/uploads/2023/02/1EBA388A-F9FD-4112-AB81-2153EFEC3030-768x432.jpg 768w, https://kyoinblog.com/wp-content/uploads/2023/02/1EBA388A-F9FD-4112-AB81-2153EFEC3030-320x180.jpg 320w, https://kyoinblog.com/wp-content/uploads/2023/02/1EBA388A-F9FD-4112-AB81-2153EFEC3030.jpg 1000w" sizes="(max-width: 640px) 100vw, 640px" /></figure>


<p>私がMacをおすすめする理由の１つです！（サブスクリプションモデルのみ）</p>

</div></div>



<h4 class="wp-block-heading">背景を画像と同じ色にする</h4>



<p><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-vivid-red-color"><strong>背景を画像の背景と同じものにすることでも全画面表示することができます。</strong></mark></p>



<p>１枚目のオーストラリアの画像を先ほどの方法と同じく16：9にしようとすると、<strong>オーストラリアの地形が削られてしまいます。</strong></p>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:50%">
<figure class="wp-block-image size-full"><img decoding="async" width="1000" height="565" src="https://kyoinblog.com/wp-content/uploads/2023/02/6FE95D57-3B7A-403B-813F-40820F8A4FD2.png" alt="" class="wp-image-463" srcset="https://kyoinblog.com/wp-content/uploads/2023/02/6FE95D57-3B7A-403B-813F-40820F8A4FD2.png 1000w, https://kyoinblog.com/wp-content/uploads/2023/02/6FE95D57-3B7A-403B-813F-40820F8A4FD2-300x170.png 300w, https://kyoinblog.com/wp-content/uploads/2023/02/6FE95D57-3B7A-403B-813F-40820F8A4FD2-768x434.png 768w, https://kyoinblog.com/wp-content/uploads/2023/02/6FE95D57-3B7A-403B-813F-40820F8A4FD2-320x180.png 320w" sizes="(max-width: 1000px) 100vw, 1000px" /></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:50%">
<figure class="wp-block-image size-full"><img decoding="async" width="1000" height="564" src="https://kyoinblog.com/wp-content/uploads/2023/02/c3b4ddfc3bcaf02e502d271efce4b583.jpg" alt="" class="wp-image-464" srcset="https://kyoinblog.com/wp-content/uploads/2023/02/c3b4ddfc3bcaf02e502d271efce4b583.jpg 1000w, https://kyoinblog.com/wp-content/uploads/2023/02/c3b4ddfc3bcaf02e502d271efce4b583-300x169.jpg 300w, https://kyoinblog.com/wp-content/uploads/2023/02/c3b4ddfc3bcaf02e502d271efce4b583-768x433.jpg 768w, https://kyoinblog.com/wp-content/uploads/2023/02/c3b4ddfc3bcaf02e502d271efce4b583-320x180.jpg 320w, https://kyoinblog.com/wp-content/uploads/2023/02/c3b4ddfc3bcaf02e502d271efce4b583-640x360.jpg 640w" sizes="(max-width: 1000px) 100vw, 1000px" /></figure>
</div>
</div>



<p><strong>そのような時には、オーストラリアの画像の背景の色とスライドの背景の色を同じにする方法を使います。</strong></p>



<p>スライドの<strong>「背景の書式設定」</strong>を開きます。</p>



<p>その後、背景の塗りつぶしを選択し、<strong>「その他の色」</strong>を選択。</p>



<p>そうしたら、<strong>「スポイト」のアイコン</strong>を選択し、現在のオーストラリアの海の色を抽出しましょう。</p>



<figure class="wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-2 is-layout-flex wp-block-gallery-is-layout-flex">
<figure class="wp-block-image size-full"><img decoding="async" width="1000" height="564" data-id="465" src="https://kyoinblog.com/wp-content/uploads/2023/02/741A4783-DF8A-4E88-BDD8-A39CC796A702.png" alt="" class="wp-image-465" srcset="https://kyoinblog.com/wp-content/uploads/2023/02/741A4783-DF8A-4E88-BDD8-A39CC796A702.png 1000w, https://kyoinblog.com/wp-content/uploads/2023/02/741A4783-DF8A-4E88-BDD8-A39CC796A702-300x169.png 300w, https://kyoinblog.com/wp-content/uploads/2023/02/741A4783-DF8A-4E88-BDD8-A39CC796A702-768x433.png 768w, https://kyoinblog.com/wp-content/uploads/2023/02/741A4783-DF8A-4E88-BDD8-A39CC796A702-320x180.png 320w, https://kyoinblog.com/wp-content/uploads/2023/02/741A4783-DF8A-4E88-BDD8-A39CC796A702-640x360.png 640w" sizes="(max-width: 1000px) 100vw, 1000px" /></figure>
</figure>



<div class="wp-block-group"><div class="wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained">
<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:100%">
<div class="wp-block-group"><div class="wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained">
<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:100%">
<div class="wp-block-group"><div class="wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained">
<figure class="wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-3 is-layout-flex wp-block-gallery-is-layout-flex">
<figure class="wp-block-image size-full"><img decoding="async" width="1000" height="562" data-id="466" src="https://kyoinblog.com/wp-content/uploads/2023/02/291C65CE-0B87-4CF4-9A64-7F8E5D6863E7.jpg" alt="" class="wp-image-466" srcset="https://kyoinblog.com/wp-content/uploads/2023/02/291C65CE-0B87-4CF4-9A64-7F8E5D6863E7.jpg 1000w, https://kyoinblog.com/wp-content/uploads/2023/02/291C65CE-0B87-4CF4-9A64-7F8E5D6863E7-300x169.jpg 300w, https://kyoinblog.com/wp-content/uploads/2023/02/291C65CE-0B87-4CF4-9A64-7F8E5D6863E7-768x432.jpg 768w, https://kyoinblog.com/wp-content/uploads/2023/02/291C65CE-0B87-4CF4-9A64-7F8E5D6863E7-320x180.jpg 320w, https://kyoinblog.com/wp-content/uploads/2023/02/291C65CE-0B87-4CF4-9A64-7F8E5D6863E7-640x360.jpg 640w" sizes="(max-width: 1000px) 100vw, 1000px" /></figure>
</figure>
</div></div>
</div>
</div>



<figure class="wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-4 is-layout-flex wp-block-gallery-is-layout-flex">
<figure class="wp-block-image size-full"><img decoding="async" width="1000" height="562" data-id="467" src="https://kyoinblog.com/wp-content/uploads/2023/02/D60EAC66-9051-4393-8AA7-9E4B0F0B4B70.jpg" alt="" class="wp-image-467" srcset="https://kyoinblog.com/wp-content/uploads/2023/02/D60EAC66-9051-4393-8AA7-9E4B0F0B4B70.jpg 1000w, https://kyoinblog.com/wp-content/uploads/2023/02/D60EAC66-9051-4393-8AA7-9E4B0F0B4B70-300x169.jpg 300w, https://kyoinblog.com/wp-content/uploads/2023/02/D60EAC66-9051-4393-8AA7-9E4B0F0B4B70-768x432.jpg 768w, https://kyoinblog.com/wp-content/uploads/2023/02/D60EAC66-9051-4393-8AA7-9E4B0F0B4B70-320x180.jpg 320w, https://kyoinblog.com/wp-content/uploads/2023/02/D60EAC66-9051-4393-8AA7-9E4B0F0B4B70-640x360.jpg 640w" sizes="(max-width: 1000px) 100vw, 1000px" /></figure>
</figure>
</div></div>
</div>
</div>
</div></div>



<figure class="wp-block-image size-full"><img decoding="async" width="1000" height="562" src="https://kyoinblog.com/wp-content/uploads/2023/02/02B1A052-A0CD-450B-A2AA-9D89343C44D6.jpg" alt="" class="wp-image-477" srcset="https://kyoinblog.com/wp-content/uploads/2023/02/02B1A052-A0CD-450B-A2AA-9D89343C44D6.jpg 1000w, https://kyoinblog.com/wp-content/uploads/2023/02/02B1A052-A0CD-450B-A2AA-9D89343C44D6-300x169.jpg 300w, https://kyoinblog.com/wp-content/uploads/2023/02/02B1A052-A0CD-450B-A2AA-9D89343C44D6-768x432.jpg 768w, https://kyoinblog.com/wp-content/uploads/2023/02/02B1A052-A0CD-450B-A2AA-9D89343C44D6-320x180.jpg 320w, https://kyoinblog.com/wp-content/uploads/2023/02/02B1A052-A0CD-450B-A2AA-9D89343C44D6-640x360.jpg 640w" sizes="(max-width: 1000px) 100vw, 1000px" /></figure>



<p>これにより、スライドと画像の背景を一体化させることができました。</p>



<p>設定前と設定後を見ると、違いが明確です。</p>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:50%">
<figure class="wp-block-image size-full"><img decoding="async" width="1000" height="565" src="https://kyoinblog.com/wp-content/uploads/2023/02/FCFBEAEE-9214-4160-96D8-A8571ACD2716.png" alt="" class="wp-image-471" srcset="https://kyoinblog.com/wp-content/uploads/2023/02/FCFBEAEE-9214-4160-96D8-A8571ACD2716.png 1000w, https://kyoinblog.com/wp-content/uploads/2023/02/FCFBEAEE-9214-4160-96D8-A8571ACD2716-300x170.png 300w, https://kyoinblog.com/wp-content/uploads/2023/02/FCFBEAEE-9214-4160-96D8-A8571ACD2716-768x434.png 768w, https://kyoinblog.com/wp-content/uploads/2023/02/FCFBEAEE-9214-4160-96D8-A8571ACD2716-320x180.png 320w" sizes="(max-width: 1000px) 100vw, 1000px" /></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:50%">
<figure class="wp-block-image size-full"><img decoding="async" width="1000" height="562" src="https://kyoinblog.com/wp-content/uploads/2023/02/5C395DDA-C21D-40AD-A449-5121C4725908.jpg" alt="" class="wp-image-470" srcset="https://kyoinblog.com/wp-content/uploads/2023/02/5C395DDA-C21D-40AD-A449-5121C4725908.jpg 1000w, https://kyoinblog.com/wp-content/uploads/2023/02/5C395DDA-C21D-40AD-A449-5121C4725908-300x169.jpg 300w, https://kyoinblog.com/wp-content/uploads/2023/02/5C395DDA-C21D-40AD-A449-5121C4725908-768x432.jpg 768w, https://kyoinblog.com/wp-content/uploads/2023/02/5C395DDA-C21D-40AD-A449-5121C4725908-320x180.jpg 320w, https://kyoinblog.com/wp-content/uploads/2023/02/5C395DDA-C21D-40AD-A449-5121C4725908-640x360.jpg 640w" sizes="(max-width: 1000px) 100vw, 1000px" /></figure>
</div>
</div>



<h3 class="wp-block-heading">おしゃれな背景を探すためのサイト</h3>



<p><strong>背景画像をきちんと選ばないと、拡大した時に画像が荒くなる可能性があります。</strong></p>



<p>ここでは無料で使える画像サイトを紹介しておきます。</p>



<div class="wp-block-jin-gb-block-box simple-box1">

<p><a rel="noreferrer noopener" href="https://o-dan.net/ja/" data-type="URL" data-id="https://o-dan.net/ja/" target="_blank">O-DAN（オーダン）</a><br>→海外のおしゃれな画像を一括で検索可能</p>


<p><a href="https://www.pakutaso.com/" data-type="URL" data-id="https://www.pakutaso.com/" target="_blank" rel="noreferrer noopener">ぱくたそ</a><br>→日本の風景、人を検索</p>

</div>



<p>他にもサイトがありますが、会員登録が必要であったり、食べ物に特化していたり、サイトによって様々です。まずは上記のサイトに絞って選んでみましょう。</p>



<p><strong>スライドを作るために、膨大な時間をかけないためにも、画像選びにこだわりすぎないことも重要です。</strong></p>



<h2 class="wp-block-heading">背景の上に文字を入れても見やすくする方法</h2>



<p><strong>背景をおしゃれな画像に選択することができたら、伝えたい内容の文字やイラストを入れることになります。</strong></p>



<p>しかし、そのまま文字を入れると、背景とかぶってしまい、見やすいスライドではなくなってしまいます。</p>



<p>画像に「植物の生育に必要なものとは？」という文字を入れたいとします。</p>



<p>文字をそのまま挿入しても、見にくいままです。<br>また、赤い文字に変えると、多少見やすくなったものの、授業中の後ろの人にまで見えることはないでしょう。</p>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:50%">
<figure class="wp-block-image size-full"><img decoding="async" width="1000" height="562" src="https://kyoinblog.com/wp-content/uploads/2023/02/C026DE7F-78EA-407C-A320-28C6D3F9B463.jpg" alt="" class="wp-image-484" srcset="https://kyoinblog.com/wp-content/uploads/2023/02/C026DE7F-78EA-407C-A320-28C6D3F9B463.jpg 1000w, https://kyoinblog.com/wp-content/uploads/2023/02/C026DE7F-78EA-407C-A320-28C6D3F9B463-300x169.jpg 300w, https://kyoinblog.com/wp-content/uploads/2023/02/C026DE7F-78EA-407C-A320-28C6D3F9B463-768x432.jpg 768w, https://kyoinblog.com/wp-content/uploads/2023/02/C026DE7F-78EA-407C-A320-28C6D3F9B463-320x180.jpg 320w, https://kyoinblog.com/wp-content/uploads/2023/02/C026DE7F-78EA-407C-A320-28C6D3F9B463-640x360.jpg 640w" sizes="(max-width: 1000px) 100vw, 1000px" /></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:50%">
<figure class="wp-block-image size-full"><img decoding="async" width="1000" height="563" src="https://kyoinblog.com/wp-content/uploads/2023/02/29D1D5F6-CD8A-4F33-AC7C-A0A978C576F8.png" alt="" class="wp-image-480" srcset="https://kyoinblog.com/wp-content/uploads/2023/02/29D1D5F6-CD8A-4F33-AC7C-A0A978C576F8.png 1000w, https://kyoinblog.com/wp-content/uploads/2023/02/29D1D5F6-CD8A-4F33-AC7C-A0A978C576F8-300x169.png 300w, https://kyoinblog.com/wp-content/uploads/2023/02/29D1D5F6-CD8A-4F33-AC7C-A0A978C576F8-768x432.png 768w, https://kyoinblog.com/wp-content/uploads/2023/02/29D1D5F6-CD8A-4F33-AC7C-A0A978C576F8-320x180.png 320w, https://kyoinblog.com/wp-content/uploads/2023/02/29D1D5F6-CD8A-4F33-AC7C-A0A978C576F8-640x360.png 640w" sizes="(max-width: 1000px) 100vw, 1000px" /></figure>
</div>
</div>



<p>では、どうすれば文字を挿入しても見やすいスライドになるのでしょうか。</p>



<h3 class="wp-block-heading">背景を暗くする</h3>



<p><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-vivid-red-color"><strong>私はよく背景画像を暗くする方法を用います。</strong></mark></p>



<p>先ほどのスライドの背景画像を暗くすると、以下のようになります。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="1000" height="562" src="https://kyoinblog.com/wp-content/uploads/2023/02/5F8F21C4-B6CC-407E-ADF2-BA189AAF7C3A.jpg" alt="" class="wp-image-485" srcset="https://kyoinblog.com/wp-content/uploads/2023/02/5F8F21C4-B6CC-407E-ADF2-BA189AAF7C3A.jpg 1000w, https://kyoinblog.com/wp-content/uploads/2023/02/5F8F21C4-B6CC-407E-ADF2-BA189AAF7C3A-300x169.jpg 300w, https://kyoinblog.com/wp-content/uploads/2023/02/5F8F21C4-B6CC-407E-ADF2-BA189AAF7C3A-768x432.jpg 768w, https://kyoinblog.com/wp-content/uploads/2023/02/5F8F21C4-B6CC-407E-ADF2-BA189AAF7C3A-320x180.jpg 320w, https://kyoinblog.com/wp-content/uploads/2023/02/5F8F21C4-B6CC-407E-ADF2-BA189AAF7C3A-640x360.jpg 640w" sizes="(max-width: 1000px) 100vw, 1000px" /></figure>



<p>文字を白くすると、おしゃれな仕上がりになります。</p>



<p>では、実際の作成方法をご紹介していきます。</p>



<p>背景画像を暗くする方法は簡単です。図形の書式設定から<strong>「修正」</strong>を選択し、暗くするだけです。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="1000" height="562" src="https://kyoinblog.com/wp-content/uploads/2023/02/46E38172-7B08-482E-BE44-3380231E14CA.jpg" alt="" class="wp-image-486" srcset="https://kyoinblog.com/wp-content/uploads/2023/02/46E38172-7B08-482E-BE44-3380231E14CA.jpg 1000w, https://kyoinblog.com/wp-content/uploads/2023/02/46E38172-7B08-482E-BE44-3380231E14CA-300x169.jpg 300w, https://kyoinblog.com/wp-content/uploads/2023/02/46E38172-7B08-482E-BE44-3380231E14CA-768x432.jpg 768w, https://kyoinblog.com/wp-content/uploads/2023/02/46E38172-7B08-482E-BE44-3380231E14CA-320x180.jpg 320w, https://kyoinblog.com/wp-content/uploads/2023/02/46E38172-7B08-482E-BE44-3380231E14CA-640x360.jpg 640w" sizes="(max-width: 1000px) 100vw, 1000px" /></figure>



<p>その後、文字を白くすると、先ほどのスライドができあがります。</p>



<div class="wp-block-jin-gb-block-icon-box jin-icon-caution jin-iconbox"><div class="jin-iconbox-icons"><i class="jic jin-ifont-caution jin-icons"></i></div><div class="jin-iconbox-main">

<p><strong>「背景を暗くすると画像が見づらくなる！」と思った人は要注意です。<br>スライドの背景はあくまでイメージであり、見せたいものの本質ではありません。ここで伝えたい内容はあくまで文字の方です！<br>目的と手段を間違えないようにしましょう！</strong></p>

</div></div>



<div class="wp-block-jin-gb-block-icon-box jin-icon-information jin-iconbox"><div class="jin-iconbox-icons"><i class="jic jin-ifont-information jin-icons"></i></div><div class="jin-iconbox-main">

<p>YouTubeのサムネイルもほとんど同じです。おしゃれだと思うYouTubeのサムネイルをご覧になると、画像は暗く、文字は白くなっているのではないでしょうか。</p>

</div></div>



<h3 class="wp-block-heading">文字のぬりつぶしを「透明」にする</h3>



<p><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-vivid-red-color"><strong>私が文字を挿入する時に用いる方法の２つ目は、「文字のぬりつぶしを透明にする」です。</strong></mark></p>



<p>この方法を用いると、以下のスライドのようになります。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="1000" height="562" src="https://kyoinblog.com/wp-content/uploads/2023/02/84647ECE-F180-4582-B7AB-4F7A83DC6B41.jpg" alt="" class="wp-image-489" srcset="https://kyoinblog.com/wp-content/uploads/2023/02/84647ECE-F180-4582-B7AB-4F7A83DC6B41.jpg 1000w, https://kyoinblog.com/wp-content/uploads/2023/02/84647ECE-F180-4582-B7AB-4F7A83DC6B41-300x169.jpg 300w, https://kyoinblog.com/wp-content/uploads/2023/02/84647ECE-F180-4582-B7AB-4F7A83DC6B41-768x432.jpg 768w, https://kyoinblog.com/wp-content/uploads/2023/02/84647ECE-F180-4582-B7AB-4F7A83DC6B41-320x180.jpg 320w, https://kyoinblog.com/wp-content/uploads/2023/02/84647ECE-F180-4582-B7AB-4F7A83DC6B41-640x360.jpg 640w" sizes="(max-width: 1000px) 100vw, 1000px" /></figure>



<p>見やすさと見栄えが共存できるスライドになっているのではないでしょうか。</p>



<p>では実際に作成方法をご紹介します。</p>



<p>まずは四角の図形を選択し、そこに文字を挿入します。同時に色も選択します。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="1000" height="562" src="https://kyoinblog.com/wp-content/uploads/2023/02/038D6C85-FF9D-456F-A753-877395F60C1F.jpg" alt="" class="wp-image-488" srcset="https://kyoinblog.com/wp-content/uploads/2023/02/038D6C85-FF9D-456F-A753-877395F60C1F.jpg 1000w, https://kyoinblog.com/wp-content/uploads/2023/02/038D6C85-FF9D-456F-A753-877395F60C1F-300x169.jpg 300w, https://kyoinblog.com/wp-content/uploads/2023/02/038D6C85-FF9D-456F-A753-877395F60C1F-768x432.jpg 768w, https://kyoinblog.com/wp-content/uploads/2023/02/038D6C85-FF9D-456F-A753-877395F60C1F-320x180.jpg 320w, https://kyoinblog.com/wp-content/uploads/2023/02/038D6C85-FF9D-456F-A753-877395F60C1F-640x360.jpg 640w" sizes="(max-width: 1000px) 100vw, 1000px" /></figure>



<p>しかし、<strong>これだと画像と図形がうまくマッチしておりません</strong>（うまく表現できない）。</p>



<p>この画像を<strong>「透明化」</strong>させると、後ろの背景とうまくマッチさせることができます。</p>



<p>図形の書式設定から「透明度」を30％にします。（透明度の微調整はご自身で！）</p>



<figure class="wp-block-image size-full"><img decoding="async" width="1000" height="562" src="https://kyoinblog.com/wp-content/uploads/2023/02/E746DB00-D6ED-4F22-9A84-8393C5B8B496.jpg" alt="" class="wp-image-491" srcset="https://kyoinblog.com/wp-content/uploads/2023/02/E746DB00-D6ED-4F22-9A84-8393C5B8B496.jpg 1000w, https://kyoinblog.com/wp-content/uploads/2023/02/E746DB00-D6ED-4F22-9A84-8393C5B8B496-300x169.jpg 300w, https://kyoinblog.com/wp-content/uploads/2023/02/E746DB00-D6ED-4F22-9A84-8393C5B8B496-768x432.jpg 768w, https://kyoinblog.com/wp-content/uploads/2023/02/E746DB00-D6ED-4F22-9A84-8393C5B8B496-320x180.jpg 320w, https://kyoinblog.com/wp-content/uploads/2023/02/E746DB00-D6ED-4F22-9A84-8393C5B8B496-640x360.jpg 640w" sizes="(max-width: 1000px) 100vw, 1000px" /></figure>



<div class="wp-block-jin-gb-block-icon-box jin-icon-information jin-iconbox"><div class="jin-iconbox-icons"><i class="jic jin-ifont-information jin-icons"></i></div><div class="jin-iconbox-main">

<p>図形の透明度をあげる方法はかなり使えます。<br>この記事の冒頭の表やテキストの挿入などにも大いに使うことができます。</p>


<figure class="wp-block-image size-full"><img decoding="async" width="1000" height="562" src="https://kyoinblog.com/wp-content/uploads/2023/02/9EF27C88-1C36-43CC-B033-644D8721CB6B.jpg" alt="" class="wp-image-492" srcset="https://kyoinblog.com/wp-content/uploads/2023/02/9EF27C88-1C36-43CC-B033-644D8721CB6B.jpg 1000w, https://kyoinblog.com/wp-content/uploads/2023/02/9EF27C88-1C36-43CC-B033-644D8721CB6B-300x169.jpg 300w, https://kyoinblog.com/wp-content/uploads/2023/02/9EF27C88-1C36-43CC-B033-644D8721CB6B-768x432.jpg 768w, https://kyoinblog.com/wp-content/uploads/2023/02/9EF27C88-1C36-43CC-B033-644D8721CB6B-320x180.jpg 320w, https://kyoinblog.com/wp-content/uploads/2023/02/9EF27C88-1C36-43CC-B033-644D8721CB6B-640x360.jpg 640w" sizes="(max-width: 1000px) 100vw, 1000px" /></figure>


<figure class="wp-block-image size-full"><img decoding="async" width="1000" height="563" src="https://kyoinblog.com/wp-content/uploads/2023/02/image-23-8.jpg" alt="" class="wp-image-494" srcset="https://kyoinblog.com/wp-content/uploads/2023/02/image-23-8.jpg 1000w, https://kyoinblog.com/wp-content/uploads/2023/02/image-23-8-300x169.jpg 300w, https://kyoinblog.com/wp-content/uploads/2023/02/image-23-8-768x432.jpg 768w, https://kyoinblog.com/wp-content/uploads/2023/02/image-23-8-320x180.jpg 320w, https://kyoinblog.com/wp-content/uploads/2023/02/image-23-8-640x360.jpg 640w" sizes="(max-width: 1000px) 100vw, 1000px" /></figure>

</div></div>



<h2 class="wp-block-heading">イラストを用いる</h2>



<h3 class="wp-block-heading">用いるイラストの背景を削除する</h3>



<div class="wp-block-jin-gb-block-icon-box jin-icon-question jin-iconbox"><div class="jin-iconbox-icons"><i class="jic jin-ifont-question jin-icons"></i></div><div class="jin-iconbox-main">

<p>イラストを入れたいのだけれど、イラストの背景が邪魔で背景とうまくマッチしないのだけど、何かいい方法はないか？</p>

</div></div>



<p>スライドの背景に文字や表を入れられるようになれば、今度はイラストを入れたいですよね？</p>



<p><strong>しかし、イラストを入れると、イラストの背景が既存の背景を邪魔してしまいます。</strong></p>



<figure class="wp-block-image size-full"><img decoding="async" width="1000" height="562" src="https://kyoinblog.com/wp-content/uploads/2023/02/094F4D39-1465-4DB3-BD0E-7B945CDE986E.jpg" alt="" class="wp-image-496" srcset="https://kyoinblog.com/wp-content/uploads/2023/02/094F4D39-1465-4DB3-BD0E-7B945CDE986E.jpg 1000w, https://kyoinblog.com/wp-content/uploads/2023/02/094F4D39-1465-4DB3-BD0E-7B945CDE986E-300x169.jpg 300w, https://kyoinblog.com/wp-content/uploads/2023/02/094F4D39-1465-4DB3-BD0E-7B945CDE986E-768x432.jpg 768w, https://kyoinblog.com/wp-content/uploads/2023/02/094F4D39-1465-4DB3-BD0E-7B945CDE986E-320x180.jpg 320w, https://kyoinblog.com/wp-content/uploads/2023/02/094F4D39-1465-4DB3-BD0E-7B945CDE986E-640x360.jpg 640w" sizes="(max-width: 1000px) 100vw, 1000px" /></figure>



<p>疑問のスライドのため、疑問に感じているイラストを入れたいのはわかりますが、イラストの白い背景が邪魔しています。</p>



<p>そこで、イラストの「背景」を削除するという方法が出てきます。</p>



<p>背景を削除する方法はいくつもありますが、ここでは、<a href="https://www.remove.bg/ja" data-type="URL" data-id="https://www.remove.bg/ja" target="_blank" rel="noreferrer noopener">remove.bg</a>を紹介します。</p>



<p><strong>このサイトに画像をアップロードすると、驚くほどの精度で邪魔背景を削除してくれます。</strong></p>



<p>背景が空でも、海でも削除してくれます。さらに、会員登録も必要なく、利用制限もありません。</p>



<p>手順は以下のようになります。</p>



<ol class="wp-block-list">
<li>背景を削除したい画像をコピーする</li>



<li><a rel="noreferrer noopener" href="https://www.remove.bg/ja" target="_blank">remove.bg</a>で「Ctrl＋V」（Macの場合は「⌘＋V」）で貼り付け</li>



<li>背景が削除された画像を再度コピー</li>
</ol>



<p>すると、以下のように背景が削除されたイラストを使用することができます。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="1000" height="562" src="https://kyoinblog.com/wp-content/uploads/2023/02/E9212B38-9C96-4070-9D4C-B6DAE7205130.jpg" alt="" class="wp-image-497" srcset="https://kyoinblog.com/wp-content/uploads/2023/02/E9212B38-9C96-4070-9D4C-B6DAE7205130.jpg 1000w, https://kyoinblog.com/wp-content/uploads/2023/02/E9212B38-9C96-4070-9D4C-B6DAE7205130-300x169.jpg 300w, https://kyoinblog.com/wp-content/uploads/2023/02/E9212B38-9C96-4070-9D4C-B6DAE7205130-768x432.jpg 768w, https://kyoinblog.com/wp-content/uploads/2023/02/E9212B38-9C96-4070-9D4C-B6DAE7205130-320x180.jpg 320w, https://kyoinblog.com/wp-content/uploads/2023/02/E9212B38-9C96-4070-9D4C-B6DAE7205130-640x360.jpg 640w" sizes="(max-width: 1000px) 100vw, 1000px" /></figure>



<h2 class="wp-block-heading">まとめ</h2>



<p>この記事では以下のことを解説しました。</p>



<div class="wp-block-jin-gb-block-box-with-headline kaisetsu-box3"><div class="kaisetsu-box3-title">おしゃれでかっこいいスライドの作り方</div>

<p>背景を設定する<br>→16：9でトリミング、画像と同じ色の背景にする</p>


<p>文字を入れる<br>→背景を暗くする、文字の図形の透明度を上げる</p>


<p>イラストを入れる<br>→背景を削除してから入れる</p>

</div>



<p>これらを使いこなすことができれば、簡単におしゃれなスライドを作成することができます。ただ、配色や配置などは訓練によって、徐々にコツをつかむしかありません。</p>



<p>また、教員の仕事はスライドを作成することではありません。その辺は、スライドを作成するメリットを解説した記事を読み、効果的に使用していきましょう！</p>



<figure class="wp-block-embed is-type-wp-embed"><div class="wp-block-embed__wrapper">
<div class="p-blogcard c-hover-opacity p-blogcard-1"><a href="https://kyoinblog.com/slidemind/" class="p-blogcard__img-area"><img decoding="async" width="320" height="180" src="https://kyoinblog.com/wp-content/uploads/2023/02/つくねスライド-1-320x180.jpg" class="p-blog-card__thumb wp-post-image" alt="" srcset="https://kyoinblog.com/wp-content/uploads/2023/02/つくねスライド-1-320x180.jpg 320w, https://kyoinblog.com/wp-content/uploads/2023/02/つくねスライド-1-800x450.jpg 800w, https://kyoinblog.com/wp-content/uploads/2023/02/つくねスライド-1-224x126.jpg 224w" sizes="(max-width: 320px) 100vw, 320px" /></a><a href="https://kyoinblog.com/slidemind/" class="p-blogcard__title-area">【本当に必要？】授業でスライドを用いるときのメリットとデメリット</a><a href="https://kyoinblog.com/slidemind/" class="p-blogcard__excerpt-area">はぁ・・・。プリントができたから、次はスライド作りかぁ。




誰もがおしゃれでスマートなスライドを用いた授業をしたい</a><div class="p-blogcard__btn-area"><a href="https://kyoinblog.com/slidemind/" class="p-blogcard__btn c-btn">記事を読む</a></div></div>
</div></figure>



<p>派手でもおしゃれでもなくシンプルでわかりやすいスライドを作りたい人はこちらの記事もご覧ください。</p>



<figure class="wp-block-embed is-type-wp-embed"><div class="wp-block-embed__wrapper">
<div class="p-blogcard c-hover-opacity p-blogcard-3"><a href="https://kyoinblog.com/simple-slide/" class="p-blogcard__img-area"><img decoding="async" width="320" height="180" src="https://kyoinblog.com/wp-content/uploads/2023/02/D664AA6A-0C9B-4051-90AE-E4FD3BD8D687.png" class="p-blog-card__thumb wp-post-image" alt="" srcset="https://kyoinblog.com/wp-content/uploads/2023/02/D664AA6A-0C9B-4051-90AE-E4FD3BD8D687.png 1224w, https://kyoinblog.com/wp-content/uploads/2023/02/D664AA6A-0C9B-4051-90AE-E4FD3BD8D687-300x169.png 300w, https://kyoinblog.com/wp-content/uploads/2023/02/D664AA6A-0C9B-4051-90AE-E4FD3BD8D687-1024x576.png 1024w, https://kyoinblog.com/wp-content/uploads/2023/02/D664AA6A-0C9B-4051-90AE-E4FD3BD8D687-768x432.png 768w, https://kyoinblog.com/wp-content/uploads/2023/02/D664AA6A-0C9B-4051-90AE-E4FD3BD8D687-320x180.png 320w, https://kyoinblog.com/wp-content/uploads/2023/02/D664AA6A-0C9B-4051-90AE-E4FD3BD8D687-640x360.png 640w" sizes="(max-width: 320px) 100vw, 320px" /></a><a href="https://kyoinblog.com/simple-slide/" class="p-blogcard__title-area">【これだけ！】シンプルで見た目の良いスライドを作成するコツ６選</a><a href="https://kyoinblog.com/simple-slide/" class="p-blogcard__excerpt-area">丁寧なプリントやスライドを作りたいけれど、時間をかけている余裕はないなぁ。




スライドに凝り出したら、いくら時間が</a><div class="p-blogcard__btn-area"><a href="https://kyoinblog.com/simple-slide/" class="p-blogcard__btn c-btn">記事を読む</a></div></div>
</div></figure>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>【本当に必要？】授業でスライドを用いるときのメリットとデメリット</title>
		<link>https://kyoinblog.com/slidemind/</link>
		
		<dc:creator><![CDATA[管理者]]></dc:creator>
		<pubDate>Fri, 17 Feb 2023 16:23:09 +0000</pubDate>
				<category><![CDATA[ICTスキル]]></category>
		<category><![CDATA[スライド]]></category>
		<category><![CDATA[仕事]]></category>
		<category><![CDATA[授業]]></category>
		<guid isPermaLink="false">https://kyoinblog.com/?p=422</guid>

					<description><![CDATA[誰もがおしゃれでスマートなスライドを用いた授業をしたいと思っていることでしょう。 しかし、スライドは授業において、「あった方がいい」ものであって、「なくてはならないもの」ではありません。 スライドの効果を知らないと、ただ [&#8230;]]]></description>
										<content:encoded><![CDATA[
<div class="wp-block-sbd-balloon sbd-balloon sbd-balloon--id-5 sbd-balloon--flat sbd-balloon--l sbd-balloon--gray block-box"><div class="sbd-balloon__profile"><figure class="sbd-balloon__icon"><img decoding="async" src="https://kyoinblog.com/wp-content/uploads/2023/03/download-4.jpg" alt="" class="sbd-balloon__img"/></figure><div class="sbd-balloon__name"></div></div><div class="sbd-balloon__text-box sbd-inner-block-init">
<p>はぁ・・・。プリントができたから、次はスライド作りかぁ。</p>
</div></div>



<p>誰もがおしゃれでスマートなスライドを用いた授業をしたいと思っていることでしょう。</p>



<p><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-vivid-red-color"><strong>しかし、スライドは授業において、「あった方がいい」ものであって、「なくてはならないもの」ではありません。</strong></mark></p>



<p><strong>スライドの効果を知らないと、ただただ作成する時間がかかり、努力が報われないことになってしまいます。</strong></p>



<p>私はほとんどの授業でスライドを使っています。</p>



<div class="wp-block-sbd-list"><ul class="sbd-list sbd-list-border">
<li>スライドがわかりやすい</li>



<li>スライドの作り方を教えて欲しい</li>
</ul></div>



<p>と、言われることがらいます。</p>



<p>以下のようなスライドを状況に応じて、使い分けています。※イメージ</p>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full"><img decoding="async" width="1024" height="538" src="https://kyoinblog.com/wp-content/uploads/2023/02/4-5.jpg" alt="" class="wp-image-1820"/></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full"><img decoding="async" width="1200" height="630" src="https://kyoinblog.com/wp-content/uploads/2023/02/3.png" alt="" class="wp-image-1821"/></figure>
</div>
</div>



<p>しかし、スライドをお褒めいただける僕ですけど、必ずしもスライドは必要ないんじゃないかなぁと思っています。</p>



<p>この記事では、授業にスライドを用いるときのメリットとデメリットを解説します。</p>



<div class="wp-block-sbd-point-block wp-block-sbd-checkpoint-block is-style-sbd-checkpoint-green">
<div class="wp-block-sbd-point-block-title"><p class="sbd-checkpoint-title">この記事を読むメリット</p></div>



<div class="wp-block-sbd-point-block-content sbd-checkpoint-content sbd-inner-block-init">
<div class="wp-block-sbd-list is-style-sbd-list-green"><ul class="sbd-list sbd-list-noborder">
<li>スライドの適切な使い方がわかる</li>



<li>スライドのメリット・デメリットもわかる</li>
</ul></div>
</div>
</div>



<h2 class="wp-block-heading">授業でスライドを用いるメリット</h2>



<p>まずは、スライドを用いるメリットをお伝えしたいと思います。</p>



<div class="wp-block-sbd-list is-style-sbd-list-blue"><ul class="sbd-list sbd-list-border">
<li>図解できる</li>



<li>生徒からの評価が高まる</li>



<li>何度も使用できる＝資産となる</li>
</ul></div>



<p>順番に確認していきましょう。</p>



<h3 class="wp-block-heading">図解できる</h3>



<figure class="wp-block-image size-small_size is-resized"><img decoding="async" width="640" height="360" src="https://kyoinblog.com/wp-content/uploads/2023/02/image-20-1-640x360.jpg" alt="" class="wp-image-434" style="width:836px;height:auto" srcset="https://kyoinblog.com/wp-content/uploads/2023/02/image-20-1-640x360.jpg 640w, https://kyoinblog.com/wp-content/uploads/2023/02/image-20-1-320x180.jpg 320w" sizes="(max-width: 640px) 100vw, 640px" /></figure>



<p><strong>スライドを用いると生徒に図解としてイメージを持たせることができます。</strong></p>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p>綿布というものは、綿花から糸をつむぎ、綿糸にしたあとで、綿糸を縦と横に織っていくことで出来上がっていく。</p>
</blockquote>



<p>上記の文章は、「綿布」の説明です。</p>



<p>しかし、なかなか文章では中々伝わりにくいものがあります。</p>



<p>それをスライドを用いるとどうでしょう？</p>



<figure class="wp-block-image size-full"><img decoding="async" width="1024" height="538" src="https://kyoinblog.com/wp-content/uploads/2023/02/つくねスライド.jpg" alt="" class="wp-image-1822"/></figure>



<p><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-vivid-red-color"><strong>文字情報がなくても、視覚情報として伝わります。</strong></mark></p>



<p>あとは少し説明を加えてあげるだけで、生徒もイメージしやすいものになります。</p>



<p>説明のときに、台本になるメリットもあります！</p>



<div class="wp-block-sbd-balloon sbd-balloon sbd-balloon--id-4 sbd-balloon--flat sbd-balloon--r sbd-balloon--blue block-box"><div class="sbd-balloon__profile"><figure class="sbd-balloon__icon"><img decoding="async" src="https://kyoinblog.com/wp-content/uploads/2024/05/cropped-IMG_6164.jpg" alt="つくね" class="sbd-balloon__img"/></figure><div class="sbd-balloon__name">つくね</div></div><div class="sbd-balloon__text-box sbd-inner-block-init">
<p>読むより、見た方が速いものは、図解しましょう！</p>
</div></div>



<h3 class="wp-block-heading">生徒からの評価が高まる</h3>



<figure class="wp-block-image size-small_size is-resized"><img decoding="async" width="640" height="360" src="https://kyoinblog.com/wp-content/uploads/2023/02/24888858_s-640x360.jpg" alt="" class="wp-image-436" style="width:840px;height:auto" srcset="https://kyoinblog.com/wp-content/uploads/2023/02/24888858_s-640x360.jpg 640w, https://kyoinblog.com/wp-content/uploads/2023/02/24888858_s-320x180.jpg 320w" sizes="(max-width: 640px) 100vw, 640px" /></figure>



<p>意外に知られていない効果として、<mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-vivid-red-color"><strong>スライドを丁寧に用いることができれば、自分の評価が高まる</strong></mark>、というのがあります。</p>



<p>さらに、生徒の教員への評価は「スライドのうまい人だ！」に留まりません。</p>



<div class="wp-block-sbd-list"><ul class="sbd-list sbd-list-border">
<li>「スライドがうまい！」</li>



<li>「わかりやすい！」</li>



<li>「できる人だ！」</li>



<li>「デジタルに強い人だ！」</li>



<li>「信頼できる人だ！」</li>
</ul></div>



<p>と、思ってもらえると、教員の評価が上がっていきます。</p>



<p><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-vivid-red-color"><strong>ハロー効果</strong></mark>によって、<strong>教員のその他の信頼性も向上します。</strong></p>



<p>上質なスーツを着こなしている人がいたら「仕事ができる人だ！」と思われやすいのと同じで、「スライド」でも同じような効果があります。</p>



<p>教員にとって、生徒や他の教員からの評価が上がるのはメリットが大きいです。</p>



<figure class="wp-block-embed is-type-wp-embed"><div class="wp-block-embed__wrapper">
<div class="p-blogcard c-hover-opacity p-blogcard-1"><a href="https://kyoinblog.com/ningenkankei-3/" class="p-blogcard__img-area"><img decoding="async" width="320" height="180" src="https://kyoinblog.com/wp-content/uploads/2023/03/25185595_s.jpg" class="p-blog-card__thumb wp-post-image" alt="" srcset="https://kyoinblog.com/wp-content/uploads/2023/03/25185595_s.jpg 640w, https://kyoinblog.com/wp-content/uploads/2023/03/25185595_s-300x168.jpg 300w, https://kyoinblog.com/wp-content/uploads/2023/03/25185595_s-320x180.jpg 320w" sizes="(max-width: 320px) 100vw, 320px" /></a><a href="https://kyoinblog.com/ningenkankei-3/" class="p-blogcard__title-area">【コミュ力いらず】職員室の人間関係を良好にするたった1つの方法</a><a href="https://kyoinblog.com/ningenkankei-3/" class="p-blogcard__excerpt-area">自分にコミュ力がなくて、職員室でうまくいかない！




職員室の雰囲気に悩んでいる人や同僚との関係がうまくいかないこと</a><div class="p-blogcard__btn-area"><a href="https://kyoinblog.com/ningenkankei-3/" class="p-blogcard__btn c-btn">記事を読む</a></div></div>
</div></figure>



<dl class="wp-block-sbd-definition-list sbd-inner-block-init sbd-list-border">
<dt class="wp-block-sbd-definition-list-dt">注意！</dt>



<dd class="wp-block-sbd-definition-list-dd">スライドで「なんかできる人」と思ってもらえるのは、一定水準までです。ガチガチのプレゼンなどは、中身の方が数倍大切です。</dd>
</dl>



<h3 class="wp-block-heading">何度も使用できる＝資産となる</h3>



<figure class="wp-block-image size-small_size is-resized"><img decoding="async" width="640" height="360" src="https://kyoinblog.com/wp-content/uploads/2023/02/25355015_s-640x360.jpg" alt="" class="wp-image-437" style="width:839px;height:auto" srcset="https://kyoinblog.com/wp-content/uploads/2023/02/25355015_s-640x360.jpg 640w, https://kyoinblog.com/wp-content/uploads/2023/02/25355015_s-320x180.jpg 320w" sizes="(max-width: 640px) 100vw, 640px" /></figure>



<p><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-vivid-red-color"><strong>スライドは、板書とは異なり、何度も使用することができます。</strong></mark>つまり教員人生の<mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-vivid-red-color"><strong>資産</strong></mark>となり得ます。</p>



<p>１つスライドを作成すると<strong>他のクラスでも使い回すことができます。</strong></p>



<p>1年目に作成したスライドは、<strong>2年目、3年目・・・15年目まで使うことができるかもしれません。</strong></p>



<p><strong>今までのスライドから、何枚か抜き取って、合わせて使用することもできます。</strong></p>



<p>もし、現在スライドを作成しているなら、5年使うつもりで作成すると、このあと何度も使用することができます。</p>



<div class="wp-block-sbd-balloon sbd-balloon sbd-balloon--id-4 sbd-balloon--flat sbd-balloon--r sbd-balloon--blue block-box"><div class="sbd-balloon__profile"><figure class="sbd-balloon__icon"><img decoding="async" src="https://kyoinblog.com/wp-content/uploads/2024/05/cropped-IMG_6164.jpg" alt="つくね" class="sbd-balloon__img"/></figure><div class="sbd-balloon__name">つくね</div></div><div class="sbd-balloon__text-box sbd-inner-block-init">
<p>自分でも納得するスライドを作れている前提だけどね！</p>
</div></div>



<figure class="wp-block-embed is-type-wp-embed"><div class="wp-block-embed__wrapper">
<div class="p-blogcard c-hover-opacity p-blogcard-2"><a href="https://kyoinblog.com/stockmind/" class="p-blogcard__img-area"><img decoding="async" width="320" height="180" src="https://kyoinblog.com/wp-content/uploads/2023/02/つくね仕事論-2-320x180.jpg" class="p-blog-card__thumb wp-post-image" alt="" srcset="https://kyoinblog.com/wp-content/uploads/2023/02/つくね仕事論-2-320x180.jpg 320w, https://kyoinblog.com/wp-content/uploads/2023/02/つくね仕事論-2-800x450.jpg 800w, https://kyoinblog.com/wp-content/uploads/2023/02/つくね仕事論-2-224x126.jpg 224w" sizes="(max-width: 320px) 100vw, 320px" /></a><a href="https://kyoinblog.com/stockmind/" class="p-blogcard__title-area">【3年で到達！】教員が早く帰るための「ストックを貯める」という方法</a><a href="https://kyoinblog.com/stockmind/" class="p-blogcard__excerpt-area">職場から早く帰りたいんだけど、仕事をほったらかして帰るのは嫌なぁ。




毎日、早く帰りたいと思ってはいるけれど、自分</a><div class="p-blogcard__btn-area"><a href="https://kyoinblog.com/stockmind/" class="p-blogcard__btn c-btn">記事を読む</a></div></div>
</div></figure>



<h3 class="wp-block-heading">他の人を助けることができる</h3>



<figure class="wp-block-image size-full is-resized"><img decoding="async" width="640" height="277" src="https://kyoinblog.com/wp-content/uploads/2023/02/image-6-1.jpg" alt="" class="wp-image-341" style="width:840px;height:auto" srcset="https://kyoinblog.com/wp-content/uploads/2023/02/image-6-1.jpg 640w, https://kyoinblog.com/wp-content/uploads/2023/02/image-6-1-300x130.jpg 300w" sizes="(max-width: 640px) 100vw, 640px" /></figure>



<p>スライドは、他の人を助けることにもつながります。</p>



<p>自分の解説資料を他の教員に見せれば、自分が他の教員に何度も伝える時間を短縮できます。</p>



<p>一度のスライドで、</p>



<div class="wp-block-sbd-list"><ul class="sbd-list sbd-list-border">
<li>今の自分に使える</li>



<li>他の人も使える</li>



<li>来年も使える</li>
</ul></div>



<p>など、メリットはたくさんあります。</p>



<p>すぐに共有できるように、ファイル管理も徹底的に行いましょう！</p>



<figure class="wp-block-embed is-type-wp-embed"><div class="wp-block-embed__wrapper">
<div class="p-blogcard c-hover-opacity p-blogcard-3"><a href="https://kyoinblog.com/file-kanri/" class="p-blogcard__img-area"><img decoding="async" width="270" height="180" src="https://kyoinblog.com/wp-content/uploads/2023/03/folder-gd42a707f1_640.jpg" class="p-blog-card__thumb wp-post-image" alt="" srcset="https://kyoinblog.com/wp-content/uploads/2023/03/folder-gd42a707f1_640.jpg 640w, https://kyoinblog.com/wp-content/uploads/2023/03/folder-gd42a707f1_640-300x200.jpg 300w" sizes="(max-width: 270px) 100vw, 270px" /></a><a href="https://kyoinblog.com/file-kanri/" class="p-blogcard__title-area">【デスク整理より重要！】教員がパソコンのファイル管理を徹底すべき理由</a><a href="https://kyoinblog.com/file-kanri/" class="p-blogcard__excerpt-area">あーーーっ！！あの資料、一体どこにいったんだよー！！




教員の仕事を引き延ばす理由として、実はバカにならないのが、</a><div class="p-blogcard__btn-area"><a href="https://kyoinblog.com/file-kanri/" class="p-blogcard__btn c-btn">記事を読む</a></div></div>
</div></figure>



<h2 class="wp-block-heading">授業でスライドを用いるデメリット</h2>



<p>スライドにはメリットもありますが、デメリットもあります。</p>



<div class="wp-block-sbd-list is-style-sbd-list-blue"><ul class="sbd-list sbd-list-border">
<li>時間がかかる</li>



<li>授業の流れを残しておけない</li>
</ul></div>



<h3 class="wp-block-heading">時間がかかる</h3>



<figure class="wp-block-image size-small_size is-resized"><img decoding="async" width="640" height="360" src="https://kyoinblog.com/wp-content/uploads/2023/02/image-23-640x360.jpg" alt="" class="wp-image-440" style="width:839px;height:auto" srcset="https://kyoinblog.com/wp-content/uploads/2023/02/image-23-640x360.jpg 640w, https://kyoinblog.com/wp-content/uploads/2023/02/image-23-320x180.jpg 320w" sizes="(max-width: 640px) 100vw, 640px" /></figure>



<p><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-vivid-red-color"><strong>スライドを作成する最も大きなデメリットは「時間がかかる」ことです。</strong></mark></p>



<p>これがとてもとてもとてもとてもとても大きなデメリットになります。</p>



<p><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-vivid-red-color"><strong>作成する時間を捧げてまで得られるメリットがないのであれば、作らないことを即決することもまた、仕事を早めるコツになります！</strong></mark></p>



<p>スライドがあることで、授業のクオリティが大幅に上がることはありません。</p>



<p>「そもそもスライドを作る必要があるのか？」というのは、常に自問自答して起きましょう！</p>



<div class="wp-block-sbd-list"><ul class="sbd-list sbd-list-border">
<li>スライドを読み上げるだけ</li>



<li>なくても説明すればいいだけ</li>



<li>プリントに同じものが書いてある</li>
</ul></div>



<p>などのときは、スライドは必要ありません。</p>



<h3 class="wp-block-heading">授業の流れを残しておけない</h3>



<figure class="wp-block-image size-small_size"><img decoding="async" width="640" height="360" src="https://kyoinblog.com/wp-content/uploads/2023/02/25262032_s-640x360.jpg" alt="" class="wp-image-441" srcset="https://kyoinblog.com/wp-content/uploads/2023/02/25262032_s-640x360.jpg 640w, https://kyoinblog.com/wp-content/uploads/2023/02/25262032_s-320x180.jpg 320w" sizes="(max-width: 640px) 100vw, 640px" /></figure>



<p><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-vivid-red-color"><strong>スライドを用いるもう一つのデメリットが、「授業の流れを残しておけない」ことです。</strong></mark></p>



<p><strong>主発問を出しても、次のスライドにいけば、主発問のスライドは消えてしまいます。</strong></p>



<p>他にも、<strong>導入から展開１、展開２、まとめ、</strong>と生徒が黒板全体を見たときに思考の流れを視覚化させることができにくいです。</p>



<p>黒板に書くと、ずっとその画面に残り続けます。スライドが出てこようと、黒板が必要なくなるわけではありません。</p>



<div class="wp-block-sbd-balloon sbd-balloon sbd-balloon--id-4 sbd-balloon--flat sbd-balloon--r sbd-balloon--blue block-box"><div class="sbd-balloon__profile"><figure class="sbd-balloon__icon"><img decoding="async" src="https://kyoinblog.com/wp-content/uploads/2024/05/cropped-IMG_6164.jpg" alt="つくね" class="sbd-balloon__img"/></figure><div class="sbd-balloon__name">つくね</div></div><div class="sbd-balloon__text-box sbd-inner-block-init">
<p>スライドと板書の両方のメリットを活かしながら使用するのがおすすめです！</p>
</div></div>



<h2 class="wp-block-heading">まとめ：効果を意識できなければ無駄な努力</h2>



<p>この記事では以下のことを解説しました。</p>



<p><strong>◯メリット</strong></p>



<div class="wp-block-sbd-list"><ul class="sbd-list sbd-list-border">
<li>図解できる</li>



<li>生徒からの評価が上がる</li>



<li>何回でも何年でも何人でも資産となる</li>
</ul></div>



<p><strong>◯デメリット</strong></p>



<div class="wp-block-sbd-list is-style-sbd-list-red"><ul class="sbd-list sbd-list-border">
<li>作成に時間がかかる</li>



<li>授業の流れを残せない</li>
</ul></div>



<p><strong>スライドを思考停止で作っても作業時間が増えるだけです。</strong></p>



<p>このスライドは図解した方がわかりやすいかどうか、この先何年も使うものになりそうかどうか、などを考える必要があります。</p>



<p><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-vivid-red-color"><strong>効果をきちんと意識できれば、スライドは最強の武器となります。</strong></mark></p>



<p>しかし、<mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-vivid-red-color"><strong>意識できずに作成するなら、それは無駄な努力です。</strong></mark>やめましょう！</p>



<p>ましてやその無駄な努力をひけらかすようなことは控えましょう。</p>



<p>効果を実感できた人は、スライドの作り方の記事も参考にしてみてください！</p>



<p>良いスライドで、最高の授業と働き方を実践しましょう！</p>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
