一起來了解 Web Authentication

前言在今年年初的時候,W3C 正式將 Web Authentication (WebAuthn) 列入正式標準,開發者可以透過 API 啟動 FIDO 2 驗證,讓使用者透過行動裝置、指紋辨識或硬體安全金鑰來登入帳號,不需輸入密碼! 雖然目前支援度還不高,但既然已成為標準,沒理由不來認識一下何謂 Web Authentication,以及我們可以如何使用。今天就一起來了解我們能如何使用 Web Authentication,增加網站安全

Read More...

淺談 Session 與 Cookie:一起來讀 RFC

前言這是一系列共三篇的文章,我稱之為 Session 與 Cookie 三部曲。系列文的目標是想要由淺入深來談談這個經典議題,從理解概念一直到理解實作方式。這是系列文的第二篇,三篇的完整連結如下: 白話 Session 與 Cookie:從經營雜貨店開始 淺談 Session 與 Cookie:一起來讀 RFC 深入 Session 與 Cookie:Express、PHP 與 Rails 的實作 在上一篇裡面,我們提到了 Sess

Read More...

記一次 Leetcode 刷題體悟 - Valid Number

前言身在大 CS 時代,可能很多人有刷題的經驗,也可能像筆者一樣正經歷刷 Hard 題的各種撞牆。但在這種撞牆的時刻,我們反而可以來觀察自己的思考方式是不是有問題,才會導致撞牆。 今天,就讓我們一起來看一題令許多人抓狂的 valid number。 題目介紹 - Valid Number題目敘述如下: 基本上就是要判斷一個字串是不是可以被當作一個數字。如果你試著去解解看這題,你可能會發現一件事,就是你很容易不斷漏考慮一些 case。但

Read More...

使用 Python 資料分析和視覺化上市櫃公司薪資公開資料

前言 證交所今(28)日在公開資訊觀測站公布上市公司申報之107年度「非擔任主管職務之全時員工薪資」資訊。藉由提升員工薪酬資訊透明度,讓摳門老闆無所遁形。 根據新聞媒體的報導 證交所公布上市公司非主管全時員工薪資,讓我們可以一窺近兩千家(853 + 733)上市櫃公司的薪資水準,也可以看看哪些公司薪資水準相對較低(順便看看各種逗趣的理由?本文 cover 圖即是將低薪公司的理由放入 wordcloud 產生器產生的圖片!),當作我們

Read More...

淺嚐 Web AR

前言近年 VR/AR 一直不斷出現在大家的視線內,雖然一直沒有什麼殺手級的應用出現,但這阻止不了開發者們的雄心壯志,尤其是 JavaScript 社群,畢竟 Jeff Atwood 說過: “Any application that can be written in JavaScript, will eventually be written in JavaScript.” — Jeff Atwood, Author, Entrep

Read More...

Medium 爬蟲進化史

前言前幾天的時候我在 Medium 上發了這篇文:Medium 中文寫作者追蹤人數排名與不專業數據分析,內文是我用 Node.js 寫了一個簡單的 Medium 爬蟲之後整理出來的數據。 在原本那篇文章裡面有簡單提到爬蟲的資料來源,但是對技術的部分沒有太多著墨。事實上,在寫 Medium 爬蟲的時候其實踩了一些坑,與其教大家寫一個 Medium 爬蟲,不如讓大家跟我一起走過這些坑,盡可能地還原我當初在寫這個爬蟲時碰到的障礙以及解決方法,

Read More...

ZOOX 自動駕駛公司面試題目

前言ZOOX 是一間做自動駕駛的新創公司,今天就來跟大家分享一下他們常出的 OA(Online Assessment)題目跟解法(用 C++ 實作)。題目出自一畝三分地論壇的分享。 題目一 - Arithmetic expression evaluation題目敘述123456789101112131415161718Write a program that takes a single line of input,representi

Read More...

如何使用 K8S 自動化定期 CronJob 抓網路公開資料

前言有使用 Linux 的讀者就知道,若是有定期需要執行的程式就可以 Crontab 把寫好的 script 透過定期的 scheduler 定期執行節省人力。一般常見的使用範疇就是定期更新檔案資料或是網路爬蟲等。今天我們則是要介紹,如何使用 Kubernetes(k8s) 的 CronJob 來自動化抓取網路公開資料(這邊我們使用政府公開資料的雨量資料 JSON 檔案),我們想要的定期執行程式的效果。好的,那就讓我們開始吧! 環境設

Read More...

46 年老技術與 Web 的新火花 - Actor Model in Web

前言在今年的 Google I/O 2019 中,@Surma, @Jake 與 @Mariko 推出了一款能在低階的 feature phone 上運作順暢的 web app - PROXX,其中利用到了 Web worker 來分擔許多 Browser main thread 中的工作,讓畫面渲染可以更順暢,也因此讓我注意到去年在 Chrome dev summit 2018 中的一支影片 - Architecting Web Ap

Read More...

理解 JavaScript 中物件的比大小行為

前言在 JavaScript 中很多行爲用其他程式語言的角度或是直觀角度來看都非常不合理。有些人知道這些行為,但不了解內部運作方式。而我自己在學習時,會嘗試了解內部的行為。了解過後,之後遇到同樣行為時,很自然的就知道某行為應該回傳什麼樣的值,而不再認為這是一顆地雷。 這篇文章要探討的是 JavaScript 在兩個物件中互相比較所用的依據為何。網路上大部分的文章都只有討論 ==, !=, === 以及 !==。這篇文章要探討的是 在兩個

Read More...