在 VueJS 中建立 Three.js 場景
上回說明如何載入 Three.js,接下來就會建立一個簡單的場景,Three.js 建立 3D 場景的概念跟 3D
軟件中繪圖的概念相當接近,只是換成用程式來建立,如果有使用 3D 繪圖軟件的經驗會更好了解。在 Vue 中建立 Three.js 場景就先要了建 Vue
的流程。
我當是使用的 Vue 版本是 2.x,Three.js 版本是 R97。Vue
在 VueJS 中使用 WebGL
身為一個設計師,除了 SVG動態背景 [https://blog.256pages.com/svg-animation-background-vue/] 及 中文 Web Fonts
[https://blog.256pages.com/chinese-web-fonts/] 外也沒有什麼視覺上的效果,令我的作品在設計上有所缺失!
以前都是用 Flash 來開發一些超炫目的網站,但現在都轉成用 Javascript 了,當然要踏入 WebGL 的領域,開發炫眼的 3D 網站了!
Three.js
Headless CMS - strapi
最近在外國正盛行的無頭 CMS (Headless CMS),到底有什麼好處呢?跟我們常用的 CMS 又有什麼分別呢?
什麼是 Headless CMS?
傳統 CMS 好像著名的 Wordpress,Drupal,Ghost 等等都包括Front-end UI,也有 Theme 的部份,形成前後台合一的情況。而
Headless 的無頭就是不包括 Front-end,做一個純粹的 Backend CMS,輸出 API 給
2018 年學習回顧
今年學習的項目沒上年廣泛,但相對比較深入
Front-end
* VueJS - 深入地了解 data 的處理及 lifecycle 的應用,嘗試改寫 Plugins 去配 Components
* VueCli - 新版本 3.0 出來後試用很不錯,但原生的 SSR 還是太難處理
* NuxtJS - 原本 VueCli 3.0 出來後想停用 NuxtJS,但新版本出來後除了 SSR
在 Docker 上架設 Wordpress
什麼剛剛還在用阿鬼 2.0 的我要寫篇 Wordpress 教學?因為客戶指定要用 Wordpress 的關係也沒辦法,但是 Docker
化了服務的伺服器中,我也希望用 Docker 可以建立完整的開發環境。
--------------------------------------------------------------------------------
Wordpress 的 Image 選擇
先說明一下我設定中的架構再行選擇吧
跟之前一樣使用 CoreOS [https://blog.256pages.com/coreos-docker/] 為底層系統,在 Docker 中使用 WordPress