#author("2025-07-14T13:39:30+09:00","default:member","member") #author("2025-07-14T13:41:15+09:00","default:member","member") *〇〇(名前が入ります)オフィシャルサイト 自作の合成音声キャラクターの情報をまとめたWebサイト #image(mainvisual.jpg) -''手島凜'' -'''Keywords：UTAU, MYCOEIROINK, 合成音声, 趣味''' -[[手島凜/限定]] -%%[[プロトタイプ評価シート>https://docs.google.com/spreadsheets/d/1TD_NqZP_T0nvTNelaBZHFC5jj4ByMOEpngAEcWUDrhY/edit?usp=sharing]]%%←ご協力ありがとうございました。 ~ //***CONTENTS //#contents2_1 //~ **概要 ***これは何？ 自作の合成音声キャラクターの情報をまとめたWebサイト ~ ***背景と目的 UTAUデータの情報をまとめ、バックアップをとりたかったため。 UTAUデータの情報をまとめ、世に公開したかったため。 ちゃんと魅力が伝わるようなWebデザインにしたい。 ~ ***制作ツール Visual Studio Code アイビスペイント ~ ***成果物の仕様 Webサイト |50|50|C |#image(sitemap.png)|#image(temawebdesign.png)| ~ ~ #hr CENTER:''進捗記録'' #hr ~ ~ **2025.07.07 -利用規約を制定した。 -ダウンロードページのレイアウトを作った。 ~ **2025.06.30 -プロフィールページを作った -サイトマップを小さくして載せ直す。 ~ **2025.06.23 ***見出された問題点 -UTAUとは何かという説明があると良い --紹介ページで簡易的に説明する？「歌わせたり喋らせたりすることの出来るキャラクター」くらい簡易的に -ダウンロードのボタンの前に利用規約を書いた方が、利用規約がちゃんと目に止まるようになりそうだと思った ~ ***好評を得た点 ＞ プロジェクトの特性として -シンプルにまとめられている -UTAU好きなので楽しみ ~ ~ **2025.06.16 ***今回制作したプロトタイプ ~ ***プロトタイプの説明 -ダウンロードボタンが上手く作動するかのテスト --githubではZIPファイルがデカすぎてダメだった ので公開にはNetlifyを使う -お問い合わせフォームも一応作動する -TOPページの構成も考えた --プロフィールと設定資料は同じ項目にまとめてもいいかも？ ~ ~ **2025.06.09 ***現状分析 -[[先行事例>https://kasaneteto.jp/]] -[[ダウンロード>https://utau-synth.com//]] -[[一番わかりやすい>https://nagashima.kyusan-u.ac.jp/category/lecture/webdesign/]] ~ ***課題定義 -1. Web -2. プロジェクトタイトル -3.構成 -4.素材 ~ ***制作上のアイデア（課題ごとに複数のアイデア） -1. Web githubで公開 --CSS フェードインアニメーションをつける --簡単に音源がダウンロード出来るようにする --視聴リンクを貼る -2. プロジェクトのタイトル --(仮名）公式サイト --オフィシャルサイト -3.構成 --トップページ --プロフィール --設定資料 --ダウンロードページ --利用規約 --お問い合わせ -4.素材 --メインビジュアル --立ち絵何枚か --ロゴ、アイコン、背景 ~ ※外の人に見られたくないので、成果物は限定ページに貼る ~ **2025.06.02 ***テーマ候補 -自作の合成音声紹介サイト -遠藤周作 -ビジネスメールのテンプレを作ってまとめる -仮面ライダー紹介 ~ ***成果物の仕様 -形式：Webサイト ~ ***この演習を通して身につけたいスキル -Webサイトを作れるようになる -情報をまとめる力を身につけたい - ~ ~ ~ ~