大概七年前看到同事有做了一個瀏覽器擴充程式，當時的我也是躍躍欲試，沒想到就這樣過了七年，直接變成大叔了。 這次在想 2023 鐵人賽的題目，突然想起了這件事，於是就快速地學習了一下，暸解從 0 到 1 的過程，打鐵趁熱寫篇文章記錄一下。 先上擴充程式連結：https://chrome.google.com/webstore/detail/repo …

Framer AI 使用後的簡易心得 ChatGPT 問世後，AI 各領域引起了關注，在靈感、知識、素材方面我也都有使用，非常方便。 但如今我試用了 Framer AI 之後，我的心裡有這種念頭出現： 「我真的需要一個生成式 AI 工具來產生整份網頁設計稿嗎？」 這個議題很廣，而且目前各廠商都只是在試驗各種可能，但我用完之後是非常明確產生了這個疑惑。考量到的點有： 如何維護？ 先假設 AI 產出了一個符合我心中 100% 的 UI ，這種情況下如果我只是要修改某個頁面內容，但又不想要破壞整體性，該如何下 prompt？變成我的心思都在想怎麼 prompt，不是專注在設計修正。 複雜頁面給的 prompt 會不會太複雜？ 比方說我給了以下一段文字： 「請使用極簡風格、溫暖色調製作網頁，網頁內容必須有頁首、主要內容、頁尾區塊，頁首要有 logo 、選單，選單內的選項要有網站導覽、常見問答、登入，頁尾要深色背景、有logo、隱私權政策連結、copyright 資訊。主要內容分為…」 我打到這裡手就痠了，要產出一個我真正想要的內容，必須很深入的描述整個頁面結構，可能要寫出一篇作文了。這跟用 AI 生成照片的過程，CP 值差太多了，然後部分頁面是我要的、部分頁面不是，又回到如何維護問題。

記錄一下 Facebook <a role="button" href="https://www.facebook.com/sharer/sharer.php?u=網址&t=文字" target="_blank" rel="noreferrer noopener" title="分享到 FB" > 分享到FB </a> 或是使用對話框 https://www.facebook.com/dialog/share? app_id=145634995501895 &display=popup &href=https%3A%2F%2Fdevelopers.facebook.com%2Fdocs%2F &redirect_uri=https://developers.facebook.com/tools/explorer Twitter <a role="button" href="https://twitter.com/intent/tweet?text=文字&url=網址&via=使用者名稱&hashtags=標籤" target="_blank" rel="noreferrer noopener" title="分享到 Twitter" > 分享到 Twitter </a>

2022 臺灣九合一選舉相關圖表網站 Und https://udn.com/vote2022/infographics Yahoo https://news.campaign.yahoo.com.tw/2022-election/index.php 鏡週刊 https://www.mirrormedia.mg/projects/election2022/index.html 遠見 https://city.gvm.com.tw/event/2022election/index.html 壹蘋新聞網 https://feature.nextapple.com/election2022/ 關鍵評論網 https://www.thenewslens.com/election/2022/analysis Ettoday https://media.ettoday.net/events/election2022/ballotReport

工作上常常會用到地圖套件，以前都沒有好好理解硬套設計，如果知道多一點原理，也許能設計出更棒的地圖體驗。 本篇文章主要是作為自己閱讀「你的地圖會說話？WebGIS 與 Javascript 的情感交織」一書的目錄精簡筆記輔以一些我自己的評論和網路上的資料，大家有興趣的話推薦可以直接購買書籍，在閱讀上會較易理解。可以先參考作者在第 12 屆 itho …

曾經在 2019 年的時候快速地玩過一次 wordpress，當時比較像是速成，而且重點在如何建立 Theme 跟套用外掛，這次因為想要幫公司的 side project 建置 CMS 網站，三年後再重新拾起書本用力讀！ 這一次為了更腳踏實地的學習 ，拜讀了諾特斯網站（其實是長久以來一直被 Facebook 廣告打到，現在有需求直接就想起他），馬上就獲得了知識，以前我完全不知道有 Wordpress.com 跟 Wordpress.org。 細看內容後發現網頁怎麼卷不到底部？！不得不說內容真的是又多又佛心，除了 Wordpress 以外，還有伺服器問與答，甚至先幫你預想了未來如果經營的不錯可能會創業開一間公司，所以還教了怎麼成立公司，更重要的是教學文也是持續在更新，非常推薦大家進去網站全部文章都閱讀一次，有需要的話還有優惠可以拿，有吃又可以拿，CP 值爆表！。 而因為有了諾特斯網站，本篇文章會跳過基礎知識，單純分享學習 2022 的 Wordpress，如果是完全沒接觸過wordpress 的讀者們，建議直接去諾特斯網站看會比較容易理解。

越少依賴，就越不會出問題，且越貼心。 自從專注在無障礙網頁設計之後，始終有一個問題一直盤旋在我的腦海裡，那就是「要如何使用 icon 才能達成好的無障礙設計體驗？」，而在回答這個問題之前，則是要先理解什麼是 icon 以及 icon 會如何影響整個網站視覺。 什麼是 icon ? 根據維基百科定義： 圖示（icon，中國大陸、香港作圖標）： 廣義上指所有「有指示作用」的標誌， …

前幾天收到 Prototypr.io 電子報，發表了一款線上問卷新服務。來寫寫快速使用後的心得。 Ballpark 官網 一看到這封電子報，還沒來得及看完內容我就迫不及待點 CTA 按鈕了！ 內容如下：

最近終於幫助公司無障礙前端 UI 框架 — Piman — 開源了，可以展開下一步的研究。這系列主要紀錄 macOS 提供的輔助使用功能，雖然不能真正反反應出真實使用者情況，但親身體驗應該對於未來開發更有幫助。 輔助功能設定