React Native Expo 安裝依賴(dependencies)時會有一堆錯誤

開啟專案或拿到別人開發的專案後,第一件事會為專案安裝一些必要的依賴(dependencies)套件

不過安裝過程中不斷噴出警告 (WARN),想嚇死誰

一開始很糾結這些警告,就是心裡過不去,久而久之也就習慣了…後來在Expo官方文件看到一篇文章有提到這一段,然後心裡踏實多了

Expo Initialize a project

為新項目安裝依賴項時,您可能會看到一些警告。這些是由於某些外部程序包具有過分嚴格或不必要的依賴關係而引起的,正在清理它們。它們不會對您的項目造成任何傷害。

[……]

閱讀更多

GCP 亞洲資料中心與代碼

Google Compute Platform (GCP) 是目前主流雲端服務平台之一,裡面提供各種各式各樣的雲端服務,GCP 的資料中心遍及全世界,很多服務在開啟的時候會要求選擇資料中心,而挑選資料中心的位置當然還是要離主要服務的區域越近越好,台灣最常服務的還是亞太地區,GCP 上選擇資料中心時是以代碼呈現(例:asia-south1),雖然知道是亞洲但還是不知道確切位置,有些服務挑選資料中心後是不能修改的

GCP 亞太地區資料中心對照表

代碼國家/地區asia-south1孟買asia-southeast1新加坡asia-southeast2雅加達asia-east2香港asia-east1台灣asia-northeast1東京asia-northeast2大阪australia-southeast1雪梨asia-northeast3首爾這邊列出我們最常用的「亞太地區」

其他區域

下方連結 可查詢 GCP 全球據點及網路分布
https://cloud.google.com/about/locations

[……]

閱讀更多

How to disable GTM debug mode

Google Tag Manager (GTM) 提供了很多方便收集使用者行為的工具,但前端會出現如下圖的除錯小工具視窗,方便我們開啟除錯及預覽模式,但當我們測試完成後將網站投入於生產環境中,發現還是會出現這小工具視窗,即使關閉了,當刷新頁面後仍會出現,似乎關閉不了它,本篇就來處理這傢伙,教您如何關閉 Google Tag Manager (GTM) 除錯工具的小工具視窗。

開啟代碼管理工具面版 (GTM)

  • 取消勾選左下角 Include debug signal in the URL 核選方塊
  • 按 Popup 視窗右上角的叉叉關閉視窗

停止除錯模式

做到這一步基本上已經關閉了除錯模式了,這時可以到網頁上去看一下GTM除錯工具的小工具視窗是否還在,如果還在,就按下小工具視窗的右上角的叉叉,關閉這個視窗,它就不會出現囉。

參考資料:
https://support.google.com/tagmanager/answer/6107056?hl=zh-Hant
https://www.analyticsmania.com/post/4-ways-how-to-turn-off-google-tag-manager-debug-mode/

[……]

閱讀更多

設定 G Suite Email MX 記錄

申請完 G Suite 並在管理面版設定好網域,卻還不能發信,請檢查你的DNS紀錄是不是少了MX的紀錄了呢?Google G Suite 要設定五筆MX紀錄,email才能正常運作:

新增 G Suite MX 記錄

名稱/主機/別名存留時間 (TTL*)記錄類型優先順序值/回應/目的位置@ 或保留空白3600MX1ASPMX.L.GOOGLE.COM@ 或保留空白3600MX5ALT1.ASPMX.L.GOOGLE.COM@ 或保留空白3600MX5ALT2.ASPMX.L.GOOGLE.COM@ 或保留空白3600MX10ALT3.ASPMX.L.GOOGLE.COM@ 或保留空白3600MX10ALT4.ASPMX.L.GOOGLE.COMhttps://support.google.com/a/answer/140034?hl=zh-Hant

設定DNS紀錄

如果你DNS是代管在 Cloudflare 上的話只要按照下列幾個步驟就可以成功設定了

最後就是測試一下 G Suite 的 Gmail 收發可不可以通了喔

[……]

閱讀更多

常用軟體或網站改為深色模式 (持續更新)

為什麼要用黑色呢,基於下面幾點理由,我愛把所有介面改為黑色介面

  • 我爽,沒別的
  • 顧眼睛
  • 省電

顧眼睛

除了第一點以外,是我個人因素外,長時間的使用電腦的朋友都該使用暗黑模式,因為暗黑模式能減少強光對眼睛的傷害,所有我們螢幕看到的顏色都是由三原色光紅色、綠色、藍色三種色光混合而成,尤其是白色,就是紅、綠、藍三種光線累加而成,而黑色正好相反,沒有光線就是黑色。

長期光線照射眼睛會造成眼睛傷害,反之,減少光線的照射能降低長時間使用電腦對眼睛的危害。

省電

不要覺得我在唬爛,暗黑模式也能省電,筆電或手機最消耗電力的就是顯示器,光是需要電力轉換,顯示器顯示光線的原理也是同一上段使用紅、綠、藍三種光線累加混合而成,黑色則為不發光,所以暗黑模式則會減少光的輸出,也就會減少電力消耗,增加續航力。

開始越來越多軟體介面或網頁介面開始支援暗黑介面,只是每一個軟體或服務的暗黑模式名稱略有不同,有的叫深色模式、有的叫夜間模式、黑暗、深色,都一樣就是把解面變成黑嚕嚕就對了,本篇就來教大家怎麼把一些常用的軟體或網路服務改成黑嚕嚕模式

Google 網頁搜尋深色模式

Windows 10 黑暗模式

win 10 也加入暗黑模式的支援,可以讓視窗跟一些兼容Windows佈景主題的應用程式都變成暗黑模式

Chrome 黑暗模式

依照官方文件說明,Windows 10 以上版本只要跟上一段介紹的佈景主題設定為「深色」即可,必要時重新開啟 Chrome 瀏覽器

官方文件:使用深色模式或深色主題瀏覽
https://support.google.com/chrome/answer/9275525?co=GENIE.Platform%3DDesktop&hl=zh-Hant

還想更黑一點嗎?

Chrome 極致黑

https://agirls.aotter.net/post/56218

Edge 黑暗模式

Firefox 黑暗模式

最早預設就是黑色的瀏覽器,但有可能手賤設定跑掉了,可以看這邊設定回來

Facebook 黑暗模式

facebook 需要先切換至新版本才能啟用深色模式,右上角三角形典下去,選取夜間模式

Line 黑暗模式

YouTube 黑暗模式

Gmail 黑暗模式

美中不足,那撰寫按鈕是怎樣,太不合群了吧

Twitter 推特黑暗模式

XMind 2020 黑暗模式

SourceTree 黑暗模式

工具 > 選項 > Theme > Dark

Android Studio 黑暗模式

Configure > Settings
Appearance & Behavior > Appearance > Theme > High contrast

Github 黑暗模式

Setting > Appearance > Theme > Dark

[……]

閱讀更多

Windows 10 清除尷尬紀錄,保護隱私

今天在開啟「工作檢視」功能視窗,赫然發現旁邊有個卷軸,好奇的往下滾動,發現 Windows 不只會把當前我正在使用的工作視窗列出來,還會列出我昨天的、前天、常用的,這有點嚇到我了,雖然看起來是更個人化的使用者體驗,但很多東西使用者並不想讓這些紀錄被保存,尤其是男生的電腦(嘿嘿)

不看不知道,看了嚇一跳

真的不知道在什麼時候透過什麼方式讓我同意蒐集這些「使用者行為」資料,而且設定項目很多,東西個西一個,看起來就是要增加關閉的複雜度,而且選項常常在邊邊角角,讓你不容易發現。

這時代『使用者行為』是目前每個軟體或服務都想收集的資料,經由大數據分析,就是它們賺錢的工具,包含常用的 Facebook、Line、Google Map…等,都是

免費服務被蒐集隱私資料這我可以理解,因為免費的最貴,但 Windows 是有償取得授權使用的,我覺得不該就這樣取得用戶使用行為資料,如果 Windows 要跟我買是可以拉;好啦,接下來回到主題,目前 Win10 我發現有幾個地方正在收集我的使用資料,這是明的幹的部分,暗的幹的我就不知道了

  1. 系統
  2. 工作檢視
  3. 工具列
  4. 檔案總管
  5. 開始功能表

也是這幾個最尷尬,前晚看了一些動作片,隔天去客戶那做簡報,這時檔案使用歷程紀錄就是一個很尷尬的東西了,如果手殘在會議中開啟了什麼,應該會想找個洞鑽把自己埋起來吧

工作檢視

按左下角搜尋圖標,輸入『活動歷程記錄』搜尋

以這關鍵字下去,就找到很多相關選項了,選擇『活動歷程記錄』

下方為『活動歷程記錄』的選項,我是全都關掉,詳細收集的內容,可以看她說明

我為什麼要把我的使用紀錄,看過什麼網頁、用過什麼檔案傳給 Windows 啊?賺了錢又不會分我,開了這個選項,等同於在背景一直洩漏我的使用行為,我才不要

取消同意至少明的幹我是不同意蒐集我這些資料的,真要暗的來,好啦我也不能怎麼樣,Windows也不會讓我知道

關閉後,記得! !
最下方還有『清除活動歷程記錄』按鈕,按清除才會清除已蒐集資料

工具列

這又是另一個尷尬的東西了,就是這玩意兒,自作聰明的把我開過那些程式、檔案列出來
還讓你找不到地方刪的傢伙

按左下角搜尋圖標,輸入『權限與歷程記錄』搜尋

最重要的就是把這『歷程記錄』關閉,就是這拉,一樣記得要按清除記錄的按紐

耶~~~~都不見了

開始功能表

這邊也暗藏收集使用記錄的地方,Windows真的很想害人齁,一堆功能都要記錄我開什麼程式、用什麼檔案,關了一個還有一個,怕了吧

偶爾在「開始」中顯顯示建議,這就是廣告麻,就是靠這些資料經過大數據分析,說是個人化建議,其實就是把廣告精準的塞給我的意思,這個我懂

隱私權

點開左下角搜尋圖標,搜尋『隱私權』

這幾個選項跟剛才上面的不是都很像嗎?就是你一個沒勾到就代表同意麻

結語

關了上面一票設定,發現其實就是要得到使用者的使用行為,用個人化服務做為包裝,就像上述提到,除了 Windows 以外,各大資訊服務的龍頭也都在做這件事,人們的隱私正逐漸被侵犯,關閉隱私的相關項目,除了避免尷尬場面外,也宣告我不同意我的資料被使用,至少保留一點隱私的自主權

延伸

Windows 10 活動歷程記錄與您的隱私權

[……]

閱讀更多

XAMP phpMyAdmin Error Cannot connect: invalid settings.

安裝完 XAMPP 開啟控制面板,啟動 Apache & MySQL 而在 MySQL 的同列有一個 Admin 按鈕,這就是開啟 phpMyAdmin 的方式,這是一件再平常不過的事,但今天在另一台電腦裝完 XAMP 後開啟 phpMyAdmin 後發生資料庫連線錯誤

錯誤訊息

著手解決

依照經驗這是密碼錯誤造成的,如果你是預設安裝路徑,你可以直接用文字編輯器開啟下方這個檔案

這是 phpMyAdmin 的設定檔,在檔案中找到下面這幾行

發現密碼是沒有被設定的,我們在 $cfg['Servers'][$i]['password'] 中鍵入我們要的密碼,並且把 $cfg['Servers'][$i]['AllowNoPassword'] 改為 false,像下方這樣

接著儲存檔案,重啟 MySQL,重新進入 phpMyAdmin,賓果!! 看到登入畫面了,登入成功

參考

http://jsnwork.kiiuo.com/archives/2738/xampp-mysql-phpmyadmin-%E8%A8%AD%E5%AE%9A-root-%E5%AF%86%E7%A2%BC/

[……]

閱讀更多

HTML5 a tag force download

希望強制讓使用者下載檔案,但是在a標籤將網址指向檔案,在一些常用檔案例如:jpg、png、PDF,常會被瀏覽器直接開啟,無法直接下載,比較正規的做法是在發送 headers 時做這件事,但有時我們在處理靜態網頁就可以用偷吃步,在HTML5 a 標籤中多了一個download屬性,就可以用強制檔案用下載的方式讓使用者下載a標籤連結中的檔案,但這偷吃步要小心瀏覽器相容性

點我看效果 download PNG

[……]

閱讀更多