Grails是一種根基於Groovy, Spring framework與Hibernate的 Web Framework，也就是說，它把所有要開發網站所需要用到的功能都結合起來了，照官方的說法是 - 『A powerful Groovy-based web application framework for the JVM built on top of Spring Boot』，因為公司需要用到，所以在這裡記錄一下。身為單身狗的我，祝大家情人節快樂，請上帝賜給我一個可愛的正妹吧。 安裝 安裝SDKMAN! SDKMAN!是一款管理SDK版本的工具，可以用於大多數基於Uinx的系統。它提供了命令行以及API，功能有：安裝、移除、列 …

閱讀更多

Vue3正式版終於出現了啊，因為一開始是去學Kuro大大的Vue2.6的課程，剛好是3.0的前一版，本來滿擔心會不會差很多，但是實際使用上好像也還好，其實是我只會皮毛而己。 這應該是今年的最後一篇文章了，先預祝大家新年快樂，2021大發財。現在，讓我們來做做一個簡單的購物車APP吧，Let’s go。 首先我們想做一個這樣子的頁面 There should have been a video here but your browser does not seem to support it. 第一步 - 基本設定 先將相關的CSS跟圖片載入，資料夾的結構加下所示 建立index.html + index.js 載入 …

閱讀更多

Vue (讀音 /vjuː/，類似於 view)是一套用於構建用戶界面的漸進式框架，它是由尤雨溪開發的。Vue與其它大型框架(Angular、React )不同的是，Vue被設計為可以自底向上逐層應用。Vue的核心庫只關注視圖層，不僅易於上手，還便於與第三方庫或既有項目整合。另一方面，當與現代化的工具鏈以及各種支持類庫結合使用時，Vue也完全能夠為複雜的單頁應用提供驅動。至於為什麼會去選擇VUE呢？其一是它很輕量，其二是因為我的英文很弱啊。 Vue.js的初體驗 資料連動 (v-model) Vue.js是Reactive的，資料跟畫面綁定後，我們只要關心資料的變化，下面就是一個很簡單的例子。 There should have …

閱讀更多

現在要介紹的是RecyclerView，這應該是手機上最常用的元件之一，就是列表。RecyclerView可以說是ListView的改良版，和ListView相同的是，RecyclerView一樣是由配置器(Adapter)來處理ItemView呈現的內容，不同的是，RecyclerView有實做Recycle機制，就像iOS的UITableView的Reuse機制。話不多說，現在就來一步步做一個長得像這樣的APP吧，以下的說明還是會以iOS做類比。 There should have been a video here but your browser does not seem to support it. Toolbar 關閉 …

閱讀更多

FFmpeg是一個自由軟體，可以執行音訊和視訊多種格式的錄影、轉檔、串流功能，市面上絕大多數的影音轉檔工具，相信都是由它為主體產生出來的。當初主要會認識它的原因主要是因為macOS上內建錄影功能，輸出的格式是mov檔，雖然畫質相當的好，但就是檔案太大了，而且也不像在Windows上有類似格式工廠的轉檔APP，加上有時需要簡單的影音合併，所以只有轉向CLI的方式去處理。現在就來記錄一下使用過的一些指令。 影片 ==> 影片 ffmpeg -i 1.mov 1.mp4 # 1.mov => 1.mp4 ffmpeg -i 1.mov -an 1.mp4 # 1.mov => 1.mp4 (No Audio) ffmpeg -i …

閱讀更多

相信大家都有聽過樹莓派 - Raspberry Pi的大名，它是基於Linux的單晶片電腦，由英國樹莓派基金會開發，目的是以低價硬體及自由軟體促進學校的基本電腦科學教育。到目前為止，已經出到第四代了，相較於二、三代來說，效能大增，已經可以拿來當一臺簡單的文書上網機了，4G-DDR4 + 4K-HDMI雙輸出，而且才15W，這讓有第三代的我有想買下去的衝動。接下來，我們就一步步的記錄安裝的過程吧，也學學Linux強大的指令功能。 樹莓派安裝 樹莓派第三方系統 其實樹莓派可以安裝的第三方系統有很多，不過這裡還是下載Raspbian桌面版來安裝。 下載Raspbian 這裡我們選擇Raspbian桌面版的映像檔來安裝。 Windows安裝 …

閱讀更多

相信大家都有聽過firebase的大名，它是一個資料庫，但是其實它其它也有包含網頁的部分，就叫做Hosting，跟它的Database做結合，可以更簡單的做一個有資料庫的動態網頁。安裝firebase-tools跟登入的部分就不多說了，詳情可以參考之前的網頁。我們就開始吧。 Firebase Hosting Hosting 首先呢，這裡還是使用博客來的書籍資料來當DB使用，然後看看Hosting到底長的是什麼樣子？ { "eBook": { "9789861365404": { "name": "勇氣圖鑑：受挫、失敗都是成長的養分", "url": …

閱讀更多

在前面幾篇的介紹之後，這裡要做一個比較完整的DEMO，利用Unity的Physics屬性來產生碰撞跟移動的效果，其實在上一篇中使用程式去改變物體坐標位置也是可以的，不過WYSIWYG - 所見即所得的操作還是比較親民一些，動作也比較流暢。另外也會使用Animation來做簡單的2D動畫(連續換圖？)，現在我們就開始吧。 遊戲製作 放入素材 新增一個「2D專案」後，將遊戲中所需要的圖片拉到專案中，相對的位置調整好，在這裡比較要注意的是，物件是有「先後順序」關係的，所以有時候在畫面上看不到，可以去調Order in layer的大小，數字越大的越前面(越晚畫)。 There should have been a video here …

閱讀更多

在前面幾篇的介紹之後，現在我們要來做一個簡單的小遊戲 - 貓貓躲，一些IDE使用上的細節就不多說了，在此帶入Prefab的使用，用來預製(Prefabricated)來複製大量重複使用的模板，另外還加上「鍵盤 / 按鈕」的使用，讓我們繼續看下去吧。 做一個長這樣子的Game吧 There should have been a video here but your browser does not seem to support it. 遊戲製作 放入素材 新增一個「2D專案」後，將遊戲中所需要的圖片拉到專案中，相對的位置調整好，在這裡比較要注意的是，物件是有「先後順序」關係的，所以有時候在畫面上看不到，可以去調Order in …

閱讀更多

在上一篇轉盤小遊戲的介紹之後，總感覺好像少了什麼東西？對了，就是「聲音」，沒有了聲音，遊戲沒有靈魂，沒有臨場感，現在我們就來加上聲音吧。Unity支援的「聲音格式」可以自己查看一下 (其實也不多啦)。 做一個長這樣子的Game吧 There should have been a video here but your browser does not seem to support it. 遊戲製作 放入素材 新增一個「2D專案」後，將遊戲中所需要的圖片拉到專案中，相對的位置調整好，然後RunRun看 (目前是不會動的)，這邊就不多說了。 There should have been a video here but your …

閱讀更多