学科 JavaScript基礎

-本日のアジェンダ-

1限目
学科 JavaScript基礎
JavaScriptについて

2限目
学科 JavaScript基礎
JavaScript 使い方について

3限目
学科 JavaScript基礎
課題作成

4限目
学科 JavaScript基礎
課題作成

5限目
学科 JavaScript基礎
課題作成

本日のテーマ

JavaScriptの活用法についてです。

JavaScript とは?

JavaScriptはスクリプト言語のひとつでありNetscape Communications社によって開発されたプログラミング言語ですが、標準化され現在ではほとんどのブラウザの標準スクリプト言語として使用されています。JavaScriptを使用することでWebページに動きを与えたり算術などの処理を行うことが可能になります。JavaScriptはクライアント(ブラウザ)のスクリプト言語として発展して来ましたが近年ではサーバーサイドでも稼働するものもあります。JavaScriptの言語仕様はECMAScriptとして標準化されています。

参考サイト

jQuery とは?

jQueryは、ウェブブラウザ用のJavaScriptコードをより容易に記述できるようにするために設計されたJavaScriptライブラリです。jQueryは、JavaScriptライブラリのデファクトスタンダードであると言われています。
jQueryは、以下の特徴を持ちます。

  • ブラウザの違いを意識せずに処理を記述できます。
  • HTML文書(DOM:Document Object Model)に簡単にアクセスできます。
  • Ajax処理(サーバーとの非同期通信)が簡単に記述できます。

参考サイト

JavaScriptでの記述

JavaScriptを記述する時の基本事項を理解しましょう。

参考サイト

学科 WEB動画基礎

-本日のアジェンダ-

1限目
学科 WEB動画基礎
YouTube利用について

2限目
学科 WEB動画基礎
WebサイトでYouTubeの 使い方について

3限目
学科 WEB動画基礎
課題作成

4限目
学科 WEB動画基礎
課題作成

5限目
学科 WEB動画基礎
課題作成

本日のテーマ

WebサイトでのYouTubeの活用法についてです。

YouTubeにつて

YouTube ( ユーチューブ ) は、アメリカ合衆国・カリフォルニア州サンブルーノに本社を置く世界最大の動画共有サービス。Youは「あなた」、Tubeは「ブラウン管(テレビ)」という意味である。

videoとiframeタグ

WEBサイトに動画を埋め込む方法は2つあります。
①iframeタグを使用する(youtubeなどの動画サイトから読み込む)
②videoタグを使用する(動画ファイルをアップロードして読み込む)

①iframeタグを使用する(youtubeなどの動画サイトから読み込む

記述例
<iframe width="410" height="200" src="https://www.youtube.com/embed/9No-FiEInLA" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen>

②videoタグを使用する(動画ファイルをアップロードして読み込む)

記述例
<video src="sample.mp4"></video>

参考サイト

その他、埋め込みについては下記を参考に!

SNSの埋め込み方

第5回成績考査

10月14日5限目までに、紙用(pdf)ポートフォリオを提出してください。
ポートフォリオの内容は、自由です。
※是非、就職活動に活かせる作品を作成してみてください。