Console 使用技巧

在一陣忙碌之後終於又有時間能靜下來寫篇 Blog 的文章,這次筆記的重點是 Front-end 開發時能時常使用的 console.log() 這個 API。

本文筆記重點

  • console.log()
  • console.dir()
  • console.table()
  • console.time() & console.timeEnd()

最基本的 console.log() 使用

繼續閱讀

分享到

Docker 安裝 Mysql + Phpmyadmin

紀錄今天早上安裝 mysql 和 phpadmin 時所處理掉的伊些小問題

docker

建立 Mysql docker 容器 (container)

繼續閱讀

分享到

Function - JavaScript 細節部分

Function 在 JavaScript 的重要性不言而喻,下面將針對不同的宣告與範疇逐一做介紹。

一般宣告 Function

1
2
3
4
5
6
7
8
9
10
// 可以在撰寫該 function 程式碼的區塊之前就使用
foo();
function foo() {
console.log('bar');
}
// 後面當然也是沒問題的
foo();

這是最單純的宣告函數的方式,會在 JavaScript 執行前第一次載入就直接宣告完成。這種宣告的方式屬於痊域的宣告,宣告之後在任何地方都可以使用。而在前端瀏覽器的環境下 foo 中的 this 則是代表全域的 windows 物件。

在物件中的 Function

繼續閱讀

分享到

Next.js 2 走馬看花

這幾天 Next.js 2 在台灣的技術圈洗了一輪版,讓我們花一點點時間快速看看 Next.js 到底在做什麼。

Next.js

Next.js Github

Next 算是對一般網站使用 React 高成本問題提出了解決方案,明確地簡化了環境建置和最基本的 routing。如果使用 Next 內建的 routing 機制,吃 ./pages 資料夾中的檔案決定 router 時, 開發者能對 router 動得手腳就相對有限,(在 demo 中看到的,大部分需求應該都沒問題 的),但 Next 中仍然有相當的彈性能導入其他 routing 的框架,所以對於延展性的需求是無庸置疑的,而且官方有佛心的提供大量與其他框架結合的範例。

重點

  1. 打包了大部分 React server rendering 基本會用到的 package
  2. npm run xxx 就建置完成了,webpack 什麼的都省了
  3. Next 包 babel, webpack進去, 包了很多東西就對了
  4. Next 直接實作了 server rendering, 這點大概就是 Next 最大的價值, 包括有針對做一套對應的機制
  5. 因為實作了 server rendering, Next 中有自己的撰寫風格, 有一個 getInitialProps 的 func,且 getInitialProps 是 async function
  6. Next 裡面寫的 code 基本上就是 react code,他並不是一個全新的框架,因此學習成本是有限的。
  7. 通常這種好棒棒的工具都有很肥的問題, Next 官方表示沒有, client 只會有 65kb 負擔 ( 因為是 server rendering, 肥的是 server 端 )
  8. Next 彈性還是相當大的, graphQL, express, koa, typescript, reduxt 想跟誰結婚就跟誰結婚

繼續閱讀

分享到

設計模式創建型模式 Creational Pattern

設計模式主要被分為三大類:

  • 創建型模式 Creational Pattern
  • 結構型模式 Structural Pattern
  • 行為型模式 Behavioral pattern

工廠模式 Factory pattern

繼續閱讀

分享到

設計模式五大基本原則 SOLID

最近複習 Design Pattern 順手做個筆記,Design Pattern 的是基本 5 大原則 SOLID。先說明這部分的名詞翻譯,中文翻譯我是查詢 維基百科 的翻譯,畢竟中文翻譯方式本身就是一個約定成俗即可的東西。

縮寫英文全名中譯
SRPSingle Responsibility Principle單一職責原則
OCPOpen Closed Principle開閉原則
LSPLiskov Substitution Principle里氏替換原則
ISPInterface Segregation Principles介面隔離原則
DIPDependency Inversion Principle依賴反轉原則

讓我們針對這幾個逐一做介紹:

繼續閱讀

分享到

CleanCode 無瑕的程式碼-番外篇

無瑕的程式碼番外篇其實可以看作是現代版的人月神話,談到了現在軟體開發的核心觀念,無論是資訊和觀念都較為新穎,當然人月神話是不可否認的經典,但比起來,我更推薦這本人月神話-番外篇的觀念。

無瑕的程式碼 CleanCode

作者:Robert C. Martin
譯者:戴于晉、博碩文化
審校:陳錦輝
出版社:博碩文化

CleanCode 無瑕的程式碼 (上篇)
CleanCode 無瑕的程式碼 (下篇)


專業主義

書中談論到何謂尊重自己的專業,專業並不是單純維持自己的技術能力,或擁有高超的程式撰寫技巧。作者所言的專業是,穩定並細心地完成工作,在遭遇到問題時能冷靜地解決。專案開發的過程中不可避免的會有延宕、或不可預期的狀況發生,專業的開發者應該扛下這個責任,並確實的跟主管或客戶說明情況,不僅是需要優秀的溝通技巧,更需要的是能承擔責任的心。承擔開發的錯誤也是專業的一環,從錯誤中學習不僅重要,不要給對方超出實際狀況的期待並忠實告知情況是對自己專業的負責。

繼續閱讀

分享到

分享:給年輕程式設計的忠告

  • 當你遇到問題時,花個 15 分鐘常識尋找答案。如果還是不行,就問問別人吧。
  • 問問題並不是丟臉的事情。
  • 但如果你因為你問問而感到自豪,這就不太對了。
  • 每次修改程式碼都要讓它變得更好,無論是增修文件的說明、語法細節、設計模式或補上測試程式碼。都會有人相當感激你,而這個人也可能是未來的自己。

繼續閱讀

分享到

領導的品格

兼具情與理的傳達的作者領導者系列之一,透過 51 句話描述成為一個願意讓人追隨的領導者的重點。討論的面相相當廣泛,包括管理者的自我思考、溝通技巧、領導人的真正目的、自我成長的重點,儘管說是成為一個領導者的重點,這反而是自我成長的重點。每個人其實都是領導者,領導著自己在短暫的人生中發光發熱。

領導的品格

作者同系列的書:兼具情與理的傳達力-心得分享

這本書最大的特色就是核心的 51 句話,每句話大概由 4 到 6 頁的篇幅來更近一步的解釋概念,相當推薦大家一開始看這本書的時候,先快速的瀏覽過每個篇幅的標題,再逐一深入,我個人認為整本書有四大核心概念:

繼續閱讀

分享到

建立自己的 Telegram ChatBot

建立自己的 Telegram ChatBot

  • 申請 TelegramBot 的帳號
  • 透過 Node/telegraf.js 撰寫 ChatBot

申請 TelegramBot 的帳號

1.透過 @BotFather 申請

在 Telegram APP 中找到 @BotFather 這個官方的 BOT:

繼續閱讀

分享到

ATOM無痛轉移至VSCode

隨這過去這一年 VS Code 的使用者增加,Atom vs Sublime vs VSCode 相關的討論炒得越來越火熱,也有越來越多社群上的大大表示跳槽到 VSCode 的圈內。以我個人來說,我是從 Atom 跳槽到 VSCode ,剛跳槽的時候也遇到了不少的問題,以下介紹了 Atom 跟 VSCode 跳槽的細節過程:

  • 如何將快捷鍵全部調整成與 Atom 相同?
  • VSCode 安裝 Theme
  • VSCode 調整設定的方式
  • 常用套件推薦

將快捷鍵全部調整成跟 Atom 一樣

繼續閱讀

分享到

兼具情與理的傳達力(下篇) 管理的表達與工作外的事

成爲讓部屬願意追隨的上司,51個帶人先帶心的領導力。

兼具情與理的傳達力

作者:岩田松雄
譯者:劉格安、黃薇嬪
出版社:悅知文化

兼具情與理的傳達力 (上篇) 團隊的向心力

作者同系列的書:領導的品格-心得分享


如何在管理上面表達自己的想法

笨拙卻極具說服力的法則

溝通重要的是值跟量

隨時把狀況、對象、內容放在心上,簡單地列出重點,如果是多個訊息,請認真的考慮對方接收訊息的順序。嘗試去減少對方接收訊息時需要思考的量,盡可能地給予結論、重點摘要。使用對方能聽懂的慣用語,別自以為是或是說很難懂的話,工程師思維、工程師邏輯等等。並不是說出來的內容特別專業、別人聽不懂,就代表很厲害。彰顯自己的專頁也無濟於事,更有可能引來對方的反感,真正的專業是能完整的表達內容,並且說服對方同意。

傳達壞消息是該如何開口

繼續閱讀

分享到

兼具情與理的傳達力 (上篇) 團隊的向心力

成爲讓部屬願意追隨的上司,51個帶人先帶心的領導力。

兼具情與理的傳達力

作者:岩田松雄
譯者:劉格安、黃薇嬪
出版社:悅知文化

兼具情與理的傳達力 (下篇) 管理的表達方式 & 工作之上的人生目標

作者同系列的書:領導的品格-心得分享


真正的傳達事情給對方

情,代表的是話說帶有人情味。理,代表的是容易理解的傳達方式。

告知和傳達是不同的兩件事

倘若無法引起對方的共鳴,或產生任何影響,就不算是真正的告知對方事情。若對方在聽完這些訊息後,實際採取了某些行動,才算真正的傳達出去。

繼續閱讀

分享到

Git 還原單一檔案

筆記:

  • 如何將 修改到一半的檔案 還原到 追蹤前 的狀態
  • 如何將 修改到一半的檔案 還原到 最後一個 Commmit 的狀態
  • 如何將某個 指定的檔案 還原到 指定的 Commmit 的狀態

繼續閱讀

分享到

人月神話 - 軟體專案管理之道

人月神話堪稱經典中的經典,直到最近幾年仍然時常被提起的一本必讀書。主要在討論軟體專案管理上的問題即規劃死角,個人認為無論是程式設計師、PM 或是相關主管甚至是客戶,都值得閱讀的一本書。而我閱讀的這本人月神話是 20 週年再版的書籍,其中已經有部分的修訂,但在書的後方仍然有登載出版的觀念與思考邏輯供讀者參考。人月神話大方向的討論了:軟體專案為什麼容易失敗、如何降低失敗的機率。大致上分為兩大部分,其餘的篇章分別舉出許多細節來支撐自己的論點。

人月神話 - 軟體專案管理之道

作者:Frederick P.Brooks, Jr.
譯者:錢一一
出版社:經濟新潮社


到底什麼是 “人月” 神話 ?

繼續閱讀

分享到

CleanCode 無瑕的程式碼 (下篇)

無瑕的程式碼 CleanCode

作者:Robert C. Martin
譯者:戴于晉、博碩文化
審校:陳錦輝
出版社:博碩文化

CleanCode 無瑕的程式碼 (上篇)


接續著前一篇,無瑕的程式碼前半段著重於程式碼的季節面,下半段討論更多大方向的目標,討論規劃系統架構、測試、程式碼橋接規劃等,不再是單一個程式設計師自己撰寫程式碼的世界觀,書中講述更多的團隊運作方式和長期規劃方面的觀念。

從更高的視角看整潔程式碼

除了命名正確之外,個人的經驗是當系統成長到一定的規模時,開發者會不願意去面對舊有的程式碼,就算命名相當正確、易讀易懂,但修改或新增功能總是需要大動干戈,綁手綁腳的東修西改。同時因為這個原因,常常讓我放棄重構的念頭,有時甚至是直接刪掉某個部份的程式碼重來。想當然爾,這種錯誤只會日積月累,屆時將會進入完全無法挽回的地步。及早發現、儘早治療。

畫圈圈耍自閉,跟其他人劃清界線

繼續閱讀

分享到

CleanCode 無瑕的程式碼 (上篇)

無瑕的程式碼,其實是我第二次詳細閱讀這本書。第一次是在大學一年級,剛開始寫程式的我根本完全看不懂書中在寫什麼啊!每字每句話都能看懂,卻完全無法理解意義或是體悟到任何的道理,丟在書架上幾年後,工作之餘再重新看了一次。這次感觸良多,有些是我犯過的錯,有些對我來說是重要的警告。總之,我認為這是一本程式設計師必讀的書,說是學習一種新的知識或是撰寫技巧其實並不精確,個人覺得是幫助自己釐清撰寫程式碼時的思考、自我反省的一本書。看完這本書仍然取決於我們自己要改變多少做事的風格。

無瑕的程式碼 CleanCode

作者:Robert C. Martin
譯者:戴于晉、博碩文化
審校:陳錦輝
出版社:博碩文化

CleanCode 無瑕的程式碼 (下篇)


為什麼需要花時間維程式碼的整潔?真正的”無瑕”的程式碼的定義是什麼?在第一章節作者給了一個大概的方向:無暇程式碼就是在追求程式碼的表達能力,且沒有任何一個流派是絕對正確的。維護整潔的程式碼,不僅僅是程式設計師對於專業的自我要求,也是在日益龐大的系統開發中,迫切需要重視的問題。或許在小型的專案中我們能仰賴記憶力、猜測、或是一些經驗推導來維持整個專案的運作。隨著團隊的人數擴增、專案程式碼行數的成長、甚至單純是客戶的要求朝三暮四的變化,整潔的程式碼開始成為必要的開發條件,不論是實質上的效率問題,甚至是影響到日後的修改、維護,缺乏整潔觀念的程式碼必然會帶來一場災難。

整潔程式碼的第一步

討論變數命名、函數、註解、程式碼編排等等細節的技巧,在這部分我在學生時期就有特別在注意,但往往沒有相當明確的方向與見解,以下綜合書中的資訊和我在職場前輩身上學到的智慧,大致整理成以下幾個重點:

繼續閱讀

分享到

被討厭的勇氣 (下篇)

接續著上半篇的心得,後半部的阿德勒開始討論自我定位的問題,當我們完全脫離別人的看法之後,我們自己該如何定位自己?更該如何跟別人相處,如何繼續地用自己的方式,在社會的洪流中生活下去。

被討厭的勇氣

作者:岸見一郎、古賀史健
譯者:葉小燕
出版社:究竟出版

被討厭的勇氣 1 (上篇)


個體心理學與整體論

繼續閱讀

分享到

被討厭的勇氣 (上篇)

2015年最火紅的<被討厭的勇氣>,有別於一般心理學書籍,作者從個人心理的觀點來探討個人跟整個社會的互動,把焦點放在自己身上,了解自己、改變自己,不再是去瞭解他人或是嘗試透視對方的想法。思考自己在做什麼,讓自己的外在表態或是內在的心靈強化是書中相當明顯的觀點,而當我們自己變得更好時,或許也能帶動身邊的人跟著改變。

被討厭的勇氣

作者:岸見一郎、古賀史健
譯者:葉小燕
出版社:究竟出版

被討厭的勇氣 1 (下篇)


否定心理創傷

繼續閱讀

分享到

天使與惡魔,炸雞排試吃評比 !!

終於在這次的聖誕節達成了雞排小成就:吃到了台灣著名的三大雞排!!! 因為時間的關係,我前前後後在南北兩地吃到這三家雞排,總共嘗試了六次才有辦法寫出這篇文章。這三家共同的特色就是肉厚多汁,厚實的雞排肉完全不像在吃炸雞排,咬肉的感覺就像厚切牛排的概念一樣,肉厚的口感硬是跟傳統雞全不一樣。

天使雞排 - 瑞豐店 * 2
惡魔雞排 - 寧夏店 + 士林店
艋舺雞排 - 屏東店 + 鳳山店

惡魔雞排

繼續閱讀

分享到