分類
好用軟體

Google Public DNS查詢

大家對於 Google DNS 解析服務器應該不陌生, Google 提供了對外服務的 8.8.8.8, 8.8.4.4 兩組 DNS解析服務.

不過網站介面的 DNS 解析可以利用以下兩組服務:

有興趣的朋友們可以玩看看.

 

分類
好用軟體

Google表單上傳檔案

最近在填寫商場活動表單時, 需要上傳發票檔案, 才發現原來 Google 表單也可以上傳檔案, 於是動手來試試.

新增一個表單, 然後在題型這裡選擇-檔案上傳, 會跳出一個提示:

作答者可將檔案上傳到雲端硬碟

檔案會上傳到表單擁有者的 Google 雲端硬碟。在表單中新增檔案上傳問題後,作答者必須登入 Google 才能回答問題。請務必只與你信任的對象共用這份表單。

看起來可以上傳檔案, 不過需要有 google 帳號且登入 google 帳號的狀況下才能上傳.

而上傳空間也預設總量為 1GB (此限制為1張表單內的使用空間量), 量到後也會停此收集這個表單作答. 網路上查了一下, 原來在 2017 年時, 就有這個功能了, 真是後知後覺, 沒關係, 還是動手來做一下:

https://forms.gle/GhpXvKrUEQEzLQhJ6

應用在做問卷時, 需要拍照, 或是上傳文件, 非常方便實用的一個表單功能.

PS. 用戶上傳的檔案會佔用自己的 google drive 空間, 並且以新開一個目錄的方式來收集檔案. 收集的檔案名稱最後會附加上用戶的google帳號名稱(display name), 雖然會佔用空間, 但也是確保能有效收集到檔案的方式, 在使用上要留意自己的空間是否充足. (如下圖, 擁有者都會是自己)


繼續閱讀:

https://diary.tw/archives/684

https://www.thenewslens.com/article/73365

分類
WebTrend

Google Plus個人帳戶停止服務公告(2019/4月)

朋友告知 Google Plus 服務要停了, 以為只是沒人用, 沒想到也是要停了, 進入 google plus 後, 看到公告了:

https://support.google.com/plus/answer/9195133

我們曾在 2018 年 12 月發佈公告,表示由於 Google+ 一般使用者版本的使用率過低,而且在維護方面遇到種種挑戰,無法順利提供符合使用者期望的產品,因此我們將於 2019 年 4 月終止這項服務。感謝您一直以來對 Google+ 的支持;我們會說明您後續應該採取的步驟,包含如何下載您的相片及其他內容。

內容寫得也很實在, 看起來就是沒太多人用, 只好收起來, 不過 google plus 真的不多人用, 沒辦法囉.

 

分類
WebTrend

Cloudflare新功能Access

Cloudflare 的強大功能再出新服務 Access, 之前在 Beta 後, 最近上線正式版本了, 而且非常棒的是同時 5人以下是免費的(不過仍需要註冊信用卡或 Paypal, 不過不用擔心, 因為人數是自訂, 超過5人時, 第6人是無法使用的).

Cloudflare Access 服務提供了強化存取權限的功能, 不僅能有效降低管理端的負擔, 也能方便存取敏感性資料的後端, 舉例來說, 以往可能是走 VPN 的方式, 使用特定內部 IP 來存取特定服務的地方, 可以直接不用 VPN 改走外部 IP (當然必須是固定的, 或一個 Range), 以白名單方式存取外, 還能更容易用 email 驗證方式, 或是第三方像是 facebook / google 等登入授權方式進行.

如此一來, 可以更容易, 更彈性地管理敏感性資料的後端, 即使不在白名單的 IP 內也可以透過 Email 驗證(使用 email 收 token 方式), 或第三方登入方式進行驗證.

最基本的設定方式如下:

特定 URL, 於 policy 1 設定一個白名單群的 ip, 使用 bypass 方式, 而另一個 policy 2 則是設定特定 email 允許存取 (allow), 如此一來, 在存取特定 URL 時, 若在白名單 IP 就直接進入, 而在外部 IP 時, 則會出現 Cloudflare 的登入畫面如下:

輸入 email 後, 若是在名單內的 email , 則會寄出認證碼, 若不是則不會寄出哦, 用戶是等不到任何通知與錯誤訊息的(但 cloudflare 會有記錄可以查 login pass 與 login denied), 輸入認證碼後, 即可順利進入指定 url 進行操作:

存取記錄如下:

如此一來, 在白名單 IP 內, 或是不在白名單 IP 內的用戶都可以透過更安全更快速的存取方式來進行特定 URL 的存取了.

真的很方便好用, 快去試看看.

官方文件: https://blog.cloudflare.com/cloudflare-access-now-teams-of-any-size-can-turn-off-their-vpn/

分類
好用軟體

好記又好用的DNS服務IP

繼 Google DNS 服務 8.8.8.8, 8.8.4.4 兩組好記的 IP 之後(https://zh.wikipedia.org/wiki/Google_Public_DNS), 又有好記的 DNS Service IP 囉.

IBM 的 Quad9 服務, DNS Service IP 為 9.9.9.9, 除了提供 DNS 服務外, 還多了檢查安全性的功能呢. (https://www.techbang.com/posts/55177-ibm-announces-free-dns-referral-service-quad9-as-long-as-the-dns-server-is-set-to-9999-to-block-malicious-web-sites)

另外是知名快取服務供應商 Cloudflare 提供的 1.1.1.1, 提供了最快速的 DNS 服務.(https://www.ithome.com.tw/news/122215)

有這麼好記又好用的 DNS 服務真是太棒.

分類
好用軟體

Google線上學習數位課程

Google 推出了線上學習的數位課程, 有中文版本, 很棒呢, 對於想學習數位, 而又不得其門而入, 或是想要了解更多數位領域的資訊, 是很好的學習資訊, 中文版本:

https://learndigital.withgoogle.com/digitalgarage-tw/

原英文版本:

https://learndigital.withgoogle.com/digitalgarage/

利用影片與教材和課後測驗, 來進行學習, 十分有趣又可以增加數位資訊學習, 很不錯呢.

分類
好用軟體

使用Google Spreadsheet產生條碼(Barcode)

使用 Google 的 Spreadsheet 產生條碼, 其實是使用外部 API 來達成, 配合 Spreadsheet 中的函數:

=image(url, [mode], [width], [height])

來進行. 函數說明可以參考: https://support.google.com/docs/answer/3093333

這裡使用了兩家 API, 1 為 barcodesinc, 2 為 tec-it 這兩個 api.

1. https://www.barcodesinc.com/generator/
2. https://barcode.tec-it.com/

以舒潔衛生紙為例, 國際條碼為: 4710114813019

若生成 CODE 128 使用 barcodesinc 使用 url:
https://www.barcodesinc.com/generator_files/image.php?code=4710114813019&style=196&type=C128A&width=200&height=100&xres=1&font=3

若生成 EAN13 使用 tec-it 使用 url:
https://barcode.tec-it.com/barcode.ashx?data=4710114813019&code=EAN13&dpi=96&dataseparator=

若資料為變數儲存格, 則使用以下語法:
=image(“http://www.barcodesinc.com/generator/image.php?code=” & C3 & “&style=196&type=C128A&width=200&height=100&xres=1&font=3”)

以下為範例結果:

填入即可, 參考範例文檔:
https://goo.gl/v6rc4L

分類
程式技術

使用Google Drive API讀取文件內容供前端應用

有時在做一些小型的前端介面, 需要 CMS (內容管理系統) 的上稿功能, 來進行內容管理, 不過實做上稿系統需要相當的時間與設計, 若能使用更簡便的方式, 將能大量節省維護的成本, 例如使用 WordPress 或今天要介紹的 Google Drive API.

使用共用文件的方式來管理內容, 除了介面不用再實做外, 也可以透過權限管理來做一些設限, 方便存取與更新. 這次介紹的 API 是讀取 Google Docuemnt 的內容來供應前端應用, 所以就是讓程式讀取內容, 而使用者則是使用 Google Document 來更新內容.

會使用到的 API 為 Google Drive API 中的 file export, 目前已是 v3 的版本了, 可以參考:

https://developers.google.com/drive/v3/reference/files/export

如何使用呢, 首先在 Google Drive 新增一個 Google文件(Document)檔案, 並開放為擁有連結的人都可以檢視, 並取得該檔案的 fileId, fileId 就是在 URL 上會看到或是 share link 上會看到的一串英數, 有區分大小寫, 如:

https://docs.google.com/document/d/18De5jl4VhDP8XU7g_UOO2PcZ5qiCCBg4S2B5FOzgLFA/edit?usp=sharing

其中的 18De5jl4VhDP8XU7g_UOO2PcZ5qiCCBg4S2B5FOzgLFA 即為 fileId.

接下來在 google developer console 新增一個專案, 啟用 Google Drive API 功能, 並建立 API key 即可透過以下 API 進行檔案內容存取:

https://www.googleapis.com/drive/v3/files/18De5jl4VhDP8XU7g_UOO2PcZ5qiCCBg4S2B5FOzgLFA/export?mimeType=text/plain&key=[your api key]

其中 fileId 即為該文檔的 fileId, 而 export 為讀取, 後面的 mimeType 可以有以下幾種:

(更多可以參考: https://developers.google.com/drive/v3/web/manage-downloads#downloading_google_documents)

而最後的 API key 則為在 Google Developer Console 專案內建立的 API Key, 就可以順利讀取內容, 以下則為一個簡單的範例:

http://sample.diary.tw/43/readdoc.php

程式碼如下:

$url = "https://www.googleapis.com/drive/v3/files/18De5jl4VhDP8XU7g_UOO2PcZ5qiCCBg4S2B5FOzgLFA/export?mimeType=text/plain&key=[your api key]";  
  
$data = file_get_contents($url);  
  
echo $data;

如此一來可以方便使用者上稿又能快速更新到前台, 十分方便.

Quota 的部分如下:

每日 10億次, 每 100秒每使用者 1000次, 每 100秒 1萬次, 三個計算基礎以下為免費.

 

 

分類
WebTrend

台大G Suite for Education申請使用

太棒了, 終於出來了, 原在去年底有消息, 台大準備要和 Google 合作的 G Suite for Education , 在 4/26 公告可以進行申請了, 快去看看吧:

https://www.cc.ntu.edu.tw/chinese/spotlight/2016/a105038.asp

申請下來的帳號為: 學校帳號@g.ntu.edu.tw

也就是說, 原本若您的帳號為 [email protected] 則申請 G Suite for Education 則為 [email protected], 重點是有了一個超大的空間可以應用, 十分方便, 若為台大學生, 教職員與校友, 都可以申請, 真的是太棒了.

大家可以多多利用.

不是台大人, 還有其他學校的朋友, 可以參考:

分類
程式技術

好用Google中文字體

製作網站時, 前端的中文字體真的是很傷腦筋, 又沒有那麼多的選擇, 又需要考慮使用者端是否有對應的字型. Google Font 計畫提供了許多字型可供應用, 也有不少繁體字型可供應用.

先來看看有哪些吧:

https://fonts.google.com/earlyaccess

上面是目前所有新增的 Google Font 的字體(非英文與拉丁文為主的), 我們可以用 Chinese 來查看看有哪些:

楷體 cwtexkai
圓體 cwtexyen
仿宋體 cwtexfangsong
Noto Sans TC notosanstc
明體 cwtexming
黑體 cwtexhei

這6種字體可供應用, 使用方式也很簡單, 直接使用對應的 CSS 即可, 以楷體為例, 可以看到他的 CSS 引入語法如下:

@import url(http://fonts.googleapis.com/earlyaccess/cwtexkai.css);

之後只需要在對應的 class 下 font-family 語法即可, 如下:

font-family: 'cwTeXKai', serif;

為方便一次檢視所有字體, 可以參考範例資料:

http://sample.diary.tw/42/index.htm

繼續閱讀:
http://www.ithome.com.tw/news/108941