發表文章

Apps Script:手機瀏覽網頁點input/textarea不要放大(zoom-in)

這個問題之前沒發生過,可能都是我用了各種套件react/bootstrap,直到我寫vanilla js...

解決SSH主機遭遇no matching key exchange method found. Their offer: diffie-hellman-group1-sha1

遭遇這個SSH問題是因為目前接手一台老舊的主機,使用Ubuntu 20.04的ssh要連入時遭遇到的錯誤。 no matching key exchange method found. Their offer: diffie-hellman-group1-sha1

解決VSCode使用DevContainer遭遇問題:System has not been booted with systemd as init system (PID 1)

要解決System has not been booted with systemd as init system (PID 1)的問題,可以參考 https://github.com/microsoft/vscode-remote-release/issues/3919

使用javascript取得URL中特定的Param(含Google Apps Script)

在一些純前端的環境中,如Github page和Apps Script,和我們依然會想用URL中parameter方式來完成一些事情,這時候就會需要URLSearchParams的幫忙!

VSCode中使用既有的docker image作為Dev Container的目標

若要在VSCode中,使用已存在docker image作為Dev Container使用標的,這部份在官方的說明文件有提到,詳細說明可以參考 這裡 。

使用javascript清除URL中的Param和Hash(含Google Apps Script)

像是LINE登入時會使用get來轉移到我們的網站中,若是我們後端沒有處理好,這時候就只能用前端的javascript程式來處理。

VSCode使用podman作為Remote developement預設container

 想要在VSCode使用podman作為Remote development預設container,需要視你的開發環境而定。 如果你是使用Attach container development或是Connect ssh development,你需要跟隨 上一篇 的設定方式。

以Apps Script試驗LINE bot的flex message

關於LINE flex message 官方介紹 會叫做flex message是因為其排版方式與網頁CSS的flex模式,主要是在手機/平板上呈現。在電腦版呈現時只會顯示  "本訊息無法顯示。 請至手機版LINE中查看。"

VSCode使用podman作為工作目錄預設的container

想要VSCode使用podman作為預設container,我們可以設定編輯器全域的設定,或是目錄/工作目錄的設定兩種。

不需寫程式LINE圖文選單(Rich Menu)

圖片
  不需要寫程式的LINE圖文選單 進入LINE official account manage頁面 https://manager.line.biz/account 左側的聊天室相關→圖文選單 選一選設定之後,必須要上傳底圖,就可以用下方的處理。 LINE官方Rich Menu圖片編輯器(泰文) https://lineforbusiness.com/richmenumaker/ 雖然是泰文不過應該是看得懂操作啦! 先選版型 點版型位置,可上傳圖檔,選背景色,放文字改顏色等 設計好之後按右下角的下一步,會顯示後續說明。 最重要就是將左下方的勾選起來,按下右下方的泰文按鈕來匯出成圖檔。 把圖片上傳到進入LINE official account manage頁面就完成囉! 其他資料 - 需要寫程式的圖文選單 官方說明以REST API上傳圖檔建立選單 https://developers.line.biz/en/docs/messaging-api/using-rich-menus/ 透過 Rich Menu Switch Action 快速地切換 LINE 的個人化的 Rich Menu https://engineering.linecorp.com/zh-hant/blog/rich-menu-alias-switch-action/ 如何個性化在 LINE 中顯示 Rich Menu 以匹配用戶的語系 https://engineering.linecorp.com/zh-hant/blog/adapt-richmenu-by-language/