我需要在網站中使用台灣的金流，我是個人網站，我也沒有商業登記，美國的 PayPal、Stripe 都可以，所以就做了一些研究，我想這研究也許其他人也會需要，所以就把我的分析寫在這裡，這份分析很主觀，只能說是我個人的看法，如果我有對個別公司的...
Python 3.7 + matplotlib + shapely Run on repl.it Run on Ubuntu18.04 LTS
俗話說沒有安全就沒有一切，若在網站開發的同時能多注意資訊安全，日後可大幅降低補救資安漏洞所造成的維護成本。這篇是我初學Rails找到與資訊安全常見問題與解決方法，原文作者Ilya Bodrov，篇名為Common Rails Security ...
在網頁上排版，我們最常希望的就是設定一個固定大小的框，但是如果碰到中文與英文混合的情況，最討厭的就是，很難這定他們的長度與高度，怎麼弄他們的長度不一樣，下面就是一個例子：
也就是說，我們在 server 上，因為 UTF8 的不定碼數...
Unicode u2018 跟 u2019，也就是英文稱為 Smart Quotes 或是 Curly Qoutes 的 ‘ ’ 一對寶，這是個很神奇的字符，當在特定狀況時，瀏覽器會在前或後面自己加“空白”，而且有問題的話，問題會發生在英文版...
如前文所述，Flutter 有四種 Navigation & Routing 的方式：
我們已經學過了「N1／直接導航法」，這種直接導航的方式，說直白的，就是把要去的 screen 包成一個 Route，好處是很直接，小缺點是如果...
在 Rails ，最讓其他平台使用者攻擊的就是網站執行效率，效率這件事，有很多影響因素，像是 Ruby 的慢就是其中一個重要因素，但是要提高 Rails 的效率，Cache 就是其中很好的方法。 Rails 的 Cache 是建構在 Ca...
現在的網頁開發已經離不該 JavaScript 了，JavaScript 開發的人大概都是用各自喜歡的開發平台，每天網路上的談論都是那個新平台好，那個不老，應該要學那個，最近最不熱門的應該就是 jQuery 了，很多人也已經棄船不用 jQu...
寫這個很心虛，因為有太多的不確定，我也是剛在摸索，我當作是紀錄，有緣的讀者就當作是笑話來看吧。
我想大家辛苦做出來的網站上線後，不管是被 PageSpeed Insights 建議，或是要用 CDN，或是自己突然想到，大概都會把 HTTP...
Referer (Referrer) 是什麼？它是一個告訴後台這次拜訪者之前停留的網址，Wiki 就翻譯成參照網址，也算貼切啦。 Referer的正確英語拼法應該是referrer，但是由於早期 HTTP 規範拼錯了，為保持向下相容，所以就...
在 Rails 中可以很方便的知道 SQL 中的效能，就是使用 explain，舉個例子： User.where(last_name: "xx").explain 就會有以下的輸出：
很方便，但是，這些數字到底是什麼呢？ 我是用...
很多網頁開發後都會被業主或是客戶要求，要跟 Google Doc 一樣，會自動儲存資料，這是一個對使用者很方便的功能，剛接到要求時，會覺得很簡單，但是我遇到了好多問題，所以我就特別把我的寫法分享出來，希望對大家有幫助，如果有更好的方法，也請...
self.function 是個 instance，所以要用的時候，要先有這個 instance，譬如：foo.new；self.class.function 是個 class⋯⋯ 越聽越沒懂？沒關係，把它 puts 出來：
好啦好啦，我...
前天，很高興的寫的廣告控制的後台，就快樂的上線了，寫完，當然也有好好的試過，上線後，用戶也用得很高興，就這樣，我又繼續寫其他的案子，但是今天一早，用戶就告訴我說，上傳的照片看不到了，我直覺的就是，好煩啊，一定是你自己沒上傳好，但是用戶最大，還是...
有沒有辦法讓Google 關鍵字搜索找的到的第二篇：改 sitemap Sitemap 基本上就是跟讓搜尋引擎說，怎麼去找網站中的資料，這可是最重要的一步，但是，用Rails來開發，很簡單。
先訂一個工作目標，網站Sitem...
這是一個 JavaScript 的小品，我只是發現很少人在討論這個，就順手寫了下來。 Javascript global object 在 JS 中，window 一直是個我們常用來查瀏覽器狀況的物件，例如，我們要查瀏覽器的內部寬度：wi...
要有好看的不發毛圖，就一定要使用向量圖，用 Adobe 的人，就一定知道 AI 跟 PhotoShop 的不同，在網頁中，就是要用 SVG，在 Rails 中要使用 SVG，其實很簡單，
方法一：植入法
其中最簡單的方法就是將 ...
又到了英文課時間了，今天要講的是 CSS 的 selectors 選擇器⋯⋯ 說笑了，其實，只是我自己想做個筆記，一切又是因為那個萬惡的 Turbolinks，我又碰到了奇怪的怪異 javascript 行為，一路查 Bug 到無解，因為 B...
有沒有辦法讓Google 關鍵字搜索找的到的第三篇：寫 Metatag 及 OG Metatag 及 OG 基本上就是告訴搜索引擎個別網頁要怎麼被他們看到，這部分就很麻煩了，在開發的一開始，就要想的很清楚，你的每一個不同的網頁，要怎麼“...
Bootstrap3 應該算是最流行的 CSS 架構了，用起來簡單，用的人也最多，用來做 RWD 響應式網頁開發也很快，對 RWD 設計，它有一個很方便的架構，但是，如果真的深入的用，就會碰到一些問題，我們就來看看一個常用的手機顯示順序與寬...
使用 responsive_framework 套件開發 Flutter Responsive 響應式 UX
Ruby on Rails 就是 Ruby，（只是，為什麼叫“Rails"，我真的找不到說法？有大師可以賜教嗎？）， Ruby 是一個物件導向的語言，所以，就有 class，也就是可以繼承，那為什麼又會有 module 跟 ActiveSu...
本篇教學文章說明如何使用 ESP8266，透過 MQTT 連線至 QIoT Suite Lite 以收發資料。 由於 ESP8266 具有不同的韌體、規格和用法，因此分成兩種方式：
準備工作（使用 Arduino IDE 安裝程式庫並建立...
我以前都很習慣用 JQuery 的 AJAX，但是最近我發現 JavaScript 原生的 fetch 也很好用，搭配上 json，使用起來也很方便，至於，何時會用 AJAX，何時用 fetch，這是我的建議：
以下就是 Rails 使用...
https://09-black-white-eye-animation--p3artschool.repl.co/
完整又詳細的介紹怎麼產生 Flutter App 的 aab，這是上架 Google Play 的必須，整個流程一點都不簡單，花了好多時間終於都弄清楚了，相信本文能幫助很多人，一次上架就成功。
現在很多 Linux 版本中都沒有內建 mail 這個 MTA（Mail transfer agent，郵件傳送代理） 了，但是 mail 用起來真的很方便啊，最好用的就是像這樣簡單的一行指令，就可以送出很棒有標題內文的郵件： echo "M...
我想大部分的網頁都還是有做分頁的，雖然無分頁（Pageless）是目前的趨勢，但是分頁還是有分頁的ＵＸ設計好處，特別是文章類的網站。 只要是有做分頁的網站，都會碰到一個問題，就是要如何 redirect_to 跳到指定的那一頁，這常常會發...
我一直是用 google analytics 來了解網站的流量與使用者使用的狀況，大型的專案，就會自己再寫一個流量的監控與統計，自己寫的目的倒不見得是為了流量的監控，很多時候，是為了要做一些客製化的客戶通知、或是特別的商品銷售統計用，直到，...
用「MailChimp」的API管理聯絡人Email有四個可能的模式設定：
這四個模式可真是“太聰明”，又，“太討人厭了”！
MailChimp真的老了，他們設了太多的使用限制，不再輕薄短小，不再能屈能伸了，不果網路...
