Lecture 11:

ファイルの種類

Instructor: 柳井 政和

Lecture Content


今回はファイルの種類についてです。本コースで作成するリバーシゲームは、

・HTML

・CSS

・JavaScript

・画像

・サウンド

・Webフォント

これらのファイルで構成されています。

HTMLファイルを使いブラウザに画面を表示させ、CSSファイルを使いその表示の微調整を行い、JavaScriptでゲームの処理を書き、画像ファイルを使いゲームの表示部品を用意して、サウンドファイルを使いBGMや効果音を鳴らし、Webフォントを使い文字の描画を行います。

サンプルをAtomで開いてみましょう。ルートにある index.html がHTMLファイルです。cssフォルダにあるmain.cssがCSSファイルです。JavaScriptファイルのうち、自前で作成していないものは、こちらのlib jquery.min.jsのように、libフォルダーの中にファイルが入っています。

また自分で作成したJavaScriptファイルは、こちらのjsフォルダの中に格納されています。

冒頭にgameとついているのはゲームの基本的な処理、resourcesとついているものは画像やサウンドやフォントを読み込み利用するための処理、rebersiとついているものはリバーシゲーム固有の処理、testとついているものはデバッグ用の処理になります。

画像ファイルはimgフォルダの中に入っています。サウンドファイルはsndフォルダーの中に入っています。フォントはfntフォルダの中に入っています。

本コースのリバーシゲームはこのようなファイルで構成されています。今回はファイルの種類について話をしました。


Related Courses

【月額受講】一発合格シリーズCCNA (200-301)【2021年改訂試験対応】
PRO COURSE

【月額受講】一発合格シリーズCCNA (200-301)【2021年改訂試験対応】

17h 25m Video Course
Instructor: 阪西 敏治
$89.99/mo
映像業界で活躍できる!Adobe Premiere Pro 完全版
PRO COURSE

映像業界で活躍できる!Adobe Premiere Pro 完全版

6h 48m Video Course
Instructor: Yuto Morita
4
$99.99
フロントエンドエンジニアになりたい人のHTML/CSS/JavaScript入門講座
PRO COURSE

フロントエンドエンジニアになりたい人のHTML/CSS/JavaScript入門講座

10h 23m Video Course
Instructor: たにぐち まこと
31
$199.99
IT Business Japanese Course - ITビジネス日本語講座
PRO COURSE

IT Business Japanese Course - ITビジネス日本語講座

2h 57m Video Course
Instructor: 小池 慶
2
47%OFF
$94.99
$179.99
悪魔のWebサイト作成講座 - 成約率がみるみる上がるサイト制作
PRO COURSE

悪魔のWebサイト作成講座 - 成約率がみるみる上がるサイト制作

2h 39m Video Course
Instructor: 山本 琢磨
11
94%OFF
$12.99
$199.99
ビジネスパーソン必見!やさしい内部監査入門講座
PRO COURSE

ビジネスパーソン必見!やさしい内部監査入門講座

1h 7m Video Course
Instructor: 永尾 涼太
$79.99
基礎から学べる! HTML5完全マスター講座
PRO COURSE

基礎から学べる! HTML5完全マスター講座

6h 48m Video Course
Instructor: NESTonline
8
$80.99
Node.jsとNW.jsで作るJavaScript ローカルアプリ開発講座
PRO COURSE

Node.jsとNW.jsで作るJavaScript ローカルアプリ開発講座

5h 22m Video Course
Instructor: 柳井 政和
$89.99
JavaScript完全速習講座
PRO COURSE

JavaScript完全速習講座

4h 28m Video Course
Instructor: BeSomebody
5
$35.99
Djangoで作るはじめてのPythonによるWebアプリケーション開発講座
PRO COURSE

Djangoで作るはじめてのPythonによるWebアプリケーション開発講座

16h 50m Video Course
Instructor: 滝澤 成人
4
$199.99
誰でもわかる!Linux 基本オペレーティング習得講座
PRO COURSE

誰でもわかる!Linux 基本オペレーティング習得講座

2h 59m Video Course
Instructor: Attain Corp.
1
$87.99
初めてのPhotoshop - 1ヶ月で覚える写真加工の基礎から中級まで
PRO COURSE

初めてのPhotoshop - 1ヶ月で覚える写真加工の基礎から中級まで

9h 28m Video Course
Instructor: 森 まりも
73
$114.99