Webサイト作成さくせいB（第だい08回かい）

授業じゅぎょうの準備じゅんび

• ヘッドホンやイヤホンは耳みみからはずしてください
• ペットボトル以外のいがいの飲み物のみものを教室きょうしつに持ち込むこむことはできません
• Microsoft Teamsにログインし、授業じゅぎょうの会議かいぎに参加さんかしてください。
• CampusAppにログインしておきましょう

前回ぜんかいの復習ふくしゅう

Webサイト作成さくせいB（第だい07回かい）

前回ぜんかいの知識ちしき問題もんだい

• CSSで「文字もじの色いろ：#ffffff」「文字もじの位置いち：中央ちゅうおう」「文字もじの太さふとさ：bold」はどれですか
  • color: #ffffff;／text-align: center;／font-weight: bold;
  • font-color: #ffffff;／text-align: center;／font-weight: bold;
  • text-color: #ffffff;／text-align: center;／font-weight: bold;
  • color: #ffffff;／align: center;／weight: bold;
  • text-color: #ffffff;／text-align: center;／text-weight: bold;
• CSSで「中なかの余白よはく：16px」「枠わく線せん：dashed 5px #cccccc」はどれですか
  • padding: 16px;／border: dashed 5px #cccccc;
  • margin: 16px;／border: dashed 5px #cccccc;
  • box: 16px;／border: dashed 5px #cccccc;
  • border: 16px;／padding: dashed 5px #cccccc;
  • element: 16px;／border: dashed 5px #cccccc;
• CSSで「背景色はいけいしょく：#cccccc」「背景はいけい画像がぞう：url(bg_grid.gif)」はどれですか
  • background-color: #cccccc;／background-image: url(bg-grid.gif);
  • color: #cccccc;／background-image: url(bg-grid.gif);
  • background-color: #cccccc;／image: url(bg-grid.gif);
  • color: #cccccc;／image: url(bg-grid.gif);
  • bg-color: #cccccc;／bg-image: url(bg-grid.gif);
• CSSで「位置いちの基準きじゅん：fixed」「上うえ：0px」「左ひだり：0px」はどれですか
  • position: fixed;／top: 0px;／left: 0px;
  • standard: fixed;／top: 0px;／left: 0px;
  • css: fixed;／top: 0px;／left: 0px;
  • box-position: fixed;／top: 0px;／left: 0px;
  • positioned: fixed;／top: 0px;／left: 0px;
• CSSで「文字もじの位置いち：中央ちゅうおう」「文字もじの影かげ：0px 5px 0px #ffffff」はどれですか
  • text-align: center;／text-shadow: 0px 5px 0px #ffffff;
  • font-align: center;／font-shadow: 0px 5px 0px #ffffff;
  • align: center;／shadow: 0px 5px 0px #ffffff;
  • font-align: center;／text-shadow: 0px 5px 0px #ffffff;
  • text-align: center;／font-shadow: 0px 5px 0px #ffffff;

テキストの配布はいふ

本日ほんじつのテキストを配りくばります。

• テキストを受け取ったら、学籍番号がくせきばんごうと名前なまえを書いてください 
• テキストは捨てすてないでください。次回じかい以降いこうも持ってもってきてください

著作権ちょさくけんについて

著作権ちょさくけんとは

著作ちょさくとは、「書くかくこと」や「書いたかいた文章ぶんしょう」のことです。

権利けんりとは、「法律ほうりつや社会しゃかいによって、持つもつことを許されたゆるされた力ちから」のことです。

著作権ちょさくけんとは、文章ぶんしょうや音楽おんがく、絵えや写真しゃしん、動画どうがやプログラムなど、「考えかんがえていることや感じかんじたことを表現ひょうげんしたもの（＝著作物ちょさくぶつ）」を作ったつくった人ひと（＝著作者さくしゃ）に与えあたえられる権利けんりのことです。

著作権ちょさくけんが大切たいせつなのは、著作物ちょさくぶつを作ったつくった人ひとを守まもるり、文化ぶんかを発展はってんさせるためのルールだからです。

著作権ちょさくけんについてのクイズ

Q1：インターネットの画像がぞう 

インターネットでみつけた画像がぞうを、自分じぶんのSNSにそのまま投稿とうこうしました。
これはGood？Bad？

A：もともとインターネットで自由じゆうに見られる画像がぞうだからGood
B：許可きょかなく使うつかうとBad
正解せいかい：B
解説かいせつ：インターネット上うえなどで誰だれでも自由じゆうに見られる画像がぞうであっても、撮影さつえいした人ひとや描いた人ひとに著作権ちょさくけんがあります。許可きょかなくSNSやブログに載せるのせると「公衆こうしゅう送信そうしん権」の侵害しんがいになります。

Q2：SNSのプロフィール画像がぞう 

大好きだいすきなアニメキャラクターの画像がぞうを、SNSアカウントのプロフィール画像がぞうに設定せっていしました。
これはGood？Bad？

A：アニメのファンとして応援おうえんしているのでGood
B：許可きょかがない限りかぎりBad
正解せいかい：B
解説かいせつ：アニメやマンガのキャラクター、アーティストなどの写真しゃしんをプロフィール画像がぞうに使用しようすることは、著作権ちょさくけんや肖像ぞう権、パブリシティ権の侵害しんがいになります。

Q3：レポート作成さくせいとコピー＆ペースト 

大学だいがくのレポートを書くかくとき、Webサイトの文章ぶんしょうをコピー＆ペーストして、そのまま提出ていしゅつしました。
コピーしたWebサイトのURLは一番いちばん最後にさいごに書きました。
これはGood？Bad？

A：WebサイトのURLを書いたかいたのでGood
B：自分じぶんの文章ぶんしょうと分けわけていないのでBad
正解せいかい：B
解説かいせつ：文章ぶんしょう全体ぜんたいをコピー＆ペーストして、最後にさいごにURLを載せるのせるだけでは「引用いんよう（人ひとの言葉ことばや文章ぶんしょうを取り入れるとりいれること）」にはならず、「盗用よう」とみなされます。引用いんようするときには引用いんようのルールを守まもるらなければいけません。

Q4：授業じゅぎょう資料しりょうと教科書きょうかしょ 

先生せんせいが配ったくばったプリントや授業じゅぎょうで使った教科書きょうかしょを、スマホで撮影さつえいして、友達ともだちにLINEで送りおくりました。
これはGood？Bad？

A：同じおなじ大学だいがくの友達ともだちとならGood
B：どんな理由りゆうでもBad
正解せいかい：A
解説かいせつ：数かず人ひとのグループで共有するきょうゆうするくらいであれば、Goodなケースが多いおおいです。ただし、不ふ特定とくてい多数たすうが見られるSNSなどにアップロードするのはBadです。

Q5：音楽おんがくとBGM 

好きすきなアーティストの音楽おんがくをCDから録音ろくおんして、自分じぶんが作ったつくったショート動画どうがにBGMとして投稿とうこうしました。
これはGood？Bad？

A：ショート動画どうがだから一部いちぶしか使っていないのでGood
B：CDから録音ろくおんした音楽おんがくなのでBad
正解せいかい：B
解説かいせつ：ショート動画どうがアプリ内の公式こうしきライブラリから曲きょくを選ぶえらぶ場合ばあいはOKですが、CDや配信はいしん音おと源みなもとを自分じぶんで録音ろくおんして動画どうがに被せるかぶせる行為こういは「原はら盤権（製作せいさく者ものの権利けんり）」の侵害しんがいになります。

Q6：イラストと二次にじ創作そうさく 

アニメのキャラクターを自分じぶんで描いて、自分じぶんのSNSに「ファンアート」として投稿とうこうしました。
これはGood？Bad？

A：自分じぶんで描いた絵えなのでGood
B：どちらでもない
C：キャラクターの作者さくしゃに著作権ちょさくけんがあるのでBad
正解せいかい：B
解説かいせつ：自分じぶんで描いた絵えであっても、元もとのキャラクターの著作権ちょさくけんは原作げんさく者ものにあります。ただし、日本にっぽんではビジネスではないファンアートがGoodとされることもありますが、公式こうしきがガイドラインを作ってつくっている場合ばあいはそれに従いましょう。

Q7：翻訳ほんやくと著作権ちょさくけん 

日本にっぽんの小説しょうせつや、面白いおもしろいニュースを自分じぶんの母はは国語こくごに翻訳ほんやくして、SNSで公開こうかいしました。
これはGood？Bad？

A：翻訳するやくする作業さぎょうをしたからGood
B：勝手かってに翻訳ほんやくして公開こうかいするとBad
正解せいかい：B
解説かいせつ：著作物ちょさくぶつには「翻訳ほんやく権（翻案あん権）」があり、著作者さくしゃの許可きょかなく翻訳ほんやくして公開こうかいすることは著作権ちょさくけんの侵害しんがいになります。

Q8：生成せいせいAIの利用りよう 

生成せいせいAIを使ってレポートを作成さくせいするとき、教科書きょうかしょの文章ぶんしょうをそのまま入力にゅうりょくして、要約ようやくさせました。
これはGood？Bad？

A：AIの学習がくしゅうや分析ぶんせき、要約ようやくのために本ほんを読ませるのはGood
B：他人たにんの著作物ちょさくぶつである本ほんをAIに読ませるのでBad
正解せいかい：A
解説かいせつ：日本にっぽんの著作権ちょさくけん法ほう（第だい30条の4）では、AIのデータ解析かいせきや情報じょうほう処理しょりのために著作物ちょさくぶつを利用りようすることは認めみとめられています。

Q9：購入こうにゅうした本ほんのコピー 

自分じぶんが買ったかった本ほんを、全ぜんページコピーして友達ともだちに渡しわたしました。
これはGood？Bad？

A：自分じぶんがお金おかねを出して買ったかった本ほんなのでGood
B：本ほんを全ぜんページコピーしたのでBad
正解せいかい：B
解説かいせつ：自分じぶんで使うつかうためのコピーは認めみとめられていますが、他人たにんに渡すわたす目的もくてきでの複製ふくせいや、1冊丸ごとまるごとのコピーは認めみとめられていません。

Q10：著作権ちょさくけんの発生はっせい 

自分じぶんで撮影さつえいした写真しゃしんの著作権ちょさくけんを持つもつために、政府せいふに申請しんせいしようと思いおもいます。
これはGood？Bad？

A：必要ひつような手続きてつづきなのでGood
B：著作権ちょさくけんは自動じどうで発生はっせいするのでBad
正解せいかい：B
解説かいせつ：日本にっぽんでは、文章ぶんしょうを書いたかいたり写真しゃしんを撮ったりした瞬間しゅんかんに、何なんの手続きてつづきもなく著作権ちょさくけんが自動じどうで発生はっせいします。

著作権ちょさくけんのまとめ

著作権ちょさくけんとは：自分じぶんや他のほかの人ひとが作ったつくったものを、みんなで大切たいせつにするルールのこと 

中間ちゅうかん試験しけん

これまでの授業じゅぎょうの内容ないようを復習ふくしゅうする「中間ちゅうかん試験しけん」を実施じっしします。

• スマホは使ってはいけません
• 毎まい回かい配布はいふしている授業じゅぎょうのテキストは使ってもよいので、準備じゅんびしてください
• 先にさきに学生証がくせいしょうの読みよみ込みをします
• 時間じかんは30分を目安めやすとします

CampusAppから「2026年ねん度ど：Webサイト作成さくせいB（中間ちゅうかん試験しけん）」に取り組みとりくみましょう。

パソコンの再起動さいきどう／シャットダウン

授業じゅぎょうの終わりおわりに必ずかならずパソコンを再起動さいきどう（次つぎに他のほかの授業じゅぎょうがある場合ばあい）、
またはシャットダウン（次つぎに他のほかの授業じゅぎょうがない場合ばあい）してください。