#author("2026-05-18T15:20:00+09:00","default:member","member") #author("2026-05-18T16:39:40+09:00;2026-05-18T15:20:00+09:00","default:member","member") *You are currently in " Liminal Space " . 不気味で美しい"境界"に迷い込むWebサイト ~ #image(Liminal.png) ~ -''中西恋果'' -'''Keywords： リミナルスペース / 新しい恐怖の美学 / The Backrooms ''' ~ -__%%相互評価シート%%__ ← 協力ありがとうございました。 ~ **概要 ~ ***背景と目的 ***&color(#750006){これは何？}; リミナルスペースの魅力を紹介するWebサイト ***&color(#750006){背景と目的}; 私の好きなゲーム「Escape the Backrooms」の世界観から惹かれたリミナルスペースの魅力をもっと多くの人に知ってもらいたいと思ったから。 ~ ***成果物の仕様 click↓ [[サイト(随時更新)>https://nkak1.github.io/You-are-currently-in-LiminalSpace/]] ~ ***制作ツール 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){成果物の仕様・プロトタイプ}; ***&color(#750006){成果物の仕様}; ~ #image(liminal0.png,center,50%) -作成当初のイメージと現在制作途中のサイトの比較 [[現在のサイト ← Click>https://nkak1.github.io/You-are-currently-in-LiminalSpace/]] ~ -ローディング、タイトル、説明ページ、紹介ページ（横スクロール・画像タップ含む）、ハンバーガーメニュー ~ **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 of banban ***・リミナルスペースを語るサイト リミナルスペースについて、ゲーム「Escape the Backrooms」を参照に解説、リミナルスペース風の画像を撮影し掲載する。 ***・季節で移り変わる〇〇をまとめたサイト 花々や景色などを心に響く名言や言葉と共に掲載する。 ~ -&color(#750006){最終決定}; ***「リミナルスペース」の魅力を伝えるWebサイト ・内容 「Escape the Backrooms」に登場するバックルームを紹介 リミナルスペースについて 私の身近なリミナルスペース→学校や近所でリミナルスペースの写真を撮影 リミナルスペースをイメージした作品の紹介 など ~ ・参考、引用作品 Click ↓ [[ Escape the Backrooms（ゲーム）>https://store.steampowered.com/app/1943950/Escape_the_Backrooms/?l=japanese]] [[ リミナルスペース（Wikipedia）>https://ja.wikipedia.org/wiki/リミナルスペース]] [[ The Backrooms JP（サイト）>http://japan-backrooms-wiki.wikidot.com/]] [[ 階層の一覧（ゲームサイト）>https://backrooms.fandom.com/ja/wiki/階層の一覧]] [[ 『リミナルスペース 新しい恐怖の美学』（本）>https://www.filmart.co.jp/liminal/]] ~ ~