東洋大学社会学部 ウェブ情報処理および実習Ⅲ

Last modified on August 4, 2023. / This page is Japanese only.
● What’s New ●
2023/04/11新規に公開しました。
目 次
みんなのホームページ
授業の予定・記録および教材
参考ウェブサイト
参考文献
このページについて

実習で作るゲームの例

みんなのホームページ

        *アクセスは学内限定

   
4月19日の宿題1&2
   5月10日の宿題
   自作課題1
   自作課題2
   自作課題3

授業の予定・記録および教材

*春学期、水曜1限、[オンライン授業]

「本日の教材」のページの末尾から「実習課題の解答例」が見られます。

*解答例を公開するのは授業終了後です。

月 日 授業内容 教 材 配布資料 備 考
1 4月12日 授業ガイダンス/HTML、CSSの復習 本日の教材 A4判4枚 www3.toyo.ac.jpアカウント配布
ToyoNet-ACE 個別指導(コレクション)
2 4月19日 三択問題/JavaScriptの復習 本日の教材 A4判4枚  
3 4月26日 テキスト型RPG(1)~ロール・プレイング・ゲーム 本日の教材 A4判4枚 自作課題1出題
4 5月10日 テキスト型RPG(2)~ロール・プレイング・ゲーム 本日の教材 A4判3枚
5 5月17日 宝探しゲーム(1)~カード・ゲーム 本日の教材 A4判5枚  
6 5月24日 宝探しゲーム(2)~カード・ゲーム 本日の教材 A4判4枚    
7 5月31日 神経衰弱(1)~カード・ゲーム 本日の教材 A4判4枚    
8 6月7日 神経衰弱(2)~カード・ゲーム 本日の教材 A4判4枚 自作課題2出題
9 6月14日 モグラたたき(1)~アクション・ゲーム 本日の教材 A4判4枚  
10 6月21日 もぐらたたき(2)~アクション・ゲーム 本日の教材 A4判2枚  
11 6月28日 8パズル(1)~スライド・パズル 本日の教材 A4判4枚  
12 7月5日 8パズル(2)~スライド・パズル 本日の教材 A4判2枚  
13 7月12日 スネークゲーム(1)~アクション・パズル 本日の教材 A4判5枚 自作課題3出題  
14 7月19日 スネークゲーム(2)~アクション・パズル 本日の教材 A4判4枚    
15 7月26日 スネークゲーム(3)~アクション・パズル 本日の教材 A4判4枚  

このページのトップへ

参考ウェブサイト

CSS自習・参考サイト

CSSの基本
「HTMLクイックリファレンス」の一部。
とほほのスタイルシート入門
「とほほのWWW入門」の一部。
CSS リファレンス
Mozilla Developer Network
CSS Properties Index
(CSS全属性のバージョン間対照表)

HTML5について(5.2 2017年12月14日W3C勧告)

HTML5
W3Cの公式サイト
HTML5入門 ~初心者のためのHTML5を使ったホームページ作成方法~
初心者向けチュートリアル
HTML5入門
タグや属性のレファレンスマニュアル
HTML5 Introduction
HTML5のチュートリアル(英文)

HTML・CSSでの色指定について

CSSでの色の指定方法について
様々な指定方法の解説
HTML,CSS ホームページの背景色や文字色
色見本とカラーネームとRGB値の表。
WEB COLOR 216
256色環境でWindows、Macintosh両方に共通する216色。解説付。
RGBと16進数カラーコードの相互変換ツール
RGB値を入力することで色を確認できる。

画像ファイルの種類と特徴

WEB画像について(HTMLクイックレファレンス)
画像ファイル形式の基礎と特徴まとめ(JPEG・GIF・PNGなど)「LIB WORKS Vol.2」(株式会社LIG)
画像拡張子・ファイル形式の種類一覧!JPG・PNG・GIF等違いを比較「ホームページ大学」(ペライチ)
BMP,JPG,GIF,PNG 画像フォーマットの違いを歴史的背景から解説(パソコン実践講座 ~道すがら講堂~)

JavaScript自習・参考サイト

初めて学ぶ人のためのJavaScript入門
事例豊富な解説。
とほほのJavaScriptリファレンス
「とほほのWWW入門」の一部。索引もついている。
JavaScript 「再」入門
初級レベルから上級レベルまでをカバーした解説。レファレンスも充実している。。
オブジェクト指向プログラム言語としてのJavaScript
JavaScriptのオブジェクト操作の方法と特徴を紹介。

“w3schools.com”

HTML5 Tutorial
ホームページWith HTML you can create your own Web site. This tutorial teaches you everything about HTML. HTML is easy to learn - You will enjoy it.
CSS Tutorial
CSS is a language that describes the style of an HTML document. CSS describes how HTML elements should be displayed. This tutorial will teach you CSS from basic to advanced.
JavaScript Tutorial
JavaScript is the programming language of HTML and the Web. JavaScript is easy to learn. This tutorial will teach you JavaScript from basic to advanced.

イラスト、写真、音声の素材リンク集(著作権フリー)

(イラスト)
いらすとや(PNG形式)
イラストボックス(PNG形式、会員登録必要)
(写真)
Pixabay
Unsplash
Pexels
Negative Space
(効果音)
SOUND JAY(英語)
(BGM)
DOVA-SYNDROME(効果音もあり)
甘茶の音楽工房

その他

秀丸エディタ
プログラムやHTML、CSS、Javascriptのソースファイルを作成するためのテキストエディタ

このページのトップへ

参考文献

スタイルシート+CSSの入門書・自習書

『HTML5&CSS3ワークブック』
相澤 裕介著, カットシステム, 2012.11. 223 p. (\972)
『スラスラわかるHTML&CSSのきほん 第2版』
狩野祐東著, SBクリエイティブ, 2018.4. 296 p. (\2138)
『HTML5&CSS3デザインブック』
エビスコム著, ソシム, 2014.10. 319 p. (\2808)
『よくわかるHTML5+CSS3の教科書 第2版』
大藤幹著, マイナビ, 2014.5. 336 p. (\3024)
『HTML&CSSとWebデザインが1冊できちんと身につく本』増補改訂版
服部雄樹著, 技術評論社, 2022.1. 384 p. (\2860)

JavaScriptの入門書・自習書

(初学者向け)

『JavaScriptワークブック』第3版
相澤裕介著, カットシステム, 2020.4. 223 p. (\990)
『入門者のJavaScript』
立山秀利著, 講談社(ブルーバックス), 2014.1. 288 p. (\1078)
『確かな力が身につくJavaScript「超」入門』第2版
狩野祐東著, SBクリエイティブ, 2019.9. 336 p. (\2728)

(上・中級者向け)

『JavaScript本格入門:モダンスタイルによる基礎から現場での応用まで』改訂新版
山田祥寛著, 技術評論社, 2016.6. 456 p. (\3278)
『JavaScript』第6版
David Flanagan著, 村上列訳, オライリー・ジャパン, 2012.8. 840 p. (\4620)
『7大ゲームの作り方を完全マスター! ゲームアルゴリズムまるごと図鑑』
廣瀬豪著, 技術評論社, 2022.2. 448 p. (\3520)

このページのトップへ

このページについて

*東洋大学社会学部「ウェブ情報処理および実習III」(海野敏担当)のために開設しています。 授業の進行に応じて、このページで参考ウェブサイトの紹介、 参考文献の指示などをいたします。

*本講義の目的は、ホームページ作成のための一歩進んだ技法を習得することです。 具体的には、ゲームプログラミングを通してJavaScriptの活用法を学習します。

このページのトップへ