- 我的角色使用者研究、UI 設計、網頁前端
- 語言English & 正體中文
- 專案現況
看電視影劇的時候，聽到喜愛的歌曲
- I Think We’re Alone NowTiffiany
- Umbrella Academy S1 (2019)
- Blinded by the Light (2019)
- Ted 2 (2015)
- Ted (2012)
- Under PressureQueen
- Bohemian Rhapsody (2018)
- Sing (2016)
- Happy Feet 2 (2011)
- It’s Kind of a Funny Story (2010)
- Never Gonna Give You UpRick Astley
- Dark S2 (2019)
- Bumblebee (2018)
- The Disaster Artist (2017)
- The Lego Batman Movie (2017)
- Take on MeA-Ha
- Bumblebee (2018)
- Ready Player One (2018)
- Deadpool 2 (2018)
- La La Land (2016)
- Sing Street (2016)
- Family Guy: Breaking out is Hard to Do (2005)
- The Simpsons: Future-Drama (2005)
我們常用 SoundHound 或 Shazam 來找當下聽到的歌曲。只是，大多還是得要記下歌詞片段，在搜尋引擎裡尋找。例如：📽 看電影的時候。
如果只要搜尋電影、電視劇的名稱，即可找到使用歌曲的名稱、演唱者與歌詞，就不用分心記下歌詞了。
問題
是否有可能搜尋電影、電視劇名稱，就可以找到聽見的歌曲資訊？
構想
🤔 初次嘗試以電影、電視劇名稱列出使用的歌曲
- 訪客也可能是尋找院線電影或影音串流服務。
- 現有的資料以電影、電視劇來分，會切得太細。
- 樂來樂愛你
- I Ran (So Far Away)
- Take on Me
- 一級玩家
- Jump
- Take on Me
- Stayin’ Alive
- Everybody Wants to Rule the World
以歌曲列出電影、電視劇
以介紹一首歌的方法設計內容：歌名、演唱者、歌詞與電影、電視劇。
- Starman
- 演唱：David Bowie
- 巴斯光年電影預告片
- 零號劇團
- 絕地救援
- 皇冠第 3 季
- 辛普森家庭第 26 季
- 歌詞
- Everybody Wants to Rule the World
- 演唱：Tears For Fears
- 大黃蜂
- 一級玩家
- 命運好好玩
- 歡樂合唱團第 4 季
- 歌詞
訪客在搜尋引擎找歌名、演唱者、歌詞與電影、電視劇名稱，都可以找到這個網站：
累積資料
換個方式設計後，歌曲開始出現在搜尋結果裡，並且獲得點擊。關鍵字可以分為：
歌詞片段
we can be heroes just for one daylawrence of arabia british beatlemania200 degrees that's why they call me mr fahrenheit
電影、電視劇名稱 + 歌名
the umbrella academy i think we re alone nowsing movie under pressurejojo walk like an egyptian
歌曲名稱
never gonna give you upuptown girltake on me
目前，已經累積超過 8,000 次搜尋*。
做了才知道的事情
資訊架構與網頁價值
資訊架構會影響網頁的價值。如果資料太少，搜尋引擎會標示為不收錄。
合理使用專輯封面
專輯封面受到智慧財產權保護是理所當然的事。使用低解析度圖片，在許多國家屬於合理使用範圍。
前端技術
在「使用 Astro 打造速度飛快的靜態網站」記錄這個專案在製作網頁前端時，遇到的問題與解決方法。
* 2022 年 1 月採計