【作品集】2022年以前的前端專案概覽
大學專題-LINE BOT旅遊踩點服務
-整合LINE的liff內嵌網頁服務框架,打造的旅遊踩點服務。使用LINE掃描景點當地的販賣機所販賣的禮品Qrcode,除了抽籤小遊戲,也會以LINE的個人資訊登錄去過的景點,收集徽章與當地店家互動。
使用技術
所使用框架為vue 2,主要能夠向後端以axios請求遊覽紀錄和登錄遊覽、遊戲狀態,並操作google map動畫和根據遊覽紀錄放置圖標。
根據google map提供的api文件,還能在網頁上提供自訂義的導航路線圖。
除了基礎的methods和mounted,也活用了vue的watch監聽路由跳轉狀態來給予不同的跳轉動畫。
所使用的vue UI框架為muse ui。
大學專題-LINE BOT旅遊實境遊戲
延續2019的導遊系統,以景點的Qrcode解析、地圖導遊等特點,開發出一個以AR擴增實境、手機內製陀螺儀遊玩為亮點的文字冒險實境導遊遊戲。
使用技術
將vue 2應用於文字遊戲的開發,能夠從liff內嵌網頁呼叫相機和陀螺儀,也嘗試過景點辨識增加遊戲辨識。
遊戲有更多狀態需要紀錄,還有 ...
【開箱】QK65 65%機械鍵盤套件三模版 開箱、組裝與心得
鎮樓
入坑第一把客製化鍵盤套件,驚喜的是竟然提早一個半月到
太神辣
官方提供的組裝指南是英文的,我特別把他翻譯成中文的(機翻+潤飾)
有需要的人可以參考一下:https://hackmd.io/@Rainmeo/QK65-build-guild-zh-tw
開箱內容物,還有數據捲線和螺絲起子和備用螺絲沒有拍進去
上下蓋、PCB、定位板、消音三棉(夾心軸下底殼)、owlstab衛星軸
電池、gasket套筒、2.4G接收器、定位螺柱、腳墊
首先需要測試無線PCB的三模功能,照著安裝指南安裝韌體和設定軟體就可以囉
除了三模的測試,記得也要先用鑷子測試一下每個軸的運作狀態
接著是安裝衛星軸,原本準備了TX衛星軸來取代,結果我買錯買到7U 哭
不過其實owlstab也不錯,而且他透明的設計也符合我想要搭配的風格
首先把軸下墊衛星軸的部分修剪掉,用205MIX和XHT-BDZ潤好
特別的是他們也附贈了可以支撐鐵絲的矽膠墊
另外要提醒的是,因為它是PCB衛星軸,請務必要在這個時候就測試長鍵O不OK
不要像我,忘記了這個流程,等我把軸都裝完的時候才發現enter有點雜音,要調教還要把全部的軸 ...
【部落格營建筆記】Gitalk和hexo、github page自定義域名的愛恨糾葛踩坑記錄
【部落格營建筆記】Gitalk設定教學—和hexo、github page自定義域名的愛恨糾葛踩坑記錄
儘管設定gitalk和hexo的使用已經有很多教學,然而在設定上還是有很多眉角,特別是自定義域名,有很多需要修改的地方,不然就會遇到error not found的問題,本文以butterfly主題為例,一步步帶你設定好gitalk!
建立GitHub OAuth Application
建立一個OAuth應用才可以讓Gitalk透過id和secret來存取repo的issue。
這裡作者我弄了很久,在排解到底要填什麼XD
右上角頭像點開,進入自己的帳號設定
左側欄往下看到Developer settings,進入後再於左側欄點擊OAuth Apps,點擊New OAuth App新增application
共有四個欄位需要填寫(一個選填):
Application name—應用名稱,開心就好
Homepage URL—你的github page預設網址(xxxxxx.github.io)
Application description—應用描述,開心就好
Author ...
【部落格營建筆記】用github action自動部署部落格和踩坑記錄
【部落格營建筆記】手把手帶你用github action自動部署部落格和踩坑記錄
本文一步步帶你使用github action自動化部署hexo部落格,讓你在將commit推上專案repo時,自動執行hexo g、hexo d部署上網站repo。除了教學,也會列出所有作者遇到的問題與解決方法!
SSH公私鑰生成與設定
使用ssh-keygen生成一組公私鑰,公鑰給存放靜態網頁的公開repo(即username.github.io),私鑰給存放hexo專案的私人repo
ssh-keygen -f github-deploy-key
私人Hexo專案repo
Setting → Secrets → New repository secret
Name欄位 輸入 HEXO_DEPLOY_PRI
Value欄位 輸入私鑰 github-deploy-key 的內容(begin和end的兩行也需要喔)
公開靜態網頁repo
settings → Deploy keys → add deploy key
Title欄位 輸入 HEXO_DEPLOY_PUB
Key欄位 輸入公鑰 githu ...
【翻譯】Upcasting, downcasting 上下轉型
Upcasting, downcasting 上下轉型
Upcasting, downcasting by Sinipull
源:http://forum.codecall.net/topic/50451-upcasting-downcasting/
譯:RainMeoCat
Class:類別
Object:物件
Mammal:哺乳動物
Upcasting和Downcasting是Java裡很重要的一部分,使我們能夠使用簡單的語法來建構複雜的程式,給我們帶來了很大的便利,例如多型(Polymorphism)或將不同的物件分組。Java允許將子類別的物件視為任何父類別的物件。稱為向上轉型(Upcasting)。向上轉型是自動完成的,而向下轉型必須手動完成,我將盡力解釋為什麼會這樣。
繼承 Inheritance
這是動物階層的簡化版。可以看到,貓和狗都是哺乳動物,都是動物的延伸,而動物是物件的延伸。繼承於物件是默默做的,我的意思是,Java會將每一個不是繼承於任何一個Class的Class自動繼承於物件,所以全部都是物件(除了基本型別(primitive))。
如果你想問:貓不是 ...