積沙成塔，滴水穿石

d 最近看到了 日本的網站 ，我還滿喜歡他們的設計出場模式。(圖1) 日本網站(圖1) 於是我也來做一個!  由於我沒有要設計比較複雜的svg logo ，就直接用 線上figma 做logo (圖2) figma 製作logo (圖2) figma 有些功能 很像illustrator ，它有個方便個功能是 就是可以直接將鋼筆、文字線條 轉成 vector。在使用figma 的outline 轉成vector的時候，有時鋼筆會跑掉，就需要再做調整。(圖3) 轉成SVG需要調整( 圖3 )  如果有個單字需要調整的特別多，不如就單個字直接重新製作轉vector 會比較快。 設計思維 參考圖1 的動畫設計思維，第一步是先跑出文字的外框做描邊，第二步做內部填色，第三步 動畫，動起來。 第一步-SVG線搞: 在做文字的時候，就不做填色，用stoke設計外框。 figma轉成svg 出來的path 也就是路徑外框，不填色。(圖5) copy svg (圖5) 這時在html上，要確保 看到的 是否和figma 設計的一樣，因為有時候figma 轉成svg 路徑會跑掉。(圖6) 網頁上查看SVG(圖6) 第二步-填色: 這次我想要在H、D、N上做填色，所以就做了HDN的圖層。(圖7) 填色圖層(圖7) 第三步-動畫: 利用了stroke-dasharray 將原本的path 做成虛線，再利用  stroke-dashoffset 遮住虛線，利用兩者 一個顯示 一個隱藏，再搭配逐間動畫 看起來線條會跑起來。(圖8) 讓線條跑起來(圖8) 在設計線在跑的時候，如果stroke-dasharray 切越多，就是虛線越多。 如果看起來要順 可以將 stroke-dasharray 長度調長，大概是文字的長度。 有的時候如果stroke-dasharray 太長，那描邊有跟沒有一樣。(圖9) CSS 動畫設定(圖9) 在這次的設計中，我把文字短的path (A、D、I)，stroke-dasharray 調成300，較長的文字用500，動畫跑約3秒。(圖10) 設定不同的dasharray長度(圖10) 當第一個描邊動畫跑完(3~6秒)，在跑第2個填色動畫，所以第2個的秒數 要delay 4秒(fade-in )。(圖11) 填...

When I met you in the summer  To my heartbeat's sound (音樂-summer) 剛開始接觸到 MERGE INTO，腦中就浮現了一首歌... summer~ met you(merge) 哈哈哈!讀音 超像的~ 前情提要 這次在算一個月的統計使用次數，每天會觸發排程。 設計思維 這次我採用的是inset & update， 如果 今日這筆資料有存在就更新否則新增，以StatisticsDate、更新日期、ID、faulttype 作為主鍵，判斷是否存在過今日計算。 (圖1) 會這麼做是因為避免統計結果，在不小心觸發2次造成當日結果在insert 。 統計表 tblStatistics_Gateways (圖1) 使用方法 在mysql 中 可以用 i nsert update on duplicate key  ，會根據唯一值去更新欄位    UNIQUE  index or  PRIMARY KEY 。 在mssql 中 可以用  Using MERGE  (圖2) mssql 使用merge 更新(圖2) MERGE INTO ： 使用 MERGE 語句將 tblStatistics_Gateways  作為目標表。 WHEN MATCHED THEN ： 如果存在紀錄，則更新 Faults 。 WHEN NOT MATCHED THEN ： 如果沒有紀錄，則執行插入操作。   心得 其實有點像IF..ELSE的變化版，與mysql 的on duplicate 差異是 不需要再多設定unique key，是透過 on  A=B, 蘋果 = 橘子 的方式 去判別組別是否存在。

  前情提要 現在的目的要透過Log 向醫院提出建議與改善。 所以在整理Log的時候，不能再以單純的統計Log數量，而是要去找Log前後的時間差及彼此之間的關係性。(圖1) Log彼此之間的關係性(圖1) 整理過程 這期間勢必會伴隨著資料重新整理在整理，這些資料不光是原本統計而已。(圖2) 原本統計(圖2) 心得 這段期間不斷地重新整理資料、重新清洗，不再是一開始簡單的正規劃資料，反而要在更細的去分析  錯誤原因  那些時間重複log 只能算一筆。 在預處理資料的時候 要很小心，有的時候因為其他原因發生的併發原因，就只能找出 起始的原因，如果用工具統計 就無法找到併發原因了。 工具只是補助，一開始透過工具調查只是初步，下步就需要再透過 初步的調查結果 去找出併發原因 再重新找出 是否有其他的例外。 這2個禮拜 整理了 60份 每份都有10萬筆以上，真的看到頭昏眼花😵😵 最近和朋友聊天，得知她要整理1萬多筆的資料，找出不要重複的資料就行了。 她很苦惱不知該如何下手.... 她:哀~資料好多...有1萬多筆 我：才1萬筆?