大阪電気通信大学

Webポートフォリオ

作品概要

私がこれまでに制作に携わった作品を紹介するためのWebページを作成しました。ゲームを中心に紹介しています。私が作ってきたプログラムについても紹介しています。

下の図1からWebポートフォリオへ飛ぶことができます。

図1:サイトのトップページ

制作の背景

大学ではゲーム制作を行なっていました。新しいことを学びたいと感じ、興味があったWebページ制作に目をつけました。その中で私の理想的なWebポートフォリオの形式を見つけることが出来ませんでした。

ですので、理想的なWebポートフォリオの形式があるかを探りながら、良い点を挙げ、私自身をアピールできるWebポートフォリオの形式にそれらを落とし込み、Webポートフォリオ制作に取り組むことにしました。

こだわり

Webページの制作は初めてだったこともあり、最初は手探りで始めました。様々なWebページを探し、デザインや機能を作る上で参考にしました。その中で良い点を挙げ、私のWebポートフォリオに落とし込みました。

Webページ全体のレイアウトの点です。レイアウトは見やすいことを重視して、シンプルな作りにしました。文字数は説明のページ以外ではできるだけ少ない量で、わかりやすい言葉で書いていきました。Webページ上部が追従するようになっている点です。これは下の方を見ていてもすぐに別のページに飛べるようになっています。また、ゲーム制作で作ったゲームを実際にプレイできるようになっています。

WebページURL:http://myfolio.html.xdomain.jp

作者プロフィール

大森幸一

デジタルゲーム学科

芸術創造環境研究室所属

Webポートフォリオ制作

コメント


田中2021-02-14T14:45:40

仲間達といろんなゲームを作ってこられたんですね。とても素敵です。
このポートフォリオはどうやってネットに公開してるんでしょうか?
googleとかで検索すると見れたりするのかな・・・?

大森幸一2021-02-14T15:08:14

コメントありがとうございます。ネット上には公開しているのですが、ページ名がわかりにくく、
埋もれてしまっているので検索することが困難になってしまっています。
画像をクリックするとページに飛ぶことができるのですが、URL自体は記載されておりませんでしたので
記載するように変更しておきます。

松井凱2021-02-13T16:56:30

項目ごとにしっかり作られていてすごいです。
トップページの画像が自動でスクロールされている部分はどのようにして制作したのですか?

大森幸一2021-02-13T17:10:33

コメントありがとうございます。
トップページの画像の自動スクロールはcssで大きさ、動かす時間、画像の数などを制御し、htmlファイルで選択した画像を順番に流すように作っています。