梁井英翔/卒業研究 をテンプレートにして作成

開始行:
#setbgcolor(white) *Visual to Music 耳で聞いて、目で楽しめるWebサイト #image(visual.png) -''梁井 英翔'' -'''Keywords：音楽制作, AI, image, ''' https://speacelenger.github.io/G-sotuken/ //__[[概要集>https://drive.google.com/file/d/1EZIa3Zk-ZbJ... ~ **概要 ***これは何？ //&color(red){これは何か・・を簡潔に}; -段階的に変化を加え生成したビジュアルを使い、画像のみの情... ~ ***背景 -近年デジタル化が進む中、人工知能（AI）の進化が目まぐるし... ~ ***目的 -本研究は、生成したビジュアルのみの情報を音楽へ変換する。... //&color(red){プロジェクトの背景と目的}; ~ ***コンセプト //&color(red){基本的な考え方、枠組み、視点など}; -AIの可能性と新たなツールや創作のインスピレーションとして... -AI等の技術に注目される展示 ~ ***成果物の仕様 //&color(red){&small(成果物の形式・サイズ・時間尺等);}; -Webサイト ~ ***メンバー //&color(red){共同プロジェクトの場合のみ｜メンバーと役割... ~ ***制作ツール //&color(red){使用するツール｜ハードウエア・ソフトウエア}; -illustrator -Gemini -imageFX -figma -VisualStudioCode ~ ***プロジェクトの期間 //&color(red){プロジェクトの期間｜2025.04.11 - 2025.12.26}; ~ ***まとめ //&color(red){プロジェクトが完結したら「まとめ」を記載し... -生成AIを使って創造活動の入門や創作の新たな刺激になる目的... -Webサイトにおける今後の展望として、聴いた人の感想を共有... ~ ~ **調査 ***現状調査 //&color(red){プロジェクトのテーマに関わる社会の現状と問... -__[[SOZO美術館>https://kaiba.company/58556/?utm_source=c... --音楽×AIを推進しているアートワークプロジェクト　 -__[[フコウエアラタ>https://cgworld.jp/article/Fukoe-AI-M... --全編AIを使った映像作品 -__[[パルコの広告制作>https://metaversesouken.com/ai/gene... --パルコをはじめとした大手企業の広告AI活用事例 ~ ***先行事例 //&color(red){プロジェクトのテーマに該当する先行事例の紹... -__[[Kórsafn>https://hypebeast.com/jp/2020/1/bjork-micros... --気象情報をもとにAIで曲を制作 -__[[Sihwa Park「YouTube Mirror」>https://sihwapark.com/S... --リアルタイムで画像や音楽を生成するパフォーマンス ~ ***技法・技術情報 //&color(red){プロジェクトの遂行に必要な技法・技術に関す... ~ ~ **プロジェクト管理 ***スケジュール //&color(red){計画的な遂行のために、進行管理表を作成して... -__[[ガントチャート>https://docs.google.com/spreadsheets/... ~ ***ToDo //&color(red){やるべきこと（タスク）を箇条書きにします。}; //&color(red){完了後は「%%取り消し線%%」あるいは「// コメ... %%ガントチャート%% %%ワイヤーフレーム%% //***NotToDo //&color(red){やらないこと：何をするかではなく「何をしな... //&color(red){例：10人以上の会議には出ない。苦手なことは... ~ ~ #hr CENTER:''進捗記録'' //&color(red){最新の情報を一番上に記載して下さい（古い記... **2025.11.14 -概要集更新 --Webサイトモックアップの追加 --キャプションの整列 --文字の行詰め -Webサイト --セクションごとの空白の調整 --UIの最適化、（マウスホバー時の色の変更や枠をつける） ~ ~ **2025.10.31 -__[[10.31日時点バックアップ>https://drive.google.com/dri... -更新箇所 --書くカテゴリーの画像更新 --セクションごとの感覚の調整 --ロゴの挿入 ~ ~ **2025.10.24 -画像の生成（タイポグラフィカテゴリー） -__[[typography>https://drive.google.com/drive/folders/1Q... -Webサイト --カテゴリーセクションのテキストに影を追加し、視認性を上... --通常時のロゴの挿入 --タイポグラフィカテゴリー画像の挿入 ~ ~ **2025.10.17 -画像の生成（テクスチャカテゴリー、エフェクトカテゴリー） -__[[texture>https://drive.google.com/drive/folders/1-mNv... -__[[effect>https://drive.google.com/drive/folders/1QvQaC... ~ ~ **2025.10.10 -概要集 --画像の刷新 --参考情報の更新 --段落の修正 ~ ~ **2025.10.03 -__[[現時点バックアップ>https://drive.google.com/drive/fo... -目的の刷新 --音楽や創作のインスピレーション --AI等の最新技術を認知してもらう ~ ~ **2025.09.26 -画像の生成（カラーカテゴリー） -__[[color>https://drive.google.com/drive/folders/1raG1_O... #image(ss.png) ~ ~ **2025.09.19 -Webサイト改善とプロジェクトページの細分化を減らし数を増... --カラー、テクスチャ、エフェクト、文字の有無 --AI-models削除(about等に備考として書く） &image(ss2.png,,49%);|&image(ss1.png,,49%); ~ ~ **2025.07.18 -反省点 --全体の数を増やす --制作時の時間・日付の表示 --Webサイトの掲載方法の改善 --研究方法の明確化 --数値の変化を楽しめる提案 -ブラッシュアップ --aboutテキストの改善 -- ~ ~ **2025.07.11 #image(pro.png) ~ ~ **2025.07.04 #image(1home.png) #image(2cotgly.png) ~ ~ **2025.06.27 -__[[前期概要集最終>https://drive.google.com/file/d/1fZkW... -__[[ビジュアル（仮）>https://drive.google.com/drive/fold... ~ ~ **2025.06.20 -概要作成(使用資料） -__[[概要集>https://drive.google.com/file/d/1nfcpQikMQX0W... -実験方法まとめ -例えば --color --compositon --Texture --Size --Effect --Typography などビジュアルの内容要素に変化 ~ ~ **2025.06.06 -figmaデザイン制作 #image(About.png) #image(Ai-Models.png) -HTMLコーディング -CSSコーディング ~ ~ **2025.05.30 -figmaでデザイン修正 --__[[figma>https://drive.google.com/file/d/1xgFNsaCKBymV... -HTMLでコーディング --__[[github掲載>https://speacelenger.github.io/K-test/]]__ ~ ~ **2025.05.23 -__[[ワイヤーフレーム(Smartphone)>https://drive.google.co... //[[ビジュアル<https://drive.google.com/drive/folders/1MP... ~ ~ **2025.05.16 -__[[ワイヤーフレームPC>https://drive.google.com/file/d/1... #image(top(p).png) //#image(tops.png) ~ ~ **2025.05.09 #image(moz (1).png) -__[[試作はこちら>https://drive.google.com/drive/folders/... -__[[例:3.image-to-music-v2使用例>https://drive.google.co... ~ ~ **2025.05.02 -1. Mubert AI (Image to Musicモードあり) --内容：画像の内容やタグからBGMを生成 --商標不可　個人利用可能 --制限：無料アカウントでは一部機能制限。ログイン必須。 URL：https://mubert.com -2. Melobytes (Image to Song) --内容：画像から音楽（またはボーカル付きの歌）を作る --商標不可　個人利用可能 URL：https://melobytes.com/ -3.image-to-music-v2 --内容：画像イメージから音楽を制作可能 --商標不可　個人利用可能 URL 　:　https://huggingface.co/spaces/fffiloni/image-to-... -4.TopMedia --内容：画像の特性に合わせて音楽スタイルを選択可能。 --商標利用可能 URL；https://jp.topmediai.com/ai-music/generate-music-fro... **2025.04.25 -テーマ決定 --ビジュアルからAIで音楽を生成し聴き比べできるアートワーク -Webサイトにまとめ掲載 ***使うかもしれない技術 -Firebase -Daisy Chain Studio>https://www.daisychainstudio.net/ ~ ~ **2025.04.18 ***テーマの有力候補 -''声の波形を使ったデザイン'' -波形 --声を録音 → 波形を生成 → グラフィック素材にする --聴覚は記憶に残りにくい→波形にして視覚化 --アプリで声を集める→波形ギャラリー -[[作業工程表>https://drive.google.com/file/d/1KAwxbXiuDE... --声を地図データのようなグラフィックに置き換える --波形の色や形状で感情を表現 ~ ~ **2025.04.11 ***テーマ案 -視力が低い人が認知できるデザインの研究 -心拍数や瞬きなどの身体から得る情報からノイズを生む -年齢によって感じる時間の流れの感じ方 -ゲーム内で学内ハザードマップのリアル体験 -柄、材質に着目した触覚と視覚を感じれるアートワーク -''声の波形を使ったデザイン'' ~ ***調査 -音声波形 --[[WaveVisual>https://wavevisual.com/]] -ゲーム×ハザードマップ --[[フォートナイトクリエイティブ>https://www.fortnite.com... -メモ --自分の声を「山脈」にして地形を生成。あるいは、都市の騒... ~ ~ ~

終了行:
#setbgcolor(white) *Visual to Music 耳で聞いて、目で楽しめるWebサイト #image(visual.png) -''梁井 英翔'' -'''Keywords：音楽制作, AI, image, ''' https://speacelenger.github.io/G-sotuken/ //__[[概要集>https://drive.google.com/file/d/1EZIa3Zk-ZbJ... ~ **概要 ***これは何？ //&color(red){これは何か・・を簡潔に}; -段階的に変化を加え生成したビジュアルを使い、画像のみの情... ~ ***背景 -近年デジタル化が進む中、人工知能（AI）の進化が目まぐるし... ~ ***目的 -本研究は、生成したビジュアルのみの情報を音楽へ変換する。... //&color(red){プロジェクトの背景と目的}; ~ ***コンセプト //&color(red){基本的な考え方、枠組み、視点など}; -AIの可能性と新たなツールや創作のインスピレーションとして... -AI等の技術に注目される展示 ~ ***成果物の仕様 //&color(red){&small(成果物の形式・サイズ・時間尺等);}; -Webサイト ~ ***メンバー //&color(red){共同プロジェクトの場合のみ｜メンバーと役割... ~ ***制作ツール //&color(red){使用するツール｜ハードウエア・ソフトウエア}; -illustrator -Gemini -imageFX -figma -VisualStudioCode ~ ***プロジェクトの期間 //&color(red){プロジェクトの期間｜2025.04.11 - 2025.12.26}; ~ ***まとめ //&color(red){プロジェクトが完結したら「まとめ」を記載し... -生成AIを使って創造活動の入門や創作の新たな刺激になる目的... -Webサイトにおける今後の展望として、聴いた人の感想を共有... ~ ~ **調査 ***現状調査 //&color(red){プロジェクトのテーマに関わる社会の現状と問... -__[[SOZO美術館>https://kaiba.company/58556/?utm_source=c... --音楽×AIを推進しているアートワークプロジェクト　 -__[[フコウエアラタ>https://cgworld.jp/article/Fukoe-AI-M... --全編AIを使った映像作品 -__[[パルコの広告制作>https://metaversesouken.com/ai/gene... --パルコをはじめとした大手企業の広告AI活用事例 ~ ***先行事例 //&color(red){プロジェクトのテーマに該当する先行事例の紹... -__[[Kórsafn>https://hypebeast.com/jp/2020/1/bjork-micros... --気象情報をもとにAIで曲を制作 -__[[Sihwa Park「YouTube Mirror」>https://sihwapark.com/S... --リアルタイムで画像や音楽を生成するパフォーマンス ~ ***技法・技術情報 //&color(red){プロジェクトの遂行に必要な技法・技術に関す... ~ ~ **プロジェクト管理 ***スケジュール //&color(red){計画的な遂行のために、進行管理表を作成して... -__[[ガントチャート>https://docs.google.com/spreadsheets/... ~ ***ToDo //&color(red){やるべきこと（タスク）を箇条書きにします。}; //&color(red){完了後は「%%取り消し線%%」あるいは「// コメ... %%ガントチャート%% %%ワイヤーフレーム%% //***NotToDo //&color(red){やらないこと：何をするかではなく「何をしな... //&color(red){例：10人以上の会議には出ない。苦手なことは... ~ ~ #hr CENTER:''進捗記録'' //&color(red){最新の情報を一番上に記載して下さい（古い記... **2025.11.14 -概要集更新 --Webサイトモックアップの追加 --キャプションの整列 --文字の行詰め -Webサイト --セクションごとの空白の調整 --UIの最適化、（マウスホバー時の色の変更や枠をつける） ~ ~ **2025.10.31 -__[[10.31日時点バックアップ>https://drive.google.com/dri... -更新箇所 --書くカテゴリーの画像更新 --セクションごとの感覚の調整 --ロゴの挿入 ~ ~ **2025.10.24 -画像の生成（タイポグラフィカテゴリー） -__[[typography>https://drive.google.com/drive/folders/1Q... -Webサイト --カテゴリーセクションのテキストに影を追加し、視認性を上... --通常時のロゴの挿入 --タイポグラフィカテゴリー画像の挿入 ~ ~ **2025.10.17 -画像の生成（テクスチャカテゴリー、エフェクトカテゴリー） -__[[texture>https://drive.google.com/drive/folders/1-mNv... -__[[effect>https://drive.google.com/drive/folders/1QvQaC... ~ ~ **2025.10.10 -概要集 --画像の刷新 --参考情報の更新 --段落の修正 ~ ~ **2025.10.03 -__[[現時点バックアップ>https://drive.google.com/drive/fo... -目的の刷新 --音楽や創作のインスピレーション --AI等の最新技術を認知してもらう ~ ~ **2025.09.26 -画像の生成（カラーカテゴリー） -__[[color>https://drive.google.com/drive/folders/1raG1_O... #image(ss.png) ~ ~ **2025.09.19 -Webサイト改善とプロジェクトページの細分化を減らし数を増... --カラー、テクスチャ、エフェクト、文字の有無 --AI-models削除(about等に備考として書く） &image(ss2.png,,49%);|&image(ss1.png,,49%); ~ ~ **2025.07.18 -反省点 --全体の数を増やす --制作時の時間・日付の表示 --Webサイトの掲載方法の改善 --研究方法の明確化 --数値の変化を楽しめる提案 -ブラッシュアップ --aboutテキストの改善 -- ~ ~ **2025.07.11 #image(pro.png) ~ ~ **2025.07.04 #image(1home.png) #image(2cotgly.png) ~ ~ **2025.06.27 -__[[前期概要集最終>https://drive.google.com/file/d/1fZkW... -__[[ビジュアル（仮）>https://drive.google.com/drive/fold... ~ ~ **2025.06.20 -概要作成(使用資料） -__[[概要集>https://drive.google.com/file/d/1nfcpQikMQX0W... -実験方法まとめ -例えば --color --compositon --Texture --Size --Effect --Typography などビジュアルの内容要素に変化 ~ ~ **2025.06.06 -figmaデザイン制作 #image(About.png) #image(Ai-Models.png) -HTMLコーディング -CSSコーディング ~ ~ **2025.05.30 -figmaでデザイン修正 --__[[figma>https://drive.google.com/file/d/1xgFNsaCKBymV... -HTMLでコーディング --__[[github掲載>https://speacelenger.github.io/K-test/]]__ ~ ~ **2025.05.23 -__[[ワイヤーフレーム(Smartphone)>https://drive.google.co... //[[ビジュアル<https://drive.google.com/drive/folders/1MP... ~ ~ **2025.05.16 -__[[ワイヤーフレームPC>https://drive.google.com/file/d/1... #image(top(p).png) //#image(tops.png) ~ ~ **2025.05.09 #image(moz (1).png) -__[[試作はこちら>https://drive.google.com/drive/folders/... -__[[例:3.image-to-music-v2使用例>https://drive.google.co... ~ ~ **2025.05.02 -1. Mubert AI (Image to Musicモードあり) --内容：画像の内容やタグからBGMを生成 --商標不可　個人利用可能 --制限：無料アカウントでは一部機能制限。ログイン必須。 URL：https://mubert.com -2. Melobytes (Image to Song) --内容：画像から音楽（またはボーカル付きの歌）を作る --商標不可　個人利用可能 URL：https://melobytes.com/ -3.image-to-music-v2 --内容：画像イメージから音楽を制作可能 --商標不可　個人利用可能 URL 　:　https://huggingface.co/spaces/fffiloni/image-to-... -4.TopMedia --内容：画像の特性に合わせて音楽スタイルを選択可能。 --商標利用可能 URL；https://jp.topmediai.com/ai-music/generate-music-fro... **2025.04.25 -テーマ決定 --ビジュアルからAIで音楽を生成し聴き比べできるアートワーク -Webサイトにまとめ掲載 ***使うかもしれない技術 -Firebase -Daisy Chain Studio>https://www.daisychainstudio.net/ ~ ~ **2025.04.18 ***テーマの有力候補 -''声の波形を使ったデザイン'' -波形 --声を録音 → 波形を生成 → グラフィック素材にする --聴覚は記憶に残りにくい→波形にして視覚化 --アプリで声を集める→波形ギャラリー -[[作業工程表>https://drive.google.com/file/d/1KAwxbXiuDE... --声を地図データのようなグラフィックに置き換える --波形の色や形状で感情を表現 ~ ~ **2025.04.11 ***テーマ案 -視力が低い人が認知できるデザインの研究 -心拍数や瞬きなどの身体から得る情報からノイズを生む -年齢によって感じる時間の流れの感じ方 -ゲーム内で学内ハザードマップのリアル体験 -柄、材質に着目した触覚と視覚を感じれるアートワーク -''声の波形を使ったデザイン'' ~ ***調査 -音声波形 --[[WaveVisual>https://wavevisual.com/]] -ゲーム×ハザードマップ --[[フォートナイトクリエイティブ>https://www.fortnite.com... -メモ --自分の声を「山脈」にして地形を生成。あるいは、都市の騒... ~ ~ ~

ページ名: