Devcker天天踩坑

因為公司有補助健檢的關係，所以第一次做外面的健檢,上次健檢已經是一年以前當兵的健檢了，分享一下這次健檢的經歷

基本上裡面的護理人員很親切，整個過程很順暢，我還以為會跑來跑去，結果坐在裡面的時間還比較久，每個項目都滿短的，做一下就出來了

因為是公司補助的健檢，所以要去檢查的一個禮拜以前，公司會發一袋東西，裡面包括採集糞便的東西，還有就是一些資料要填

到了當天之後，由於我是早上的，所以大概八點半以前就要過去報到開始做檢查，到了現場之後就是開始給資料，然後會要你穿上他們的衣服

第一站我記得是抽血，上次抽血已經是當兵的時候了，所以有點緊張，還好醫護人員很親切，抽完血之後就是開始量身高體重然後一些體脂，X光之類的項目

大概幾個項目做完他會請你去用餐，菜色我覺得很不錯，有菜有肉跟一個活力飲料，活力飲料好像是依照每個人身體去調整的

吃完餐之後一樣就是等待檢查剩下的項目，等的時間還滿久的，還好是可以帶手機出來，不然可能會很無聊在那邊坐著

整個檢查完成之後，會請你去把衣服換回來，然後就會有一個醫生來講解你今天檢查的結果，要少吃糖阿，還是哪邊數值太高要注意，或者如果不改善可能會引發一些疾病之類的，就是大概這些的建議

講解完之後就是去櫃台結帳了，這邊結帳是可以刷卡的，這點對我來說真的滿方便的，然後會把你今天檢查的資料放在信封裡面給你，詳細的資料過幾天會寄到你之前在資料裡填的地址

整體下來大概從8點到11點20分左右，差不多一個早上就過了，我覺得很滿意，如果明年健檢也是這間的話可能會多檢查一些項目

常常在開發瀏覽器插件時會遇到一個需求就是，要在頁面script開始前先執行自己的程式碼，這問題看似簡單，但寫完會發現因為會在一開始執行，所以整個dom都還沒讀完，所以導致找不到可以插入的點

我也有試過用document.appendChild之類的方式，但這個會直接噴錯，看起來是不允許這樣做，但是指向document.body或document.head會跟你說他找不到，因為他根本還沒建構這些dom

後來找到了這個解法，其實這解法之前就有用到，只是最近又遇到了所以就寫個文章來記錄

之前寫的文章: 在瀏覽器插件中實作關閉網頁 alert confirm prompt

以下就是解法

1
2
3
4
5

const script = document.createElement("script")
script.textContent = "要插入的程式碼"

// 主要就是這段
document.documentElement.insertBefore(script, document.documentElement.firstChild  null)

使用標籤除了可以讓我們更清楚收進來的網頁有哪些屬性之外，他還有一個功能就是可以當作一個捷徑

以我的書籤為例，部落格是一般的書籤資料夾，後面兩個是一般的書籤，而常用就是我的其中一個標籤，我把常用這個標籤拉出來當作捷徑

這樣的話即使標籤內的書籤在不同的資料夾，我都可以一次整理起來放在一個資料夾，而且不需要重複去新增書籤，只要來源的書籤有更改，標籤捷徑內的書籤也會被更改

這個方法適合會分類書籤到各個資料夾但是常常要找的時候要找一下的人，我認為這樣的方法是很方便的

另外就是你也可以不建立書籤的資料夾，全部用標籤來管理也是很不錯的選擇

實際操作

先點火狐瀏覽器右上角的三條線選單>收藏庫>書籤>最下面有一個顯示所有書籤直接點下去

會開啟一個管理書籤的小視窗

然後去選擇你要加標籤的書籤，我這邊用PTT為例

在標籤那邊輸入你要加的標籤名稱然後加上逗號，或是直接點右邊的下箭頭開啟他的選取列表也可以

像這邊我對PTT新增了三個標籤，這三個標籤的資料夾裡面都會有一個PTT，像我現在要在書籤工作列上面顯示常用跟新聞的話，我只要到旁邊的標籤上面按右鍵選複製，然後到下面的書籤工作列按貼上，就會出現在書籤工作列上了

這樣就大功告成了，這樣我只要去開常用或者新聞都可以找到PTT而不用開兩個資料夾然後把PTT加兩次

這是我整理Firefxo書籤的方法，有這需求的也可以試試看喔，另外我之前也有寫過Firefox的瀏覽器插件推薦，也可以去參考看看

自己常用firefox附加元件推薦

手機板firefox插件推薦

分享一下自己在今年有出金且比較好做的問卷網站，大家可以參考看看，順便當成之後推坑朋友的懶人包，列表中介紹的幾乎都是paypal出金，所以可能需要去辦一個paypal帳號

YOUGOV

這個問券網站是香港的網站，出金是寫港幣但是真正轉過來是台幣，以下付出金的截圖

這網站的問券數量不算多，就算你把他的問券頻率調到越多越好，大概一個月多一點可以收到四次，少一點就只收到一個問券

但是會推這間不是沒原因，因為他問券很好填，都是問一些簡單的問題，不像其他問券網站會問一堆有的沒的，基本上１０分鐘內都能解決，我認為是很友善的問券網站

另外他是5000點出金一次，出金一次150港幣，我最近一次都到是用台幣550轉PAYPAL給我，每次都有做的話，大概半年到一年可以出金一次

如果有興趣可以用我的推薦連結註冊帳號開始使用

YOUGOV網站連結

LifePoints

這個網站看起來是一家英國公司，我推薦他的原因是因為他問券數量很多，而且出金門檻很低，平均都有做的話，一個月可以出金一到兩次或以上

附上他的出金截圖

他的出金門檻是180點可以換150台幣，平均一個問卷就會給30點數，這家也是我最常出金的網站，非常好用

LifePoints官方網站

surveryon

這家一樣是國外的問券網站，出金程度僅次於LifePoints，一樣問卷數量多，出金門檻是20000點一次可以換2美金

這家的獎勵就沒LifePoints好，但是問券數量多，所以一樣也是大概一個月可以出金一次

平均一個問卷20004000左右，所以大概做完68個問券就能出金，一樣是很推薦的一個問券網站

surveryon網站連結

Toluna

這個網站很久以前是我很喜歡用的問券網站，但最近幾個月用下來，他問券數量變少，加上好像很多人知道這網站，所以常常下班來填問券就會跟你說問券數量已經額滿，或是問券填一填容易就是不是他們要找的客群，所以填的問券很容易失敗

但這家依然是推薦的，原因是他出金門檻不算高，可以多少賺一點，加上他不時會辦一些活動可以抽點數，我覺得他在社群經營上這點還不錯

以下是他的出金截圖

他的出金門檻是16320點可以換台幣200塊

這家我比較推薦給學生或平常比較有空可以賺零用錢的人，上班族的話就像我上面說的，一回家打開要填的時候，常常就會已經額滿

如果有想要開始賺這家網站的零用錢的話可以用的我推薦連結註冊喔!

Toluna網站連結

Rakuten Insight

台灣樂天的填問券服務，跟以上幾家不同的是，他的出金是直接匯到你的戶頭，而不用透過paypal

問券數量中等，問券也算好填，他的出金門檻是2000點換台幣200

加上他是直接匯到你的戶頭，還不用申請玉山的戶頭跟省下paypal轉到玉山帳戶的手續費，我認為這是他最大的好處

然後他有另一個出金方式是直接轉成台灣樂天的點數，最低500點就可以轉換成50點樂天點數，然後台灣樂天點數還能轉換成日本樂天點數

然後日本樂天點數可以用R PAY去mora或onkyo換歌，根本就是完美combo，這也是目前主要用他的原因

Rakuten Insight網站連結

之前在mora買了歌之後，一直忘記把日本樂天的信用卡刪掉，我個人是習慣不留信用卡在網路上，但是第一次找的時候因為選項太多,所以找了一段時間，所以我乾脆寫一篇文章防止自己忘記，畢竟日本樂天的個人資料頁面資訊量有夠多

首先先進到個人資訊頁面 https://my.rakuten.co.jp/?l-id=top_normal_myrakuten_account

然後點下面的按鈕，會進到編輯自己資料的頁面

然後選擇這個選項的按鈕，這邊是確認或變更信用卡的頁面

進去之後就會顯示你目前的信用卡，在你要刪掉的卡的右上角有一個按鈕，按下去

進去之後往下滑，會有一個地方要你打密碼，打完密碼之後直接點下面的按鈕

按下去之後他就會跟你說你的信用卡資料已經刪除了，到這邊就完成了

今天來推薦B’z的C’mon這張專輯，這張是上次日本海外代運主要想買的專輯之一，自從被B’z燒到之後，就一直找串流有沒有B’z可以聽，結果都沒找到，好像是因為唱片公司授權的問題，所以當然只好收專輯了

對日本海外代運有興趣的可以參考我之前寫的這篇文章 第一次用樂一番買日本專輯 流程跟心得

專輯圖片

曲目

1. C’mon
2. さよなら傷だらけの日々よ
3. ひとしずくのアナタ
4. Homebound
5. Don’t Wanna Lie
6. DAREKA
7. BOSS（ボス）
8. Too Young
9. Pilgrim（ピルグリム）
10. The ‧ Meister（ザ・マイスター）
11. Dead End（デッドエンド）
12. 命名
13. ultra soul 2011

以上曲目擷取自Wiki

分享

這張最喜歡的歌應該是Too Young，稻葉的唱法真的會讓人著迷，每次聽到他在吼心情機會激昂起來，這可能也是我喜歡B’z的原因之一

Too Young

這首在youtube上找不到，都只能找到別人翻唱的，如果想聽的朋友建議可以入手這張專輯聽聽看

ultra soul

說到B’z就會想到這首，hey hey hey的ultra soul，竟然這張有這首就來推一下

結論

打從被B’z燒到好像只能注定買專輯了，不管是串流還是數位的，不是沒有上串流就是只有賣320k的版本，如果mora上有hi res版的話，我還真想直接都買下來

這張現在買二手也很便宜，不管台灣還是日本都找得到賣家

AMAZON JP: C’mon

日本樂天: C’mon

40mP / 少年と魔法のロボットVOCALOID BEST ，NEW RECORDINGS，這張會想買是因為最近在玩ns的初音Mega39，在裡面有聽到巨大少女跟妄想スケッチ，覺得很還念

台灣這邊代購都比較貴一點，所以我就趁著轉運的時候，也一起把它買回來，對這過程有興趣的可以參考之前寫的文章

第一次用樂一番買日本專輯 流程跟心得

專輯圖片

曲目

1. 少年と魔法のロボット(Album Edit Ver.)/ 40mP feat.GUMI
2. Melody in the sky / 40mP feat.初音ミク
3. Step to you / 40mP feat.初音ミク
4. 巨大少女 / 40mP feat.初音ミク
5. ジェンガ / 40mP feat.初音ミク
6. トリノコシティ / 40mP feat.初音ミク
7. 妄想スケッチ / 40mP feat.初音ミク
8. キリトリセン / 40mP feat.GUMI
9. 夢地図 / 40mP feat.GUMI
10. からくりピエロ / 40mP feat.初音ミク
11. シリョクケンサ / 40mP feat.GUMI
12. ドレミファロンド / 40mP feat.初音ミク
13. 春に一番近い街 / 40mP feat.GUMI
14. 東京の真ン中で寝転ぶ(新曲)/ 40mP feat.初音ミク
15. 千年橋と影法師(新曲)/ 40mP feat.初音ミク
16. コトバのうた(新曲)/ 40mP feat.初音ミク、GUMI

全16首

分享

最主要原因就是在Mega39上玩到幾首比較懷念的歌，所以就乾脆直接收實體專輯

不過說真的裡面幾乎都是我學生時代會去nico找來聽的歌，現在又聽到真的有種說不出的熟悉感，這次買這張也算是撫平了那個時候沒有錢支持作者的遺憾了

個人感想

挑幾首自己比較有感觸的出來分享一下

妄想スケッチ

這首是我在這張專輯內最喜歡的歌，從以前學生時代就很喜歡這首，其實這次會買這張有很大原因也是因為這一首，這首mora也只有320k，在spotify也找不到

巨大少女

這首對我來說也是非常經典的懷舊歌，這次Mega39也有收錄，也是勾起很多回憶

結論

這張專輯讓我勾起很多回憶，也讓我之後也會想收一些vocaloid的專輯，這張專輯的音樂應該都能在youtube上聽到，所以想買來收藏的台灣代購有看到幾個在賣，覺得太貴就直接跟我一樣從日本的管道下去找吧

Amazon JP: 40mP / 少年と魔法のロボットVOCALOID BEST ，NEW RECORDINGS

日本樂天: 40mP / 少年と魔法のロボットVOCALOID BEST ，NEW RECORDINGS

今天來推薦彩音的ARCHIVE LOVERS這張專輯，會想收這張專輯不外乎就是因為龍刻の彼方へ這一首歌，很久以前在youtube上聽到之後，就一直想要收個專輯來聽無損的版本，所以來推薦這張

不過想收這張專輯，台灣卻根本就沒有人在賣，於是只能直接去日本買運回來台灣，想知道這部分的可以參考之前的代購文章

第一次用樂一番買日本專輯 流程跟心得

專輯圖片

背面還印有一個彩音穿著制服的照片

曲目

1. ORANGE
2. Private place
3. アカシアの木の下で
4. After Rain
5. ARCHIVE LOVERS
6. そよ風のシルエ
7. Film Makers
8. コンプレックス・イマージュ
9. To the Moon
10. 龍刻の彼方へ
11. 嘆きノ森
12. カカシ[orchestra version]
13. ロマンシングストーリー

上面的曲目是截自維基，但寫完的時候有發現好像跟我這張專輯的曲目順序不一樣ＸＤ

分享

這張我買來之後才知道這張原來是他第一張專輯，加上年代久遠，難怪沒有什麼人在賣這張的二手

這張裡面我最推_龍刻の彼方へ_這一首，畢竟我就是衝著這一首來買的，直接放下去聽之後，的確無損的版本真的有比較好聽，一些延伸跟真的不枉費我跨海買了這張專輯

其他首特別喜歡的還有_コンプレックス・イマージュ_跟＊ロマンシングストーリー＊

個人感想

這邊就挑自己比較喜歡的三首來分享一下自己對這幾首歌的感覺

龍刻の彼方へ

這首是我買這張專輯的原因，喜歡這首不外乎就是被第一句的力道感動到，從第一句開始那情感真的感覺得出來，整首歌有一個很深的韻味，我個人真的很喜歡這種感覺

應該說這是彩音聲音的特色，有一個強烈的渲染力貫穿整首歌，我真的很喜歡這首歌

コンプレックス・イマージュ

這首在這張專輯內，是比較輕快的一首歌，這首我是享受在轉音的時候那種高亢感

ロマンシングストーリー

這首跟コンプレックス・イマージュ喜歡的理由一樣，輕快但是在轉上來的時候有一種高亢感

結論

真的衝著龍刻の彼方へ是正確的選擇，整張我都很喜歡，這張MORA其實也有賣，但只有賣320k的aac，所以我就還是上實體專輯了

喜歡這張的話，日本Amazon應該都有貨，可以上去碰個運氣

AMAZON JP: ARCHIVE LOVERS

日本樂天: ARCHIVE LOVERS

分享一下個人在學習JS的時候會用到的網站，因為我身邊有時候都會有人想開始學JS所以乾脆寫一個筆記，紀錄一下我常用的網站跟查資料的地方，然後直接丟這個網站給朋友，一來省事而且也不怕自己忘記

之前也有寫過自己前端的書單也能參考一下

個人學習javascript用的前端書單

YDKJS(You-Dont-Know-JS) 你所不知道的JS

如果是以前有想入門JS的朋友，我一定會叫他去W3C或RUNOOB之類的網站先看語法，但之前找到這個真的覺得這個佛心來的，教學有夠詳細，現在入門真心推薦直接丟這個看，不過缺點就是只有英文版，但去GOOGLE一下應該可以找到翻譯過的版本，但就不一定是最新的版本就是了

另外他也有賣實體書，台灣這邊也有賣翻譯過的版本，如果覺得不錯或真的找不到翻譯過的版本可以買來看看

Github: You-Dont-Know-JS

中文版實體書

目前找到的一共有三本

你所不知道的 JS：導讀，型別與文法

你所不知道的 JS：非同步處理與效能

你所不知道的JS：ES6與未來發展

ES6標准入門

一樣是有出書，但是線上就能看到全部內容的佛心作者，我都直接把這個當作是es6的文件來看，這個也是我會請朋友看完YDKJS後來這邊大概掃過一遍的好網站，另外就是想查ES6的語法也直接會來這邊看，即使現在對ES6略有掌握了還是會不時來看一下

官網連結

實體書: ES6標准入門

W3C School

只要是寫網頁的應該很難沒看過這網站，只要隨便查個html或跟dom相關的語法都會出現這個網站，跟html或css有關我都會叫朋友先來這邊看看支援的attr或一些事件

英文網站 中文網站

MDN web docs

免費網站，跟網頁有關的資料在上面都有，還有專門給入門者看的教學，這邊最方便的應該是查一些跟dom操作或者是一些很少用的api，他的範例都非常的完整，甚至一些polyfill都直接放在上面，另外還會寫這個API對各瀏覽器的支援度如何

而且隨便查個語法，搜尋結果也都會出現這個網站，雖然說網站的中文翻譯還不是很完整，但我覺得非常夠用，甚至你也可以幫忙翻譯，有點算是面向前端的維基那種感覺

MDN web docs

iT邦幫忙

這網站應該是在台灣寫程式的人都會滿常看到的網站，上面的鐵人賽文章很適合上班無聊或平常學習的時候上去刷一遍，另外上面也有可以問問題的地方可以求助，但記得問問題前先自己爬過文喔

iT邦幫忙

掘金

掘金是對岸的技術論壇，討論熱度也是非常高，假如iT邦幫忙的文章都刷過還不過癮可以來這邊繞繞看，掘金上面的文章也是很不錯，很好消耗上班時間

掘金

TechBridge 技術共筆部落格

這個網站是一群工程師在維護的網站，之前使用的時候是只要輸入email就會訂閱他們的服務，每個禮拜都會寄一封信到你的信箱，他們會收集國內外一些有深度的技術文章，以及一些滿有趣的深度解析，我自己也已經收了一年多的信了，每次看到的文章我都覺得很有營養

只是目前好像改成要註冊他們的會員才能收到信的樣子，但他有支援社群跟Github登入，我就直接用Github登入了

TechBridge 技術共筆部落格

caniuse.com

caniuse是一個查詢瀏覽器相容性的網站，這個根本是前端必備，特別是你還需要支援那個該X的IE的時候，就會很方便，有不支援的時候趕快找polyfill或換一種做法，再來就是使用新的語法的時候可以看看是不是大部分瀏覽器都已經實作，雖然跟入門沒啥關係，但我覺得前端必備，一定要記起來這個網站

caniuse.com

結論

這些內容都是我會直接丟給我其他想入門或想學的朋友的網站，這樣整理下來，以後我就能直接丟這地連結給他們看了，也是省了我不少功夫

然後像stackoverflow之類的網站我就不放上來了，那些已經是當前端一定會找到的網站，不能說必備，應該說依賴了XD

在原價屋買AMD RYZEN9 5950x送的滑鼠墊,感覺還不錯,丟上來讓大家看看它的全貌

外觀大概長這樣

拿出來之後長這樣

整個展開之後大概長這樣，跟Swicth相比大概有3.5個Swicth那麼長