AMP 從 2016 發展至今,人們仍然對它又愛又恨。AMP 網頁所帶來的手機版瀏覽體驗與搜尋引擎額外的支援,帶給網站更多的效益與流量。與此同時,囉唆的限制與不慎優雅的設計也讓人十分懊惱。
如果你今天是個 Rails developer,老闆突然心血來潮地說「我們的網站也要來個 AMP 版本!」,你該如何是好?
Rails 裡該怎麼實作 AMP 呢?
開發 AMP 網頁會有哪些地雷?
我該直接離職嗎?
透過分享工作上的實戰經驗,我將提到在開發網站 AMP 版本遇到的挑戰與解決方案,保住大家的飯碗。
如果你也對這個主題很有興趣,也歡迎你一同參與,分享你的經驗。
以下是我的大綱:
- AMP 是什麼?
- AMP 簡介
- AMP 的限制
- 何謂 AMP Cache
- 基礎篇:在 Rails 裡實作 AMP
- setup MVC 架構
- stylesheet 怎麼處理
- img 怎麼辦
- 實戰篇:實際開發經驗分享
- 如何 configure API?
- 善用 amp-list 來產生動態內容
- 當你必須要第三方 script 的時候
- amp-script
- amp-iframe
- 總結
- 優劣統整
- 更好的開發姿勢
About Meng-Ying Tsai
聽說現職為 web developer,喜歡思考有趣的問題,問題沒有解出來會當機。常常為了解決別人的問題而默默學會新的東西。
平常粗心大意、大開腦洞,但工作的時候會力求嚴謹、努力生出更優雅的寫法。不論是技術相關的東西~~,還是台北哪家店的蛋糕好吃~~,都歡迎找我聊聊。