〇〇(名前が入ります)オフィシャルサイト
自作の合成音声キャラクターの情報をまとめたWebサイト
メインビジュアル、あるいは
プロジェクトの最新の状態を視覚的に掲載
概要
これは何？
自作の合成音声キャラクターの情報をまとめたWebサイト
背景と目的
思ってた以上に合成音声制作にのめり込んでしまったので、もうこのままWebサイトまで作ってしまおう！と思った。
あとUTAUの出来がいいので皆に自慢したい。ちゃんと魅力が伝わるようなWebデザインにする。
制作ツール
Visual Studio Code アイビスペイント
成果物の仕様
Webサイト
進捗記録
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サイトを作れるようになる
- 情報をまとめる力を身につけたい
