〇〇(名前が入ります)オフィシャルサイト
自作の合成音声キャラクターの情報をまとめたWebサイト
メインビジュアル、あるいは
プロジェクトの最新の状態を視覚的に掲載
概要
これは何？
自作の合成音声キャラクターの情報をまとめたWebサイト
背景と目的
思ってた以上に合成音声制作にのめり込んでしまったので、もうこのままWebサイトまで作ってしまおうと思った。
ちゃんと魅力が伝わるようなWebデザインにしたい。
制作ツール
Visual Studio Code アイビスペイント
成果物の仕様
Webサイト
進捗記録
2025.07.07
- 利用規約を制定した。
- ダウンロードページのレイアウトを作った。
2025.06.30
- プロフィールページを作った
- サイトマップを小さくして載せ直す。
2025.06.23
見出された問題点
- UTAUとは何かという説明があると良い
- 紹介ページで簡易的に説明する？「歌わせたり喋らせたりすることの出来るキャラクター」くらい簡易的に
- ダウンロードのボタンの前に利用規約を書いた方が、利用規約がちゃんと目に止まるようになりそうだと思った
好評を得た点 ＞ プロジェクトの特性として
- シンプルにまとめられている
- UTAU好きなので楽しみ
2025.06.16
今回制作したプロトタイプ
プロトタイプの説明
- ダウンロードボタンが上手く作動するかのテスト
- githubではZIPファイルがデカすぎてダメだった ので公開にはNetlifyを使う
- お問い合わせフォームも一応作動する
- TOPページの構成も考えた
- プロフィールと設定資料は同じ項目にまとめてもいいかも？
2025.06.09
現状分析
課題定義
- 1. Web
- 2. プロジェクトタイトル
- 3.構成
- 4.素材
制作上のアイデア（課題ごとに複数のアイデア）
- 1. Web githubで公開
- CSS フェードインアニメーションをつける
- 簡単に音源がダウンロード出来るようにする
- 視聴リンクを貼る
- 2. プロジェクトのタイトル
- 3.構成
- トップページ
- プロフィール
- 設定資料
- ダウンロードページ
- 利用規約
- お問い合わせ
- 4.素材
- メインビジュアル
- 立ち絵何枚か
- ロゴ、アイコン、背景
※外の人に見られたくないので、成果物は限定ページに貼る
2025.06.02
テーマ候補
- 自作の合成音声紹介サイト
- 遠藤周作
- ビジネスメールのテンプレを作ってまとめる
- 仮面ライダー紹介
成果物の仕様
この演習を通して身につけたいスキル
- Webサイトを作れるようになる
- 情報をまとめる力を身につけたい
