工程思維

網頁日記 # 7|Iris 程式小白

恭喜你們看到倒數第二集啦! 可喜可賀🤩  相信你學 JS 的目的應該也是想走前端或是做出屬於自己香味的網頁吧~ 那這集就是你發揮所學的地方嘍(摩拳擦掌🤛  延續上集下拉式選單的精彩製作,這集要來教大家如何最簡單生出看起來好像很厲害的圖片輪播 Carousel!一起練功吧~   使用 Bootstrap 前注意事項: 使用前必須按指示寫入指定 CSS 和 JS 程式碼(如不清楚可回上一篇日記 review) Carousel 功能不會自動化調整輪播畫面尺寸,因此必須另行定義…

3 years ago

蝦皮直播回顧 Chrome Extension Q&A

首先,非常感謝蝦皮的後端資深工程師 Dayo 蒞臨快樂學程式的主題小聚直播活動來和各位觀眾互動,更感謝有熱情的觀眾捧場,讓這次的直播能順利落幕。   現在閱讀此篇的讀者,如果不想錯過一年都不見得有一次的聯合直播活動,趕緊手刀報名 10/29 的最後一場機器學習講座👍  精彩內容不容錯過~   Dayo 的有趣 demo: 功能為「價格不合理之提醒」,假若價格折數過低則會跳出 “My supervisor Messenger ID” 警示   第一部分:重點摘要…

4 years ago

JS 成長日誌|新手必知的五個 JS 知識點

今天我要來和新手朋友分享學習半年 JS  的成果分享,但我不打算談較個人的學習經驗(挫折、心路歷程等等),所以這就表示~ 此篇知識含量偏豐🤩 大家可以期待一下看完後精彩的 takeaway 嘍 👀   👣 開始閱讀前警示:本文中不會聊到太多過於冷僻或深入的內容,主要著重在有趣或是重要的應用。我也會盡可能找出新手的盲點(讓我自己學習起來較艱辛的部分),如果沒有剛好對上你的需求你可以考慮看看我的其他篇 JS 文章~😉   🎬 Action! 🎬 🙆‍♀️:JS 除了拿來做網頁互動之外,還有哪些新手知道後會嗨的點呢?讓我們一起看下去👇  …

4 years ago

333系列 HTML |Iris 程式小白

這個333系列文章送給初踏入前端的小白們 也送給想創立網頁的朋友們...  希望利用3分33秒(極短時間)就能輕鬆讓初學快速理解 小白們~  我們共勉之   1. 什麼是 HTML? & HTML 幹嘛用? HTML 是 Hyper Text Markup Language 的簡稱,中文為「超文字標記語言」 為「網頁的骨架」,專用來描述網頁長相(架構)[以便瀏覽器解讀如何呈現網站]…

4 years ago

前端筆記大雜燴。Iris 程式小白

主題:如何藉由學習框架(Vue JS),培養無可取代的工程思維😎   小白🙆‍♀️心中os:當初學 React 純粹是因為「覺得需要而學」,現在認識 Vue 是為了滿足自己「想重新認識一項事物」的願望,就是這麼存粹,但不浪漫... 🌹   你學過框架嗎?還是說你已經是框架老手? 以往的我,對於 Vue.js 的理解僅限於 JS 的框架(沒錯! 僅此而已🙃 今天...我誤打誤撞,撞見了Vue的新世界,不僅讓我更深入地認識框架,更深化了我的學習思維。   現在我希望點進此文章的每個你,利用10秒鐘,重新思考學習框架,甚至是學習程式的初衷…

4 years ago

疫情地圖正名保衛戰,工程師運用專業在 Github 護國!

(上圖來源:美國約翰霍普金斯大學武漢肺炎疫情地圖) 美國約翰霍普金斯大學武漢肺炎疫情圖對台灣的標示近日突改為「台北及周邊地區」,12 日已正名為「台灣」。「美國國會台灣觀測站」臉書指出,這可歸功於美台各界人士的積極運作,甚至工程師在網路世界的角力。 全球疫情地圖中,台灣被改名成「台北及周邊地區」 約翰霍普金斯大學建立的武漢肺炎(2019 冠狀病毒疾病,COVID-19)全球疫情地圖中,台灣在「確診國家和地區」一欄的顯示名稱原先一直是「台灣」,近日突然改成「台北及周邊地區」(Taipei and environs),後來一度改為「其他」(Other),最終在美東時間 3 月 11 日正名為「台灣」,且不再置於「中國」項下。 外交部 12 日指出,第一時間即責成駐美代表處立即向約翰霍普金斯大學表示關切、要求盡速更正;此外,友台的美國聯邦參議員盧比歐(Marco Rubio)、共和黨籍眾議院外交委員會首席議員麥考爾(Michael McCaul),以及台灣在美國行政部門與學術界的友人也對疫情地圖不當標示台灣表達關切,最終促成大學方面修正。 根據民間組織「美國國會台灣觀測站」在臉書專頁整理的事件簿,美東時間 3 月…

4 years ago

怕不小心囤貨太多嗎?讓「衛生紙計算機」幫你計算!

國內疫情嚴重,隨著確診案例數增加,部分民生物資也跟著被掃購一空, 創業家兄弟旗下的生活市集推出「衛生紙計算機」幫助民眾計算自己到底需要多少衛生紙, 再也不用擔心跟著囤貨一下子失心瘋拿太多! (上圖由創業家兄弟提供) 線下通路搶不到,透過電商搶購,4天狂銷200萬包! 創業家兄弟統計: 一週內,抽取式衛生紙搜尋量較上週暴增超過 150 倍, 而熱門即食商品如泡麵,熱搜程度在過去一週飆升逾百倍, 顯示疫情發展推升民眾預期心理效應,再掀新一波民生用品採購需求。 旗下生活市集也說明,為了協助消費者掌握衛生紙的存量而開發衛生紙計算機程式, 上線測試短短3天就吸引將近10萬人使用,自有品牌衛生紙4天已熱銷破 200 萬包 ,消費者的預期心理完全不可小看阿。 生活市集同時強調,希望從數據分析技術協助消費者用科學角度了解是否有添購需求, 也渴望在這波民生品消費熱潮下帶來新客源並提升成長動能。 個人認為衛生紙計算機,能夠算是繼口罩地圖後一強大作品了XD 渴望擁有…

4 years ago

在家視訊會議好煩悶?讓 Google 工程師教你如何「登出」

疫情嚴重,不少公司開始採用 remote working, 對此你感到新鮮嗎?還是認為不過是換個地點,又或是已經有些厭煩了呢? Google 工程師 Jason Mayes 透過 TensorFlow.js 製作外掛,將人物與背景進行分離, 然後從場景中即時刪除任何人,讓人直接在影片中消失! 是不是很真實呢? Jason Mayes 在 Gitnub 上傳這段程式碼後,引來許多網友的讚嘆, 因為它的程式碼只有兩百多行! Jason…

4 years ago

矽谷百萬年薪也比不上貓主子的健康!他發明「AI 智慧貓砂盆」守護萬家主子

在美國矽谷 Cistco 擔任電子工程師的 James,出於自身愛貓離世之痛,投身研究寵物的預防醫學, 他了解到貓咪非常能夠忍痛,非要到極度不適才發出微小的哀號, 因此只能透過飲食與排便去觀察,然而,不少飼主因工作繁忙,未多留心而錯失早期治療愛貓的機會, 導致許多貓咪送往醫院時已需開刀或住院治療。 為此,James 選擇運用自身專長,發明 LuLuPet AI 智慧貓砂盆,不只照顧自己的貓咪,同時也守護更多貓主子! James 發明的 AI 智慧貓砂盆,到底強大在哪呢? 一、智慧辨識排泄物,大小便都替你把關 他看利用 AI 影像辨識+體重感測,能夠觀測出下列幾點:…

4 years ago

Pandas 第1講:Python資料處理套件Pandas簡介

一.前言: 什麼是pandas?                 先介紹一下Pandas是什麼,簡單來說就是把Excel的表格觀念丟到Python,概念類似試算表的資料分析套件   為什麼學習pandas?        Excel中所有的操作都可以透過Pandas的函式做簡單的處理,像是欄位的加總、分群、樞紐分析表、小計、畫折線圖、圓餅圖等等… 二.學習項目 1.安裝pandas 2.單維度Series 3.雙維度DataFrame…

4 years ago