軟體開發 18

為 Yup 自訂驗證加上支援 Typescript

 作者 Puck Wang |  建立於 2022-05-02 14:11  |  更新於 2022-05-02 14:35  |  版本 317d3c7  |  分類: 軟體開發 |  標籤: Front-end, 資料驗證, Yup, Typescript

我們在使用 Yup 時,很常會使用 Yup.addMethod 來新增自訂的驗證方式,但如果專案是 Typescript 的卻沒有加上適當的 Type,會使編譯時出現錯誤。

這時候我們為加上正確的 Type,不只不會出現錯誤,使用上也更方便。

Continue Reading...

.Net Core 使用 FluentMigrator 遷移資料庫

 作者 Puck Wang |  建立於 2020-06-30 17:59  |  更新於 2021-12-12 06:36  |  版本 bfd595b  |  分類: 軟體開發 |  標籤: dotnet, .net-core, 套件, database

Fluent Migrator 是一個 .Net 的資料庫遷移 (Migration) 框架套件,其他如 LaravelRuby on Rails 也有類似的套件。遷移就像是資料庫的版本控制一樣,提供 Code-First 的方式去管理資料庫結構,並可將其納入專案的版控中。

Continue Reading...

使用 vuex-map-fields 讓 Vuex state 也可使用 v-model 綁定

 作者 Puck Wang |  建立於 2019-05-16 21:17  |  更新於 2021-12-12 06:36  |  版本 bfd595b  |  分類: 軟體開發 |  標籤: Front-End, Vue, Vuex, Web, vuex-map-fields, v-model

有在用 Vue 寫應用程式的人,一定也會接觸到 Vuex,它有很多優點但也有限制, 其中一項就是不能在 Mutation 以外的地方修改 State ,所以也就不能直接使用 v-model 去綁定,雖然官方有提供一段替代的寫法,但還是比原本直接用 v-model 來的麻煩很多,特別是大量的時候。

Continue Reading...

Vue Router Lazy Loading

 作者 Puck Wang |  建立於 2019-04-14 12:23  |  更新於 2021-12-12 06:36  |  版本 bfd595b  |  分類: 軟體開發 |  標籤: Front-End, Vue, Web, dynamic import, Lazy, Vue Router

SPA 的網站會因為功能變多造成 build 出來的產物越來越大,雖然 Webpack 可以切 Chunk,但也會讓載入的時間變長,此時可以搭配 Vue 的 Components Dynamic Async 的功能,讓 Component 只在使用到的時候才去載入,不會一次就全部載完。

Continue Reading...

專案有使用 NHibernate 時,為 Table 加上 Trigger 出現錯誤

 作者 Puck Wang |  建立於 2019-03-15 23:29  |  更新於 2021-12-12 06:36  |  版本 bfd595b  |  分類: 問題解決紀錄, 軟體開發 |  標籤: NHibernate, trigger, Database

最近有踩到這個雷,當使用 NHibernate 去存取資料庫時,你在變更的 Table 加上 Trigger, 而這個 Trigger 有去異動到資料,

那 NHibernate 的類似保護機制的東西就會噴這個錯誤:

Batch update returned unexpected row count from update; actual row count: 2; expected: 1
Continue Reading...

.Net Core 安裝 Entity Framework Core 並使用 Migration 來建立 Table

 作者 Puck Wang |  建立於 2019-02-24 08:52  |  更新於 2021-12-12 06:36  |  版本 bfd595b  |  分類: 軟體開發 |  標籤: EntityFramework, ORM, DB Migrate, Database, .Net Core, Code First

EntityFramework 是一個實現 ORM 的一個工具,而 EntityFrameworkCore 則是它的輕量版,簡單來說就是可以在專案中寫好需要的 Model 後,再用它產生對應的 Table,不用再自己執行 SQL。

Continue Reading...

Bot Framework 4 入門筆記 for MacOS and Jetbrains Rider

 作者 Puck Wang |  建立於 2019-01-29 18:01  |  更新於 2021-12-12 06:36  |  版本 bfd595b  |  分類: 軟體開發, 軟體開發工具 |  標籤: bot framework v4, chatbot, rider, macOS, .net Core, dotnet, template

Microsoft bot framework 4 在去年九月就發布了,直到最近我才有機會去學他,雖然有碰過 v3,但聽說架構改很大, 底層也改用 .Net Core 了,現在趕緊把它補上。

雖然官方是推薦用 VS ,但身為一個 Jetbrains IDE 的愛好者,當然是使用它來當作開發工具,現在就讓我們從建立專案開始吧。

Continue Reading...

Microsoft Bot Framework 內建 Cards 種類

 作者 Puck Wang |  建立於 2019-01-07 12:29  |  更新於 2021-12-12 06:36  |  版本 bfd595b  |  分類: 軟體開發, CheatSheet |  標籤: bot framework, chatbot, Card

在開發聊天機器人時,現今給使用者的資料呈現方式除了一般的字串形式外,另外一種較常出現的就是以卡片形式呈現, 運用卡片形式呈現不僅讓使用者更容易閱讀,也不會造成聊天頻道看起來很雜亂。

Bot Framework 以內建許多卡片供開發者使用,不僅支援多個平台,也很容易使用。

Continue Reading...

CSS Animation 入門筆記

 作者 Puck Wang |  建立於 2018-12-03 12:00  |  更新於 2021-12-12 06:36  |  版本 bfd595b  |  分類: 軟體開發 |  標籤: CSS3, Front-end, Web

利用 CSS 動畫,可不必使用 Javascript 或是 Git,就能讓 HTML 的元素有動畫的效果。

這此是為了製作 Loading 的圖示,才會來研究 CSS 動畫。

Continue Reading...