Kite Fly

 https://www.youtube.com/watch?v=4ocHER25osU

  https://www.inside.com.tw/article/4587-big-data-jobs-salary

 定義的大數據 大數據的確切定義如下： 種類更多樣化 (variety)、數量不斷增加 (volume) 且產生速度越來越快 (velocity) 的數據。以上三個特徵又稱為「三個 V」。 簡而言之，「大數據」是指更龐大且更複雜的資料集， https://www.inside.com.tw/feature/ai/9745-big-data HADOOP 分散式檔案系統（HADOOP DISTRIBUTED FILE SYSTEM, HDFS）： – HADOOP MAPREDUCE： MapReduce 是一種計算模型，分為 Map 和 Reduce 兩項功能。 「Map」功能會先將大資料拆成小資料，並以 Key-Value 格式備用。 比如有數千萬份的資料傳入，Map 會計算每個字出現的次數；比如 computer 這個字出現了一次、便以（computer, 1）這樣的（Key, Value）  格式表示。 「Reduce」則是彙整，意即彙整所有相同的 Key 並計算出現的總次數 事實上近兩三年來，Apache 軟體基金會另一個新星「Spark」隱隱有取代 Hadoop MapReduce 的態勢。 在大規模資料的計算、分析上，排序作業的處理時間，一直是個重要的指標。相較於 Hadoop MapReduce 在做運算時需要將中間產生的數據存在硬碟中，因此會有讀寫資料的延遲問題。 Spark 使用了記憶體內運算技術，能在資料尚未寫入硬碟時即在記憶體內分析運算，速度比 Hadoop MapReduce 可以快到 100 倍。 作為與 Hadoop 相容而且執行速度更快的開源軟體，來勢洶洶的 Spark 想取代的其實是 Hadoop MapReduce。 另一方面，Spark 提供了豐富而且易用的 API，更適合讓開發者在實作機器學習演算法。 資料分析 – 機器學習 介紹完了 Hadoop 基礎架構後，讓我們來看看資料分析上的最熱門技術──「機器學習」。 如何從大數據中挖掘資料規律，以改善科學或商業決策，以手動方式探索資料集的傳統統計分析，已難以應付大數據的量與種類。唯有透過「機器學習」，以電腦演算法達成比以往更深入的分析。 資料溝通 – 資料視覺化 隨著「數據導向決策」的時代來臨，資料科學家在分析完數據後，如何成功地將分析結果傳遞出去、使企業接收到該...

 https://www.learncodewithmike.com/2019/11/python2-visual-studio-code-python.html https://www.learncodewithmike.com/2019/11/python3-python.html 1.Python 安裝 2.VS code 安裝python 環境 3.寫python https://www.youtube.com/watch?v=zdMUJJKFdsU https://www.codingspace.school/blog/2021-04-07

  https://www.youtube.com/watch?v=k342SxiZHhM https://www.youtube.com/watch?v=CkZdftjC96k

 黑眼圈一般來說，可以分成三種類型：色素型、血管型、結構型。但最多的狀況是「混合型」，也就是混合上述的多種因素。 色素型黑眼圈治療-黑眼圈雷射有沒有用？ 當然有人一定會說「啊我就已經色素沉積了怎麼辦？」如果是因為發炎這類的原因引起，在控制發炎反應之後，可以選用一些有美白成份的保養品，哪些是美白成份呢？含有維生素Ｃ、杜鵑花酸、熊果素…這類成份的都行。但在選用時，務必注意是否有全成分標示，也要注意是否適合自己膚質。嚴重一點的話，可由醫師開立淡化色素外用藥膏， 血管型黑眼圈成因：其實不只有過敏 血管型黑眼圈主要是因為「眼周血液循環不良」。眼睛表皮的血液循環跟鼻部的血液循環是相通的，所以鼻子過敏腫脹，導致鼻部血液循環不佳，就會間接導致眼表血液循環不佳。血流不順，就會瘀塞，長期就會血管擴張。 血管型黑眼圈預防及保養-黑眼圈熱敷有沒有幫助？ 如果你是過敏引起的血管型黑眼圈， 那「控制過敏」是首要工作！ 其他你可以做的是： 避免用眼過度。每三十分鐘最好就有五分鐘的休息時間。 不要吃太鹹。這不只對水腫有幫助，對身體也好。 大哭你可能難以避免，但別熬夜你一定行。 適度輕輕按摩，也能緩解局部水腫。切勿重壓，反而會惡化喔！ 熱敷也能幫助血液循環，但「溫」就好 ，不必到「熱」啊！ 多數人都是混合型，怎麼知道我是哪一型？ 用手摸摸黑眼圈 如果有粗糙、脫屑，比較會是色素型。如果摸到一小塊脂肪凸起，那比較偏向眼袋造成的結構型。 用手壓壓黑眼圈 如果輕輕按壓，發現顏色會變淡，那就偏向血管型。因為微血管再按壓的狀況下，血液被擠開，顏色就會變淡。但是如果已經很嚴重的血管型，就不一定有辦法這樣測試。但嚴重到這種程度，通常你仔細看，就真的看得到血管了… https://www.medpartner.club/dark-circles-cause-prevention-treatment/ https://health.tvbs.com.tw/regimen/325703 認識黑眼圈 黑眼圈的原因與分類 眼眶四周皮膚不但特別薄弱，皮下組織也特別少，聚集在此的血管又多，皮下血流的顏色容易呈現在眼皮上。 眼皮每天要眨動一萬次以上，加上眼皮內的膠原蛋白及彈性纖維隨時間流失，於是皺紋容易形成。眼皮除了附著於提眼瞼肌筋膜、眼周閘肌之外，沒有可支撐之處，所以易受地心引力的影響而產生下垂與眼袋。皺紋與眼袋都會加深...

 https://www.youtube.com/watch?v=xge-f1KV_oc&t=392s https://www.youtube.com/watch?v=5Ww_jNjRD3A JMP 基本學習: https://jmp-marketing.teachable.com/courses/enrolled/1622945

8種Python自學資源推薦，「非」工程背景也能輕鬆學！   https://tammy-discovery.com/best-python-resources/ 深度學習與機器學習的差異 機器學習運用了許多複雜的數學運算與編碼，才能實現像手電筒、汽車或電腦螢幕一樣的機械功能。 當我們說某個物件能夠進行「機器學習」時，是指 該物件使用接收的資料執行功能，而且這項能力會隨著時間日益熟練。 深度學習是機器學習的分支領域，而且是以「層」的概念來建構演算法，進而創造出能夠自主學習並做出智慧決定的「人工神經網路」。 雖然基本的機器學習模型在功能上會越來越精進，但還是需要人為介入指引。 如果人工智慧演算法傳回不準確的預測，工程師就要介入並進行調整。 在深度學習的模型中，演算法可透過自有的神經網路自行判定預測結果是否準確。 複習兩者間的差異： 機器學習使用演算法剖析資料，然後吸收資料，並根據學習到的知識與資訊做出明智完善的決定。   深度學習則將演算法按「層」的概念建構，打造出可自行學習並做出明智決定的「人工神經網路」。   深度學習是機器學習的分支領域。 雖然廣義上來說，兩者均屬於人工智慧，但深度學習能夠發揮最近似於人類思考邏輯的人工智慧功能 https://www.zendesk.tw/blog/machine-learning-and-deep-learning/

  https://www.iiiedu.org.tw/bigdata/ 雲端運算、大數據、物聯網，是過去五年最熱的議題，也是未來五年會繼續延燒下去的議題。不過，這三件事並不是獨立存在的：它們是一體的，環環相扣的。 如果把雲端運算比擬為人的身體，提供一個良好的基礎建設，物聯網就是幫身體加上各式各樣的感官，從外界接受各種資料。那大數據呢？ 大數據就好比是人的腦袋，除了有一個可以儲存 2.5 PB 資料的 NoSQL 之外，還有數百億個神經元可以幫忙分析判斷這麼龐大的資料。 但是，怎麼取得資料？清理資料？儲存資料？處理資料？分析資料？呈現資料？ 歡迎參加「Big Data 巨量資料分析就業養成班」課程說明會！

python 環境安裝: https://www.youtube.com/watch?v=zdMUJJKFdsU 

  https://www.youtube.com/watch?v=vfWhL8bQ85Q

  https://fu-sheng-wang.blogspot.com/2016/11/algorithm-6-greedy-algorithm.html https://geehye.github.io/hackerrank-09/#

  理解題目 在刷題或是測驗時，解題前你 必須先理解題目 ， 並掌握確切的題目範圍 ，許多人會過於擔心、緊張，一看到題目就動手做，但卻忽略了真正的問題內容。若因此疏忽，很可能導致未依照規定回傳結果而沒有得分。 時間分配 常有測驗者會因為題目有趣、、或一開始就被題目卡住，導致後面的題目未完成，JECHO  會建議人選在一開始先大致將題型瀏覽一遍，再開始進行測驗。 **小提醒：若使用 Codility 為前測的企業，網頁會記錄整個 coding 流程，把求職者的思維模式、編寫過程完整地紀錄下來，以供考官綜合評量，因此請在 Codility 上編寫，以留下紀錄。 版面配置 避免雜亂的程式碼，排版不清可能會造成考官在檢視時不好閱讀，因此版面配置也是很重要的！   https://jecho.me/blog/codility-leetcode-hackerrank/ https://blog.techbridge.cc/2018/07/07/resrc-for-swe/ 何謂「對症下藥」？～ 1. 刷題最重要的事情是要先知道自己對於哪個主題的題目不太熟悉，需要多加練習。在學習資料結構與演算法的過程中，你一定會碰到你不熟悉的主題，或是比較不那麼融會貫通的演算法。此時你要做的事情是把他列出來，把最不熟悉的東西放在第一順位，排序好後接著進行下一步。 2. 找到不熟悉的主題後，以這個主題作為搜尋的關鍵字，找出所有與他有關的題目。以我自己為例，我自己對於dynamic programming很不熟，把dynamic programming作為query搜尋後，會得到如下圖得結果。 https://haren.medium.com/leetcode%E5%88%B7%E9%A1%8C%E6%96%B0%E6%89%8B%E5%85%88%E5%82%99%E8%88%87%E7%9B%B8%E9%97%9C%E7%9F%A5%E8%AD%98%E5%88%86%E4%BA%AB-681328997c86 ======= 5個重點，幫助軟體工程師職涯成長 1) 資料結構與演算法的重要性 LeetCode不是資料結構與演算法 DSA(Data Structure and Algorithm)課程 ，如果之前沒有在這方面的主題上做任何的準備，那會建議參加一些DSA的...

  d

這個語法叫做 JSX，是一個 JavaScript 的語法擴充。我們推薦你在寫 React 的時候透過這個語法來描述使用者介面的外觀。 JSX 可能為讓你想到一些樣板語言，但不一樣的地方是 JSX 允許你使用 JavaScript 所有的功能。 https://zh-hant.reactjs.org/docs/introducing-jsx.html 使用 JSX 時需要注意的限制 HTML 屬性在 JSX 中的表示方式 A、首先第一點是由於  React DOM 使用 camelCase 作為屬性命名規範 ，這代表像是說在 HTML 中的  tabindex ，在 JSX 中則必須寫成  tabIndex 。 B、接著第二點是像是在 HTML 中的  class ,  label  的  for ，由於在 JS 中是保留字(preserve word) ，所以需要額外改寫成  className  與  htmlFor 。 C、但是凡事總是會有例外，諸如  aria-* ,  data-*  則 不需要使用 camelCase 作為屬性命名規範 以上 React 會幫我們將上述提到的部分在編譯時轉換成在 HTML DOM 上其對應的屬性。 JSX 一定要有一個根元素(one single root element) 在使用 JSX 的時候， 是至少需要一個根元素的 ，否則就會報錯。 副檔名要用 .js 還是 .jsx? 大致重點在於 使用 .jsx 作為副檔名的判斷依據在於認為是否為標準的 Javascript。 由於 JSX 並不是標準的 Javascript，所以就透過以 .jsx 為副檔名來管理這類的檔案。 就好像使用 Typescript 會用 .ts 的副檔名一樣。 所以在實作上都可以成功運作，但怎麼管理就讓大家自己思考囉! https://ithelp.ithome.com.tw/articles/10239097  

 React.js入門 - 01 https://ithelp.ithome.com.tw/articles/10214942 Step 0 : 我真的需要React ? React是什麼 ? 如果你的專案大/複雜的時候，再來考慮使用React或是其他框架。 首先，我們要先知道React和framework是什麼。 隨著時代的演進，網頁的功能越來越多、網頁的架構也越來越大。漸漸的，我們的網頁裡面的<script>標籤越來越多，散布在各個html檔裡。有一天，維護網頁的工程師終於受不了了: X! 就不能把所有的js檔用更有秩序的方式管理嗎? 因此我們也會需要下列這幾項工具: 套件管理工具(ex: npm/yarn) 打包工具(ex: webpack) 編譯器(ex: babel) 其中，又以Google寫的Angular、中國人寫的Vue、和Facebook寫的React，這三大框架最有名 Step 1 : 安裝npm npm是「套件管理系統」。 簡單來說，它像是一個能把寫好的程式碼放在上面供別人使用的平台。\ Step 2 : 安裝「一次安裝並設定好react、babel、webpack」的create-react-app Step 3: IDE(文字編輯器)的安裝和設定 - vscode

  2021/10/20~12/31 目標  1. MERN  2. 考多益 650  1/16 考多益 (11/10-12/4) https://blog.amazingtalker.com/zh-tw/zh-eng/%e5%a4%9a%e7%9b%8a%e5%96%ae%e5%ad%97%e7%b8%bd%e6%95%b4%e7%90%86/10141/ https://blog.amazingtalker.com/zh-tw/zh-eng/%E3%80%90%E5%85%8D%E8%B2%BB%E8%80%83%E9%A1%8C%E3%80%916%E5%80%8B%E5%A4%9A%E7%9B%8A%E7%B7%9A%E4%B8%8A%E6%A8%A1%E6%93%AC%E6%B8%AC%E9%A9%97%E5%8F%8A%E8%80%83%E5%8F%A4%E9%A1%8C%E8%B3%87%E6%BA%90%E5%88%86/33005/ https://blog.amazingtalker.com/zh-tw/zh-eng/%e8%81%b7%e5%a0%b4%e5%bf%85%e5%82%99%e5%95%86%e7%94%a8%e8%8b%b1%e6%96%87%e5%96%ae%e5%ad%97%e5%8f%a5%e5%9e%8b/10368/?utm_medium=tooeicword&utm_source=inside https://blog.amazingtalker.com/zh-tw/zh-eng/ptt%e6%8e%a8%e8%96%a6%e5%a4%9a%e7%9b%8a%e6%9b%b8%e5%96%ae%e6%ba%96%e5%82%99%e6%8a%80%e5%b7%a7/11439/?utm_medium=wordtoeic&utm_source=inside

 1. Node JS 安裝 & 側試 https://www.youtube.com/watch?v=SYQU0TSMjYw 2. Node.js Express 框架快速入門：npm 指令，使用 Express 框架 By 彭彭 https://www.youtube.com/watch?v=vQ4KV07bVk0 出現node js 第3方套件 3.

  https://feng2266.pixnet.net/blog/post/225676550-%E5%B8%B6%E5%AD%A9%E5%AD%90%E6%97%85%E8%A1%8C%E5%BF%85%E5%82%99%E5%93%81%E6%B8%85%E5%96%AE%280~2%E6%AD%B2%29 https://mamaclub.com/learn/%E5%B8%B6%E5%AD%A9%E5%AD%90%E6%97%85%E8%A1%8C%E5%BF%85%E5%82%99%E5%93%81%E6%B8%85%E5%96%AE02%E6%AD%B2/ https://www.antgirl.com.tw/page-more.php?pid=805 https://mamaclub.com/learn/%E5%B8%B6%E5%AD%A9%E5%AD%90%E6%97%85%E8%A1%8C%E5%BF%85%E5%82%99%E5%93%81%E6%B8%85%E5%96%AE02%E6%AD%B2/

 plotly教學 Plotly 常被 ML拿來畫圖 Plotly內建完整的互動能力及編輯工具，支援線上和離線模式，提供穩定的API以便與現有應用整合，既可以在web瀏覽器中展示資料圖表，也可以存入本地拷貝。Plotly唯一的缺點是太靈活，提供了太多的可選項。 https://www.itread01.com/content/1570633204.html 畫圖的種類 https://www.itread01.com/content/1542564499.html R语言：highcharter包绘制可交互的基础图表 https://zhuanlan.zhihu.com/p/40311113 SVG D3 畫圖 https://shubo.io/react-d3/

1. Box plot 畫圖方式 https://zhuanlan.zhihu.com/p/51410048 2. chart js 學畫圖 HTML5 https://codertw.com/%E7%A8%8B%E5%BC%8F%E8%AA%9E%E8%A8%80/397451/ https://www.itread01.com/p/1024245.html 3. 用 Canvas 畫「我的家」 CanVas 應用:  Canvas 繪圖.影像處理.檔案上傳下載 https://www.youtube.com/watch?v=mL5eCbXBVG8 <canvas>  是一個  HTML  元素，我們可以利用程式腳本在這個元素上繪圖（通常是用  JavaScript ）。除了繪圖，我們還可以合成圖片或做一些簡單（或是 不那麼簡單 ）的動畫。右方的影像便是一些運用 <canvas> 的例子，接下來我們將會在教學文件中一一說明 。 本教學從基礎知識開始，描述如何利用 <canvas> 進行 2D 繪圖。教學中的範例會讓各位清楚瞭解 <canvas> 該如何運用，另外也會提供程式碼範例，讓大家嘗試製作自己的內容。 <canvas>  最早是由 Apple 為 Mac OS X Dashboard 所提出，之後 Safari 和 Google Chrome 也都採用。 Gecko  1.8 作基礎的瀏覽器，如 Firefox 1.5 也都提供了支援。 <canvas>  元素是  WhatWG Web applications 1.0 （也就是 HTML5）規範的一部分，目前所有主流的瀏覽器都已支援。 https://developer.mozilla.org/zh-TW/docs/Web/API/Canvas_API/Tutorial https://medium.com/unalai/%E5%9B%9E%E5%88%B0%E5%B9%BC%E5%B9%BC%E7%8F%AD-%E7%94%A8-canvas-%E7%95%AB-%E6%88%91%E7%9A%84%E5%AE%B6-c7fcfd1d1...

1. Excel 做Box plot https://www.youtube.com/watch?v=iE2SqkTpfXg 2.Excel 儀表板 https://www.youtube.com/watch?v=b1MrA6kVIIg A. Excel樞紐分析 的交叉分析篩選器 B. 篩選器 直1改成橫4 C. 2個篩選器 之間連動--  篩選器右鍵"報表連線" D. 年分和所有圖表都連線, so 所有都打勾 E. 結果: Excel 儀錶板

  https://www.youtube.com/watch?v=vQ4KV07bVk0 npm : 利用小程式下載安裝 npm初始化 2.安裝Express n 3.進入點 index.js 寫code 架設Server 啟動server 測試 只回應根目錄資料 重新啟動.再下一次指令 測試

express 實做  https://www.runoob.com/nodejs/nodejs-express-framework.html https://ithelp.ithome.com.tw/articles/10191816 Express 介紹 Express是一個最小的，靈活的Node.js Web應用程序框架，它提供了一套強大的功能來開發Web和移動應用程序。 它有助於基於Node Web應用程序的快速開發。下麵是一些Express框架的核心功能： 允許設立中間件響應HTTP請求 定義了用於執行基於HTTP方法和URL不同動作的路由表 允許動態渲染基於參數傳遞給模板HTML頁麵http://tw.gitbook.net/nodejs/nodejs_express_framework.html Javascript https://www.youtube.com/watch?v=OkphAk_cWPM&list=RDCMUCguZS-y7codLSt6vpkVdnKg&index=3 事先做3個網頁: pupular.html, latest.html,  page.html 在page.html 為主頁, 控制何時要用pupular.html & latest.html 用content id   https://www.youtube.com/watch?v=OkphAk_cWPM&list=RDCMUCguZS-y7codLSt6vpkVdnKg&index=3 網頁載入時, 要點擊資料才會進去 網頁載入時, 資料直接全部load 進去 Take away 1.內容在 id =content 2.上面有2個標簽在點擊時會觸發 3.觸發時會去做ajax 動態顯示內容 4.創立XMLHttpReques 物件 ->  建立連線 -> load 進去會做的事 -> 送出連線 (利用load 事件 偵測連線是否結束-> 連線完成作load 處理) 5.利用 pageName 船參數去控制內容 顯示結果

 MongoDB intro:  https://dotblogs.com.tw/explooosion/2018/01/21/040728 MongoDB Shell:   https://blog.gtwang.org/programming/getting-started-with-mongodb-shell-1/ MongoDB DB 層級架構:   https://zh-tw.coderbridge.com/series/800ffff9f7524d35ac6ecc51fffda4b9/posts/fccb25a652444dfda38629965eac7c7d 1.一種 NoSQL 資料庫 2.MongoDB 屬於文件資料庫（Document Database），以文本方式儲存， 本身沒有 Schema，所以在架構上很好調整 3.儲存格式 資料的儲存架構是以 JSON 格式儲存， 如果使用 Node.js 做為後端，強烈建議使用 MongoDB。 4. mongo  是一個用來操作 MongoDB 的互動式 JavaScript 介面，您可以使用它來查詢（query）或更新（update）資料庫中的資料，另外也可以進行一些資料庫的管理動作。 5. 當您安裝好 MongoDB 之後，可以執行  mongo  以 MongoDB Shell 來連線到 MongoDB： Redis Redis intro: https://blog.kennycoder.io/2020/02/22/Redis-%E9%AB%98%E6%B5%81%E9%87%8F%E7%B3%BB%E7%B5%B1%E4%B8%8D%E8%83%BD%E6%88%96%E7%BC%BA%E7%9A%84%E8%B3%87%E6%96%99%E5%BA%AB%EF%BC%81%E5%AE%89%E8%A3%9D%E6%95%99%E5%AD%B8%EF%BC%81/ Redis 指令: https://blog.techbridge.cc/2016/06/18/redis-introduction/  https://blog.techbridge.cc/2016/06/18/...