Slack for Windows 變更字型

Windows 上的 Slack 字型顯示為細明體,不是很美觀,一個方式是直接用瀏覽器版的,另一種方式就是想辦法改變 Slack 顯示的字型。

版本 4.4 的方式

參考 4.0 的模式,只是把修改的檔案換成 preload.bundle.js

版本 4.2 ~ 4.3 的方式

參考 4.0 的模式,只是把修改的檔案換成 main-preload-entry-point.bundle.js

版本 4.0.x 的方式

找到這個目錄 C:\Users\[USERNAME]\AppData\Local\slack\app-4.0.1\resources(版本及磁碟機可能不同),並找到其中的 app.asar 這個檔案。這是一個壓縮檔,我們要編輯裡面的檔案,加上自己的 style。

Windows

  1. 用 7-Zip 並加裝這個 Asar7z plugin 就可以用 7-Zip 開啟 app.asar 了。
  2. 開啟後,找到 dist\ssb-interop.bundle.js 並按滑鼠右鍵編輯。
  3. 加入下面的內容後並存檔,7-Zip 會詢問是否更新壓縮檔內容,選擇 [是](更新前應關閉 Slack,不然會無法寫入)。

其他作業系統

我沒有在用不太清楚,不過 macOS 可以用這篇的方法。

能編輯 ssb-interop.bundle.js 之後,就是要在最後面加入這段:

document.addEventListener('DOMContentLoaded', function() {
  var css = "[lang] *{font-family: 'Slack-Lato', 'Noto Sans CJK TC' !important;}",
      head = document.head || document.getElementsByTagName('head')[0],
      style = document.createElement('style');

  head.appendChild(style);

  style.type = 'text/css';
  if (style.styleSheet){
    // This is required for IE8 and below.
    style.styleSheet.cssText = css;
  } else {
    style.appendChild(document.createTextNode(css));
  }
});

(調整字型的部分在第二行的 var css = ... 那裡,請參考下面 3.3.x 的地方)

版本 3.3.x 的方式

找到這個目錄 C:\Users\[USERNAME]\AppData\Local\slack\app-3.3.8\resources\app.asar.unpacked\src\static(版本及磁碟機可能不同),並且編輯 ssb-interop.js 這個檔案。

像我要採用思源黑體,就在這個檔案最後面加上:

onload = function(){
  $("<style></style>").appendTo("head").html("[lang] *{font-family: 'Noto Sans CJK TC' !important;}");
};

或者拉丁字母的部分想保留原來的字型,可以這樣寫:

onload = function(){
  $("<style></style>").appendTo("head").html("[lang] *{font-family: 'Slack-Lato', 'Noto Sans CJK TC' !important;}");
};

這樣顯示字型就變得好看多了!

台北捷運蓋章記錄

為了記錄自己蓋章的進度,於是寫了這樣一個網頁 http://ericyu.org/TaipeiMetro/ 可以產生下面那樣的圖,還可以使用網址儲存資料,譬如下圖對應的連結是 http://ericyu.org/TaipeiMetro/#_vv__7__-p_3X_73fw8。這樣可以自己儲存,或是分享給其他人。

產生的圖檔是 PNG 格式,背景是透明的。所產生的圖檔在保留右下角網址的情況下,可自行添加文字,作為非商業用途使用(譬如用在自己的 blog,貼在 Facebook 等)。 其他利用請先聯絡我(SVG 版權所有)。

這是我截至今天為止蓋完的車站,全部蓋完以後,會再發一篇列出各車站印章位置。
TaipeiMetroStamp

使用到的新玩意兒(對我來說)有:

  • HTML5
  • HTML5 History API
  • Bootstrap
  • SVG 操作及繪製至 Canvas
  • 將 Canvas 變成可下載的圖檔

順帶一提,路線的顏色都是按照捷運公司指定的色碼的哦(參一參二),而路線圖的 SVG 是用 Inkscape 從頭開始畫出來的,最後再用 SVG Cleaner 簡化。

拼音輸入法

大概從二月中開始,在電腦上及手機上都改用了漢語拼音輸入法。

根本的原因是在手機上用注音輸入法其實蠻痛苦的。一般普通的手機上的注音輸入法需要在螢幕上擺放 37 鍵,於是按鍵就比較小,總是很容易誤觸到旁邊的鍵(英文還好是因為有自動校正及滑動輸入法,克服了這個問題)。再來就是我在電腦上的注音使用的是倚天排列,在手機上老是不習慣大千排列。

考慮了半天,覺得還是就改用拼音輸入法吧。如果改用倚天 26 鍵之類的,以後轉換還是比較麻煩。
繼續閱讀 →

閏年的程式處理

其實還不少程式處理到閏年時會出錯的。最近新聞出現好幾則:

「うるう年」認識せず 豊川など3市3町、システム障害で窓口停止
輸入日期後,系統會檢查前後一年時間範圍內的相關資訊,但是前一年後一年都沒有 2/29,所以就會出現錯誤。

うるう年でエラー NTT東西の動画配信STBに不具合
機上盒在 2/29 那天會開不了機,呼籲若機器可用的使用者,不要關機。

ソニー、ワンセグ「ウォークマン」に”うるう年”問題-2月29日にEPGが取得できない不具合
Sony 的 1seg Walkman 在 2/29 那天無法取得 EPG (電子節目表),時間會變成 **:**,當然也無法預約錄影。

toto:販売が一時停止 コンビニのシステム不具合で
由於 FamilyMart 販賣系統沒有考慮閏年,足球彩券販賣中斷。

公衆電話故障の原因はソフトウェアの不具合
NTT 東日本與 NTT 西日本於 1/31 上午九點左右發現有電話故障(三千台以上),原因是:在電話費回收以後或電話機開關時,電話機會執行自我診斷程式,並且設定下次執行時間,而程式沒考慮到閏年,於是就故障了。

Exchange Server 2007 Bitten By Leap Year Bug / Exchange Server 2007 and leap year day Feb 29 2008…
Exchange Server 2007 某些設定功能會無法正常使用。(Microsoft Exchange System Attendant 的問題)

Technorati : ,