Author

Google Cloud Platform 新增專案與設定編輯者

前往 https://console.cloud.google.com ,須先同意條款並繼續 點擊導覽列的「選取專案」,再點擊「新增專案」 修改專案名稱(重要:名稱設定後是不可更改的),建立專案(建立專案需要一段時間) 在導覽列確認專案名稱,在側選單找到 「IAM與管理員」,點擊「IAM」選項 使用mail新增成員,並選擇角色為「編輯者」,確認無誤後儲存即可。 由於新增角色不是擁有者時,Gmail 不會發出邀請信件,只能使用網址前往,請返回首頁,下圖紅框處,複製專案ID予協作開發人員 開發人員可使用專案ID配合網址前往專案 https://console.cloud.google.com/home/dashboard?hl=zh-TW&project=[專案ID]

PageSpeed Insights 分數提升與注意事項

Google 推出的 PageSpeed Insights 已成為一個檢測網站效能和標準,尤其對於客戶與PM來說,更是讓他們信服的的權威。因此要讓網站在 PageSpeed Insights 的分數名列前茅,搞懂它所遵守的規則,便顯得十分重要,以下是我們在使用過程中的一些經驗,從而整理出來的解決方法,供自己記錄和參考。 一、使用瀏覽器快取功能 二、啟用壓縮功能 三、壓縮 CSS、壓縮 HTML、壓縮 JavaScript 四、清除前幾行內容中的禁止轉譯 JavaScript 和 CSS 五、最佳化圖片     一、使用瀏覽器快取功能 這個問題要因為伺服器沒有提供快取功能,故要在伺服器端進行設定,以自身為例,我們網站使用 AWS Linux, Apache架設, 要開啟快取功能,要先登入伺服器,進入 /etc/httpd/conf/httpd.conf 中啟用快取功能。 1. 編輯 httpd.conf $ vim /etc/httpd/conf/httpd.conf 加入下面這一行並儲存 LoadModule expires_module modules/mod_expires.so 2. 新增快取設定檔(expires.conf) $ sudo vim /etc/httpd/conf.d/expires.conf 加入下面對各類型檔案進行快取的設定, 如 ExpiresByType application/javascript “access plus 1 month” 這行是指對 .js 檔案進行快取,並儲存超過一個月。 <IfModule mod_expires.c>... » read more

從頭學Python(二) – 抓取網頁資料

上一篇講述了Python的運行環境,這一篇要記錄如何使用Python的自動化來抓取網頁資料。我們先建立好運作的環境,打開Anaconda Navigator,點選Environments,選擇要運作的環境後,在右邊的外掛目錄中搜尋selenium並安裝。 安裝外掛與瀏覽器驅動 接下來要安裝瀏覽器自動化的驅動程式,分別有Chrome和Firefox兩個選擇。 Chrome:http://chromedriver.chromium.org/downloads Firefox:https://github.com/mozilla/geckodriver/releases 下載好後解壓縮並放在自己習慣的路徑,打開 jupyter notebook,新建檔案進行編程 from selenium import webdriver from selenium.webdriver.common.keys import Keys # 驅動要使用絕對路徑 # Chrome driver_path = "/Users/Alex/Desktop/python/chromedriver" driver = webdriver.Chrome(executable_path = driver_path) # Firefox driver_path = "/Users/Alex/Desktop/python/geckodriver" driver = webdriver.Firefox(executable_path = driver_path) # 使用driver開啟網頁 driver.get("http://www.imdb.com/")   使用Python對DOM進行操作 在Python中要對DOM進行操作,可以使用 CSS 選擇器 或是 Xpath 選擇器 對DOM進行選取 # 在搜尋列輸入La La Land... » read more

從頭學Python(一) – 建置環境篇

對於學Python的新手來說,最麻煩的一定是編程環境的建置,要使用Command Line 安裝一堆有的沒有的東西,有些東西卻以後都用不上,幸好有 Anaconda 這般神器,他不但能提供最方便的Python執行環境,也包含大部分常用的Python外掛,如果使用 Anaconda-Navigator 的可視化介面建置環境,甚至不需要在Command Line 上進行輸入操作,那就讓我們馬上來怎麼使用吧! *由於Anaconda-Navigator 暫時只提供MAC版本,所以這次介紹的環境以MACOS為主,Windows的用家在這裡說聲抱歉囉。 下載並安裝 Anaconda-Navigator 下載網址: https://www.anaconda.com/download/#macos 安裝好後會如下面,點擊Environment建置獨立運作的環境: 右邊欄是該環境下安裝的外掛列表,可以根據需求進行安裝,我們先暫時不用管他 建立環境時要選擇Python3的版本,避免一些新的方法無法執行。 建立成功後,可以按旁邊的三角形運行,並回到Home,安裝並執行  jupyter notebook,前往要存放python檔案的路徑,新增Python3的notebook,便可便撰寫與執行Python的程式碼。 使用jupyter notebook時, enter鍵是換行, shift+enter則是運行該區塊的Python程式碼。 就這樣,多虧有Anaconda Navigator,我們能夠快速的建置了執行Python的環境,下一篇再用Python做些別的事情吧。