Javascript老師今天的「轉職光明燈」

• 今日記事：好可愛要記下來😇
• 對我的意義：「HTML網頁按下按鈕→執行Python檔案→執行結果上傳資料庫→調取資料顯示在畫面上」需要的技能樹包括讓網站能互動的JavaScript、Python webserver 架設、SQL資料庫管理。
• 新發現：是說課程的設計看起來好像應該是要從JavaScript的角度來學Python，不知道為什麼做一做現在處於從Python推導出JavaScript程式碼的奇妙階段 QQ
• 我的行動：不管啦繼續讓機器蟲在大大的web裡面爬呀爬呀爬～

建立工廠瑕疵/醫院疾病判定模型的困難點

• 今日記事：專題製作題目定案去開門之前，醫學資訊管理師認真回答現階段以機器學習建立工廠瑕疵/醫院疾病判定模型的困難點，互相交流求進步💪
• 對我的意義：無論是工廠品管要篩出瑕疵品、或是醫院要判斷病人是否罹患特定疾病，該需求項的機器學習預期目的應為「毫無遺漏地找出整體中的少數例外」→ 以評估指標來說，就是會很重視召回率(=靈敏度、真陽性率)。
• 新發現：但是重視召回率的分類問題難以應用於臨床，因為「很難為召回率設定一個目標值」。比方說95%召回率的檢測疾病機器學習模型對於資料科學家來說相當不錯，但是醫事人員應該沒人能夠接受會有5%病患被遺漏的疾病判定模型 QQ
• 我的行動：工廠品管瑕疵品篩選建模也和醫院臨床有同樣困境，就算建出召回率高達98%的機器學習模型、資料科學家都興奮到想撒花慶祝了；但是對工廠QC而言，被遺漏的那2%瑕疵品還是不能接受 ← 也就是說，現階段關於工廠瑕疵/醫院疾病判定這種目的為「毫無遺漏地找出整體中的少數例外」的機器學習之難處，第一個是想要檢出的「陽性」數量都遠小於不需被檢出的「陰性」數量，於是要收集數量稀少的「陽性標準答案」並不容易；第二個是醫院和工廠能夠幫資料科學家做出明確分類判斷的人也很有限，致使監督式機器學習中最重要的「陽性標準答案」難以取得【所以實務上資料科學家對於工廠瑕疵品預測的貢獻，比較是在以重要性分析來找出工廠的哪些製造條件會是導致瑕疵品產出的重要影響因子，就像NASA為了確保遠離地球的太空人的飲食安全而建立的HACCP食品安全與品質管理制度。】

綠燈的空氣品質(開心~)

• 今日記事：放颱風假前Python老師教到字典(dict)和JSON資料格式，比方說行政院環保署的細懸浮微粒(PM2.5)監測數據也有提供JSON檔。
• 對我的意義：是說課程裡頭的爬蟲教學沒有包含PM2.5細懸浮微粒警示燈的製作。

• 新發現：但是做好了看到亮綠燈的空氣品質就一整隻很開心😊
• 我的行動：一群工程師一起朝人生更好的方向邁進，是很快樂的事情💖

用所見即所得draw.io拖拉出來的網頁讀取順序圖

• 今日記事：因為無障礙網頁的TTS機器語音朗讀是按照HTML DOM Tree順序報讀。
• 對我的意義：所以排版無障礙網頁的時候，要謹慎安排會影響報讀和畫面前後順序的HTML標籤順序 ← 笨辦法是寫2個功能一樣的版本，只是以@media、.visually-hidden和display:none的互相搭配來呈現出在網頁上各項功能什麼時候要顯示、隱藏和報讀。
• 新發現：109和110年政府網站評核以及無障礙抽測的經驗是有理解網頁是如何被瀏覽器讀取的話，也就會知道如何才能讓網頁執行速度更快、使用者體驗更好💪
• 我的行動：颱風假裡頭用所見即所得的draw.io，重製前輩在stackoverflow發問「瀏覽器何時開始解析HTML」時畫出的網頁讀取順序圖。

無障礙網頁ARIA漏改超可怕的No ARIA is better than Bad ARIA

• 今日記事：無障礙網頁的3大設計重點：(1)正確使用HTML標籤(tag)和屬性(attribute)；(2)正確使用Accessibility Rich Internet Applications Suite(無障礙網頁應用規範集)；(3)正確使用CSS技術。
• 對我的意義：資料視覺化的圖表和地圖本來的受眾並不包含視障者，網頁互動性需要多下點功夫。
• 新發現：原來無障礙網頁設計這一塊真的是網頁設計師/公司的寶貴knowhow。
• 我的行動：因為創作的目的，是做出能給人「被關愛的」、「被尊敬的」感覺的作品😇

線上編輯器HackMD可以順利呈現Markdown語法的灰灰區塊

• 今日記事：老師說要交付客製化library(函式庫)給客戶的Python工程師就要會使用Markdown語法撰寫說明文件。
• 對我的意義：但是在Jupyter Lab和Google Colab這兩個線上編輯器裡頭，用Markdown語法寫的大區塊和小區塊，怎麼寫都白白的一片、不給灰灰？
• 新發現：可是要製作Github文件還Gitbook電子書，高亮程式碼就要放在灰灰區塊裡頭，看起來才Pro。
• 我的行動：難怪論文用LaTeX寫的前輩會經驗分享Markdown在地端寫比在雲端寫方便些。是說經過幾輪Markdown Here小抄中文版的複製貼上測試後， 還是找到了HackMD這套可以順利呈現Markdown語法Pro灰灰區塊的線上編輯器💖

記得自己是誰很重要

• 今日記事：因為弄丟了義大利警察有藍寶堅尼急救警車的起點，台灣可不可以也有很酷又跑很快的行動醫療車的Midjourney工業設計終點也會跟著一起不見。
• 對我的意義：「遺忘」有可能是大腦的保護機制。
• 新發現：想不起來的... 或許是很重要的部分 (？)
• 我的行動：雖然過程很疼痛，不過如果能夠想得起來摔車前那個據說不需要滑鼠只要有鍵盤就可以咻咻咻操作電腦的自己，應該也是個開心的大收穫。 

1.01^365 = 37.8

• 今日記事：每天多做一點想做的事，累積一年的進步，技能值會比「1」多很多。
• 對我的意義：0.99^365 = 0.03。
• 新發現：每天少做一點該做的事，累積一年的偷懶，技能值會比「1」少很多。
• 我的行動：混一天和努力一天，看不出任何差別；三天看不到任何變化；七天也看不到任何距離。但是一個月後會看到話題不同；三個月後會看到氣場不同；半年後會看到距離不同；一年後會看到人生道路不同 ← 走自己的路，為自己好好努力奮鬥。

Javascript寫的QR Code產生器雖然是時代的眼淚

• 今日記事：不過正好可以用來說明Python libray的方便和強大。
• 對我的意義：還沒想起來2022年3月31日摔車前那個據說可以不用滑鼠只用鍵盤就咻咻咻操作電腦的自己，預習了課本CSS的部分結果看著老師上課教的Javascripts程式碼覺得好燒腦 QQ
• 新發現：但是記得自己是誰和學習歷程很重要。
• 我的行動：希望在老師和同學的陪伴下，能夠復原的比較快速。

在Notion中使用Mermaid快速建立漂亮流程圖

• 今日記事：老師說Python工程師的任務是交付客製化的library(函式庫)給客戶，要會使用Markdown語法撰寫說明文件。
• 對我的意義：因為(1)IoT也在用的Thonny；(2)支援繪圖和雲端的Jupyter；(3)支援繪圖、也可以把.py檔轉成.exe檔的Spyder；(4)幫忙做版本控制但是很肥胖的Anaconda；(5)用來寫Javascript也OK的Visual Studio Code這5個Python IDE裡頭，只有VS Code能夠搭配Mermaid Live Editor來製作流程圖。
• 新發現：COVID-19疫後把在Notion中使用Mermaid快速建立漂亮流程圖的方法寫下來💪
• 我的行動：在Notion中輸入「/code」，選擇程式碼的功能 → 程式碼語言選擇「Mermaid」 → 接下來就可以在Notion裡頭輸入Mermaid語法來咻地建立流程圖：預設是「Split」模式，也就是在Notion的頁面上把「語法」和「圖形」分開呈現💖 ← 是說需要製作大量流程圖時，用所見即所得的draw.io拖拉會比用Mermaid寫更省時些(draw.io這套open source的流程圖繪製軟體畫出來的圖可以輸出為PDF檔、直接插入用LaTex撰寫的論文裡頭)

用Python在Google Colab中產生嵌入圖片的QR Code

• 今日記事：需要安裝qrcode函式庫和與Pillow有關的模組。
• 對我的意義：做完才發現把做好的QR Code生成網頁託管給Google Blogger... 現在手機版的網頁一點進去是會看到「No posts.」→ 按「Home」下面的「View web version」才會看到和電腦版一樣的網頁畫面 >///<
• 新發現：寫下來提醒自己免費的網頁託管資訊2023年需要更新、2021年可以用的方式2023年不見得都還能夠繼續用。
• 我的行動：Keep going.

「1天1行小日記，寫出超強行動力」的第6個30天 :: 給自己一個資通電專題

• 今日記事：讓改變發生。
• 對我的意義：如果前方沒有路，那我們就走出一條路。
• 新發現：因為「喜歡」這種東西，既使摀住了嘴巴，也還是會從眼睛裡跑出來。
• 我的行動：盼遺憾停留，願未來可期。

可以把做好的網頁託管給Google Blogger

• 今日記事：讓它不只是存在於使用XAMPP網頁伺服器架站工具在開發者本機所架設的「虛擬網站」。
• 對我的意義：三人行，必有我師焉。
• 新發現：互相討論求進步～💪
• 我的行動：大家一起朝著專題前進的感覺很不錯😇

Thonny IDE小爬蟲

• 今日記事：今天老師介紹了(1)IoT也在用的Thonny；(2)支援繪圖和雲端的Jupyter；(3)支援繪圖、也可以把.py檔轉成.exe檔的Spyder；(4)幫忙做版本控制但是很肥胖的Anaconda；(5)用來寫Javascript也OK的VS code這5個Python IDE。
• 對我的意義：研究了一下，web app可以用Python完成，所以Python開發環境選用IoT也在用的Thonny來做資通電專題。
• 新發現：books.toscrape.com是專門給練習爬蟲的網站。
• 我的行動：資通電專題的Python開發環境選好了，立馬用Thonny IDE生出一隻小爬蟲。

Midjourney快速生成的「玉兔烘焙坊」iOS app icon

• 今日記事：有了「玉兔烘焙坊」app UI的初稿，就會想繼續請Midjourney幫忙產生「玉兔烘焙坊」app icon的初稿。
• 對我的意義：立馬獲得了一個超可愛的麵包店icon😍
• 新發現：Midjourney真的跟用來打造擬真介面原型的Figma一樣適合想親手建立溝通素材的專管或PM👍
• 我的行動：We are shaped and fashioned by what we love.

Midjourney的「玉兔烘焙坊」app UI設計發想 → Figma專業UI設計

• 今日記事：覺得很好玩的題目。
• 對我的意義：雖然嚴肅資通電專題不需要太漂亮的介面，還是先做個小小的記錄。
• 新發現：應該是個受歡迎的溫暖監獄官新技能，寫下來提醒自己要記得發展完成。
• 我的行動：資安考試據說有伴了(開心~) 一起加油💪

Midjourney快速生成的「玉兔烘焙坊」app UI

• 今日記事：嚴肅資通電專題之前的練習用side project。
• 對我的意義：這樣比較容易看得懂新竹縣警察局1年撥給衛生局的65萬收支對列經費可以聘請83位AI助理 ← 超級好用的毒防個管師團，對吧對吧？
• 新發現：所謂獨具慧眼，不只是指看到什麼，更是指觀察世界的敏銳角度。
• 我的行動：每個曾改變時代的聲音，都成了時代本身。

據說聘請AI助理每月不到NT$650

• 今日記事：科技報橘2023年7月10日的新聞😍
• 對我的意義：趕快請Midjourney幫忙算張AI助理示意圖～
• 新發現：心裡的腳步，決定向前的道路。
• 我的行動：預計2個半月完工的專題加油💪

專題要包括「資」「通」「電」

• 今日記事：「資」= 資訊；「通」= 通訊；「電」= 機電整合。
• 對我的意義：比方說人臉辨識是「資」→ 做成app是「資通」→ 人臉辨識後把門打開就是「資通電」都有做到。
• 新發現：demo版把繼電器打開就好了，不用打開真的電子鎖。
• 我的行動：請Midjourney幫忙算張示意圖，當作專題的「好的開始」💖

準備拜師學藝去打怪

• 今日記事：謝謝好心承辦的幫忙，讓好奇心不再孤單～
• 對我的意義：行前興奮地打開「冒險地圖」😁
• 新發現：學會使用Notion這套數位筆記來記錄project & code的發展，這樣有問題老師比較容易看得懂，也比較容易進行討論和修正。
• 我的行動：山頂洞人帶著冒險地圖打怪去💪

將Midjourney應用於UI和工業設計

• 今日記事：接下來的project以「玉兔烘焙坊」為主題，跟Midjourney快樂玩耍、腦洞大開😎
• 對我的意義：Midjourney出品的食物... 超生火～
• 新發現：這個Midjourney幫算的平板UI，看起來就口水滴滴😋
• 我的行動：繼續用Midjourney產出「玉兔烘焙坊」各式小元件💪

從無障礙網頁的TTS機器語音朗讀，到Clipchamp影片剪輯軟體的文字轉語音AI旁白

• 今日記事：是完成這個21天小project的技術動機。
• 對我的意義：除了有些場域用聽的可能比閱讀更快速也方便，比方說通勤；更重要的是政府公開資訊的無障礙不應該是施捨或做功德，而是本來就應該要做的事。
• 新發現：Microsoft在2021年收購Clipchamp之後，在Clipchamp裡面整合了以Azure雲端服務為基礎的文字轉語音(Text To Speech，TTS)工具，讓影片創作者可以使用內建的70種語言生成旁白！這是比小編大神Canva Pro更喜歡也覺得更好用的部分 ← Windows 11裡頭Clipchamp是預載程式囉！還在使用Windows 10的，可以用Microsoft或Gmail帳號登入Clipchamp的線上版💖

• 我的行動：這個各式組合技可愛又有趣的21天小project，完成了一個可以和資安老師討論「跟機器人/AI助理溝通也是透過通訊軟體進行的。限制單位裡頭能夠使用通訊軟體的電腦數量，在AIGC時代，是不是變成不合時宜的資安規矩？」這個資訊安全經濟學問題的Demo → 接下來繼續用「玉兔烘焙坊」做練習💪

製作背景配樂超好用的AI作曲平台AIVA

• 今日記事：宣導片都有背景配樂。
• 對我的意義：委外廠商交付成品時，也會註明使用的背景配樂來源，避免公播時引發版權爭議。
• 新發現：所以大推薦介面簡單明瞭的AI作曲平台AIVA💖
• 我的行動：寫作業的心得是AIVA從宣導小白到大師都OK。真心不騙👍

「119救護資源配置與配套措施」3分鐘問卷調查

• 今日記事：今天填寫了消防署委託台灣緊急救護醫療指導醫師學會進行的「我國EMS系統救護資源配置與具體建議與適法性、可行性及其配套措施」3分鐘問卷。
• 對我的意義：謝謝119的車禍救護服務👍
• 新發現：--ar 9:16剛剛好也是手機桌布的比例耶～
• 我的行動：雖然遇到了很大隻很難打的怪、打亂了2023年原本的計畫，但還是想練習用Midjourney算出一張消防手機桌布，幫服務很好的119先留個記錄😇

與其原地回憶驚天動地

• 今日記事：不如出發再次經歷。
• 對我的意義：是說請AI幫忙算打坐練習正念的警鴿，想表示努力把自己修復ing。
• 新發現：但是忘記鴿子手短腳短，會闔不起來😆
• 我的行動：果然是吃誠實豆沙包長大的AI，非常真實😂😂😂

完成了拜師學藝的入學考試

• 今日記事：是說今天太陽好大，所以選了被烤得黑乎乎的版本。
• 對我的意義：感覺很開心。
• 新發現：彷彿又回到之前在碼頭跟著保三的警察車車一起看貨櫃那段日復一日的快樂數數生活😊
• 我的行動：繼續趕工小不隆咚但是便利多多的小project💪

刑事Bear超可愛，是說D-ID不能用動物當主播

• 今日記事：所以請Midjourney幫忙算隻以色列AI公司D-ID新出「Speaking Portraits」技術可以用的虛擬主播和她的小時候。

• 對我的意義：在用1張照片就能製作AI人物解說影片的「Speaking Portraits」技術之前，原本是為了保護人臉不要被AI識別，因而以「臉部去識別化」技術起家、開發可以保護人臉影像不被演算法辨識的D-ID公司，成名代表作是有點像「深偽(deepfake)」的「深懷舊(Deep Nostalgia)」讓你祖先動一下動態人像功能。
• 新發現：這個國外從提供用戶DNA檢測以追蹤族譜→發展出「深懷舊(Deep Nostalgia)」讓你祖先動一下動態人像功能的基因體醫學技術發展歷程，具體說明了犯罪預防研究跟基因體醫學研究一樣，資料要記得去識別化真的超級無敵重要！
• 我的行動：資料沒有去識別化，做一做就會出現在地院/高院法官大人桌上 >///<

就算是對機器人，也需要好好講話和表達

• 今日記事：在客製化與高級品化是包含教育領域在內的最大市場力量的時代，提醒自己永遠記得是「對話的力量」讓訓練資料量遠少於GPT-3的ChatGPT效果驚人到如果參加2022北京高考大概可以考上新疆大學！
• 對我的意義：那是拚了命把「矯正機關其實跟長照機構很像」這個在COVID-19疫情大爆發之前、感染控制不太重要的時候幾乎快被遺忘了的資訊傳承下來的長照天使阿仙「三年」的意義。

• 新發現：就算是對機器人，也需要好好講話和表達，耍大爺或發公主病都是沒用的！
• 我的行動：因為未來與更生人協作「詩與繪本」的，很有可能就是ChatGPT和Midjourney。

長照天使阿仙的「三年」

• 今日記事：希望行政達人阿仙被記得的是她對輔具和機器人的熱愛。
• 對我的意義：把ChatGPT串接到通訊軟體就變成個人助理，大股東Microsoft給了官方示範，就像把Midjourney串接Discord就能讓人擁有自己的小畫家是同樣的道理。

• 新發現：但是公部門資安要求的其中一項是一個單位裡頭會限制多少台電腦可以使用通訊軟體。
• 我的行動：如果公部門要訂閱Microsoft Office 365就已經得填單子寫理由解釋為什麼不能使用LibreOffie就好，而這已經不只是會計／主計會要求、資訊也會，那麼「跟機器人/AI助理溝通也一樣是透過通訊軟體進行的耶？」應該不是什麼太抽象難以理解的政府採購還資安問題 ← ChatGPT是阿仙過世之後的版本才品質終於好到能夠引起世人驚豔的，但是聊天機器人的技術已經存在好一陣子了，比方說2016發起的「Cofacts真的假的」就是針對假新聞與不實資訊最早也開源的公民協作事實查核聊天機器人專案。

Midjourney「以圖生圖」的警察小熊

• 今日記事：把remove.bg去背的一線三小熊網址傳給Midjourney。
• 對我的意義：請Midjourney幫忙算出一隻警察小熊。
• 新發現：Midjourney大概還無法理解「在制服右胸繡上一條橫槓和三顆星星」是什麼意思 QQ
• 我的行動：這隻Midjourney警察小熊是最喜歡的版本。

使用Midjourney在Discord創作

• 今日記事：要找圖片的Seed值，但是Emoji的信封按了或是Apps -> DM Results點了一直沒收到訊息？
• 對我的意義：也確定是點到一開始算出來的4張圖按的，不是點到放大後的單張圖。
• 新發現：那就要確認一下/prefer auto_dm這個「是否要在任務完成後自動傳送通知給你」功能有沒有開啟了。
• 我的行動：當/prefer auto_dm功能已經有開啟的時候，送出一次會顯示Auto-DM is now disabled. 再送出一次會顯示Auto-DM is now enabled.。