2016年10月アーカイブ

2016年10月31日

10月31日(火)セミナー

・今週やったこと
学校の図書館にゲーム開発ツールである「Unity」の参考書が置いてあると
聞き、借りてきて実際に触れてみようと考えた。

●Unityホームページ
画像2.jpg
しかし、研究室の私が使用しているMac(ver.10.6.8)はバージョンが対応しておらず、
インストールできなかったため、私のWindows10のノートパソコンにインストールした。

●Unityの作成画面
画像1.jpg
また、Unity以外にも何か良いゲームエンジンが無いかと探したところ、
html5とjavascriptをベースとした「enchant.js」というものがあると知り、
インストールしたが、javascriptをよくわかっていなかったため、理解できな
かった。よって、まずはjavascriptの学習を始めた。

・来週までにやること
Unityとjavascriptの学習を続ける。

2016年10月25日

10月25日(火)セミナー

・今週やったこと
竹中さんに紹介してもらった「Bootstrap」を使用してみた。このBootstrapは
CSSの枠組みやスタイルがある程度最初から定義されているため、簡単に見栄え
を整えることができた。(Bootstrapの使い方については、「ドットインストール」
に説明動画が掲載されている。)

●「Bootstrap」
1.jpg
ウェブページのナビゲーションやボタンを一から作っていたが、このBootstrapを
使用すると簡単に作ることができた。下の画像は実際に作ったホームページ。
4.jpg
・来週までにやること
ウェブページではなく、本来の目的であるhtml5の製作について着手していく。

2016年10月18日

10月18日(火)セミナー

・今週やったこと
html5に引き続きcssについて学習した。下の写真のような文字コード
を書いたが、プレビュー画面で見ると画像やナビゲーションのサイズ
が指定どうりになっていなかった。

・cssの文字コード
画像3.jpg

・プレビュー画面
画像4.jpg

このようなcssの細かい部分の調整はコンピュータに任せるほうが良い
ということを学んだ。

・来週までにやること
cssについて引き続き学ぶと共に、目的から外れないような学習を行う。


2016年10月 4日

10月4日(金)セミナー

・今週やったこと
研究室のパソコンでもHTMLやCSSを学習できる環境を作るということだったが、
すでに「Brackets」というテキストエディタがインストールされていた。
したがって、「Brackets」を用いてHTMLとCSSの学習を始めた。
下の画像はサンプルとして書いたHTML。スクリーンショット(2016-10-04 13.29.01).png

画像を挿入したが、下の画像のように元の画像がとても大きい。

スクリーンショット(2016-10-04 12.42.11).png

よって、画像の大きさを調整するために参考書で紹介させていた画像編集ソフト
「Pixlr Editor」(ピクセラエディター)を用いて加工を行った。

・Pixlr Editor
スクリーンショット(2016-10-04 12.29.56).png

・画像編集画面
スクリーンショット(2016-10-04 12.43.15).png

感想としては、Pixlr Editorはとても使いやすく、機能も多かった。また、ブラウザ上
で動作するソフトなので、インストールや会員登録が不要なのも良かった。

加工した画像を使うと、調度良い大きさになった。
スクリーンショット(2016-10-04 13.10.25).png

・来週までにすること
CSSを学習して見た目を調整する。

このアーカイブについて

このページには、2016年10月に書かれたブログ記事が新しい順に公開されています。

前のアーカイブは2016年9月です。

次のアーカイブは2016年11月です。

最近のコンテンツはインデックスページで見られます。過去に書かれたものはアーカイブのページで見られます。