Gatsby
先全域安裝gatsby-cli，之後就可以架個新專案 gatsby new static-website...
科技
Docker學習
Docker Tutorial: Get Going From Scratch Docker Commands Cheat Sheet 首先安裝Docker Desktop...
GitLab CICD學習中
GitLab CI: Pipelines, CI/CD and DevOps for Beginners 課程大綱： 1-2 Your first pipeline 開始教怎麼寫pipeline，一些簡單的指令，touch、>、grep、test -f，寫了build和test兩個job，然後教怎麼...
GitLab CICD
首先先創一個專案，之後按CICD，選Use Template...
好用的Number
...
TypeScript學習
不錯的github： Introduction – TypeScript Deep Dive bitjson/typescript-starter: Quickly create and configure a new library or Node.js project 學習資源： 【...
telegram 程式學習群組
https://t.me/joinchat/MR0SjunO5QoxZTI9 程式學習群...
GitLab CI/CD
首先先開一個專案 可以選要用範本還是空白專案 點一點就有了超方便...
這個網站是怎麼回事
http://chicstyle.iswii.net/ nginx？感覺放著沒在動，不怕花錢啊...
肥宅也要談戀愛4
周六早上，阿肥正開著冷氣，在床上呼呼大睡，一切是如此的美好，直到他的手機響起來動漫主題曲，提醒他有人要找他。 阿肥起身尋到手機，接了起來「…喂？」 「喂！阿肥！是我阿忠啦！我們飲料店現在人手不足，你可以來幫忙一下嗎？」電話聲那頭傳來曲風歡樂的日文歌，剛好也是阿肥熟悉的歌。 「幹媽的，我睡的正爽欸！吵...
Selenium 研究筆記
買了一堂自動化測試的課，做一些筆記 Selenium WebDriver Masterclass with C# compound class在C#不能跑，不過用XPath來選擇的話就可以 chrome要更新到最新，然後chrome driver抓相對應的版本 用id來當locator最好，可是舊頁...
SQL學習心得
記錄一些看書或網路上學的咚咚，不定期更新 買了這堂課 The Ultimate MySQL Bootcamp: Go from SQL Beginner to Expert 感覺還不錯，發音標準，還會更新 每一條紀錄都是一個record，entity column: field，row: recor...
修改Rider的Port
對著專案按右鍵改Properties / Web 之外還要改Run/Debug 那邊按 Edit Configurations 改port（才會讓瀏覽器打開正確的port...
測試框架研究篇
因為一些關係要開始研究，發現也可以看看現在求職網站上列的需求...
科技新聞
https://3c.ltn.com.tw/ https://www.cio.com/category/application-development/ INSIDE – 社群媒體、行動網路、行銷、技術、創業 TechNews科技新報 TechOrange DIGITIMES ̵...
webpack tutorial
※不定時更新 被打包好的檔案叫bundle 想要優化打包好的檔案，把它拆解出來的區塊叫chunk 1. 開始一個專案 npm init -y 2. 安裝webpack npm install webpack webpack-cli --save-dev 3. 創一個資料夾，src，再裡面再加一個檔案...
TypeScript的判斷流程
...
線上白板軟體
本文不定期更新 notebookcast 用起來頓頓的，這樣還上線= = Explain Everything 介面還蠻漂亮的，有範本可以選，還有麥克風 ziteboard 試用中，感覺還不錯 visme 感覺不錯，可以做簡報、infographic、圖表…，又有很多漂亮範本...
安裝SQL Server Express
看的書教用這套，就跟著裝了 Database Instant File Initialization...
useEffect需要把useState的setter包起來嗎
https://stackoverflow.com/questions/57180731/react-is-usestate-s-setter-function-able-to-change https://atomizedobjects.com/blog/react/how-to-use-sets...
surviveJs webpack
npm i webpack-plugin-serve –legacy-peer-deps -D 這個套件因為它的webpack還是舊版的，所以安裝要這樣安裝= =...
敏捷個人管理法
每天回想昨天做了什麼 列出今天預計做什麼 每天詳細記錄 每周大retro、planning、下午茶（周六好了ww） 每天小retro：做得好的地方、要改善的地方、學了些什麼...
JavaScript Tips相關文章
22 Javascript shorthands that will save your time https://medium.com/coders-equity/22-javascript-shorthands-for-better-programming-e25da5571d73...
PostgreSQL
...
GTM/GA教學
Page View 改名叫 Container Loaded The data layer是什麼？ 一種拿來精製、客製化表達事件的物件，使用dataLayer來和GTM溝通， 告訴他：「欸我做了ｘｘｘ喔！」 另外記得dataLayer要寫在GTM的TAG上面 Pageview Trigger not...
網頁開發教學資源收集站
https://devlinks.pinkjelly.org/...
Google Tag Manager 追蹤iframe
jellyfish How to track iframes with Google Tag Manager 這篇建議用postMessage charmaine-kruger Tracking in an iFrame using Google Tag Manager 這篇也建議用postMess...
擷圖工具
QQ擷圖：ctrl + alt + A windows擷圖：windows + shift + S...
windows開啟舊的控制台的方法
輸入control 或是控制台就可以找到囉...
JavaScript check is valid number
包含字串的判斷 (Built-in) way in JavaScript to check if a string is a valid number 這篇有用到 num.trim() !== ” Only numbers. Input number in React https://j...