轉換 HTML 到 一般網頁上可以顯示的純文字... 簡單? 其實,很不容易的,一般用 Rails 內建的 Strip_tags 以為就好,但是會碰到跳脫文字的問題:& > < ... 很多網路上的建議是用 gsub...
前言一直以來都比較專注在控制與感測方面的開發,但是…只有工業跟野外會需要嗎?家庭不就是一個最好的物聯網應用場景嗎?想想看:有電器用品的開關、空氣品質偵測器、溫度計、空調…這些不就是最好發揮的材料了!於是呢,就想到乾脆把物聯網跟家庭看照的功能結合...
Referer (Referrer) 是什麼?它是一個告訴後台這次拜訪者之前停留的網址,Wiki 就翻譯成參照網址,也算貼切啦。 Referer的正確英語拼法應該是referrer,但是由於早期 HTTP 規範拼錯了,為保持向下相容,所以就...
前天,很高興的寫的廣告控制的後台,就快樂的上線了,寫完,當然也有好好的試過,上線後,用戶也用得很高興,就這樣,我又繼續寫其他的案子,但是今天一早,用戶就告訴我說,上傳的照片看不到了,我直覺的就是,好煩啊,一定是你自己沒上傳好,但是用戶最大,還是...
在 Rails 中,我們很常用到 javascript,通常不管是用 jQuery 或是其他的 ajax call,透過 routes.rb 中指定的 controller action,它就會去執行對應的 action_name.js.erb...
這一定要寫下來,就在剛要放棄時,突然仔細看了文件,證明,要看書,不要老是在網路找解答。 Rails 的 I18n 有很好用的翻譯 YAML,以前我都是用條件判斷來做單複數翻譯:
日子照過,今天想要來改成 Rails I18n 自己...
我剛踩到一個很大的雷,害我多花了快兩個小時,趕快記起來,幾本上,就是:
避免檔案名稱中有數字!
我喜歡用 generate scaffold,雖然很多情況下都不一定要會用到 views,但是,總覺得有一天可能要用,今天剛好要新增...
瀏覽器真是太多不同了,剛剛測試,發現Android Chrome的HTTPS很與眾不同,別人都沒事,就他說不安全,沒設好,太神奇了,更好玩的是,Google的其他瀏覽器都說很安全,查了一下,加了一行: 原來的 /etc/apache2/sit...
我們才剛開始寫 Flutter,只有兩個基本上空空的畫面 Screens,可是光是這樣,main.dart 裏面就已經有 120 行了,如果再繼續寫下去,很快就會有幾千行的程式碼,程式碼太長是很麻煩的,想想看,你要修改的程式內容一個在頭、一個在...
在 AJAX 呼叫 Rails 的 Controller 後,我想最重要的就是知道 server 這邊處理的結果,一般我們都會用一個與 controller 同名的 view.js 去自動執行,一般都是 refresh 網頁啊,或是跳到另一...
這是一個 JavaScript 的小品,我只是發現很少人在討論這個,就順手寫了下來。 Javascript global object 在 JS 中,window 一直是個我們常用來查瀏覽器狀況的物件,例如,我們要查瀏覽器的內部寬度:wi...
檢查一個網址是不是存在,這是一個很常要用到功能,特別是如果你的網頁允許使用者輸入資料,常常,他所指定的網址久了會不見或是不動了,網路上有很多解法,但是我喜歡以下這種有 time out 的解法,這樣就可以避開有些很慢的網頁整個拖累了你自己網...
這是 milestone 1 的程式碼: lib/main.dart:
lib/screens/my_home_page.dart:
lib/screens/audio_session.dart:
lib/mod...
Unicode u2018 跟 u2019,也就是英文稱為 Smart Quotes 或是 Curly Qoutes 的 ‘ ’ 一對寶,這是個很神奇的字符,當在特定狀況時,瀏覽器會在前或後面自己加“空白”,而且有問題的話,問題會發生在英文版...
The Simpsons Characters Data — Image dataset of 20 characters from The Simpsons kaggle.com
在使用這個dataset時, 讀取圖片會...
在網頁上排版,我們最常希望的就是設定一個固定大小的框,但是如果碰到中文與英文混合的情況,最討厭的就是,很難這定他們的長度與高度,怎麼弄他們的長度不一樣,下面就是一個例子:
也就是說,我們在 server 上,因為 UTF8 的不定碼數...
Flutter 提供了四種 Navigation & Routing 的方式:
前面我們已經學會「N1 直接導航」及「N2 固定名稱路由」,現在讓我們來看看: N3 動態名稱路由:
延續我們的程式碼,它已經準備好可以用來測...
要搞懂這,要先從 Ruby 講起⋯⋯ 程式寫久了,對邏輯上的 and 及 or 大概都熟的不得了,如果是電腦的正科班程式員,大概一開始學的第一年,就要上離散數學,and 及 or 就是最基本的,但是,寫 Ruby 時,這個問題,越是老手越...
自由的切換 UI 黑暗或是明亮模式 我們的 UI 現在會依照作業系統的預設自動切換到黑暗或是明亮模式,很棒,只是,好像,還不夠好,能不能讓使用者自由的切換呢? 要怎麼做呢?請各位先想一想!
延續我們的程式碼,如果有人現在才加入,目前階...
Rails 就是 Ruby,Ruby 2.3 版以後,我想現在大家應該也都是使用這些版本了,有一個很好用的功能,就是 Safe Navigation,Safe Navigation 在中文的世界中,好像沒人翻譯過,事實上,連英文都很難猜懂,...
俗話說沒有安全就沒有一切,若在網站開發的同時能多注意資訊安全,日後可大幅降低補救資安漏洞所造成的維護成本。這篇是我初學Rails找到與資訊安全常見問題與解決方法,原文作者Ilya Bodrov,篇名為Common Rails Security ...
這是 milestone 4 的程式碼: lib/main.dart:
lib/theme/style.dart:
lib/theme/custom_widgets.dart:
lib/screens/my_ho...
我想大部分的網頁都還是有做分頁的,雖然無分頁(Pageless)是目前的趨勢,但是分頁還是有分頁的UX設計好處,特別是文章類的網站。 只要是有做分頁的網站,都會碰到一個問題,就是要如何 redirect_to 跳到指定的那一頁,這常常會發...
這是 milestone 3 的程式碼: lib/main.dart:
lib/screens/audio...
如前文所述,Flutter 有四種 Navigation & Routing 的方式:
我們已經學過了「N1/直接導航法」,這種直接導航的方式,說直白的,就是把要去的 screen 包成一個 Route,好處是很直接,小缺點是如果...
有人說 Rails 超好用,但也有人說 Rails 要用到精,很難,都對,因為,Rails 的挫折,總是就發生在轉角處。 我很久很久以前,用了 Rails 內建的一個 helper,目的很單純,就是把數字轉成對人類閱讀友善的格式,也就是,...
Flutter 2.2 多國語言及切換程式碼範例。
Infinite Patterns 无尽的图案https://www.bilibili.com/video/av67173309時間 : 3:51Nature by Number 自然界的數字https://v.qq.com/x/page/z0...
這是 milestone 2 的程式碼: lib/main.dart:
lib/s...
從使用情境來完整的介紹 Flutter 的 TextFormField 輸入,還包含:Controller 與 FocusNode