Posts

踏入自媒體的 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:...

踏入自媒體的 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 歡迎前端工程師們撿去加好友,讓我們一起來探索前端這個新興職缺!

踏入自媒體的 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 ] 喜歡的話,隨便找個專案給顆星。 也祝各位還在求職海的面試者們,能夠順利上岸回到工作崗位。

踏入自媒體的 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 成為當今主流瀏覽器最廣泛使用和實現的語言規範基礎。...

踏入自媒體的 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...

踏入自媒體的 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 ] 喜歡的話,隨便找個專案給顆星。