神戸電子専門学校ゲームソフト学科の生徒が運営するＧＥＳのブログです。
[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。
こんばんは。
文月浩加です。
ZAKIさんたちに話してる時に、周り数人にやってくれといわれてしまいました。
というわけで、早速書いてみようと思います。
第一回HTML講座！！！
といっても昔自分のサイトでコラムとしてやっていたもののコピーです。
HPを作ろう その１
＝HTMLの基本を見てみよう＝
準備するもの
・PC
・ネット環境
・公開するためのサーバ。
・ソースを作成するためのソフト。
Windowsのエディタソフトは『メモ帳』と言うものがあります。
メモ帳の実行方法
スタートボタン→すべてのプログラム→アクセサリ→メモ帳。
ちなみに私はフリーソフトの『Style Note』というソフトを使っています。
HTMLや、CSSなどにもある程度準拠しているので使いやすいです。
一般的なHPは、HTMLという言語を使って作られています。
他にも現在、CSS、XHTMLなどの言語も存在しています。
これについてはまた後日。
私は、現在はHTMLと、CSSを利用してHPを作成しています。
まずは、HTMLの簡単な形式を説明して行きましょう。
手始めに、こちらのソースをメモ帳にコピペして『index.html』と言う名前で保存してください
そしてブラウザ（Internet ExplorerやOpera、FireFoxなどなど）で実行して見てみましょう。
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=shift-jis">
<title>こんにちは</title>
</head>
<body>
こんにちは
</body>
</html>
これが一番の基本のタグです。
一番最初の一行は『このドキュメントはHTMLです。基本指定はHTML 4.01です』という宣言をしてます。
つまり、『今からHTMLが始まります。4.01の設定を利用します。』っていうことです。
実際無くても表示はされますが、一応あった方がいいと思います。
これ以外の<!DOCTYPE>文はこちら→とほほのＷＷＷ入門
１．<head>～</head> ヘッダー。このページの設定です。
２．<meta> 基本的には、テキストがどの形式か、文字コードは何かなどなど。
３．<title>～</title> ココの中がタイトルバーに表示されます。
４．<body>～</body> ココの中が画面の中に表示されます。
タグは、<!DOCTYPE> <meta>（宣言文）<BR>（改行）、<IMG>（画像読み出し）などの閉じタグないものを除いて
<>～</>が基本形式です。
<HTML>で始まって</HTML>で終わります
今回はとりあえず本当に基本まで。
次回から一気に画像表示からテキスト編集などなど。
簡単なシステムの紹介が終わったら、次はCSSの説明もする予定でいます。
ではでは、ダッシュで夜勤にいってまいります。浩加でした。
以下はまたしてもGESメンバー向け。
[0回]
どうも。ＧＥＳのサポートに回るＥｋｉｙａです。
今日は真面目な。まじっっめな記事です。ヤッホゥ。
主に就職活動中の皆に向けて書けとのことなので面接を題材にしたいと思います。
私が受けた所がゲーム系だったのでここで書ける事はゲームに偏るかもしれません。
まずは結論から。
＠声出そう！
＠自信持とう！
＠笑おう！
＠迷うな！
＠あとは練習あるのみ！
よし。お疲れ。後は読みたい人だけでいいよ。
まず一つ。
大きな声で喋りましょう。叫ぶなよ？
最初の自己紹介でわざと大きな声を出して緊張を解すのも手です。（声を張るという意味で）
一度恥をかいておけば限度と言うものを理解できるでしょう。
いい意味で新しい扉が開けますよ。変な意味じゃないって。別に気持ちよくはならないって。
二つ。
面接は自分の売り込みです。引いたら負けです。
多分、生島先生や松尾先生が良く言いますがその通りだと思います。
先生の出す全ての質問に答えてください。
先生が指示をくれます。
いいところ悪い所友達に聞いてみてください。
言ってくれない奴はトモダチじゃないデス。冗談です。
三つ！
笑う事は大事ですっ。
なんたって場が和みます。一気に自分にエンジン掛かりますよホント。
言葉にちょっとした「あるあるｗ」的な失敗談を織り交ぜるのもいいと思います。
「そんな失敗をしました。ですがＸ～Ｘやってちゃんと乗り越え自分の自信にできたと思います」
まぁ私のテンプレなんて役に立つか分かりませんが最終的に自分のプラスの話で終わればいいと思います。
あと接客系のバイトしてる人には朗報。
対人戦は絶対的な経験量がモノを言います。今回は接客系のバイトとかやってる人が優位ですよ。
私が見てきた感じですが、やっぱり面接に慣れる速度が違ったと思います。
四つ。
「かもしれません」や「だと思います」的な曖昧な言葉を使うのを止め、ハキハキ喋りましょう。
それだけで大分デキル奴に見えるそうです。
ただ「傲慢な態度」と履き違えないようにしてくださいね……。
卑屈になりすぎて自分をけなすのも良くないです。
まぁ思う存分けなしまくって最後に
「ですが！ 私はそれを全部克服してここに自信を持ってやってまいりました！ ばきゅーん！」
って言える位なら存分に自分を貶してください。
貴方の器は私を越えています。もう心配ありません。いや、逆に心配です。
最後に。
やっぱり、経験量です。
集団面接練習でダメだったなら友達と一緒に練習しましょう。
とりあえず個人でもガンガン先生に言って疲れさせましょう。
松尾先生が狙い目です。あ、いえ。何でもないです。
先生達は全力でサポートしてくれますからね☆
うわぁ……下らない話をクダグダスミマセン。あ～やだやだ。歳か？職業病か？
過去最長の記事になれたかな？プログラムも載ってないのに良く書くな自分……。（ホントは倍ぐらい書いたよ）
ま、まぁとにかく上のほうに書いた＠あたりだけココロにとどめてください。
また機会があれば今度は面接の体験談とか書きますね。
ではっよい就職活動を！ Ｅｋｉｙａでしたっ。
[0回]
寒い夜に冷え切った部屋からこんばんは。矢那です。
今年もキーボードを打つのがつらい季節になりました。
制作も佳境に入るという時に指先がかじかむとちょっと萎えます。
去年、あまりにも寒かったので薄手の手袋買っちゃいましたよ。
少しマシにはなりましたが家でしか使えません。あまり有効活用できてない。
まぁ、こんな他愛のない無駄話から始まりますが、ＧＥＳブログが開設から1ヶ月を迎えました。
さりげなくアクセス解析もつけてました。約900弱ＨＩＴしているようです。ありがとうございます。
リンク元もちょっとだけ見ましたが、Ｙａｈｏｏさんなどの検索でいらっしゃる方が多数。
学校のリンクがメインかと思いきや。色んなワードで検索かけられてました。
それでは突然ですが ここで ワード検索 ＴＯＰ５を発表したいと思います。はいどーん。
栄光の一位は「ヤーウェイ」でした。ぱふーぱふー。
お礼にリンク貼っときました。これからもよろしくお願いします。
あ、ちなみに、制作のチームでサイトがあるよーってな方はコメントに書き込んでください。
リンク貼らせていただきますので。面白いサイト大募集しております。
他にもおもしろ検索ワードがいくつかありますが、また次の機会にでも。
ではでは。連続更新のために繋いでみた矢那でした。
[0回]
ﾉｼ
[0回]
ひょっこり。
こんばんは。
三年の春井こと、ティールです。
GESの中の位置では歩兵です。わらわらいる中の一人です。
それか、忍です。
イベントの準備など、KDの行く末を決めるような所では出てきます。
目立ちたがり
人手がいるのは手伝わないとね！
ササッと参上する、そんな感じです。
という事で、忍者です。にんにん。
なぜ急に書いたかと言うと、これを更新したら1週間連続更新だったのです。
重要なポジションでした。
まさかのミスです。
記事の投稿日を操作してあたかも連続更新しているように見せかける作戦も、失敗です。
ありませんでした。
昔の人は言いました。
八方塞、無い袖は振れぬ、四面楚歌、果報は寝て待て･･･。
でもね、やっぱりここで踏みとどまってちゃだめなんですよ。
こういう言葉があります。
人生にはきっと抜け路がある。
ってね☆
とにかく、今更なんだかんだ言うつもりはありません。
ただ知って欲しいのは、
済んだことをいつまでも根に持たず、これからどうすればいいのかを行動する。
そういう事です。
やべぇ、勉強せな。
これやらなあかんなー。
そんな事言ってる場合じゃありません。
それだといつまで経っても変わりません。
そう思った時、その瞬間には、既に行動していないとだめなのです。
考える事はいつでもできます、行動は今しかできません。
ならば、行動しながら考えると。
でなければ、取り返しのつかないことになります。
ええ、本当に･･･。
案外記事を書くのが楽しくなって来ました。
たとえ、ブラウザ設定のせいで一度消えていようとも。
ええ、そんな事は気にも留めません。
メロンパンを手に入れた私は無敵、なのです。
持ち直しました、消えてしまうところでした。
さて、この辺で一区切りにしようと思います。
ちなみに、私の記事は永久に雑記です。
多分タメになりません。
活動や勉強の事は他の人に任せます。
ひょっこり登場して、ささっと消えます。
ではでは。
ささっ。
[0回]
学祭準備で組曲ニコニコ動画を合唱していた恵谷ことＥｋｉｙａです。
ティールがまずったのでフォローに入ります。
と言うわけで製作忙しくなってきた秋の終わりいかがお過ごしでしょう？
朝が辛いですねぇ……。
今日は懐かしい物を見つけたので引っ張り出してきました。
モンスターハンターフロンティア(以下MHF)の４コマです。
神ゲーブログに載せてもらうつもりで書いたんですが渡しそびれてました。
夏休み前の話題です。
最近はどうなんでしょうね？
Skypeとあわせて友達とやると臨場感が出てめっちゃ楽しかったですよ。
特に狩りの後が
←みたいに盛り上がりましたｗ
金銭的な理由で私はドロップアウトしましたが……。
ＧＥＳでもやってる人はいるみたいです。
一緒に誘ってやってみては？ 更にスカイプに入ってやると楽しいよ。
課金はネックですが……。皆でやれば怖くない！
え、それはいいから制作ですか？
遊んでる場合じゃないですもんね。
うーん。大体ペイントツールと睨めっこしてましたね。
一年時は２ＤのEdgeというドット絵ツール使っていました。
動くだけで４フレームの絵に立ち揺れや通常攻撃、必殺……それら全てが縦横斜めの８方向。
左右対称じゃないキャラを８方向ドットにするのは心底疲れました。
更に画面フレームもかいて……。
５００枚ほどを４ヶ月で仕上げました。最初２ヶ月は一日中ドットですよ。
基本動作は年内に上げましたし、画面システム系のプログラムも打ってました。
あ、そうだ。
一年生でプログラム打ちたいけどドッターに”なった”。または”やらされている”人。
全然イケます。絵を描きながらプログラム打てますよ。当然、仕事は貰ってくださいね。
最終的には何でも屋として扱われるようになるかもしれませんが、
最後までプログラムしかやらなかった人よりは、グラフィッカー心に触れることもできます。
何でも屋である事は才能が広いのだと自信を持ってください。
私はそういう立場にいながらちゃんとプログラマとして内定もらえましたので。
プログラマ目指すのであれば二年生で頑張ればいいんです。
二年生で卒業してしまうのであれば頑張るのは今ですよ？ Now！
よし！ いいこと言った！ もういいですか？ あ、二年生も？
２年生の方は大抵スーツ着て現実を見せ付けられてて嫌な感じでしょう。
私も嫌でした。鬱になりますよね。
３年の野郎就職決めて遊びやがってコンチクショウって感じですよね。
グダグダ言うのは先生方の仕事なのでお任せしますが。
私の就活の感想を言えば、
冬に不合格の通知が来れば心も寒いですし、春は内定の言葉で五月病ですし、夏の空の下のスーツは超暑いです。
頑張って下さい。
では。絵が無くては語れないＥｋｉｙａでしたー。
[0回]
[0回]
[0回]
ども・・・・GES会長の和佐田雅史です。
今日は学園祭最終日でした。
立体視ウィンダムも公開しています。
神戸ゲームショウには２日目にも関わらずブースに沢山の人が集まってくれました。
普段では体験できないようなリアリティな視点でゲームをPlay出来るという事で、学生は勿論一般の方や卒業生の方々も興味津々のようです。
皆さんの喜んでいる顔を見ると、これまで頑張ってきた甲斐があったというものです。
来年学園祭が今から楽しみになりますね。
本日まで共に頑張ってきてくれたGESメンバーは本当にお疲れ様でした。
明日は休みなのでゆっくり休息を取ってください。
それではお疲れ様でした。
[0回]
ども・・・・GES会長の和佐田雅史です。
今日は学園祭初日です。
神戸ゲームショウのブースも大盛況です。
本日１０時より北野館エントランスにてウィンダム大会の予選が行われ、１３時より本選が北野館ソニックホールにて行われました。
本選ではSound学科のBGM生演奏で準決勝、決勝を行いましたがこれまでに無い盛り上がりを見せ、結果は大成功と言えます。
今回コラボレーションシさせて頂いたSound学科の皆様は大変感謝の極みです。
協力してくださった皆さんのお陰で無事に一日目を終える事が出来ました。
明日は学生作品の展示と共に、立体視のウィンダムを展示予定です。
普段とは違った視点でゲームを楽しむ事が出来ますので、皆さん是非お立ち寄り下さい。
明日は最終日です。
この調子で明日も盛り上げて行きましょう。
お疲れ様でした。
[0回]
いよいよ学園祭も明日に迫って参りました。
現在は各自ブースの設営、衣装の作成、デコレーションで作成したコクピットの配置など作業も最終段階に入っています。
立体視ウィンダムの方も先生共々頑張っています。
明日から学園祭が終わるまで皆さんで力を合わせてGES一同頑張っていく次第なのでウィンダムの大会に参加される方や、ゲームコースの皆さんは勿論、他のコースの方々共に盛り上げ必ずや楽しいものにしましょう。
日曜日には３D立体視のウィンダムも公開予定ですので、是非ブースに立ち寄って行って下さい。
それでは私は作業に戻ります。
お疲れ様でした。
追記
メイドの方が誰か知りたい人は是非ブースにいらして下さい。
[0回]
ども・・・・・GES会長の和佐田雅史です。
いよいよ学園祭も明後日となりました。
PCのデコレーションや、素材の加工、ウィンダムの衣装等作成など色々頑張っています。
今回協力してくれている下級生や開発部メンバーには大変感謝の極みです。
デコレーションもほぼ完了し、明日は北野館一階に荷物運びを行うと同時にとウィンダムの衣装を完成させ、土曜日はプレイヤーの方々共々盛り上げて行こうと思います。
少しだけですが・・・ウィンダムの衣装を公開します。
明日はこれに色がつきます。
後ついでに言っておきますが、この人物は私ではありません。
誰か知りたい人は是非ブースにいらしてください。
それではお疲れ様でした。
[0回]
ﾉｼ[0回]
どーも安井です。
今回の学園祭ではサウンド分野とのコラボレーションの一環として、
ゲームソフトコースの学生が作った作品映像にBGMをつけて頂き、
学園祭のブースで流す予定です。
また、ホールスタッフが現在ソニックホールで行うゲーム大会の
台本を作成しています。
GESの一二年生もポスターの作成や、
会場で使うデスクトップPCのデコレーションの作成等を行っています。
サウンド科とのコラボによって成り立つだけでなく、
初めてGES全体が一丸となって動く学園祭です。
皆さんの力で是非とも成功させましょう！
[0回]
☆ STLのリストコンテナを利用したプログラム
STLはスタンダードテンプレートライブラリと言い、C++に標準で入っているライブラリで、開発効率をかなり上げることが出来ます。
STLを利用する事によって変数の型に依存せずにプログラム組めるようになります。
例で言うとint型のリストもchar型のリストも型が違うだけでアルゴリズムは同じです。そのアルゴリズムの部分だけを組んでおいて後から使用する変数の型を指定するプログラムの組み方がSTLの組み方になります。
今回はリストコンテナと言うものを利用したプログラムを解説します。
<>左のような括弧の中に”型”で指定したリスト構造を勝手に作ってくれる便利なものをしようすることで一々手動でリスト構造を設計すること無く、自動生成をしてくれるものです。
ではまず宣言の仕方から説明します。
例 : 宣言の仕方
// int型のリスト構造を作成するプログラム
#include <conio.h>
#include <list>
// 名前空間stdを使用する
using namespace std;
int main()
{
// 定義
list< int > intList;
// 以下STLによるプログラム
return 0;
}
※作成するリストの型はintは勿論構造体やクラス等の型も指定できるのでリストクラス等を作成する場合などには便利です。
☆ 格納の仕方
値を格納するにはpushbackメソッドを使用します。リストの末尾に要素を追加する事が出来ます。
//----------------------------------------------------
// 0～10までの値を格納する
//----------------------------------------------------
for( int i=0 ; i<=10 ; i++ )
{
// pushbackメソッドで値を格納
intList.push_back( i );
}
※同様にpopbackというメソッドを使用するとリストの末尾の要素を消す事が出来ます。
これで宣言が完了しました。
では次に値を参照するにはどうすればよいのでしょう？
通常ではリストを参照するには基本的にHeadからTailまでをポインタで参照しながら処理します。
ではここでリストの先頭と末尾を取得するメソッドを紹介しましょう。
// int型のリストコンテナの要素を参照する物
list< int >::iterator i_IntIterator;
// リストの先頭を取得します
i_IntIterator = intList.begin();
// リストの末尾を取得します
i_IntIterator = intList.end();
☆ 格納した値を参照するには？
格納した値を参照する時はiterator( イテレータ )と言うものを使います。
イテレータとは反復子と呼ばれ、ポインタのような動きをします。
宣言は以下のようにします。
list< int >::iterator 変数名;
// イテレータを宣言する : ポインタみたいなもの
list< int >::iterator i_IntIterator;
以上の事を踏まえると、以下のようなループになると思います。
// イテレータの参照が先頭から末尾で無いときイテレータは次を参照続ける
for( i_IntIterator = intList.begin() ; i_IntIterator != intList.end() ; i_IntIterator++ )
{
printf("%d\n" , ( *i_IntIterator ) );
}
※ ( *i_IntIterator )とはどういうことなのか？
ポインタが参照している値を弄るには*p = 10のようにアスタリスクを付けます。
同じように、( *i_IntIterator ) = 10とすると、
int型のイテレータが参照しているものの中身に10という値を代入する
という事になります。
因みにですが、変数のアドレスがほしい場合は
&( *i_IntIterator )
のような記述の仕方になります。
イテレータはポインタと同じような動きはしますが、ポインタではない（正確にはメンバでint型のポインタオブジェクトを保持している）ので直接アクセスする事が出来ません。
なので、
イテレータの中に格納されている変数の中身のアドレス
と言うように記述してやらないと、構文エラーになります。
以上でlistコンテナの説明は終わりです。
他のvectorやmapコンテナ等も同じようにiteratorを利用する事が多いので触る予定の人は今のうちに慣れておいたほうが良いでしょう。
因みにですが、これが使えるプログラマと使えないプログラマでは開発における効率の差が１００倍近くあります。
業界でC++が必須の技術となっているので必ず使えるようになっておきましょう。
それでは今日の 講義はここまでとします。お疲れ様でした。
[1回]