2024/06/05 3・4限 DL503
今日の内容
JavaScriptライブラリの一つである、jQueryを使います。jQueryを使って作られた「プラグイン（機能追加のためのスクリプト）」を使って、スライダーなどの機能を実装します。
学科サイトの編集
JavaScriptの演習手順
内容ごとに新しいファイルを作成する手順は同じです。今回からjsファイル（javascriptのファイル）も追加になります。
- フォルダをつくります（説明ページ内に指定のフォルダ名を書いています）
- index.html、style.css、script.jsを作成し、コードを記述します。
- GitHubで新規リポジトリを作成します。ファイルをアップロード後、GitHubページを公開します
→GitHubでの手順 - 学科サイトの自分のページにGitHubページのURLをリンクします
jQueryプラグインについて
授業内では、比較的導入しやすいプラグインを取り上げています。導入方法についてはどのプラグインも似ていることが多いので、興味がある人は、ほかのプラグインも使ってみてください。
- jQuery スライダー
- jQuery モーダルウィンドウ プラグイン
- Slick（高機能スライダー、カルーセル）
- など
近年のWeb技術の流れの中で、jQueryの事例自体がやや古いことがあります。また、無料配布のものだけでなく、中には有償ライセンスのものもありますので、よく確認してください。
今後の予定
本日の内容が終わり次第、最終成果物であるポートフォリオサイト（自己紹介サイト）の制作に入ります。
次回の授業（第10回）では、サイト制作の流れの確認、最終成果物の提出方法などを説明します。