話說，版主1111光棍節已經過到不想過了，早就從魔法師轉生成大魔導士了，所以本魯今年的願望這是脫單，利用高級打字工的優勢，利用AR.js / A-Frame.js做一張令心儀的人會喔喔喔喔的生日小卡片吧，相信版主一定會成功的，話不多說，做就對了。 做一個長這樣的網頁 There should have been a video here but your browser does not seem to support it. 製作過程 新增專案 新增一個等一下要放網頁的專案APP，至於heroku CLI的安裝過程就不再贅述。 There should have been a video here but your browser …

閱讀更多

話說iPhone創新總是讓人耳目一新，尤其是「指紋辨識 - Touch ID」跟「臉部辨識 - Face ID」可以算是Android手機們「模仿」的對象之一，但是Android手機圖形解鎖反而在iPhone沒有，這真的是很讓人奇怪的地方，或許是「生物辨識」的安全性比圖形密碼來的高吧？在這裡呢，我們要仿製一個簡單圖形鎖，話不多說，我們就來試試看吧。 圖形解鎖 成果展示 首先，我們要做一個長得像這樣的圖形鎖 There should have been a video here but your browser does not seem to support it. 畫面結構 畫面結構如下，我們要利用UICollectionView …

閱讀更多

NativeScript是一套跨平台的framework，聽名字就知道，它是用來寫Native程式的，說到跨平台比較紅的還有使用dart語言的Flutter、使用javascript語言的React Native，之所以會選擇它也是因為TypeScript越來越紅了，很想學一學，如果與Angular或Vue.js結合，就可以開發手機平臺的程式，聽起來是不是很不錯啊？如果要看看它與其它跨平台開發的工具比較，可以看看這一篇文章。那為什麼會選擇Vue.js v2.x呢？因為它下一版以TypeScript改寫，加上它有中文文件，所以對於英文不好的我是最佳的選擇，接下來我們就開始吧。 環境安裝 基本環境安裝 其實跟安裝Flutter環境的方向 …

閱讀更多

在Android的一般教科書上，一定會說到findViewById()這個函式，但是到了kotlin成為官方語言之後，還多了其它幾個方式去做處理，讓程式越來越好維護，語意越來越清晰，現在我們就來看看有那些方式吧。 畫面 這裡就拉個Button跟EditView來做說明 There should have been a video here but your browser does not seem to support it. findViewById()的四種方式 主程式 import kotlinx.android.synthetic.main.activity_main.* class MainActivity : …

閱讀更多

話說，全世界的手機系統應該都被Android跟iOS佔光光了吧，不過最近又跑出來了一個鴻蒙系統，也許未來有可能成為第三大的手機系統吧？至於為什麼要學安卓呢？因為之前有在學一點點的Flutter，發現還是要兩個平臺都要了解一些些，才知道Flutter到底在做什麼？加上本來就是兩個不同的系統，在設定上一定有所差異，加上聽說Kotlin跟Swift很相像，所以就來學學看了。因為本身對iOS比較熟一點，所以後面會以iOS的名詞來做不專業的說明。話不多說，這裡就用跟JetBrains合作的Android Studio，其實Kotlin也是JetBrains出品的。安裝的過程就不多做說明了，現在馬上就來試試看吧。 做一個長這樣的APP …

閱讀更多

Homebrew是一個用Ruby寫的軟體管理工具，有點像在Linux上的apt，可以用來快速安裝程式(formula)跟APP，但是…它並沒有包含版本的管理功能，如果自己手動移除掉某些東西，它是不知道的，所以千萬不要把它當成git用啊。它有很多在macOS上的好東東可以安裝，各位可以去看看喲。 安裝 安裝Ruby 因為它是由Ruby寫的，所以要確定有沒有安裝它，不過基本上一定有啦，macOS內建就有了 ruby -v 安裝homebrew 將homebrew官網的那一行貼上就可以安裝了 /usr/bin/ruby -e "$(curl -fsSL …

閱讀更多

相信Unity遊戲引擎的大名各位一定耳熟能詳吧，它可以在多平臺產出遊戲，除了桌面系統Windows / macOS / Linux之外，在手機系統上Android / iOS / BlackBerry也可以，甚至在遊戲主機系統上XBox系列 / PS系列 / 3DS / Switch，連WebGL / Steam都支援，真的是包山包海啊，只要有遊戲的地方它通通都能產出，真的是太強了。這裡有以Unity開發的遊戲列表，比較知名的有Final Fantasy IX - 太空戰士9、Pokémon Go - 寶可夢Go、Angry Birds 2 - 憤怒鳥2、仙劍奇俠傳六、軒轅劍6、Hearthstone - 爐石戰記等…，過去說 …

閱讀更多

正規表示式 - Regular Expression，又稱正規表達式、正規表示法、規則運算式、常規表示法，它是用來做字串比對的語法，其實大部分的程式語言都會有，一般在簡單的字串比對上面，比如說：英文句子中把you are換成you’re，利用該程式語言的語法去暴力搜尋即可，但如果是比較複雜的比對呢？常見的像是eMail有沒有符合格式，手機電話號碼的格式，日期的格式等…，如果直接使用該程式語言去寫，除了曠日費時之外，另外也很難寫的很完整，難免會有沒有測到的地方，那為何不用『專門』的方法去做處理呢？以下的測試可以在Regex101這個網站去做Demo，各程式的正規式使用方法就不在這裡說明了。 單一字元 字串取代 將William換成 …

閱讀更多

截至目前為止，Heroku支援的語言有八種，分別是Node.js、Ruby、Python、Java、PHP、Go、Scala、Clojure，個人為什麼會選擇這個平臺呢？主要是它主流的語言都有支援到，加上有免費的使用流量，網路上的教學也多，也有SSL的保護，加上也是使用git方便管理，是不可多得的好物啊，拿來做實驗剛剛好。而在接下來的過程中，會使用Node.js為主體，在Ubuntu平臺上，部署到Heroku這個PaaS的服務上。 準備工作 安裝Nodejs 主要是安裝nodejs的開發環境，及git的管理工具 sudo apt install nodejs -y sudo apt install npm -y sudo apt …

閱讀更多

在上集的庫存APP中，雖然把東西做出來了，但熊熊發現我明明就有寫排序的Code呀，卻完全沒有反應，排序在資料庫中是很正常的功能吧？不然要資料庫幹嘛呢？如果利用手機小小的CPU去排序，一下子就沒電了呀，我想我的人品應該沒有問題吧？所以就去問問高高手同事，也查了一下，發現…果然是我的問題呀…XD，現在我們就來排序吧。 排序 測試資料 就一個很簡單的書籍列表，資料都是從博客來Copy來的，主要要注意的地方是，BarCode是為了測試才使用A~E的值 { "Books": { "BarCode": { "E": { "ISBN": 9789863843344, "Title": "世界大局．地圖全解讀", "URL": …

閱讀更多