如何在 Linux/macOS 當中，利用 XAMPP 一次運行多個網站
身為一位自由工作者，時常會接到不同廠商的網站案子，但同一時間下可能不會只有開發一個網站，但同一個通訊埠(Port)又只能連結一個網站，這時候就需要 VirtualHost 這種東西來解決這樣的問題了，它可以達成讓你根據 URL 的不同而觸發不同的網站來源。
步驟一、首先我們必須告訴作業系統一些基本的路由，你必須打開你的 終端機 並且輸入以下指令:
1sudo vim /etc/hosts
補充知識：Vim是從vi發展出來的一個文字編輯器。其代碼補完、編譯及錯誤跳轉等方便編程的功能特別豐富，在程式設計師中被廣泛使用。和Emacs並列成為類Unix系統用戶最喜歡的編輯器。資料來源取自於 WiKi 維基百科
步驟二、開始新增一些路由，這些路由讓你比較方便管理你的專案開發:
12345678910111213### Host Database## localhost is used to configure the loopback interface# when the system is booting. Do not change this entry.##127.0.0 ...
在 Laravel 當中，如何移除特定 Router 的 CSRF？
Laravel 在默認的情況之下，所有的路由(Route)它會自動啟用 CSRF 保護，這在開發的過程當中，是一個非常方便的功能。
但有時候，如果您在使用其他第三方服務時，你不需要設置 Token 的保護，那麼就產生了一個問題，如果第三方網站在訪問網站時，會發現網站告訴你該頁面已過期的訊息。
The page has expired due to inactivity.Please refresh and try again.
然而在 Laravel 5.1 開始，app/Http/Middleware/VerifyCsrfToken 提供了一個 $except 變數屬性，這個可以讓您自定義哪些路由可以忽略 CSRF 的保護，舉例來說：
VerifyCsrfToken.php
12345678910... /** * The URIs that should be excluded from CSRF verification. * * @var array */ protected $except = [ 'ex ...
如何建立 NoCaptcha（我不是機器人）的 Key、Secret？
無論在手機應用程式或者網頁應用程式，你時常會看到「我不是機器人」或「請點選下面有包含汽車的圖」的功能，這功能其實來自於 Google 提供的 reCAPTCHA 服務。
reCAPTCHA計畫是由卡內基美濃大學所發展的系統，主要目的是利用CAPTCHA技術來幫助典籍數位化的進行，這個計畫將由書本掃描下來無法準確的被光學文字辨識技術（OCR, Optical Character Recognition）識別的文字顯示在CAPTCHA問題中，讓人類在回答CAPTCHA問題時用人腦加以識別[1]。reCAPTCHA正數位化《紐約時報》（New York Times）的掃描存檔[2]，目前已經完成20年份的資料，並希望在2010年完成110年份的資料。2009年9月17日，Google宣布收購reCAPTCHA。[3]
取自於 WIKI
申請的方式很簡單，你只要進入官方後，點擊右上角的「My reCAPTCHA」按鈕，或者點擊這裡直接進入，你就可以看到詳細的列表、申請表單了。
只要填入相對應的資料，就可以直接申請 reCAPTCHA 了，「Label」是給你自己方便 ...
我的 GitHub 部落格收到了 warning 信件，這是怎麼回事？
今天在整理 Blog 的時候收到一封信，內容大致上是這樣：
[Kantai235/Kantai235.github.io] Page build warning
123456789The page build completed successfully, but returned the following warning for the `master` branch:You are currently using the 'redcarpet' Markdown engine, which is no longer supported by GitHub Pages and may cease working at any time. To ensure your site continues to build, remove the 'markdown' setting in your site's '_config.yml' file and confirm your site renders ...
如何建立一個自己的 Git - Gitea 架設教學
如果有在撰寫程式語言的人，或許就會知道 GitHub 這很好用的版本控制平台，另一方面很多企業徵求資訊人員的時候，通常也會要求應徵者提供自己的 GitHub 來讓公司知道該應徵者的 Code 能力位於哪個階段，或者該名人才有開發過哪些專案。
不過有時候礙於專案各種條款，不方便公開，但使用 GitHub 的話，又會限制 Private 的專案必須收費，所以今天要來推薦一套開源的產品，叫做「Gitea」，這東西它可以將類似於 GitHub 的網站架設於自己的伺服器當中，那我們接下來就直接開始吧！
Gitea => https://gitea.io/zh-TW/
以下教學的作業系統為 macOS High Sierra 10.13
首先我們必須要安裝 Homebrew 這套件管理工具。
Homebrew是一款自由及開放原始碼的軟體套件管理系統，用以簡化Mac OS X系統上的軟體安裝過程，最初由馬克斯·霍威爾（Max Howell）寫成。該包管理器在Ruby on Rails社群廣為人知，因其可延伸性得到了一致好評。內容參考 https://zh.wikipedia.or ...
如何利用 JavaScript 在 HTML5 的 Canvas 標籤中繪圖 - 基礎教學
canvas {
background: #eee;
border: 3px solid #838383;
}
HTML5 的 canvas 元素使用 JavaScript 在网页上绘制图像。画布是一个矩形区域，您可以控制其每一像素。canvas 拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法。內容來源：http://www.w3school.com.cn/html5/html_5_canvas.asp
是的，這次要帶給大家的是 Canvas 標籤的基礎教學，它就像一塊畫布，能讓你在 HTML 標籤當中繪圖、動畫、遊戲，那我們就來個簡單的範例吧，就是做出一款經典的打磚塊遊戲！那我們首先要建立一個畫布，這個畫布大小是 480 * 320 的大小，並且在下方會有個開始遊戲的按鈕，按下去後，才開始執行遊戲：
HTML1234567<!-- 建立一個 canvas 標籤，id 為 canvas_1，大小為 480 * 320 --><canvas id="canvas_1" width=&qu ...
如何在 Android 當中，引用 reCAPTCHA 來做防堵機器人的驗證。
我終於畢業啦(撒花)，不過玩咖的路上是沒有停歇的，偶然在公司工程師群組看到一則的新聞：
Google上周五（6/9）釋出了支援Android平台的reCAPTCHA API，此一API採用的是Google甫於今年3月發表的隱形reCAPTCHA技術，可於背景辨識用戶是真人或機器人，去除用戶使用行動程式的障礙。新聞來源：http://www.ithome.com.tw/news/114878
面白い(有趣)！我們就來玩玩看吧，於是找到了 reCAPTCHA 的官方文件：
SafetyNet reCAPTCHA API Android Developers
【！注意！】在開始以前，這邊有個小地方需要注意，為了能夠正常使用這個 API，你的應用程式必須在 AndroidManifest.xml 文件中將 minSdkVersion 設置為 14 或 更高。
單純看注意，一定沒有人會聽的，所以我在這邊必須再次說明，你必須在 AndroidManifest.xml 當中加入 <uses-sdk android:minSdkVersion="14" /> ...
Visual Studio for Mac！微軟重大里程碑，你終於可以在 macOS 上使用 VS 了！
12345我們很高興宣告發行 Visual Studio 2017 for Mac。 Visual Studio for Mac 是 Visual Studio 系列的新成員，可讓 macOS 上的開發人員使用 Xamarin 和 .NET Core 來建置行動裝置、Web 和雲端的應用程式，以及使用 Unity 來建置遊戲。使用 Visual Studio 2017 for Mac 開發 Android、macOS、iOS、tvOS、watchOS、Web 和雲端的應用程式。 快速編碼、輕鬆偵錯及診斷、頻繁測試，然後自信地發行。 使用版本控制、變得敏捷、使用這個新版本有效率地共同作業！官方介紹：https://www.visualstudio.com/zh-tw/news/releasenotes/vs2017-mac-relnotes
微軟終於正式推出 VS for Mac 啦！身為 Mac 的使用者兼微軟開發者，當然要來先睹為快呀！
嘖嘖，微軟你這樣子很不敬業哦～ Visual Studio Code 的部分沒寫好，不過沒關係！我們重點在於 Visual Studio for ...
iOS Swift 第三方套件介紹 - TextFieldEffects
有時候，在應用程式當中的小小細節，也能深得使用者的喜好，程式不只要好用才行，還必須搭配美觀的介面，才能深得人心，然而在 iOS 專案當中，原生的 Field 輸入框太過於古板，不是那麼的好看，所以有人寫了 TextFieldEffects 這款好用的第三方套件，來使 Field 更加的美觀。
目前他具備了以下幾種效果：
Kaede
Hoshi
Jiro
Isao
Minoru
Yoko
Madoka
Akira
Yoshiko
實際效果Kaede
Hoshi
Jiro
Isao
Minoru
Yoko
Madoka
Akira
Yoshiko
開始使用首先你必須利用 Cocoapod 於你專案裡頭的 Podfile 引入 TextFieldEffects，並且 pod install 去安裝。
你可以參考 CocoaPods iOS 第三方套件管理工具 這篇文章。
12use_frameworks!pod "TextFieldEffects"
安裝完畢以後，我們可以在 storyboard 加入一些系統預設的 Field(文字輸入框)：
然後對剛剛新增的這項 ...
iOS Swift 第三方套件介紹 - NVActivityIndicatorView
簡介NVActivityIndicatorView 是一系列令人驚艷的 Loading 動畫，它採用了向量繪圖的方式來呈現動畫，這是 DGActivityIndicatorView 的一個衍生，靈感來自於 Loaders.css。
NVActivityIndicatorView GitHub 官方網站
範例
Type
Type
Type
Type
1. ballPulse
2. ballGridPulse
3. ballClipRotate
4. squareSpin
5. ballClipRotatePulse
6. ballClipRotateMultiple
7. ballPulseRise
8. ballRotate
9. cubeTransition
10. ballZigZag
11. ballZigZagDeflect
12. ballTrianglePath
13. ballScale
14. lineScale
15. lineScaleParty
16. ballScaleMultiple
17. ballPulseSync
18. ...