維尼弘工程師

終於寫了一個可以使用的小專案

因為資料表重新開立，所以要將後端全部重寫....

帶動了前端的行為也改了

造成畫面都要重新修正

WinForm真的是很方便，但沒有藝術氣息的我盡量以功能能用為主

畫面與方便的功能再慢慢地設計

目前常用的元件



Button

Label

TextBox

TablelayoutPanel

MenuStrip

ToolStrip

以上目前常用的元件

之後再分享如何使用~~~~

Android實體課程~~續

主要介紹 Layout 的使用
資源如何抽取，EX:文字

商業邏輯抽取的過程

系統設計與程式撰寫的過程

過程是在紙本與線上課程中無法呈現的，因為時間有限且很多人覺得效益不大....
但實際體驗過後，過程還真的很重要

本周學習
SharePreference的使用
Expression vs Statement

get，set的活用方式...........

因為所有的設計邏輯和進化的思考都在這些過程中......



本周作業 猜數字!(功能進階：計次數、呈現最佳次數、呈現幾到幾!)

進階版
程式碼
https://gitlab.com/chiahung-lin/android_class_guess100

本周第17周~不知不覺地17周了
仔細一想，今年想要完成的還在努力中!
而在工作時也知道自己的不足，正努力追趕前輩們，
期望能更快追上大家的進度!!
本周名詞"系統設計"

接到需要協助的介紹

本周作業 猜數字!

寫了第一個版本的猜數字~~

晚上又學到了要將商業邏輯抽離，特別寫成class進行抽離

又學到一課了，再來要努力的寫出更好維護的程式碼!!!

(恩~現在就努力的救火中Q~Q)




已完成
程式碼如下

https://gitlab.com/chiahung-lin/choosenum

接到需要協助的介紹

接到需要協助的介紹

之前報名了一系列的Android實體課程~~

雖然有很多線上課程，但是當人有無限的時間可以研究時

就不會上了XD

簡單說學習的能力取決於意志力!!

所以本人採取花錢買罪受的政策，強迫本人實作及練習所有的內容~~!!

小目標為完成 醫院在哪裡? 的APP呈現

中期目標為通過AAD認證

長期目標為完成一系列的APP，取向為醫療服務與大樓管理的解決方案!!
(但目前還是只有Android~~期待未來可以直接編譯成IOS的APP阿XD)


本周為第一次上課

主要介紹Android 的基礎介紹
以及Button Click的實作

本周作業 猜數字!



已完成
程式碼如下

https://gitlab.com/chiahung-lin/choosenum

明天開始上課~進行為期7周的周六Android精實班XD

為了要有成果~~所以預計將之前規劃的
醫院在哪裡(Android + Firebase) ~~進行實作!!!
在學到爬蟲前先好好研究一下

Android 串接Firebase
分析出網路抓取的資料

標記到Google map中

抓取自己的地點，並標記出來
0.各醫院的基本資訊
1.尋找附近醫院
2.搜尋想要看的科別
3.相關症狀找醫院
4............

接到需要協助的介紹

本周第16周~(本年度即將過去1/3)

恩~今天又是一個有點忙的一天!

接收到一些新的異常，新的專案~~~

感覺技能沒有點滿@@

目前設計還是有點吃力(系統分析、需求分析!!!)

目前的狀況為功能需求不明確，系統畫面要修正~~

資料庫要規劃與連線~

都趕不完了@@

看來要好好將清單列出，與系統的文件補足，不然真的很難做事阿Q~Q

沒有ERD、沒有流程圖~~只有赤裸裸的code

每個都上千行........

前人的智慧真的不好懂阿@@

希望可以快點進步，不然就沒時間玩新技術了!!

這就是工作啊!!

打鐵還是要自身硬，不然就炸了~~~~~~

我知道每一件交辦事項都很重要，但是當數量超過7個以上時，就會開始錯亂……

目前除了新的專案外，更重要是維護舊的系統

嗯~

新專案2個(全新的小系統，分別包含於2個系統中)

舊系統3個

異常5個左右(嗯~持續增加中)

原來最困難的不是開發新的系統，而是維護舊的系統，除了要理解前人的智慧外

更要努力進行修正啊！

好吧！雖然每個都很重要，但還是需要有排序

事情才不會都只做一半

好吧～本人的功力不足，正努力學習中

期望能做好每一件事情，解決使用者的需求

恩~新的課程又開始了，本堂課竟然還沒完成XD

Java 1995年出生(恩~以是青年人了)
 Kotlin 2011年出生(還是小孩的說)



1. Java 與 Kotlin 介紹
2. Windows 開發環境建置
3. Mac 開發環境建置
4. 建立混合 Java / Kotlin 專案，第一支程式
5. Hello world 應該長這樣，認識類別 Class，先設計，再利用設計解決問題
6. 將專案送到 github，註冊，git 檔案庫
7. 變數、資料型態，初始值，給值
8. 送交新版本程式到github (commit & push)
9. 使用 Debugger 除錯器，觀察資料
10. 設計類別中的屬性 Field，Java 與 Kotlin 的數值運算

以上為介紹程式語言最重要的核心

• IDE(打仗也要有武器阿!) 
• 變數的型態
• 物件導向的觀念
• 函數的說明

11. 設計 Java 建構子與方法，Kotlin 的設計方式
12. 比較、邏輯運算，變數的生存範圍(Scope)
13. 實務案例，設計具有屬性、建構子與方法的類別，整合所學
14. 利用別人(Java)設計的類別來解決問題，使用者輸入、import的意義
作業 1. 火車售票案例之類別設計-Ticket
15. Kotlin 的 null 檢查機制，參考資料型態，String 字串的處理
16. 比較判斷式 if ... else，Kotlin 的特別之處: if 是 Expression
17. 更有彈性的設計，將平均計算寫成方法，if... else 練習
18. Java 的 switch...case，Debugger 除錯器觀察流程走向
19. Kotlin 的判斷式 when，寫出更好更實用的方法
20. while 迴圈，跳出迴圈，猜數字
作業 2. 連續訂票功能
21. for 迴圈，Kotlin 的實作方法
22. 導入 jUnit 5，撰寫測試程式，確保程式的品質
23. Java日期時間類別(Date與Calender)
24. Java 8 新的日期時間處理(LocalDateTime)
25. Java與Kotlin計算停車費案例，活用所學
26. 「多個」資料，陣列、集合類別(Collection)與泛型的應用
27. Set與Map集合，計算多筆停車費
28. Java的類別層級屬性(static)與Kotlin的companion object
29. 繼承，為什麼要繼承，有什麼功用？研究生案例
30. 介面、抽象類別與多型應用，樂透彩，539與大樂透
31. Java與Kotlin不同層級的存取
32. Kotlin 的資料類別 data class 與 Extensions
作業 3. 郵局便利箱


參考資料
https://zh.wikipedia.org/wiki/Kotlin
https://zh.wikipedia.org/wiki/Java

本人近期研究angular

想做個專案

結果本人在不熟的狀況下，雖然花了錢買專家的教學

但是還有很多細節是在實作時才會有感覺的

近期想要做個ngx-admin 的後端

結果嗯~真的沒頭緒!就花了扣扣買後端

來了，嗯~都是英文，更看不懂XD 

終於問了有經驗的學長，瞬間解惑

期望我也能快速成長到可以幫人解惑啊！

本周六angular 的日子

明天要將android  的課程上完XD (看過一遍，有時間在進行實作)

以上本日報告XD 

有個人的分析與淺見當然要開始執行



執行前當然需要進行規劃~~~~

• Angular
• 基礎篇
• 保哥的Udemy課程
• 書....
• 進階篇
• Angular test
• Angular e2e
• Angular route.....
• 實作篇
• 使用ngx-admin進行實作(ing)
• C# (.Net Framework、.Net core、MVC、Web api)，後兩個學習中
• 基礎篇
• Hiskio線上課程
• 書籍
• 進階篇
• 特殊形態與介面
• ......
• 實作篇
• 專案從頭到尾實作與部屬(從系統分析、資料設計、功能、畫面操作、線上部屬)
• Android(Java、Kotlin、Dart....)
• Hahow線上課程(Hank老師)
• 實體老師課程(下周開始)

未來當然是網頁的時代(所有人只要可以上網就可以做所有的事情)



更是Docker的時代

所有的程式都可以完成DevOps的流程

使程式從開發、測試、部屬，都有一套完整與嚴謹的流程

所以現在就需要好好的儲備技術(當然是一種賭注阿!!!)

未來是如何不重要，重點是當下學到的經驗啊!!

目前個人規劃與進行的
Angular(Typescript、Javascript、HTML、CSS、Nodjs...)

C# (.Net Framework、.Net core、MVC、Web api)，後兩個學習中

Android(Java、Kotlin、Dart....)

以上包含前端、後端、行動、桌面都有(好像有點分散@@)

但目前主攻C# WinForm(你說很舊，沒法工作就是用這個~~~)
未來希望學習WPF~~


以上為個人的淺見~~如有更好的歡迎大大們提供!!(技能點擊ing)

消失的第14周XD(因為只有三天太短了，沒啥東東阿!)

UI/UX 下圖解釋一切XD




恩~真的是一門藝術阿!!
本次完成了一個小小小小的專案~

在測試時一直有操作流程不順的問題，才知道原來我們的方便是程式員花了很大的心血完成的!!

我以後一定不會做太多的批評阿@@

簡單的一個點擊出現想要的資料，我以為很簡單~殊不知需要連動的資料超級多Q~Q

難怪有很多人都把程式做成堪用即可，因為後續的功能還沒做完阿!!

如果有專門的設計師就好了~~難怪延伸出UI/UX的工程師

將所使用的流程變得順手不卡卡的，真的是神啊XD

恩~第一個個人作品真的要用心做，這樣以後就不用再重寫程式了XD
需要把使用的功能盡量整合及彈性化~~

好吧!等有空分享個人的小小工具庫~~

連假啊

沒啥規劃~就在附近探險

沒想到盡然有這種好地方

嗯~本周就是一個放鬆的一周

明天開使收心啦！回到上班狀態

下下周開使密集的android課程

預計將線上課程完成，並將所有需要學習的課程量化

好好的利用時間將課程補齊啊！

祝大家連假放鬆快樂XD 

在搞gitlab-runner之前要先知道docker 的網路是如何連線的!!!
https://ithelp.ithome.com.tw/articles/10193457

本人因為沒搞懂~一直連不上(結果只是網路設定的問題@@)


再參考大神的~~
http://jiangbai333.github.io/2018/10/30/gitlab-runner%E5%AE%89%E8%A3%85%E4%B8%8E%E4%BD%BF%E7%94%A8/


為了使用CICD~~所以使用gitlab的gitlab-runner
將相關的程式自動進行編譯與測試
詳細指令(也是兩行的事~~~~)
sudo docker run -d -it --name gitlab-runner-linux \
                          --restart always \
                          -v /home/user/Documents/gitlab-runner/config:/etc/gitlab-runner \
                          -v /var/run/docker.sock:/var/run/docker.sock \
                          --link gitlab \
                          gitlab/gitlab-runner:latest
(因為HTML不熟~~請複製後修正為可以讀取的格式即可以使用)

建立好container後~~~
要知道gitlab的ip阿!!
參考:
https://stackoverflow.com/questions/39216830/how-could-i-ping-my-docker-container-from-my-host

$ sudo docker inspect 容器ID | grep IP

sudo docker exec -it gitlab-runner-linux  gitlab-runner register
開始設定參數

Please enter the gitlab-ci coordinator URL (e.g. https://gitlab.com/):
從gitlab的container中確認其IP(EX:http://172.0.0.2:80，我只知道有開80port，or http://gitlab:80)
Please enter the gitlab-ci token for this runner:
使用root權限登入，進入runner及可以看到token
Please enter the gitlab-ci description for this runner:
[建立的runner]: 輸入描述
Please enter the gitlab-ci tags for this runner (comma separated):
預計使用的tag(EX:build,test)

Please enter the executor: docker+machine, docker-ssh+machine, docker, parallels, ssh, kubernetes, docker-ssh, shell, virtualbox:
shell

完成後即可以看到runner在運作~~~~當然機器夠強可以多跑幾個!!!!
再來就是開始學習如何使用!!!

參考資料:

https://docs.gitlab.com.cn/runner/register/index.html
http://blog.chengweichen.com/2016/04/docker-gitlab-cigitlab-runner.html
可能的解決方案
http://hant.ask.helplib.com/git/post_13058431

https://www.itread01.com/content/1542136214.html

https://www.itread01.com/content/1531290594.html

重點就是中文輸入法阿XD

首先需要更新，進入terminal
sudo apt-get update

本人使用dictionary 進行資料Model的名稱定義與清洗

因為不能讓人知道資料表的名稱(安全問題)
所以需要在取到資料後，將相關的資訊去除，只留下前端需要的資訊
所以會將資料在後端就進行處理!!!

本人很天兵的使用dictionary 來對應(恩~直接對應model的Display name)

所以常常會需要進行對應

private object getPropDataChange(Dictionary<string, string> dict)
{
var re_Dict = new Dictionary<string, string>();
foreach (var item in dict.Keys.ToList<string>())
{
re_Dict.Add(dict[item], item);
}
return re_Dict;
}

沒啥~本方法就是將Dictionary進行交換~~就這樣XD

1.使用文字字串，新增物件

使用物件的名稱new出它

var obj = Assembly.Load("組件dll名稱").CreateInstance("class名稱");

簡單說就是使用string 字串，new出物件

EX:
dll名稱(專案名稱):Service_name

namespace Model
{
/// <summary>
/// 環境監控主檔
/// </summary>
internal class ModelData
{
/// <summary>代號</summary>
[DisplayName("代號")]
public string ID { get; set; }
/// <summary>代號1</summary>
[DisplayName("代號")]
public string ID1 { get; set; }
}
}

var obj = Assembly.Load("Service_name").CreateInstance("Model.ModelData");
寫法等於
var obj = new ModelData(); //注意要using Service_name

為啥要這樣做，簡單說就是可以動態的生成相關的物件
進行選擇!!!



2. model 中 得到matadata的資料
(直接對應資料，不用再重新打了!!)

使用
這程式只是單純的將model中有血matadata的資訊存出來，並放入dictionary中
GetDisplayName，取出type中的DisplayName資訊

private object getPropData(string item)
{
var reDict = new Dictionary<string, string>();
var tableObj = Assembly.Load("Service_name").CreateInstance(item);
Type type = tableObj.GetType();
PropertyInfo[] properties = type.GetProperties();
foreach (PropertyInfo info in properties)
{
string temp = GetDisplayName(type, info, true);
if (temp != null)
{
reDict.Add(temp, info.Name);
}
else
{
reDict.Add(info.Name, info.Name);
}
}
return reDict;
}     

private static String GetDisplayName(Type type, PropertyInfo info, bool hasMetaDataAttribute)
{
if (!hasMetaDataAttribute)
{
object[] attributes = info.GetCustomAttributes(typeof(DisplayNameAttribute), false);
if (attributes != null && attributes.Length > 0)
{
var displayName = (DisplayNameAttribute)attributes[0];
return displayName.DisplayName;
}
return info.Name;
}
PropertyDescriptor propDesc = TypeDescriptor.GetProperties(type).Find(info.Name, true);
DisplayNameAttribute displayAttribute =
propDesc.Attributes.OfType<DisplayNameAttribute>().FirstOrDefault();
return displayAttribute != null ? displayAttribute.DisplayName : null;
}

使用方式:
參考上放的資料model

var dictData = getPropData("Model.ModelData");

//dictData 為 {{"代號","ID"},{"代號1","ID1"}}

以上為使用的的東東~~~~歡迎大家提供更好的解法阿!!

恩~因為做完的VM版本太新了，公司只有舊的阿@@
(PS: 之前的linux的文章可以參考XD~~因為沒有細部的流程，所以再重做一次!)
所以重做一次基礎建設，這次使用Linux ubuntu 18.04實做!!

看看有啥特別的問題XD

基本上一樣到官網下載

下載位置