Sign in Subscribe
SimonAllen

SimonAllen

行銷筆記

前陣子參加社群講座的筆記。 網路行銷基本公式： 核心公式：流量 × 轉換率 × 客單價 = 營收 行銷的本質不只是吸引眼球，而是驅動「可被追蹤、可被優化的行動」。行銷人員應該熟悉使用公司共用帳號，掌握各平台數據，並學會從每一個數字背後看出問題與機會。 一、先確認問題，再下廣告 1. 確認使用者類型 * 區分新客與老客的比例，這將影響後續文案與投放策略。 * 知道老客佔多少業績？才知道該投資在哪一塊。 * 老客戶互動工具： * 簡訊 * EDM * FB 社團 * LINE 群或官方帳號 2. 觸發了什麼事件？ * 記錄事件是基本功！ 不記錄就無法分析。 * 使用例如 Facebook Pixel 已定義的事件（如 ViewContent, AddToCart）。 * 不要只靠廣告互動，應該搭配「網站行為」追蹤。 3. 完成了什麼目標？ * 對應事件的行為成果是什麼？下載？註冊？
SimonAllen

Laravel 入門：認識 Migration

什麼是 Migration? Migration 是用來定義、紀錄資料庫「架構」的「檔案」，它並不是「資料庫」本身，本質上仍是我們撰寫的後端程式碼，所以我們在 /migrations/ 資料夾下看到的仍是 .php 檔案。 多人協作的情境 前後端程式碼同步 前、後端的專案程式碼基本會用 Git push 上雲端備份，當今天多人協作時，A 改完 push 上去， B 可以接著把 code pull 下來同步，這個過程還可能會產生衝突，所以解衝突會是 RD 多人協作常見的情境。 資料庫同步 但資料庫呢？資料庫是獨立於後端語言框架的存在，要如何做到彼此 table 的遷移和同步？如果今天有人改了欄位名稱、新增 table、刪除某個欄位，該如何同步大家的 database
SimonAllen

Laravel 入門：來認識 Blade 吧

Blade 是什麼？ Blade 是 Laravel 框架的 Template Engine。關於 Template Engine 可參考維基百科說明。 在 Server-side MVC 架構下按語言、框架不同，通常會有個 Template Engine 來幫助處理前端 View 的開發，例如在 Node.js 可以選擇使用 Pug 或 EJS、ASP.NET MVC 使用 Razor ..等等。 除了(能透過 Controller)取得 Model 來的資料，也可以透過語法去做到邏輯判斷、迴圈渲染、HTML 段落 (Template) 拆分與引用，以此做到開發上 View
SimonAllen

讀書心得：最高學以致用法

書名：最高學以致用法：讓學習發揮最大成果的輸出大全 是否推薦 否，直接說心得 「失望」。 如果是工程師、有自己一套學習系統、會持續學習的人，那這本書可以略過了。 我還是買電子書版..沒辦法二手賣掉拿回點書錢.. 心得 書中前半段說明了輸入、輸出的定義，學習、接收資訊是種 input 的動作，而不論何種方式，運用我們存進大腦的資訊則是 output。 一般人對資訊都是輸出少、輸入多，比例大約是 3:7。 剛學習吸收(輸入)的資訊容易被大腦歸入短期記憶，存入大腦海馬迴，所以要搭配輸出加強，使其能被存入大腦顳葉成為長期記憶。只要一週至少輸出三次就有機會被列為長期記憶。 只是書中後面輸出手段，仍不脫離手寫、筆記、講出來、列清單、便利貼、寫文章、教人、繪製插圖、心智圖..等萬年方式。 這不正是學生時期做的事嗎？ 不是說現在學生都會畫心智圖或流程圖，我想表達的是：單純論「
SimonAllen

用 HTML br 替換 ↵ 換行前先想一想

這篇算是一個隨手紀錄，不要輕易用 <br/> 替換換行 ↵，先想想有沒有其他的方式。 起因 前陣子在處理前人的 Legacy code，有個情境是使用者在後台頁面輸入文章，前端把其 show 在前台頁面上。 當然後端會在需顯示的前台頁面 API 將其(字串)發過來，這個字串不包含 HTML 標籤，可能包含換行符號，為了處理這個狀況，前人寫了個共用 function 來將換行符號替換成 HTML <br/> 標籤，例如： const setTextLineFeed = text => text.replace(/\n/g,'<br/>'); 將後端傳來包含換行符號的字串，先丟進這個 function
SimonAllen

Chrome 83 DevTools 新功能：切換 location 與 locales

這篇算是隨手紀錄，前幾天無意翻了翻 Chrome 文件，Chrome 83 (約2020年5月底發布) 更新後新增了些許功能。 不過最讓我眼睛一亮的是， DevTools 新增切換 location 與 locales 的功能。 打開 DevTools，選擇 ... > More tools > Sensors 可以看到 Sensors 下方有個 Location，點選 No override 選單可看見預設已有 London、Tokyo 等城市可選擇，使用方式就是點選任意城市後重新整理瀏覽器即可。 也可以點選 Manage 自行新增城市、經緯度、時區、語系 真的是非常實用功能，這對要做多國語系、地區內容的工程師們來說，可謂是一大福音呀！ 參考資料： Emulate locales Chrome DevTools:
SimonAllen

mkcert：讓你在 localhost 開發也能用 https

mkcert 可以開發者快速產生 https 憑證，讓本地端 localhost 開發也能用https。 http、https 之間差異這裡就不贅述，對前端瀏覽器而言，串接後端 API 最常遇到的就是跨域 CORS 的問題，而不同協議 http、https 彼此也有跨域問題。 通常 local 開發環境通常會是 http，以前筆者還菜菜的時候，不懂 localhost 怎麼會有需要 https 這個需求，直到我遇到 Yahoo Sign in 這種一定要 https 的 3rd 功能要串接.... 總不能本機盲改串功能，deploy 上測試站才能測吧，為了做到在本機電腦也能正常開發，我們需要讓 localhost 變成 https 協定。 mkcert 在不同電腦環境、