戰略紀錄

API，全名叫做 Application Programming Interface，維基百科上的中文翻譯是：「應用程式介面」。這是一個你可能聽過很多次，但從來沒有理解過的東西，常常聽到工程師說著：「串 API」，但還是不知道 API 到底是什麼。 我原本以為在網路上有關 API 的參考資料已經有很多了，應該可以讓初學者理解什麼是 API。但根據我學生們的心得，好像還是有點困難，只好自己跳下來寫一篇，試著來挑戰這個主題，希望寫出一篇淺顯易懂的 API 介紹文。 如果你問我什麼是 API，我會跟你說：「API 就是拉麵店的販賣機」，所以在切入正題之前，我們要先來研究一下日本拉麵店會出現的販賣機。 (more…)

前言 : 以下內容皆使用Weka 3.8.2去做演算法的分析，並且文章會根據分群分析、分類分析，按照這個排序分成兩大部分做探討。 兩個部分皆採用兩種不同類型的Datasets ，「現有Dataset」與「創意Dataset」；此外，每一個Dataset都會用兩種屬於該分群分析或分類分析的演算法。 分群分析會使用的演算法為① K-Means(K-平均法)與② Expectation Maximization, EM(期望最大化法)；分類分析會使用的演算法為① Decision Tree(決策樹)與② REPTree(快速決策樹)。 (more…)

網站搜尋迷思：我的網站已經改好了，上網看看結果吧！ 其實這裡有一個蠻重要的觀念，影響網站排名的結果，有兩個重要的因素 時間 內容 可能有些人會以為網站一修改完或是新的網站上線，馬上就可以被搜尋引擎找到，但是其實Google是靠著自動爬蟲機器人去爬去網路上的數十億的網站，縱使他的動作在快，效能再強，都會需要一定的時間，有時快則兩三天，慢則三至六個月都有可能，快或慢會根據不同的情況而決定。 (more…)

前言 在這個網路越來越發達的時代，大家每天都在上網，使用瀏覽器查詢資料、看影片、購物等等，都與網頁有關，當你在使用時，你有沒有想過網頁也有區分為靜態網頁以及動態網頁呢，可能會有人覺得動態網頁就是在頁面上有動畫，會動的就是動態網頁，而頁面靜止，不會動的就是靜態網頁，其實不然。以下內容我們將介紹何謂動態網頁以及靜態網頁，讓你可以更加了解平時所使用的網頁喔。 靜態網頁 在了解動態網頁以前，也需要先了解靜態網頁究竟是什麼，這樣才能夠真正搞懂靜態跟動態究竟差在哪裡。 超文件標示語言HyperText Markup Language，簡稱：HTML，HTML是網站建置的基礎技術，常與CSS與Javascript配合成一個適合觀看的網頁，讓瀏覽器去讀取，一般判斷方式為網頁副檔名為html或htm皆為靜態網頁，靜態網頁的優勢為容易為搜尋引擎所接受，所以很多動態網頁會將動態網頁轉變成靜態方式，就是所謂的【偽靜態網頁】來提高搜尋引擎的友善度達到排名優化的成效。 當用戶瀏覽器通過HTTP協議向Web伺服器請求提供網頁內容時，伺服器僅僅是將原先的HTML文檔文檔傳送給用戶瀏覽器，用戶看到的內容是標準的HTML文黨的內容，可能在另外加上GIF格式的動態圖片或是Flash動畫等等，如果想更改網頁上的內容，就必須手動更改HTML文檔。 (more…)

前言 對於使用者而言，當你在開啟一個網頁時，如果需要等上一段時間，或是每次在開啟某個網頁時就是比其他網頁來得慢，那麼你是不是下次就會不太願意再來造訪這個網頁了呢。那麼為什麼有些網頁的開啟速度總是比較慢，當然有時候可能跟使用者所處環境的因素導致訊號不佳，但是對於網頁經營者而言，網站若要長久經營，便要考慮使用者的感受。 (more…)

這篇文章適合誰 這篇文章適合想學習Node.js這個框架對於JavaScript並且對於JavaScript有一些認識的讀者，本篇文章將用hello world這個在學習每個程式語言時都會先接觸到的範例，讓你先初步認識Node.js。 何謂Node.js Node.js顧名思義便是使用JavaScript語言作為基礎的框架，特別的是，相對於jQuery或是YUI等在瀏覽器中運行使用的JavaScript框架，Node.js是作為網站程式的後端框架，就如同PHP或是Java一般開發網站。 換句話說，JavaScript不只可以跑在瀏覽器中，還可以當做網站的伺服器。主要的原因是在於隨著Gmail等AJAX網站以及技術的興起，許多的程式開發者紛紛投入心力鑽研JavaScript，並且有許多開發心得、優化技巧陸續被發掘，加上瀏覽器之間的競爭越來越激烈，JavaScript的執行效能持續性的突破，因此最終便誕生了Node.js。 (more…)

這篇文章適合誰 這篇文章適合具備HTML與CSS有興趣也有一點基礎的讀者，以下除了介紹何謂Bootstrap外，也把Bootstrap的一些基本語法整理成範例以供慘考，讓讀者可以藉由本篇文章學習到基本的Bootstrap。 什麼是Bootstrap? Bootstrap 是一個用於快速開發Web 應用程序和網站的前端框架，提供了包含HTML、CSS及JS等內容的框架。 Bootstrap包含的內容 基本結構 ：Bootstrap提供了一個帶有網格系統、鏈接樣式、背景的基本結構。 CSS ：Bootstrap自帶以下特性：全局的CSS設置、定義基本的HTML元素樣式、可擴展的class，以及一個先進的網格系統。 組件 ：Bootstrap包含了十幾個可重用的組件，用於創建圖像、下拉菜單、導航、警告框、彈出框等等。 JavaScript插件 ：Bootstrap包含了十幾個自定義的jQuery插件。您可以直接包含所有的插件，也可以逐個包含這些插件。 定制 ：您可以定制Bootstrap的組件、LESS變量和jQuery插件來得到自己的版本。 (more…)

這篇文章適合誰jQuery 是一套 JavaScript 的 Library，因此，你需要有一些 JavaScript 的基礎，至少寫過一些 JavaScript 才比較容易上手，並且看得懂後續的教學。jQuery是什麼jQuery是一個新形態的JavaScript程式庫，主要是用在DOM 文件的操作，此外jQuery 的核心程式還加強了非同步傳輸(AJAX)以及事件(Event)的功能，讓你更容易操作遠端文件及事件。jQuery可以幫助工程師更快的使用以javascript建立的模組，簡單來說，就是把javascript包裝成更白話、更迅速的寫法，此外，jQuery另外一個特色則是豐富的套件，五分鐘內就可以搞定燈箱、網頁進場效果。 (more…)

前言在上一篇文章中有跟大家介紹過何謂DOM/BOM，那麼這篇文章會為大家介紹DOM事件的一些基礎知識。何謂DOM事件當使用者在瀏覽網頁時，會觸發很多事件，像是點擊滑鼠、鍵盤、或是在網路上下載圖片等等行為都可以稱為是一種事件，而JavaScript使用DOM Event去定義這些事件的型態，並且處理這些事件。 (more…)

這篇文章適合誰 當提到CSS的框架的時候，大家一定會想到目前最火紅的框架：Bootstrap，但是這篇文章要帶大家來認識的是Bulma這個更為輕量、簡單的框架。而這篇文章適合對於網頁開發有興趣，並且對於CSS有一些基礎的開發者，希望可以幫助到大家。 什麼是Bulma? Bulma是一個基於 Flexbox 的現代化的 CSS 框架，設計的初衷就是移動式裝置優先(手機、平板)，可以輕鬆用來實現各種簡單或者複製的內容佈局，瀏覽器支持：Chrome、Edge、Firefox、Internet Explorer (10+)、Opera 以及 Safari。 (more…)