Posts

Showing posts from March, 2024

踏入自媒體的 30 天❗️- 我有個朋友在做自媒體 - Day15

Image
Day #15 前言 30 days 的開始 Image Here we go : 默默小語 今天暫時把 104 給關了。 開放了兩週。 每天海投，然後被資訊爆炸回來的感覺不太好。 而且覺得，宅宅還是跟機器講話比較輕鬆自在，所以我們來找 ChatGPT 聊天吧。 - 首先，使用工具太多。 也打算先留著 CakeResume 和 Linkedin 就好，關注看看。 正文開始 在都會的茫茫車流和人流之中，工作上能夠進入心流的狀態是最好的了。 在這個忙碌的城市裡，人們不斷地匆忙奔波，車水馬龍的街道上充斥著喧囂與嘈雜。 但在這一切之外，能夠專注於工作，進入心流狀態，彷彿置身於一片安寧的綠洲。 在前端的世界裡，常常需要不斷地調整和修改，每一次的修改都是對使用者體驗的追求。 每一行的程式碼也都蘊含著對完美的追求。 這就像是在黑夜裡探索前行，雖然外面的世界依舊忙碌喧嘩。 但在屏幕前的那一刻，一切都變得安靜而寧靜。 以前只有在 Coding 和嘗試寫作的時候，才會有這種感覺。 在追逐著邏輯的完美與文字的美感時，思緒不斷地飛躍，心靈得以完全釋放，彷彿置身於一片自由的天地。 這就是我所追求的工作狀態，一個能夠讓我專注、投入、並且充滿樂趣的工作環境。 在這裡，我可以充分發揮我的創造力和專業知識， 為每一個專案注入靈魂，為每一行程式碼注入活力。 最終創造出令人驚嘆的產品和體驗。 以前唸書無聊的時候都是上網搜尋 Keyword ， 翻找原文的技術文章閱讀，然後丟進 Google Translate 。 然後現在這句話被科技打臉了。 LLM 來臨的時代， 谷歌翻譯 搞不好很快就會被 ChatGPT 取代 。 未完待續 然後，以上的文案來自於跟 ChatGPT 聊天的內容。 所以我們明天來繼續快速做一個連結 GPT API 的 Web Application 吧。 也需要暖手，手刻練習一下畫面。 (使用工具：HTML / CSS / Javascript) 然後，這個微專案就會需要申請一組 API Key 了 簡單的做法，可以先來這裡的 API Hub 找 RapidAPI 我連結到的是這個 https:...
Read more

踏入自媒體的 30 天❗️- 我有個朋友在做自媒體 - Day14

Image
Day #14 前言 30 days 的開始 踏入自媒體的 30 天❗️- 我有個朋友在做自媒體 Image Here we go : 默默小語 自從上個禮拜開放，海投履歷之後，收到面試的前測作業好多喔。 好像比正式工作的時候還忙 XD。 正文開始 在軟體工作室工作，不小心會知道的兩三事。 前言，因為長期在海外生活，也一直都在小型的軟體工作室打滾。 不小心就會進去跳進服務雲，一下維護後端，一下維運，一下再跑回前端。 但是好處就是不小心就會知道一下，架站維運的小知識。 今天，又再度回到了什麼都沒有的生活。 但我們今天要來聊 Upptime。 是的。我在我的網站上掛了 Upptime。 https://github.com/tomz12321/upptime 大概來講會長這樣： 簡單來說就是如果網站掛掉了，我會馬上收到通知。 然後就可以 24/7 不間斷營運了？ 雖然說是依靠在網路上的工程師，我也不想在六日工作... 於是乎，基本的 backup 備援機制就在六日被啟動了 事情是這樣的。星期六的悠閒下午，筆者正在帶著小孩出沒在台北市的榮星花園？ 突然接收到手機的震動通知。 實際的 email log 訊息大概是長這樣 ... 看起來是被 github action 自己備援了。 什麼!!! HTTP code : 0 response time 0 ms 也就是說，我的 網站 被擊落了!!! =口=!! 但是七分鐘後，自己就因為備援機制給復活了。 來個小廢廢的結論 網站的 Uptime 也從 100% 第一次變成了 99.78% 但完美主義者覺得... 不行。 (未完待續...) 🔻支持打賞🔻 Welcome to my github [ https://github.com/tomz12321 ] 喜歡的話，隨便找個專案給顆星。 🔻職涯聯繫🔻 Jyhwoei's CakeResume 歡迎前端工程師們撿去加好友，讓我們一起來探索前端這個新興職缺！
Read more

踏入自媒體的 30 天❗️- 我有個朋友在做自媒體 - Day13

Image
Day #13 前言 30 days 的開始 踏入自媒體的 30 天❗️- 我有個朋友在做自媒體 Image Here we go : 默默小語 國內求職： React 前端工程師的履歷，正式打開一週了。 目前透過的管道有 - CakeResume - Linkedin - 104 - Github 我們來看看，透過線上投遞這個方式，做職缺媒合，會需要多久時間。 也做個紀錄。 tomz12321 的求職履歷： CakeResume Linkedin 104 Github 正文開始 海外的第一份工作 沒錯，我在海外的第一份工作，就是 React 網頁前端工程師，當時使用的版本是 v16 .8 。 一做就做了五年。 也經歷了 v16 .8 升版到 v18 .2 的過程 詳細可以回來看 這裡 而就在寶寶滿兩個月的時候。我們也和前任案主確定要結束合作關係，開始醞釀要回來找相關工作或自行接案了。 於是就開始了這個，為期四個月的 Personal Blog 的 Side Project 今年也已經三月了，就讓我們來打開履歷試試看吧 :) 目前實體面試進度 1/1 線上面試進度 2/2 🔻支持打賞🔻 Welcome to my github [ https://github.com/tomz12321 ] 喜歡的話，隨便找個專案給顆星。 也祝各位還在求職海的面試者們，能夠順利上岸回到工作崗位。
Read more

踏入自媒體的 30 天❗️- 我有個朋友在做自媒體 - Day12

Image
Day #12 前言 30 days 的開始 踏入自媒體的 30 天❗️- 我有個朋友在做自媒體 Image Here we go : 默默小語 海外求職 在畢業前夕的最後一個學期，我因為無數杯的咖啡得到了第一份工作。 而互聯網至今也不過 35 年左右的歷史，今天讓我們來從編年史的角度初探。 最後也會簡單聊聊，我為什麼最後還是決定從網頁前端入手，開始我的第二份海外工作職涯。 前言 我們要先了解互聯網到 2015 這年，發展的歷史。 2015 - ES6 橫空出世 ES6 標準的未來 ES6 標準在 2015 年確立後，雖然 ES6 中的新語法與 API 非常多， 在今年 ( 2016 ) 已經有很多桌上電腦的瀏覽器品牌實作完幾乎所有的標準規格。 相信在很快的將來， 2017 年幾乎是所有的平台上的瀏覽器，包含行動裝置、伺服器平台等等，都會實作完成。 這代表你今天學習這些新式的語法與 API，很快就可以使用在瀏覽器或伺服器平台上。 2017 ES8 Async/Await (註1.) 2018 ReactJS v16 2019.2 ReactJS v16.8.0 2022.3 ReactJS v18 1990 年，Tim 以超文本語言 HTML 為基礎在 NeXT 電腦上發明了最原始的 Web 瀏覽器 1994 年 11 月，網景公司成立，並發布 Mosaic Netscape 1.0 beta 瀏覽器，後改名為 Navigator 1994 年 W3C 誕生 1995 年 網景推出 Javascript 1996 年 微軟發佈 JScript 並內置於 IE3。Javascript與JScript 存在差異。導致程序員開發的網頁無法同時兼容 IE 和 Navigator瀏覽器。IE開始搶奪Navigator的市場份額，導致了第一次瀏覽器大戰。 1996 年11月，網景將JavaScript 提交到ECMA以便將其國際標準化。 1997 年 6 月，ECMAScript1.0 推出。 1998 年 6 月，ECMAScript 2 規範發布。 1999.12 ECMAScript 3 規範發布。此後十年，基本沒有發生變動。ECMAScript3 成為當今主流瀏覽器最廣泛使用和實現的語言規範基礎。...
Read more

踏入自媒體的 30 天❗️- 我有個朋友在做自媒體 - Day11

Image
Day #11 前言 30 days 的開始 踏入自媒體的 30 天❗️- 我有個朋友在做自媒體 Image Here we go : 默默小語 最近開始用 JS 刷題， 但是同時建立基礎知識也是很重要的。 正文開始 今天要來演示 5 mins 快速地做一個 Chrome Extension 的微專案。 以下會用到的工具只會有 網頁前端三劍客 HTML / CSS / JavaScript 一個 IDE，我自己是用 VS Code 一個 Browser (e.g. Chrome) Terminal 終端機 (macOS bashshell) 首先我們先照著下面的專案架構 建立一組 網頁前端三劍客。 - index.html - index.js - style.css 使用 mac 內建的 bashshell 快速做法 #!/bin/bash mkdir simple-color-picker cd simple-color-picker/ touch index.html touch index.js touch style.css 拷貝，然後存成 create-simple-app.sh 之後執行 $ chmod 777 ./create-simple- app . sh 再執行 $ ./create-simple- app . sh 做完以後，你就會得到一個以下的專案結構 Project Structure /simple- color -picker ├── index .html ├── index .js └── style.css 剩下的就是打開 IDE 照著打 index.html <!DOCTYPE html> < html lang = "en" > < head > < meta charset = "UTF-8" /> < meta http-equiv = "X-UA-Compatible" cont...
Read more

踏入自媒體的 30 天❗️- 我有個朋友在做自媒體 - Day10

Image
Day #10 前言 30 days 的開始 踏入自媒體的 30 天❗️- 我有個朋友在做自媒體 Image Here we go : 默默小語 昨天正式把前端履歷打開了。 今天要來做減少從愚昧山峰 (Mt. Stupied) 下來的時間， 也就是回歸基礎知識培養，並在技術面前保持謙虛。 延伸閱讀： 鄧寧-克魯格效應 ( WikePedia ) 達克效應（DK Effect）的美麗錯誤 - 對無知的無法認知 ( Medium ) 認知偏誤— 鄧寧克魯格效應(Dunning-Kruger Effect) ( Medium ) 正文開始 然後，我們要來做個人品牌建立。 首先先了解自己的優勢： 我： 國立大學畢業，海外軟體工作室經驗五年。資訊學術背景，英語能力流利。 我們先不要點擊 這裡 回去看，而是先相信自己的社會經驗，和大腦裡直覺告訴我們的資訊。 是不是覺得為什麼這位仁兄，還需要抽出時間來踏入自媒體的世界？ 但是這個世界，就是比我們自己理解的都還要複雜。 曾經我們想要抽絲剝繭去 tagging 從各面向去嘗試了解這個社會。 但往往我們一開始看到的卻只是他人反映出來，表面上的光鮮亮麗。 於是落入了同溫層。 (被演算法) 但是網路這個科技，讓我們有機會接觸異溫層，只要你願意繼續主動觸擊。 持續做你喜歡做的事情，十年磨一劍。（透過 0 與 1 的重構，每個人都可以有機會可以活成另一個形狀。） 而在國外這幾年旅居的經驗，也告訴我，永遠不要放棄讓自己跟外界接觸的機會。 也是一個機會，讓落入平凡的人，可以再次翻轉人生。 曾經有一個品牌夢，但是當時準備不夠，放棄了，現在自己做做看吧，tomz12321！ 參考資料 天下雜誌兩千調查 台灣五十指數成分股 對啊我是一個宅宅工程師， 找人一起 code 是我的日常。 🔻支持打賞🔻 Welcome to my github [ https://github.com/tomz12321 ] 喜歡的話，隨便找個專案給顆星。
Read more

踏入自媒體的 30 天❗️- 我有個朋友在做自媒體 - Day9

Image
Day #9 前言 30 days 的開始 踏入自媒體的 30 天❗️- 我有個朋友在做自媒體 Here we go : 正文開始 新手育兒日記 新手的育兒，寶寶六個月了 // Knowing time from a dad to a son 對啊我是一個宅宅工程師奶爸， 六個月，來自於我認識你的時間。 四個月前的某一天。 接收到遠方長期的案主即將要結束合作的消息。 於是爸爸知道又要開始準備銜接下一份工作了。 但是技能組好像又還沒有磨合好，那怎麼辦呢？ 於是拿起 Frontend Roadmap 2024 出來看，回到以前的 w3 自學生活。 延伸閱讀 Frontend Roadmap 2024 一路走來，要繼續成為 Sr. Frontend Dev. 似乎還有很多技能是需要補上的呀。 於是乎，只好把工作技能應用在求職生活上。 於是這一項自媒體求職的專案就這樣子展開了。( 2023 - 11 至今) 以下會用到的專案工具有： Github、VS Code、ReactJS、基礎的 Html /CSS/ Javascipt、Scrum、Agile。 所有軟體開發會應用到的大小事，想辦法一股腦地都應用在這次的 side project 專案上頭。 也就是說如果公司上沒有大大小小專案可以參與了，那我們不如就自己建立一個 project 吧！ 然後也就把 104 和 Cakesume 都一起打開吧？ 歡迎自由領去做同事喔 :D 而六個月的育嬰假，就這樣子度過了四個月，如果這次能順利重回職場，可能也要準備結束了。 (好捨不得離開寶寶 >w< !) 🔻支持打賞🔻 打賞寶寶，拜託給我一個奶粉罐罐。 :D [新增] 贊助支持方式： paypal.me/tomz12321 註1：104 連結 (每 14 天更新一次，上一次更新日期: 2024-03-12)， 如已失效煩請聯絡 tomz12321@gmail.com 。
Read more

踏入自媒體的 30 天❗️- 我有個朋友在做自媒體 - Day8

Image
Day #8 前言 30 days 的開始 踏入自媒體的 30 天❗️- 我有個朋友在做自媒體 Here we go : 默默小語 我回來了 30 days 部落格.. 上週五到這週一跑去寫前端面試考題... 沒想到一不小心就掉進了寫 code 的坑。 果然，在技術面前還是要保持謙虛，可以減少離開愚昧山丘的時間... 有空再把這次的題目和解題思路分享出來。 當然會把公司 title 碼掉就是了，哈。 回到正題。 正文開始 跨越 7,398 公里來 Coding 7 , 398 公里 的由來 // Distance from Melbourne to Taipei 對啊我是一個澳洲打工回來的宅宅工程師， 7 , 398 公里，來自於從墨爾本回來台灣的距離。 同時，我也是一個歷經環球之旅回來的網頁前端工程師。 ... (下略三千字) 從 2015 年 3 月開始，我也陸陸續續在不同城市，嘗試獨自生活了將近十年時間。 - Paris ( 2015 , March) - Amsterdam ( 2015 , April) - Taipei ( 2015 , April) - Perth ( 2015 , June) - Adelaide ( 2015 , July) - Melbourne ( 2015 , September) - Queenstown ( 2015 , October) - Christchurch ( 2015 , October) - Seattle ( 2015 , November) - Cusco ( 2015 , November) - Frankfurt ( 2015 , December) - Taipei ( 2015 , December) - Sydney ( 2016 , February) - Brisbane ( 2016 , April) - Rockhampton ( 2016 , May) - Melbourne ( 2016 July - 2021 August) 2020 年 3 月 開始的那場疫情，開始影響我們的日常生活， 也是因為這場機會，讓我開始實行了 WFH 的日常。 - Taipei 遠端 ( 20...
Read more

踏入自媒體的 30 天❗️- 我有個朋友在做自媒體 - Day7

Image
Day #7 前言 30 days 的開始 踏入自媒體的 30 天❗️- 我有個朋友在做自媒體 Here we go : 正文開始 專案執行一週了，適時地執行 retro (a.k.a Retrospective Meeting) 是很重要的。 今天要順帶介紹投放廣告的 Google Adsense 以外的 第二種形式。 1. Google Adsense 的替代品 - CPM 式廣告: Monetag 我們今天使用的 CPM 範例是 Monetag。 Monetag 的介面非常的簡單易懂。最大的優勢之一就是即刻申請，馬上就可以使用。 不用等待 Google Adsense 的審核。 首先讓我們直接來看介面吧：  Google Adsense 的替代品 2 - Monetag (Direct Link) 詳細的介紹在這邊： https://monetag.com/smartlink/ Google Adsense 的替代品 3 - Monetag (PopUnder) 當然你也可以擺放 PopUnder 廣告。 但是根據筆者的測試，使用這種方式雖然巨幅地增加了廣告點擊的 CPM， 但在 UX 上，這種廣告形式卻非常嚴重地干擾使用者體驗。 所以在流量還沒有起來之前，不建議大量使用喔！ - 什麼是 popunder? 官方的解釋是這樣的 1. A user clicks on your site page . （中譯：階段一，使用者點擊了你網站頁面的任意處。) 2. A new tab with Popunder opens in a new browser tab . (中譯：階段二，廣告會在新頁面開啟。) 3. A user checks out the ad and returns to your...
Read more

踏入自媒體的 30 天❗️- 我有個朋友在做自媒體 - Day6

Image
Day #6 前言 30 days 的開始 踏入自媒體的 30 天❗️- 我有個朋友在做自媒體 正文開始 如何開始加入一個 Coding 專案。 How to get involved in a new project？ Find a mentor - 尋找一個前輩/導師
 Get an overview - 聽前輩介紹 project 的概要
 Do a small quest - 執行一個小任務
 Have a don’t-get-stuck-rule - 別自己卡太久
 Use code review - 跟你的同事一起看 code ! 以上是我自 2020/4/30 遠端工作的時候，節錄下來的一段話。 沒想到這段話一直到現在，意外仍然受用。 而且，直到自己決定開始加入自媒體了，仍然適用。 以下會說明我自己如何利用專案背景，開始自己的自媒體世界 - 30 days 專案。 1. 首先建立一個 Github Repo ，並且開啟 Projects 分頁。 裡面可以長得像這樣：  2. 把每天思考出來的新 idea 用卡片的方式，記錄下來。 3. 然後就是專案執行 (Scrum) Scrum helps people and teams deliver value incrementally in a collaborative way. As an agile framework, Scrum provides just enough structure for people and teams to integrate into how they work, while adding the right practices to optimize for their specific needs. 4. 定時檢視自己的目標 (Milestones) 舉例來說...
Read more

踏入自媒體的 30 天❗️- 我有個朋友在做自媒體 - Day5

Image
Day #5 前言 30 days 的開始 踏入自媒體的 30 天❗️- 我有個朋友在做自媒體 Here we go : 正文開始 了解生活成本 (包含：住宿、水電、網路、食材) 這是我通常進入工作室的第一餐。 希臘式優格。 搭配堅果 ｜ 綠拿鐵 ｜ 地瓜  以下附上我的生活成本 (舉例)。 1100 通勤 (走路 $ 0 ) 1230 進入工作室 (第一餐，約 $ 150 ) // 早上的第一餐，健康飲食很重要！ 1630 寫作時刻 (第二餐，約 $ 110 ) // $ 100 ~$ 120 外食 1830 晚餐時刻 (第三餐，約 $ 250 ) // 照顧自己的心理需求－胡蘿蔔加大棒（英語：Carrot and Stick ） 2000 離開工作室 (日租，約 $ 805 ) 0030 水電瓦斯/網路計算 (每日，約$ 65 ) 我的工作一日花費：約 $1380。 (我的生存線，出現了！) 但是我的食 衣 住行只解決了三個，我接下來同樣的衣服可能要一直穿下去了。(崩潰 =口=!!!) 延伸閱讀 自由工作者有哪些?（15種接案的自由工作者) ( Youtube ) Carrot and stick ( Wikipedia ) 以上文章同步建立於 tomz12321's personal blog (有廣告版本) 無廣告好讀版： tomz12321's personal blog
Read more

踏入自媒體的 30 天❗️- 我有個朋友在做自媒體 - Day4

Image
Day #4 前言 30 days 的開始 踏入自媒體的 30 天❗️- 我有個朋友在做自媒體 Here we go : 正文開始 自由工作者的育兒 今天是勇者出新手村的第四天。 可以開始發表生活中的大小事情。 自由工作者的育兒 找到一個，進入自由工作者的楔子：首先， 了解什麼是《楔子》。 章回小說多有楔子，取意製作木柴和器械的楔子。楔子的意涵寫在篇首， 用來鋪承故事並引領讀者進入正文，是加強結構的補充說明。元雜劇中也 有楔子的應用，推測原因是限於雜劇一本四折的格局，藉此得到一種伸縮 補充的餘地。 廣告連結，不可略過 注意!! - 這是點擊式廣告連結 注意!! - 這是點擊式廣告連結 大家好，我就是我老爸會進入自由工作者職業的原因。 以下附上育兒新手村的日常作息表。 0830 寶寶起床 1230 爸爸準備要上班了 -> 前進工作室 1630 寫作時刻 2030 晚上親子時光 -> 通常這個時候，寶寶已經吃飽起來活動 0030 睡前生活補個奶 0430 (最崩潰的夜奶時段) 最後感謝新手爸爸的家人全力支援，尤其是我最愛的老婆我愛妳。Happy Wife, Happy Life! (XD) 參考資源 楔子 Wikipedia ( https://zh.wikipedia.org/zh-tw/%E6%A5%94%E5%AD%90_(%E6%96%87%E5%AD%B8 ) 接下來繼續建立自己的名聲。 以下文章同步建立於 tomz12321's personal blog (有廣告版本) 無廣告好讀版： tomz12321's personal blog
Read more

踏入自媒體的 30 天❗️- 我有個朋友在做自媒體 - Day3

Image
Day #3 前言 30 days 的開始 踏入自媒體的 30 天❗️- 我有個朋友在做自媒體 Here we go : 正文開始 在家工作的日常 今天是勇者出新手村的第三天。 首先第三件事情就是要了解什麼是在家工作。 工作效率 了解你自己的產出模式：首先， 1. 建立一個，可以延續 30 days 的生活習慣。 2. 讓工作產能問題，再度獲得解決。 3. 然後繼續以自由工作者的身份生活。 接下來繼續建立自己的名聲。 以下文章同步建立於 tomz12321's personal blog (有廣告版本) 無廣告好讀版： tomz12321's personal blog
Read more

踏入自媒體的 30 天❗️- 我有個朋友在做自媒體 - Day2

Image
Day #2 前言 30 days 的開始 踏入自媒體的 30 天❗️- 我有個朋友在做自媒體 Here we go : 正文開始 平凡不等於無聊 今天是勇者出新手村的第二天。 首先第二件事情就是要了解什麼是回歸平凡。 史萊姆 了解你出新手村的第一隻史萊姆：首先， 1. 找一隻最簡單打的史萊姆。 2. 把生活起居問題解決。 3. 然後繼續擁有自由工作者的身份。 接下來繼續建立自己的名聲。 以下文章同步建立於 tomz12321's personal blog (有廣告版本) 無廣告好讀版： tomz12321's personal blog
Read more