文章搬遷搬遷~~
因為自己弄了HEXO將來文章會放到那，這裡將停止更新，而文章也會慢慢更新到那裏去，歡迎大家來看與指教。 網址:https://donggualemon.github.io/
線上使用Gitlab CI
最近因為要引入CI/CD所以研究了一下CI/CD，各種工具百百種Travis CI Circle CI.....
不過因為公司用Gitlab做版控，所以研究好用又方便不用當輪子業者的線上Gitlab CI。
為了減省人力成本和時間，會使用自動化測試與部屬，而Gitlab就有內建CI/CD的功能，只要commit跟push之後便會自行進入CI流程，把執行結果告訴使用者看有沒有成功或測試時發生錯誤，來達到自動測試的功能，這篇只是粗淺的說一下，畢竟自己也是小菜雞做個筆記。
以下為小解說:
一開始我們在自己專案的地方增加一個檔案，建議在練習的時候可以把流程建在branch，這樣出問題比較好救(誤
須建立一個.gitlab-ci.yml的檔案讓系統知道這檔案拿來做CI的。
寫完之後存起來我們就能到左邊的slid bar的CI/CD裡去看我們寫的配置。
在job區可以看到運行流程與發生問題的地方，供使用者查詢與知會。
這個網誌中的熱門文章
專題 FPGA Zynq7000 RSA篇 1
這次老師想對sensor傳輸過來的資料放到硬體做加解密，之後還要擴展成使用PR(Reconfigurable Partitioning)部分可重組技術，來自動判斷要使用哪種加解密方式，這次選則RSA32位元 AES128位元 DES64位元 Triple_DES64位元。執行環境為Xilinx vivado2016 SDK2016運行板子為Zynq7000。先只是standalone測試正式會做成PR並在xilinx linux3.14下環境執行，所以還有kernel和driver QQ死去~~ 分別使用VHDL檔來製作出我們的ip。 RSA 最TOP部分程式碼檔案: 有了vhdl檔我們就能著手做IP了!!! 打開vivado 2016 併選擇manage ip 然後新增IP (檔名我們就取個RSA吧) 建立完成(附註請選擇創造AXI IP 然後透過VHDL我們可以知道需要7個暫存器 clk有系統內建) 然後就把RSA的相關程式碼用add source加進去吧~ 加進去了就開始撰寫IP得配置和暫存器劃分吧! 告訴上層的AXI_inst有什麼配置然後所需的位元大小等等... 然後我將2個out設2個訊號接點(signal) 然後就該來分配暫存器囉，還有加上自己的訊號接點，還有user logic並結合上圖的配置。 結束存檔會發現一開始匯入的source檔和我們的接線殼合併了!! 然後就跑個合成(run synthesis)看看有沒有問題ㄅ 沒問題之後就能來打包IP(package ip)惹YA~ (記得merge哦~~~) 既然完成IP那我們就來放進去我們的block design吧 新建一個檔案並選擇我們的Zedboard (xc7z020clg484-1)板子吧 然後匯入我們的做好的IP 創造一個block design然後把他丟進去加上主控(PS) 建好之後就來 Generate Output Products(生成HDL源文檔和相應端口的約束檔) 和 Create HDL wrapper(生成整個工程的文檔)吧 然後就開始Run Synthesis -> Run Implemented -> Generate Bitst
第一次用Phaser.js做2D遊戲
因為參加F2E精神時光屋活動的直播讓我知道了Phaser.js，也讓我著手用來做了小遊戲。 Phaser2是利用Pixi.js為基底製作，而3是完全隔離出來的，而且蠻容易上手，我相信很適合做些小遊戲來玩玩。 官方連結 這次我做了一個外太空飛船閃躲障礙物的小遊戲。(感謝精神時光屋的UI設計投稿者) 閃躲障礙物透過鍵盤控制 假如受到物理碰撞死掉 非常簡單又上手的小遊戲 大家可以玩玩看，雖然沒有弄得更完整。 連結 而這篇文章大概算是紀錄而已，所以沒有詳細的教學，之後如果有時間或更深入研究在來寫教學文章。(然後做遊戲圖片超重要，希望人人都有設計師!!) 先去官方網站clone或用CDN引入lib~~ 然後建立個index.html吧，並在body部分引入所需的js <body> <div id="app"></div> <script src='./lib/phaser.min.js'></script> <script src='./js/index.js'></script> </body> 而div區塊的id是妳phaser.js config上設定來layout canvas的部分。 在我們的index.js來開始使用phaser吧 const config={ type: Phaser.AUTO,//type有Canvas and WebGL AUTO則是有WebGL就用WebGL width: 1200,//設定你要layout的寬度就像做canvas height: window.innerHeight,//設定高度 parent: 'app',//妳要layout區塊的id scene: [GameStart],//場景做變換或呈現所要用的 } const game = new Phaser.Game(config) //宣告遊戲物件 這樣妳就能看到有畫面啦~~一個黑色場景的canvas。 接下來我們要布置GameStart的場景。 const GameStart={ key:'Ga
Vue-CLI 2 => Vue-CLI 3 升級囉~~
之前是從Vue-CLI 2開始接觸網頁這一塊的，最近不久Vue-CLI 3推出之後一直考慮是否要升級，希望能無痛轉移哈哈，考慮了一陣子還是該踩踩坑啦!!順便剛好手邊有機會來著手碰碰Vue-CLI 3直接支援的PWA(目前頭痛不願面對阿~~~)。 安裝: Vue CLI v3 要求 Node.js V8 或更高版本(建議版本 8.10.0+ )。 能使用npm或yarn進行安裝，我自己是用npm~ npm install -g @vue/cli or yarn global add @vue/cli 安裝完後可透過 vue -V 來確認版本是否為3.0 建立新專案: 以前是透過 vue init my-project 來建置新專案，而Vue CLI 3則改成使用 vue create my-project 來代替原本舊的寫法。 接下來開始安裝畫面:詢問安裝套件(我選擇自選) 然後開始選擇想要的套件(我有選擇pwa剛好可以練練，其他router、vuex我習慣手動裝) 詢問配置文件要獨立還是放package.json 是否記住這些選項 過來就等待安裝啦~~接下來要開專案囉。 cd my-project npm run serve 不再是以前的 npm run dev 我們執行指令之後，Vue-CLI會啟動一個http服務，可以從localhost打開。然後我們打開網頁。 而和之前一樣若要把程式碼打包，丟server讓網頁上架一樣的指令，把程式碼build到dist資料夾。 npm run build vue.config.js 設定: 會發現以前的webpack.config.js不見了!!沒錯被隱藏起來了，假如有要改配置的話要手動新增 vue.config.js放在根目錄中(假如沒有要改就不用手動就用預設)。 相關配置請查詢官方設定 請按這裡 。(底下為示範) module.exports = { baseUrl: '/', outputDir: 'dist', compiler: false, chainWebpack: () => {}, configureWebpack: () => {}, v
留言
張貼留言