跳至主要内容

12 篇文章 含有標籤「技術」

技術相關的心得

檢視所有標籤

Clean Code 讀後心得以及案例分享

· 閱讀時間約 4 分鐘
阿昇
Software Engineer

最近看完 Clean Code 這本書,但其實嚴格來說也不算完整看完,因為本書是以 Java 當作基礎撰寫,且又有許多物件導向程式設計的概念,對目前的我來說並不是非常熟悉,所以有很多內容是直接跳過的或是似懂非懂地看過去;即使如此,還是從中吸收到許多觀念。

我認為這本書的精華是 Ch.12 羽化 以及 Ch.17 程式碼的氣味與啟發,如果時間不夠的人又想了解 Clean Code 這本書在說什麼,可以直接翻閱這兩章:

  • Ch.12 羽化
    • 簡單設計四守則,包含 執行完所有的測試沒有重複的部分表達程式設計師的本意 以及 最小化類別與方法的數量
  • Ch.17 程式碼的氣味與啟發
    • 引用了 Martin Fowler 在重構這本書裡許多不同的 Code Smells,並加上本書作者 Robert 自己發現的 smells。

Introduction to Web Accessibility

· 閱讀時間約 8 分鐘
阿昇
Software Engineer

What is Accessibility?

In general

Accessibility can be viewed as the "ability to access" and benefit from some system or entity. The concept focuses on enabling access for people with disabilities, or enabling access through the use of assistive technology; however, research and development in accessibility brings benefits to everyone.

A wheelchair accessible taxi with a rear ramp

Using styled-components to build a corporate landing page

· 閱讀時間約 5 分鐘
阿昇
Software Engineer

I am a front-end engineer of OmniSegment, and our team are dedicated to improving marketing effectiveness of our customers.

Recently, I took the job of renewing our corp landing page. Although building a static web page is not complicated, there are something deserved to be recorded at this moment, and perhaps this post can help others in the future.

建立技術 Blog 前的比較

· 閱讀時間約 10 分鐘
阿昇
Software Engineer

前言

建立個人網站(部落格)一段時間了,這次來說說為什麼我用 Gatsby 來建個站。

釐清

在開始動手前總要先釐清問題(需求)是什麼?

動機

原本我所學和從事的領域不是資訊產業,後來轉到資訊產業是由於對 UX 產生興趣,而注意到 UX 是因為看了 Kaiting 的文章。受到前輩們的影響,所以有了建立個人網站的念頭。

相關領域的作品越看越多,開始注意到許多設計師會用個人網站呈現自己的作品,有個人網站似乎才顯得專業,於是在心中埋下了想要建立個站的種子。

不過呢...現在建立個人網站有很多簡單的工具/服務,所以 個人網站 = 專業 是不成立的。

話雖如此,還是喜歡做個網站放自己的東西,所以學了網頁開發之後還是花了點時間處理它。

比對兩個 array 的 element

· 閱讀時間約 3 分鐘
阿昇
Software Engineer

問題描述

工作上遇到的問題,狀況是使用者有個管理顧客資料的頁面,可以在那裡編輯顧客的 tag,所以在更新資料的時候要比對新的 tag list 和舊的 tag list 兩者內容,以傳遞正確的資訊回去給資料庫。

height: 100% 在 Safari 失效

· 閱讀時間約 2 分鐘
阿昇
Software Engineer

前言

以這篇文章作為開始,隨意記錄開發時遇到的坑。

問題描述

最近負責公司產品的一個 UI 切版,其中一部分的排版出了問題。

我在 CSS 設置 height: 100%;,在 Chrome 瀏覽器看到的狀況是這樣

但是在 Safari 上看到的卻是這樣

很明顯下面那三塊(渠道資訊、訂閱狀態、國家)的下緣沒有貼齊,顯然是不同瀏覽器出現的差異。

菜雞自評 - 2020 AOC Day6 Custom Customs

· 閱讀時間約 7 分鐘
阿昇
Software Engineer

前言

AOC 是每年 12/1 到 12/25 都天會有的解題活動,題目內容有點故事性,只要輸入答案對了就通過,所以基本上沒有限定解題過程,即使你要暴力徒手紙筆解也是沒問題的。

想了解更多介紹,可參考 重拾程式解題的樂趣 - Advent of Code

今天是第六天了,我也打算偶爾紀錄一下解題的過程,所以就從今天開始吧。