WordPress WordPress 使用 add_rewrite_rule 方法建立一個新的 route 在許多的網頁框架當中要建立一個 route 並不是一件困難的事情，可是在 WordPress 當中並不是很直覺，這牽扯到了 WordPress 的運行機制。那麼你會說 permalink 不能夠滿足你的需求嗎？就程式面來說確實不夠彈性，對我來說。 例如：一個 url 要顯示滿足條件的文章內容，條件來自於 acf 欄位的值，以permalink 確實沒法辦到，所以就自己寫程式解決。 程式碼 要自己開一個客製化外掛，還是寫在子版型內都可以，只要 hook 有被呼叫到就可以了。 function bonze_add_rewrite_rule() { $categories = ['classrooms', 'people', 'projects', 'reports', 'videos']; foreach ($categories as $category) { add_rewrite_rule("^({$category})/(\d+
JavaScript JavaScript 非同步大亂鬥 大家都知道 js 的非同步特性，這是一把雙面刃有時一些奇怪的 bug 也是因為非同步的問題，現在 es6 的語法已經讓我們可以很簡單的去操作避免掉非同步的一些問題，回過頭來還是必須要去深入理解基本功這件事情。 同步與非同步 同步(Synchronous) 與 非同步(Asynchronous) 這兩個名詞大家一定不陌生，以下用自己的認知來闡述這兩件事情，我們以一個餐廳的服務生當做例子。 非同步：餐廳內的一個服務生可以點餐完將菜單交給廚房的廚師，並且接著服務下一桌客人等到廚房將餐點準備好可以出菜時再回來將餐點送到顧客的桌上。 同步：餐廳內的一個服務生點餐完之後將菜單交給廚房，就在廚房等待廚師將餐點準備完畢將菜送到顧客桌上，才會再繼續服務下一桌的客人。 看出來了嗎？兩著的差別在於服務生點餐完之後是否有繼續服務下一桌客人，以 Node 來講就是 Single Thread 可以一次處理多個 Request 不須等待第一個 Request 處理完再去處理下一個 Request。 常遇到的問題範例 再來看看下面這些範例，這些也是面試時很常見到的考古題。 console.log('Befor') setTimeout(() => { console.log('loading
筆記 從零開始的機器學習生活 – TensorFlow.js 學習顏色分類 在前面幾篇文章補足了一些基本知識之後，接著我們就可以進行一些基本的練習，本次做的是透過機器學習辨識顏色，下面將會附上程式碼以及 github page。如果你是 IOS 12 或是 Android 9 這些較新版本手機使用者，會有無法運算的 BUG 存在，只能靜待修復了。 資料 在寫程式之前，我們先談論關於資料來源這件事情，你可以自己收集資料、根據規則用程式產生資料（ex:衣服尺寸表）或是用 google 的 Dataset Search 本次的資料來源則用教學 CodingTrain 的顏色資料。 程式範例 先上 demo 以及 github 本次一起使用 P5.js 來實作，以下只貼出 js 的部分。 let data let colors = [] let xs,
筆記 Laravel 假資料產生工廠 你知道 Faker 嗎？ 我知道我知道！！ 打 LOL 的那個 Faker 是 PHP 產生假資料的 library 他的功能非常強大，幾乎可以應付你所有的需求，不管是文字、數字、圖片、人名只要你想得到的都可以產生出來，那麼就來看看 Laravel 怎麼產生假資料吧。 資料庫結構 在開始之前，先讓我們來產生一張 Articles 這張表來當作範例。 php artisan make:migration create_articles_table Schema::create('articles', function (Blueprint $table) { $table->increments('id'); $table->string('title'); $table->string(
筆記 Laravel CKEditor 整合 Laravel file manager CKEditor 一直是我很愛用的編輯器，功能強大擴充套件也很多，設定也很詳細，在之前我使用的 CMS 內都已經有整合好 CKEditor 現在到了 Laravel 要接上這個功能還真是花了不少時間。 那麼終於處理好 CKEditor 之後有另一個需求，我該怎麼上傳檔案？不可能寫文章內容都不會有圖片吧，也不可能叫使用者自己去上傳檔案再貼網址到內容，這操作流程對使用者一點也不友善。 流程 安裝 CKEditor 將 CKEditor 套用到我們的 textarea 設定 CKEditor 上傳使用 Laravel file manager 安裝 CKEditor 如何安裝 CKEditor 網路上已經有很多教學了，我個人是使用 laravel-admin 當作我的管理後台，所以安裝 CKEditor 你也可以去看他的教學，在這邊只提出一些重點。 在之前你要先在你 blade 引入 CKEditor 的 js 接著套用到我們的
筆記 Laravel Eloquent Date Restrictions 時間限制 當我在們撰寫 Laravel Eloquent 經常會遇到一個情境，就是時間上的對比這件事情，例如：這篇活動公告是否在活動時間內，那麼我們可以預想的到，這個活動可能會有個 起始時間 與 結束時間 剩下就是時間運算的程式撰寫。 實際案例 我有一個活動的首頁輪播，使用者在上架時必須要填寫這張圖片的 起始時間 與 結束時間 如果 現在時間 還未到 起始時間 或是超過 結束時間 就不會顯示出來。 那麼為何有這樣的需求呢？~~因為懶~~ 因為未必會有人想在半夜進到網站後台發表資料，一定會想先一次上好，再來等時間到程式幫我們發佈出來就好。 程式碼撰寫 時間限制 邏輯 在此之前要先 感恩 Eloquent 讚嘆 Eloquent 讓我可以不用寫 SQL 語法就可以搞定事情。 app/Http/Controllers/HomeController.php namespace App\Http\
