Tagged

JavaScript

A collection of 44 posts

我要學會 JS(二)：基本運算與結構
JavaScript,  程式

我要學會 JS(二)：基本運算與結構

來到 JavaScript 系列的第二篇，介紹 JS 在運算子、選擇結構和函式跟別人不一樣的地方。

我要學會 JS(一)：JavaScript 簡介
程式,  JavaScript

我要學會 JS(一)：JavaScript 簡介

JavaScript 是個優質的語言，當年開發它的工程師只花了十天就設計完了，過了二十幾年在前端仍有不可或缺的地位。這系列的文章會帶大家入門 JavaScript，望大家早日入坑，以一個語言就能寫完前端、後端、資料分析、機器學習、視覺化等各式各樣的作品。

WebAssembly 已經可以跑 Windows 2000 作業系統了
JavaScript,  WebAssembly,  HTML5

WebAssembly 已經可以跑 Windows 2000 作業系統了

這年頭前端真是太不可思議了，已經實現把 Windows 2000 丟到網頁上跑了，還有什麼是不可能的？

ndb：使用 Chrome DevTools 來除錯你的 Node.js
JavaScript,  Google,  Chrome,  程式

ndb：使用 Chrome DevTools 來除錯你的 Node.js

ndb 是最近 GoogleChromeLabs 開源的一個套件，讓你能夠在 DevTools 上除錯 Node.js。

WebAssembly 是什麼？以後會取代 JavaScript 嗎？
JavaScript,  WebAssembly,  C 語言

WebAssembly 是什麼？以後會取代 JavaScript 嗎？

WebAssembly 已經吵了幾年了，到底它在前端有什麼應用？以後 JavaScript 工程師都要失業了嗎？

ESLint：檢查 Code Style 的好工具
JavaScript,  程式

ESLint：檢查 Code Style 的好工具

跟團隊一起工作，卻每個人都寫出不一樣的 Code style 嗎？或是初學者剛開始寫 Code，會一下子用 tab 一下用 space 之類的。這時候找個 Code style 檢查工具會是你的好幫手。

前端開發的三個好工具：該怎麼 Debug、上線要放哪？
程式,  JavaScript,  HTML5,  網路

前端開發的三個好工具：該怎麼 Debug、上線要放哪？

每次寫前端的時候都是用直接點兩下 html 檔案，用瀏覽器開啟嗎？寫完之後都不知道要丟到哪個空間嗎？這邊提供我平常寫前端會用到的幾個工具。

透過 Ajax 在不換頁的情況下提升作品質感
JavaScript,  程式

透過 Ajax 在不換頁的情況下提升作品質感

不管你是用 PHP、JSP（Servlet）還是在寫純 HTML，如果你還在寫單純的 a 連結的話，你會發現你每次點下去都會跳到新的頁面。要怎麼點下去跑出 loading 動畫，然後顯示新的資訊呢？

高雄市 1999 市政儀表板：用 Open1999 開放資料做視覺化
程式,  JavaScript,  視覺化,  Hackathon,  開放資料

高雄市 1999 市政儀表板：用 Open1999 開放資料做視覺化

高雄市的 Open1999 開放資料算是很友善的了，不僅有 API 可以拿 JSON 欄位，也支援 https 請求。最近參加了高市府（2018）的比賽，把 1999 的派工資料做了一些整理。

Moment.js：時間處理、驗證、格式化的好幫手
JavaScript,  程式

Moment.js：時間處理、驗證、格式化的好幫手

你知道 JavaScript 要怎麼把時間格式化成標準格式或其他格式嗎？這篇文章先帶你用 Date 物件走一次，後半段再推薦你 moment.js 這個優質套件！

tfjs-node：Node.js 版本的 TensorFlow
JavaScript,  TensorFlow,  機器學習,  Google

tfjs-node：Node.js 版本的 TensorFlow

不久前 Google 發表了 TensorFlow.js，終於把 TensorFlow 帶到瀏覽器上，不過對 Node.js 仍然不支援。現在 Google 終於把測試版本的 TensorFlow 丟到 npm 上了！

Web 視覺化(三)：在 Google Maps 中加入行政區邊界
JavaScript,  視覺化,  網路,  程式,  Google

Web 視覺化(三)：在 Google Maps 中加入行政區邊界

在學會操作基本 Google Maps 以後，再來是如何把行政區邊界加進地圖裡。這篇會透過政府開放資料的行政區邊界，把 GeoJSON 格式讀進地圖裡。

架設 Ghost：使用 Markdown 的部落格平臺
JavaScript,  軟體,  網路,  http

架設 Ghost：使用 Markdown 的部落格平臺

除了 WordPress 以外，Ghost 也是一個迅速竄起的平臺。系統本身使用 JavaScript 撰寫、使用者只要用 Markdown 就可以寫文章。

Web 視覺化(二)：使用 Google Maps JS API 建立地圖
JavaScript,  程式,  網路,  視覺化,  Google

Web 視覺化(二)：使用 Google Maps JS API 建立地圖

除了建立長條圖等圖表，如果是有經緯度資料的，通常都會選擇用地圖來呈現。Web 上的地圖應該只有 OpenStreetMap 和 Google Maps 兩大宗，這篇則選用 Google Maps 來講解。

Web 視覺化(一)：使用 Chart.js 輕鬆建立圖表
JavaScript,  程式,  網路,  視覺化

Web 視覺化(一)：使用 Chart.js 輕鬆建立圖表

要有酷炫的動畫，還是要有酷炫的圖表？這一系列的 Web 視覺化教學並不會強調做視覺化（Data Visualization）時該強調哪些維度的資料、選什麼圖表才易讀，但會試圖找一些好上手的套件來做 Web 上的視覺化。

用 JS 做語意分析是不是搞錯了什麼(一)：斷詞篇
機器學習,  語意分析,  程式,  JavaScript

用 JS 做語意分析是不是搞錯了什麼(一)：斷詞篇

身為一個 JavaScript 愛好者，實在是不太喜歡大家都在 Python 上做 Machine Learning；恰好近期 Tensorflow 也開始支援 JS，想必會興起一股熱潮吧？