從去年就開始規劃的水肺考照團終於成行啦(歡呼

出賣教練(X

為期3+n天的考照心得就不免俗的記錄一下吧,以後推坑別人也比較方便XD

水中技能分佈(?:

高中游泳社但是不會蝶式,有浮潛過幾次,在大學的體育課玩過水肺(2m的游泳池操作過那麼幾次),基本的面鏡/呼吸管排水還記得,自認水性普通的平凡人XDD

報名機構/教練:

選擇的機構是東北角龍洞的藏水味,是揪團團主的潛水員朋友所介紹的潛水俱樂部,先說結論,課程扎實、租用的裝備還算滿新的,至少不像有些浮潛體驗給你一看就破破的裝備好很多。

學生和教練/助教的比例一直都在1:2以上,最後一天甚至來到1:1,讓人覺得異常心安,主講的大米教練也是挺用心的,對於海洋和潛水教學都非常有熱誠,就算有些動作失敗多次依舊會不斷的示範提醒你,在旁邊看都覺得溫馨(?

上課考照內容:

自習學科課本*1
自習DVD*1
學科課程*1
泳池實習*1
海洋實習*2

自習的部分,我是先看完DVD才開始看課本寫習題的,不少重點DVD都會一直重複提醒,也有些課本沒提到的一些小東西,觀念也是配著裡面的動畫比較好理解呢,唯一的缺點就是會一直安利你各種進階課程和個人裝備,有夠生火的啊!

“ 如果想使用高壓氧氣瓶,您可以進一步在PADI官網找到相關的課程進行選購以增加您的潛水技能!”
“ 挑選您個人的裝備,選擇您喜歡的造型與功能,可以讓您更加舒適的熱衷於潛水活動! ”

大概像這樣的安利手段,現在看到文字都會浮現聲音就是了XDD

小插曲:收到教材後,看著DVD覺得人生困難,自己的電腦、上班的電腦都沒有光碟機痾,到底要去哪裡弄一台外接式光碟機…然後驚覺了一件事

我有 PS4 !!

感恩sony讚嘆sony,人生第一片用PS4看的DVD就是潛水教材了,PS4的手把拿來控制DVD倒是意外好用啊

學科課程的部分,則是在大家完成自習後舉行,選擇平日晚上約3hr的長度,由教練帶著大家,複習課程重點和講解教材中五個章節的知識複習習題(教材中沒附解答,只有這時候可以對答案XD)

基本上沒有什麼太難的觀念,大部分都是環繞在人身安全和氣體如何造成人體傷害的地方,核心就是國中理化的波以爾定律吧,覺得懷念。

波以爾定律:在定量定溫下,理想氣體的體積與壓力成反比,P₁V₁=P₂V₂

泳池實習-1

泳池實習是為期一整天的課程,早上七點半在龍洞公園集合,在此特別感謝學弟大清早開車載大家的努力XD


IKEA Cafe是個好地方

很幸運的,在上禮拜拿到錄取通知,正式轉職了,決定做點紀錄,幫助自己回顧一下這陣子做了什麼、遭遇了什麼、受到了什麼協助,期待自己可以在這個嶄新的領域繼續鑽研成長下去,並且提供其他非本科還在猶豫是否要轉職的人作為參考。

從三月開始寫自傳、履歷、練習面試、練習題目等各種前期準備,共投了7家公司,得到2次面試機會,獲得1個Offer,自認這份offer對於轉行菜鳥是個可遇不可求的機會,就直接決定接受它了。

背景

生技碩士一名,待過國衛院當助理,也當過新創生技公司的研究員,發過一篇期刊文章,作為兩篇技術文章的共同作者,然後…就沒有然後了,網頁開發的主要學習是靠ALPHA CAMP的全端網路開發課程,在求職過程中也有使用到其中的Launchpad進行求職準備,並有參加模擬面試、求職聚會等相關的活動,這個部分請見下方XD

履歷

以前兩份工作的履歷都是用Photoshop製作,搭配現有模板PSD檔進行客制化,但這次因為有作品集並想增加曝光度,所以用了大家都在用的Cakeresume進行製作,基本上是無痛使用,自由度也很夠,而且可以開啟html編輯模式直接插入一些原本區塊沒有的內容,非常適合前端來使用!


分頁操作、組合url的文獻快查小插件

點我去安裝

緣起

因為新型冠狀病毒事件的關係,身為一個科科人,看著懶人包註明了參考文獻出處,總是會想要抓一下原文來看一下,沒有學術網路的加持,就只好使用校外好朋友Sci-Hub了,當然他有不少爭議啦,不過這裡就先不討論(略

痛點


在困惑的職涯中尋求方向

在Alpha Camp(下稱AC)的日子也不知不覺度過十個月了,再幾天就是畢業專案口試,趁這機會好好整理一下這段旅程,試著找回些初心吧。

看到Eason Lin我也來點播一下翼をください,願能乘著風看到更多的景色

下班看到飛機雲

緣起

一直以來,我的念書強項都是生物和化學,理所當然的,大學考了個生物相關學系,畢業後做著生技起飛的美夢來到中研院唸碩士繼續往基礎研究發展,在運氣不錯的發了篇paper之後,歷經兩年的助理職涯,來到了業界的新創公司負責基因編輯的工作。

一切都看似穩穩的過,但因為一些事由(略)的到來打破了這一切,開始對自己僅有的技術感到缺乏,對職涯的發展感到困惑,對未來感到不安,開始了想要學習新技術、轉換跑道的念頭。

四月底~五月底:淺嚐網頁開發為何物

一邊思考著“我學得了程式嗎?”、“如果學會了是否有機會轉職呢?”這樣的情況下,半推半就的幫自己報名了AC學期一,開啟了白天上班晚上上課的忙碌日子,想想其實也滿感謝十個月前的自己的,畢竟這十個月走來,大概也是出社會以來最有成長幅度的時段了,甚至有種

出了社會後還可以當學生其實是挺幸福的事呢(茶

那$3000如果沒有用在AC上面,現在大概已經化為某款遊戲大作了(?

也因為在學期一體會到了所謂學習的樂趣,加上對於後面課程內容的好奇,就一頭栽下去了呢。

學期一的當時心得可以看這裡 👈

六月~八月:操控所見的前端技術

濕熱的夏天來臨,五月的空窗期在東摸西摸的自學中就默默度過了,緊接著就是再度回到課堂上繼續學習那些未知的新事物,隨著份量與難度的提升,不再是當時學期一那讓人輕鬆愉快的內容了,但反之那跨越層層課題高牆後的成就感也一一化為繼續前進的推力。

甚至是後來作業寫不夠(?,在後端技能尚未接觸前的時候,硬是用前端幫公司弄了個耗材記錄系統,現在看看還真是慘不忍睹(艸)

而在學期二的期中,當時的職涯也出現了個不小的風波,更加強化了希望可以轉換產業的期許。

最後的期末考,也是在始於惶恐,終於滿足的情況下完成的,就毫不猶豫的報名下學期了。

學習二的當時心得可以看這裡 👈

八月~十月:構思後端功能

來到學期三,進入後端的課程,開始學習所謂MVC架構與資料庫的設計,從原本的手工刻出一個頁面進入到要如何刻出一個功能,更有了在寫程式的實際感,同時在工作份量炸裂之餘,迎來了更多的課程份量與作業,每天回家就是埋頭拚進度到凌晨,六日喝著咖啡寫整天呢。


模型電商網站的臨摹與再製

※本篇內容不涵蓋鍊金術教學

這篇是在Alpha Camp學習全端網頁開發課程,最後的畢業協作專案的紀錄文,在Demo前紀錄一下在這個專案中自己做了什麼、學到了什麼的心得文。

想看專案可以點這裡 👈

緣起

隨著十個月的全端網頁開發課程來到了最後,畢業專案也隨之啟動,從最後一學期就開始磨合的小隊終於來到最後一戰了,我們這組一開始就選定了「電商」類型的題目,而內容則是在我提出的電玩租借和模型電商之間稍微猶豫了一下下,最後在一陣分享之下有了共識:

一來我們希望這個專案的前端UI、UX能有不錯的體驗,在有限的6週內,拿個我們喜歡的網站當臨摹並加以優化感覺會是個好方法。

二來我一開始設想的電玩租借服務會類似蝦皮的概念,每個買家也都是賣家,再加上網站管理員,user story似乎相較於模型電商會更為發散。

然後我就被說服了XD

協作模式

由於和兩位愉快伙伴在學期中有協作過simple twitter的經驗,但是本次專案的規模較當時大不少,亦有使用者故事、路由規格與wireframe需要自己來的情形,故將當時的協作模式做了點強化來進行。

進度管理

進度管理是使用Trello來做追蹤,主要是分為需求看板、進行看板與各個sprint的看板來分類,每個禮拜在經過討論後,依照這禮拜的進度重點將事前開好的user story逐條寫成需求卡,擺至需求看板上,大家按照自己想做的功能自由認領、標記頭像後移至進行看板,依照準備中>進行中>待Review>待Merge的kanban方式往下走,最終在這張需求卡完成後移到當時的sprint看板來結束它的一生。


這是內建動力管理機制的一款遊戲XD

我絕對不是因爲新垣結衣才買的 / source: 官網

我的情況

我自己屬於日常生活中會常態節能的懶人,平時上班能坐就不站,能走就不跑,假日能耍廢就耍廢,出門打個pokemon go頭目戰就覺得這禮拜運動量已足夠,某次被學長姐拖去健身房健身房重訓一次就痠痛三天,覺得本季運動量已經大滿足的廢人一名(?

但是健身環大冒險這個讓我每天都爆汗的遊戲居然可以讓我連續遊玩十天,昨天下班的第一件事想法居然是:

回到家就先來個健身環吧!

怕爆,這遊戲對我做了什麼事,非常的不可思議啊XDD


主管問了我這問題,所以就順便寫一下(?

我有三個架構一樣的分頁,但是裡面的內容數據不一樣,我要怎麼辦同時新增幾個不同地方的欄位,但是又不會動到數據?

以上是來自主管E的提問

這個時候就要用上excel的一個叫做資料組的功能了

先開啟三個分頁

我們的目標是要讓工作表1的操作都同步到工作表2工作表3裡面


其他優化

前兩篇在這裡:

[Node.js實作] 幹話產生器-1

[Node.js實作] 幹話產生器-2

未選擇的防呆

現在的index.handlebars中,設計師的radio標籤還寫著checked,導致每次按完按鈕都會繼續選著設計師。

<input class="form-check-input" type="radio" name="target" id="designer" value="designer" checked>
^^^^^^^拿掉
<label class="form-check-label" for="designer">設計師</label>
炸裂

因為沒有選擇職業,可以藉由console.log(res.body)看到res.body是空的{}所以後續的task[job].length會找不到該屬性導致整個卡住。

解決方法則是在gibberishGenerator(userPick)最前面多一行判斷式,若res.body不等於三個職業的時候,就直接return錯誤訊息,就可以略過後面的幹話產生式了。

if (userPick !== 'engineer' || userPick !== 'designer' || userPick !== 'entrepreneur') {return '你還沒選擇對誰說幹話喔XD'}


建置網頁畫面與功能實作

前一篇:[Node.js實作] 幹話產生器-1

main.handlebars

</head>前引入bootstrap CDN與FontAweomse CDN

</body>前引入bootstrap相關script

<body>中加入navbar

index.handlebars

加入卡片模板,把外觀大致刻一下…

把產生幹話的地方先寫為身為一個{{target}},{{task}},{{phrase}}

這樣等等可以用js return這三個參數來構成一句幹話。

切版好難(艸)

如果把「對他說幹話」的按鈕按下去…


環境設置

順手紀錄一下運用Node.js和express製作一個幹話產生器的過程XDD

$ mkdir gibberish_generator //產生專案資料夾

$ cd gibberish_generator //移動到專案資料夾中

$ npm init -y //安裝npm並將安裝選項全選為yes

$ npm i express //安裝express

$ npm i express-handlebars //安裝express-handlebars

$ npm install -g nodemon //安裝nodemon(選擇性)

$ code . //在Visual Studio Code中開啟專案資料夾

於Visual Studio Code中新增相關路徑與檔案

/node_modules.DS_store //macOS才需要

專案根目錄/views/layouts

專案根目錄/views/main.handlebars

main.handlebars用於整體網站排版佈局
將基本的html架構帶入
在body中加入{{{body}}}main.handlebars進行置換

並進行基本設定

於終端機下啟動

$ nodemon app.js

成功啟動應會於終端機顯示

[nodemon] 1.19.1[nodemon] to restart at any time, enter `rs`[nodemon] watching: *.*[nodemon] starting `node app.js`Express app listening on port 3000.

TomatoSoup

世界並不美麗,但也因此美麗無比

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store