Google 推出另一個網站 SEO 檢測工具 WEB.DEV

網站名稱：Web.dev
網站鏈結：https://web.dev/



原始介紹文章一

原始介紹文章二

使用Google登入做Web應用程式單一登入身分驗證(SSO)

這一篇很快地談怎麼用C#做Google帳號的SSO(Single Sign On)，依照我們前面曾介紹過關於OAuth與SSO的資訊，你應該已經知道用OAuth做網頁SSO需要兩個重要資訊，就是Client ID與Client Secret，在GCP平台上，你可以透過 https://console.cloud.google.com 這網站來建立一個應用程式(專案)

好啦，就這樣，知道OAuth的原理之後，其實一切都非常簡單。你的網站已經可以輕鬆的讓用戶以Google帳號登入了。

完整source code位於: https://github.com/isdaviddong/GoogleSSO
注意：測試本範例你必須把default.aspx以及SSOcallback.aspx頁面中的所有ClientID與ClientSecret與redirecr_uri換成你自己申請的，否則將無法正確執行("Unauthorized")。

原始介紹文章出自於此

網站必備－2018最新將網站登錄到Google、Bing搜尋引擎方法

Google Search Console加入與Sitemap設定
Google Search Console

連結網址：https://www.google.com/webmasters/tools/?hl=zh-TW

Bing加入與Sitemap設定
Bing網站管理員

連結網址：https://www.bing.com/webmaster/home/addsite

原始介紹文章出自於此

Manychat中文教學

相信有在使用facebook的可能多少有看過，當你進入粉絲頁時，會有自動回覆框出現，裡面會有可能會簡單的 fb聊天機器人 對你說Hello！也可能製作公司介紹、聯絡資訊等.. 案例按鈕，目前多數聊天機器人軟體，費用幾乎是免費的。其實現在開發fb聊天機器人已經不用寫任何一行程式碼了，因為國外已經有現成的軟體，如：ManyChat、Chatfuel等..都可以協助你開發自動回覆的功能。

文前小提示

1. 如果想了解「聊天機器人」概念介紹，chatbot行銷趨勢，多家fb bots平台推薦比較等 .. ，是打好基本功的一篇超實用文章（概念＋基本功＋部分實戰篇），可以看這篇：「 facebook聊天機器人：12篇教學行銷「推薦＋製作」自動回覆應用！」

2. 想了解網站架設（網頁製作流程、Blog推薦、公司費用），可以看這篇：「 網站架設-23篇不藏私教學（網頁製作流程、Blog推薦、公司費用 ..）」

更多知識學習：歡迎加入「 內容行銷&社群網路：精神時光屋 」，這是我新成立的社團。
會分享多種行銷技巧 / 知識，快一起教學相長吧！

原始介紹文章出自於此

程式開發紀錄

[教學] VUE+VUE i18n 讓HTML靜態網頁，也支援多國語言

ASP.NET Core 值得學嗎？

程式範例：byte[] 不落地壓縮 ZIP 檔

前端小筆記－Progressive Web App (PWA)

HTTP headers設置，讓網站更安全避免淪為挖礦機

最近一位工程師好友，突然丟一個檢測平台的分數，起初梅干以為是SSL檢測，就進入測試一下，卻發現到，怎分數相當的低，最後研究了一下，原來網站不是有加入SSL憑證就代表安全無誤，就在今年的六月KeyCDN在官方部落格，發表了一篇關於站點HTTP headers配置，分別為X-XSS-Protection、X-Frame-Options、X-Content-Type-Options Content-Security-Policy、Strict-Transport-Security、Public-Key-Pins這六項進行安全的設定，讓網站更加的安全，不會淪為挖礦主機。

HTTP headers檢測網站

網站名稱：securityheaders.io
網站連結：https://securityheaders.io

開啟.htaccess檔案後，並加入下方的參數設定。

# HTTP security settings start

Header set Strict-Transport-Security: max-age=2592000;
Header set X-Frame-Options: SAMEORIGIN
Header set Referrer-Policy: no-referrer
Header set X-XSS-Protection: "1; mode=block"
Header set X-Content-Type-Options: nosniff

# HTTP security settings end

至於Content-Security-Policy則不建議設定，一旦設定後，將會阻擋Google API與流量的統計，現在也趕快來檢測一下，自己的網站看看。


原始介紹文章出自於此

透過 Google 表單建立免費網頁監控服務，支援多網站監測！

有沒有網站一停機罷工就可以收到通知的免費工具？網路上其實不少這樣的網站，今天要分享比較特別的是運用 Google 文件的腳本，來製作網站罷工通知，Email 與 SMS 兩種通知方式都可以收到通知，大多數網站監控服務都打著「有限的免費」模式，雖然可以免費接收到通知，但可能需要支付電子郵件、SMS 通知需要付錢，如果有多個網站要監控的話，可能還需要花更多錢升級才能辦到，而現在我們可以透過 Google 線上文件建立自己的網站監控器，網站停機或重新啟動時，發出電子郵件、簡訊通知，所有內容都會記錄在 Google 線上表單中，或者甚至可以將停機時間活動存儲在Google Analytics 裡面，適合有多個網站需要監控的使用者。

Google 網站監測腳本：點我


原始介紹文章出自於此

GO 語言資訊

Go 語言課程
https://blog.wu-boy.com/golang-online-course/

30天就Go(1)：Go語言的介紹及相關資源
https://ithelp.ithome.com.tw/articles/10186154

Go Web 程式設計入門教學：基礎介紹與環境建置
https://blog.kdchang.cc/2017/07/01/golang101-tutorial-introduction/

Go 語言於 Windows 上之安裝與環境設定
https://oranwind.org/go-go-yu-yan-yu-windows-shang-zhi-an-zhuang-yu-huan-jing-she-ding/

----------------------------------

Web 入門
https://developer.mozilla.org/zh-TW/docs/Learn/Getting_started_with_the_web

Node.js 學習筆記 (一) : 安裝 Node.js

安裝 Node.js

https://yhhuang1966.blogspot.tw/2018/03/nodejs-windows-nodejs.html

控制台模組 console 測試

https://yhhuang1966.blogspot.tw/2018/03/nodejs-console.html

Make : 47 個激發創意的樹莓派專案

我在 Make 網站上看到下面這個就覺得手好癢 :

# 47 Raspberry Pi Projects to Inspire Your Next Build

我想 Make 應該是有出專輯才對, 但奇怪就是沒找到, 先記下來備忘再說. 好久沒玩物聯網了, 看到各種創意製作都會有種想立刻做的衝動.

另外我發現樹莓派官網有收錄各期 MagPi 雜誌 pdf 檔可下載 :

# https://www.raspberrypi.org/magpi-issues/

最新一期是 67 期 (2018-02-28), 裡面有一篇 "Make a talking web browser" 蠻有創意的, 可以幫盲人讀網頁內容. 



原始介紹文章出自於此

Google 免費 AI 課程

今天在 INSIDE 看到 Anny 寫的這篇 :

# Google 免費機器學習課程正式上線！支援多國語言含中文

據說這與 Goggle 工程師學習 ML 的課程是一樣的 :

# Learn with Google AI

其中有一個稱為 MLCC 的機器學習速成班已經有 18000 名 Google 工程師加入, 是專為初學者打造的快速上手課程 :

# Machine Learning Crash Course (MLCC)

不過, 文章說有中文版課程, 但我怎麼找都是英文版, 即使是 cn 網址也是一樣, why? 英文版也 OK, 可以鍛鍊一下已經生鏽十年的英文能力.

這套課程很棒的是每一節包含視訊教學, 書面講義, 以及課後測驗, 上完馬上可以檢驗是否已理解課程內容. 

參考 :

# 學習了！谷歌今日上線基於TensorFlow的機器學習速成課程（中文版）

# 谷歌機器學習速成課

原始介紹文章出自於此

http://technews.tw/2018/03/01/learn-with-google-ai-chinese-version/

教你認識Android的各種工程模式

三星手機：
三星 Download模式
進入方式：
關機後按音量鍵下與電源鍵及Home鍵或BB鍵(Bixby)按住不放

三星手機 Recovery模式
進入方式：
關機後按音量鍵上與電源鍵及Home鍵或BB鍵(Bixby)按住不放
進入Recovery模式始起畫面

小米手機：
小米手機Fastboot模式
進入方式：
關機後按音量鍵下與電源鍵按住不放

小米手機Recovery模式
進入方式：
關機後按音量鍵上與電源鍵
進入Recovery模式始起畫面
以音量上下做移動，電源做選擇。

ASUS手機：
ASUS手機Fastboot模式
(依機型有不同的Fastboot模式)
進入方式：
關機後按音量鍵下與電源鍵按住不放

ASUS手機Fastboot模式
進入方式：
關機後按音量鍵下與電源鍵按住不放
Fastboot模式選單畫面
Fastboot模式運作方式
以音量上下做移動，電源做選擇。

HTC手機：

HTC手機Download模式
(依機型有不同的Fastboot或Download模式)

進入方式：
關機後按音量鍵下與電源鍵按住不放
S-OFF與S-ON選單有些許不同
(Download模式) S-OFF選單

HTC手機Fastboot模式
進入方式：
關機後按音量鍵上下與電源鍵按住不放
(或由Download模式切換至Fastboot模式)
Fastboot模式選單畫面
S-OFF與S-ON選單有些許不同
(Fastboot模式)S-OFF選單



原始介紹文章出自於此

輕鬆做出美觀的自適應 RWD 表格(Table)﹍jQuery 輕量外掛

最近的案子處理行動版的表格效果時，發現以前的「Blogger 插入表格最佳流程 + 自適應寬度」，這個方式若用在商業網站，將沒有任何質感可言，甚至可以用簡陋來形容。

於是找了一下自適應 RWD 表格有沒有比較美觀，而且又簡便的處理方式。有發現幾個功能強大的外掛，但操作稍嫌複雜。

本篇要介紹的方案，比較能夠無腦套用，且現成的樣式、配色就很美觀，不用另外修改或研究 CSS 語法。

點此看範例網頁

簡易外掛 Basic Table
本篇要介紹的 jQuery 超輕量外掛 Basic Table，檔案很小，其實不必找外連空間，js/css 直接塞範本就好：

• 官網頁面：Basic Responsive Table Plugin For jQuery
• Demo 頁面：JQUERY BASIC TABLE PLUGIN DEMOS

原始介紹文章出自於此

讀寫檔案的另一個選擇 MemoryMappedFile

class FileProcessor
    {
        public static byte[] Read(string path)
        {
            byte[] result;
            using (var memoryMappedFile = MemoryMappedFile.CreateFromFile(path, FileMode.Open))
            {
                using (var memoryMappedViewStream = memoryMappedFile.CreateViewStream())
                {
                    result = new byte[memoryMappedViewStream.Length];
                    memoryMappedViewStream.Read(result, 0, result.Length);
                }
            }
            return result;
        }

        public static void Write(string path,byte[] content)
        {
            using (var memoryMappedFile = MemoryMappedFile.CreateFromFile(path, FileMode.Create, "save", content.Length))
            {
                using (var memoryMappedViewStream = memoryMappedFile.CreateViewStream())
                {
                    memoryMappedViewStream.Write(content, 0, content.Length);
                }
            }
        }
    }



    class Program
    {
        static void Main(string[] args)
        {
           var bytes = FileProcessor.Read("MilkyWay.jpg");

            FileProcessor.Write("MilkyWay002.jpg",bytes );
        }
    }


原始介紹文章出自於此