中西恋果/情報デザイン演習IIA_01 をテンプレートにして作成

開始行:
*You are currently in " Liminal Space " . 不気味で美しい"境界"に迷い込むWebサイト ~ #image(Liminal.png) ~ -''中西恋果'' -'''Keywords：　リミナルスペース　 / 　新しい恐怖の美学　... ~ -__%%相互評価シート%%__ ← 協力ありがとうございました。 ~ **概要 ~ ***背景と目的 ***&color(#750006){これは何？}; リミナルスペースの魅力を紹介するWebサイト ***&color(#750006){背景と目的}; 私の好きなゲーム「Escape the Backrooms」の世界観から惹か... ~ ***成果物の仕様 click↓ [[サイト(随時更新)>https://nkak1.github.io/You-are-curren... ~ ***制作ツール Illustrator、Visual Studio Code、Photoshop ~ ~ #hr CENTER:''進捗記録'' #hr ~ ~ **2026.05.18 ***&color(#750006){作業の記録}; -画像撮影終了済 -作品の調査 ~ ***&color(#750006){MEMO（ToDo項目など）}; -撮影した画像をまとめる -解説の文章を増やす（リミナルの派生など） -リミナルスペースをテーマにした作品について紹介 ~ **2026.05.11 ***&color(#750006){見出された問題点}; -ハンバーガーメニューを各部屋の説明にも追加する -各部屋の危険度や理解度について説明を入れる ~ ***&color(#750006){好評を得た点 ＞ プロジェクトの特性とし... -サイトの雰囲気が良い → 雰囲気にこだわっているので評価されて良かった -見やすくまとまっている ~ **2026.04.27 ***&color(#750006){成果物の仕様}; ~ #image(liminal0.png,center,50%) -作成当初のイメージと現在制作途中のサイトの比較 [[現在のサイト ← Click>https://nkak1.github.io/You-are-cu... ~ -ローディング、タイトル、説明ページ、紹介ページ（横スクロ... ~ **2026.04.20 ***現状調査 -&color(#750006){紹介サイトの先行事例}; [[サプリメント紹介サイト_3BL>https://3bl.jp]] [[アプリ紹介ページ_どこでも待合室>https://dokodemo.app/ja... ~ -&color(#750006){作りたいWebサイトの形式}; 紹介サイト ~ -&color(#750006){取り入れたい要素}; リミナルスペースについて バックルームの紹介 ~ ***解決すべき課題 1. リミナルスペースの定義を調べる 2. バックルームについて理解する 3. リミナルスペースの写真を撮影する ~ ***制作上のアイデア（課題ごとに複数のアイデア） 1. リミナルスペースの定義を調べる --本を参照に調べる --ネット上で調べる 2. バックルームについて理解する --本を参照に調べる --本家サイトで定義を調べる --ネット上で調べる 3. リミナルスペースの写真を撮影する --なりそうな場所を調査する --いろいろな場所で撮影する ~ **&color(#848484){2026.04.15}; ~ ***Webサイトの制作 ~ -&color(#750006){横スクロールの作成}; 昨日のブラッシュアップを行なった（フェードアウト部分） 　→　少し長めに設定＆ローディングはリンクを開いた1回のみ... ・画像を横スクロール＆ループ ・画像タイトル ・画像先の紹介ページ ~ -&color(#750006){説明の作成}; 「リミナルスペース 新しい恐怖の美学」という本からまとめる 　→　抜粋し自分なりに解釈しまとめ直し ・「LiminalSpace」説明 ・「The Backrooms」説明 ~ **&color(#848484){2026.04.14}; ~ ***Webサイトの制作 ~ -&color(#750006){簡易完成イメージ}; 縦スクロールのPC、スマホ対応Webサイト ~ #image(Liminalraf.jpeg,center,50%) ~ ・タイトル ・説明 ・画像を押すと紹介ページに飛べる横スクロールの画像 （予定） ・リミナルスペース撮影してみた ・プロフィール ・ローディング画面 ・ハンバーガーリスト ~ -&color(#750006){ローディング画面の作成}; Visual Studio Codeを使用（HTML、CSS、JavaScript） 　→　参考書やAIを併用しコードを入力 ・リンクを開いた時のアラート ・ローディング画面 ・タイトル画像 ~ **2026.04.13 ~ ***プロジェクトのテーマ候補 ~ -&color(#750006){今回の課題について}; 未だ情報化されていない身近な「面白い」を情報媒体を用いて... ~ -&color(#750006){用いる情報媒体の候補}; プログラミングが好きなのでWebサイトを作成する。 ~ -&color(#750006){身近な「面白い」を考える}; 私の中の「面白い」とは →考察要素の多いゲームやアニメ →マスコットホラー →リミナルスペース →プログラミング →パズルゲーム →季節で移り変わるもの ~ -&color(#750006){候補をイメージする}; ***・好きなゲームやアニメの考察まとめサイト、映像 　YouTubeなどで考察動画をよく見るためそれの簡易派生のよう... 　考察する予定のもの 　→　The Amazing Digital Circus、Poppy Playtime、Garten o... ***・リミナルスペースを語るサイト 　リミナルスペースについて、ゲーム「Escape the Backrooms... ***・季節で移り変わる〇〇をまとめたサイト 　花々や景色などを心に響く名言や言葉と共に掲載する。 ~ -&color(#750006){最終決定}; ***「リミナルスペース」の魅力を伝えるWebサイト ・内容 　「Escape the Backrooms」に登場するバックルームを紹介 　リミナルスペースについて 　私の身近なリミナルスペース→学校や近所でリミナルスペース... 　リミナルスペースをイメージした作品の紹介　　など ~ ・参考、引用作品 Click ↓ [[　Escape the Backrooms（ゲーム）>https://store.steampow... [[　リミナルスペース（Wikipedia）>https://ja.wikipedia.or... [[　The Backrooms JP（サイト）>http://japan-backrooms-wik... [[　階層の一覧（ゲームサイト）>https://backrooms.fandom.c... [[　『リミナルスペース　新しい恐怖の美学』（本）>https://... ~ ~

終了行:
*You are currently in " Liminal Space " . 不気味で美しい"境界"に迷い込むWebサイト ~ #image(Liminal.png) ~ -''中西恋果'' -'''Keywords：　リミナルスペース　 / 　新しい恐怖の美学　... ~ -__%%相互評価シート%%__ ← 協力ありがとうございました。 ~ **概要 ~ ***背景と目的 ***&color(#750006){これは何？}; リミナルスペースの魅力を紹介するWebサイト ***&color(#750006){背景と目的}; 私の好きなゲーム「Escape the Backrooms」の世界観から惹か... ~ ***成果物の仕様 click↓ [[サイト(随時更新)>https://nkak1.github.io/You-are-curren... ~ ***制作ツール Illustrator、Visual Studio Code、Photoshop ~ ~ #hr CENTER:''進捗記録'' #hr ~ ~ **2026.05.18 ***&color(#750006){作業の記録}; -画像撮影終了済 -作品の調査 ~ ***&color(#750006){MEMO（ToDo項目など）}; -撮影した画像をまとめる -解説の文章を増やす（リミナルの派生など） -リミナルスペースをテーマにした作品について紹介 ~ **2026.05.11 ***&color(#750006){見出された問題点}; -ハンバーガーメニューを各部屋の説明にも追加する -各部屋の危険度や理解度について説明を入れる ~ ***&color(#750006){好評を得た点 ＞ プロジェクトの特性とし... -サイトの雰囲気が良い → 雰囲気にこだわっているので評価されて良かった -見やすくまとまっている ~ **2026.04.27 ***&color(#750006){成果物の仕様}; ~ #image(liminal0.png,center,50%) -作成当初のイメージと現在制作途中のサイトの比較 [[現在のサイト ← Click>https://nkak1.github.io/You-are-cu... ~ -ローディング、タイトル、説明ページ、紹介ページ（横スクロ... ~ **2026.04.20 ***現状調査 -&color(#750006){紹介サイトの先行事例}; [[サプリメント紹介サイト_3BL>https://3bl.jp]] [[アプリ紹介ページ_どこでも待合室>https://dokodemo.app/ja... ~ -&color(#750006){作りたいWebサイトの形式}; 紹介サイト ~ -&color(#750006){取り入れたい要素}; リミナルスペースについて バックルームの紹介 ~ ***解決すべき課題 1. リミナルスペースの定義を調べる 2. バックルームについて理解する 3. リミナルスペースの写真を撮影する ~ ***制作上のアイデア（課題ごとに複数のアイデア） 1. リミナルスペースの定義を調べる --本を参照に調べる --ネット上で調べる 2. バックルームについて理解する --本を参照に調べる --本家サイトで定義を調べる --ネット上で調べる 3. リミナルスペースの写真を撮影する --なりそうな場所を調査する --いろいろな場所で撮影する ~ **&color(#848484){2026.04.15}; ~ ***Webサイトの制作 ~ -&color(#750006){横スクロールの作成}; 昨日のブラッシュアップを行なった（フェードアウト部分） 　→　少し長めに設定＆ローディングはリンクを開いた1回のみ... ・画像を横スクロール＆ループ ・画像タイトル ・画像先の紹介ページ ~ -&color(#750006){説明の作成}; 「リミナルスペース 新しい恐怖の美学」という本からまとめる 　→　抜粋し自分なりに解釈しまとめ直し ・「LiminalSpace」説明 ・「The Backrooms」説明 ~ **&color(#848484){2026.04.14}; ~ ***Webサイトの制作 ~ -&color(#750006){簡易完成イメージ}; 縦スクロールのPC、スマホ対応Webサイト ~ #image(Liminalraf.jpeg,center,50%) ~ ・タイトル ・説明 ・画像を押すと紹介ページに飛べる横スクロールの画像 （予定） ・リミナルスペース撮影してみた ・プロフィール ・ローディング画面 ・ハンバーガーリスト ~ -&color(#750006){ローディング画面の作成}; Visual Studio Codeを使用（HTML、CSS、JavaScript） 　→　参考書やAIを併用しコードを入力 ・リンクを開いた時のアラート ・ローディング画面 ・タイトル画像 ~ **2026.04.13 ~ ***プロジェクトのテーマ候補 ~ -&color(#750006){今回の課題について}; 未だ情報化されていない身近な「面白い」を情報媒体を用いて... ~ -&color(#750006){用いる情報媒体の候補}; プログラミングが好きなのでWebサイトを作成する。 ~ -&color(#750006){身近な「面白い」を考える}; 私の中の「面白い」とは →考察要素の多いゲームやアニメ →マスコットホラー →リミナルスペース →プログラミング →パズルゲーム →季節で移り変わるもの ~ -&color(#750006){候補をイメージする}; ***・好きなゲームやアニメの考察まとめサイト、映像 　YouTubeなどで考察動画をよく見るためそれの簡易派生のよう... 　考察する予定のもの 　→　The Amazing Digital Circus、Poppy Playtime、Garten o... ***・リミナルスペースを語るサイト 　リミナルスペースについて、ゲーム「Escape the Backrooms... ***・季節で移り変わる〇〇をまとめたサイト 　花々や景色などを心に響く名言や言葉と共に掲載する。 ~ -&color(#750006){最終決定}; ***「リミナルスペース」の魅力を伝えるWebサイト ・内容 　「Escape the Backrooms」に登場するバックルームを紹介 　リミナルスペースについて 　私の身近なリミナルスペース→学校や近所でリミナルスペース... 　リミナルスペースをイメージした作品の紹介　　など ~ ・参考、引用作品 Click ↓ [[　Escape the Backrooms（ゲーム）>https://store.steampow... [[　リミナルスペース（Wikipedia）>https://ja.wikipedia.or... [[　The Backrooms JP（サイト）>http://japan-backrooms-wik... [[　階層の一覧（ゲームサイト）>https://backrooms.fandom.c... [[　『リミナルスペース　新しい恐怖の美学』（本）>https://... ~ ~

ページ名: