我開發了一個博客和播客托管服務Typlog，目前你看到的這個網站就是托管在 Typlog 上的。今天給大家分享一個運營 Typlog 的慘痛教訓，希望能幫助其他的開發者。前幾天有個客戶發郵件給 Typlog，來咨詢一些問題。我回復後，過了好幾天也沒收到客戶的反饋。於是我又用自己的私人郵件去問客戶有沒有收到我的回復，答案是沒有。我有點不好的預感，於是用 Typlog 的郵箱給自己的私人郵箱發了一封郵件，不出意外地進入了垃圾箱。我們的郵箱設置沒有任何問題，DKIM、SPF、DMARC 都正常設置好了，Gmail 也全部給我們標記為 "PASS" 了，但是這封郵件就是進入了垃圾箱。我的預感沒有錯，而且我也意識到問題出在了哪裡。進入 AWS SES 後台查看了一下，域名的口碑(domain reputation)出了問題。Typlog 的聯絡郵箱使用的是 Google Workspace，通知郵件是使用的是 SES，他們都是使用的 typlog.com 這個域名。通知郵件服務導致域名出了口碑問題，影響到了聯絡郵箱。為何我們的通知郵件服務會出問題呢？一直以來我都忽略了一個問題，我很早的時候就注意到 Typlog 有很多的垃圾註冊，但是我沒有太在意。一是我們的註冊接口是有頻率限制的，他也註冊不了多少；二是我們是一個付費服務，他註冊了不激活也做不了什麼事。直到 Typlog 的聯絡郵箱出了問題我 ...继续阅读 (19)

Cloudflare Email Routing 這項服務推出來有一段時間了。今日，我將個人郵箱 (me@lepture.com) 從 Google Workspace 轉到了 Cloudflare Email Routing，每月節省了 6 美金。我們知道 Cloudflare Email Routing 可以接收郵件然後轉發到你指定的另一個郵箱，但是並不能發送郵件。這樣的話，我們就不能使用自己的個人域名郵箱了。所以要搭配一個方案，讓我們可以用自己的域名發郵件。所以我另外註冊了一個 Gmail 來發郵件。下面是我遷移的整個流程：備份郵件首先我們需要備份個人域名郵箱里的郵件，如果你沒有什麼重要的郵件的話，也可以不備份。不過最好還是備份一下。這裡我選擇將郵件導入到我新註冊的 Gmail 里。如果你已經有一個@gmail.com的郵箱了，這一步可以省略。不過我還是註冊了一個全新的 Gmail，這樣比較清爽。進入 Gmail 的設置裡面，選擇Accounts and Import，在下面可以找到Check mail from other accounts，點擊Add a mail account。在彈出的對話框里輸入自己的郵箱，按照引導會進入填寫 POP 服務的頁面。按照官方文檔，你需要填寫的信息：用戶名：你的郵箱密碼：你的郵箱密碼POP 服務器：pop.gmail.com端口：995要 ...继续阅读 (32)

TheHTML element represents small annotations that are rendered above, below, or next to base text, usually used for showing the pronunciation of Japanese and Chinese characters. There is amarkup syntax discussionin the CommonMark Discussion, among which, I prefer thesyntax designed by JuanitoFatas.[漢字(かんじ)] [漢字(かんじ)](https://jisho.org/search/漢字)The benefits are obvious:The markup looks pretty and easy to understandIt works well together with linksHowever, the syntax for separated ruby annotations is a little complex:[[漢(かん)][字(じ)]](https://jisho.org/search/漢字)While inmistunev3, I've added a ru ...继续阅读 (21)

I've been using Windows for a while now. Everything goes well except it doesn't render country flags emoji. I didn't notice this until I became a Windows user.In theTyplogadmin portal, there is a region visit metric that displays country flags via emoji. It looks terrible on Windows. Here is how would it look like on Windows:Broken country flagsThere are several ways to fix this problem:Display country flags withtag:https://github.com/hampusborgos/country-flagsUsing CSS sprits with class names:https://github.com/lipis/flag-iconsRender emoji with web fonts:https://github.com/talkjs/country-flag ...继续阅读 (23)

春光正好，人也從憂鬱厭世的情緒中解脫出來。也是長久未寫文章了，竟對寫字產生了一種疏離生僻之感。錢鐘書談寫作時說道：我們常把自己的寫作衝動誤認為自己的寫作才能，自以為要寫就意味著會寫。我大概連寫作的衝動都在逝去，同時逝去的還有各種興趣，比如好久沒去拍照了，就連玩遊戲看電影也提不起興致。也許是身處疫情的自我隔離，也許是漫漫冬季的蕭瑟，也許是自我間歇性的抑鬱。之前的幾個月裡，整個人如在泥潭，想要掙脫卻越陷越深，什麼都不想做，不想工作，不想起床，不想吃飯，不想洗澡，不想睡覺。現下終於恢復了，趁著這個時候紀錄一下，寫點流水帳，也算是活在了人間。作息調整告别了昼夜颠倒的生活，作息終於規律了起來，現在也算是早睡早起了。一天的時間安排大致如下：自然醒，時間跨度比較大，大致 6:30 ～ 8:00早餐，可能是烤麵包，可能是出門吃，也可能不吃學習日語，是的，我又一次開始學習日語了，大致是 9:30 開始處理 Typlog 的 bug，或優化代碼，或寫新功能下午，處理真正的工作（養活自己的）晚餐後，看情況，可能還是在為 Typlog 工作，可能是解決 GitHub 上的 Issue，也可能休閒11:00 ～ 12:00 睡覺以上安排比較彈性，實際上會有一些出入。日語學習不記得是第幾次學習日語了，這次是在 NHK 上學習《簡明日語 2015 》，每天學習一到兩課，目前學到第九課了。這次至少要將這本書學完吧 ...继续阅读 (21)

昨日 Yachen Liu 談「程序員」一詞引起了頗多討論，其文曰：一直很不喜欢「程序员」这个描述。以「员」为后缀的职业，如收银员、驾驶员等，多为一种机械地反复做同一件事情的工作，这个标准对 coding 来说太低、太无趣了。「软件工程师」则好的多，既表明了专业性，也包含了 coding 所具备的艺术和创造的可能。viaTweet暫不言「員」字一解，且談他人回復，或曰其言「是對其他職業的貶低」。Yachen 表示否定，今撰文解釋於此：所以只是我的言论映射出了批判者自己内心的价值观，而这些批判者往往也是善良的，这个价值观很刺眼他不愿意相信是自己的偏见，所以要怪罪于我的言论。這一表述亦是常見的，不過於「你自己心裡有鬼」，此文怕也是不妥，再次演繹了「子非魚，安知魚之樂？」和「子非我，安知我不知魚之樂？」我們不談他人心中所想，只談文字表達。原文 Tweet 建立了一個矛盾衝突，將程序員與收銀員、駕駛員等對立起來，而這個矛盾衝突是比較激烈的，如果沒有「這個標準對 coding 來說太低、太無趣了」一句，則衝突會低很多。分析此句，「這個標準」即是指「收銀員、駕駛員等」的標準，不異於指桑罵槐：你們收銀員、駕駛員等的工作標準太低、太無趣了。作者心裏是否這樣想的，我們不知，也不必評說，但是文字的表達上確實是有此意的，所以也怪不得他人誤解。這裏並沒有解釋一文裏所說的「腦力勞動者與體力勞動者」的衝突，而 ...继续阅读 (23)

上周「婊醬FM」打算遷移到 Typlog，他們之前使用 Fireside 托管，但是賬戶已經過期，RSS 不能訪問，又未能找到 Fireside 的導出功能。於是將賬戶密碼告知我，委託我來處理。我卻是不信 Fireside 沒有導出功能的，結果是真的找不到。但是我卻發現了 Fireside 有一個 Hiatus Mode，可以用 $5 來托管播客，方便遷移：告知「婊醬FM」確實需要再續費一個月才能方便遷移到 Typlog，但是可以使用這個 Hiatus Mode 來減少費用。申請後，兩個工作日依舊沒有反應，再次申請，還是沒有反應。賬戶信用卡已更新，但是賬戶依舊是 Suspended 狀態。不知道 Fireside 是否沒有人在工作，無法激活賬戶。這樣等下去也不是辦法。據說互聯網是有記憶的（當然大國只有 404），也許可以在其他地方找回數據。先到互聯網檔案館尋找，未能找到。再搜索，找到一個叫Listen Notes的地方，似乎可以一用。頁面解析起來不太方便，但是這個網站是有 API 的，遂去申請，可惜需要填寫太多資料，還不知道 API 里是否有 Typlog 所需要的全部資料。便先放在一邊，再找找別的地方，實在不行再回來申請 API key。最終從Breaker處獲取到了所有數據：Breaker Network將數據從 Network 里複製出來，剩下的便很簡單了，寫上幾行 Pyth ...继续阅读 (20)

不曾想，距離Typlog 正式亮像已經三週年了。這是我第一次做付費服務，也虧得是付費服務，不然早就歇業了吧。Typlog 就這樣安安靜靜地過了三年，直到最近才在Product Hunt上做了一下宣傳，可惜不太成功，只新增了一個付費用戶。三年時間里，Typlog 修修改改亦有不少變化。經營日淺，多半靠著大家捧場口口相傳罷了，也只能分享一點技術方面的收穫了。從靜態到動態Typlog 是用 Python Flask 寫的，這一點沒有變化。初時的方案是文章內容存在數據庫里，文章發佈時，後端會讀取數據庫，遍歷文章表生成整個網站的靜態文件，這些靜態文件通常是 HTML，通過 nginx 托管。這裡可以分享一個小技巧，註冊 Typlog 後 Typlog 會給你分配一個 Typlog 的域名，在你綁定了域名後，你就有了兩個域名，需要兩個域名都可以訪問，我當時的做法是：所有靜態文件生成到一個固定的文件夾，比如/data/build/lepture創建軟鏈接/data/www/lepture.com和/data/www/lepture.typlog.com到/data/build/leptureNginx 配置里設置root /data/www/$http_host如是，當你訪問lepture.com或者lepture.typlog.com時便都可以訪問到相應的頁面了。最初設計選擇使用靜態方案是因為 ...继续阅读 (21)

"RSS is dead" every year; it will be dead in the next year again. But before the dead coming in next year, we can do something to make it dead in an elegant way.RSS feed is meant to be used by machine (apps) not by human. But people may visit a feed link directly and shout out WTF is this.The RSS feed however can be human friendly. Take an example of my blog's RSS feed. It is simple and clean, not so scary to ordinary people.My blog feed UIXSL URLBut how can we make a RSS feed look like the above UI?We added this UI inTyplogrecently. It is pretty simple withxsl. I'm not going to explain XSL in ...继续阅读 (20)

昨天發佈了一個中文獨立播客的項目，在 Twitter 上說了一句，不曾想應者雲集。愚頗為惶恐，怕是要解釋一番了，談一談什麼是獨立播客。我原先便有做一個播客列表的想法，不過是推薦一下使用Typlog的播客用戶，順便給 Typlog 做點宣傳。然而二零一九年春夏之交國內播客的異動打斷了我的方案，與其只推薦 Typlog 上的播客，何如推薦中文獨立播客。愚聽播客並不算多，初始不過列舉三四個，幸得眾人共襄，今已數十者矣。好壞暫且不論，至少都滿足了「獨立域名」這一條件，當是時所立之唯一准則。此番定義怕是很難讓人信服，然而「這可以算是獨立播客的一個不完美但有效的定義」。Jesse Chan 言：獨立 = 創作過程不受限制、影響。這是要從內容本身出發去判斷的，真正「獨立」的內容會散髮出獨一無二的氣質。愚非賢者，不敢斷言何為真正獨立的內容，亦不可能聽遍所有節目。這裡取「獨立域名」一條皆因中國播客審查之過，假使播客並沒有自己的域名，而是使用喜馬拉雅、荔枝等，其便不至於被蘋果除名，因為這些國內平台已經幫忙審查過了。當前情形，愚不可能去評判播客內容之優劣。止以域名論之，何也？假使播客 RSS 地址不能自己控制，全仰仗平台，平台說刪就刪，何談獨立？而有了自己的域名，即使使用別人提供的服務，想移走時便可以移走，可對 RSS 地址做重定向。至少在這一點上算得獨立了。針對蘋果國內播客政策，我以為有如下解決方案： ...继续阅读 (21)

今日偶遇一則微博，言其室友虐貓，轉發已過十萬。其文指名道姓，又向其室友之公司與學校控訴，望學校與公司對其室友作出應有的裁決。聲援者雲集，大約是能如意了。而我卻擔心起室友來，恐怕其會有輕生之意。希望她能堅強一點，渡過此次難關，待事件平息後還能過上正常的生活。我這裡也不願列出原始出處，算是保護一下二位當事人。也許是一廂情願，搜一搜便可以找到的，甚至都不需要「人肉」一下。我亦曾感嘆於互聯網之偉大，樂見社交網絡的興起。那時我們一起見證社交網絡的力量一度左右過政府的政策，恍惚間便生出了幻覺，以為公權力終於有了束縛。萬不料網絡最終成了威逼個人的利器。公權力？那是我無法理解的力量，畢竟年輕，畢竟單純。便是前年，我亦嘗言：確實駭人聽聞，我單知道可以在網上批評某一類人的，譬如中國的某類老人家。又或是怒斥強權，一邊健身一邊控訴幾個委員書記之類。此番號召眾人去人肉一個平民女子，還是第一次見。確實是我孤陋寡聞，大約網絡暴力已經是一種常態了。此番卻不必號召眾人去人肉了，姓名學校公司與照片齊全。倘使是正經的媒體，人物會化名，照片會打碼，我們知道發生了這樣的事，輿論可以去批評虐貓的行為，當事人能得到教訓而不必生活於恐懼之中。社交網絡的力量很可怕，雖然還沒有公權力可怕，個人在其面前是如此的渺小，如何使用他，這是一件值得思考的事。我們縱然無法利用他做正確的事，亦當謹慎用其作惡。我不想分辨室友算不算是在虐貓，貓很可愛 ...继续阅读 (22)

夜，最是適合逃避的時間。沒有工作，沒有生活，只是純粹的夜。在那霸的夜裡漫步，暫時忘卻白天的煩惱。沿著馬路，一個人靜靜走著，邊上一輛輛出租車駛過，玻璃擋板里閃耀著紅色，模模糊糊看不清楚的二字分明是空車。走上國際通的街道。還有深夜經營的小店，居酒屋拉麵店咖啡館。行人三三兩兩，行至人少處，終究忍不住尖叫了兩聲，權當發洩了。不遠處聞得歌聲，是首英文歌，我也哼得起來，便慢慢向著歌聲走去。過了紅綠燈，見到是兩個年輕人在那裡唱歌，男生彈著吉他，女生捧著話筒，面前是個小音箱。我問了一聲能否坐在這裡，得到肯定的答復後便坐在了旁邊。女生唱完後問我想聽點什麼，我說你隨意，唱你喜歡的就好了。而後便靜靜呆著，聽他們唱完一首又一首。路上偶爾一兩人丟下硬幣便走了。忽而一個大叔騎著自行車經過，又回轉回來，停下車，在對面坐下來，亦聽起歌來。兩首後過來與他們搭過話，再聽了聽也離開了。倒是以為我跟他們一起的，連忙解釋說我是外國人。歌聲繼續，沒有人駐足，唯有微風吹拂。這那霸的夜溫暖濕潤，最是怡人。曲終人散，從錢包掏出幾張紙幣後匆匆離去。又是一個人漫無目的的閒轉。大抵生命還是美好的。晚安。 ...继续阅读 (18)

The new year has arrived, it is the time to make a change. Thelicense issueofAuthlibhas been there for a long time, AGPL seems not a good choice in first place. Although I had planned to split Authlib into 3 modules and issue them under different licenses, that won't happen in a short time. AGPL is preventing many people from using Authlib, the situation will end soon. New year is the time to change the license, and I'm happy to announce that Authlib is going to be licensed under BSD from next release.BackgroundAuthlibwas created to replace myFlask-OAuthlibproject. In my previous blog articleA ...继续阅读 (21)

PyCon Japan 2018 剛剛結束。會議場地位於大田區，離我住處偏遠，於押上轉一趟車全程大抵一時半，倒不是怨言，整體感受挺不錯的。這次亦有在 PyCon 做一點分享，話題為 The Modern OAuth 2.0，正是最近在寫的《摩登 OAuth 2.0》系列。分享我自己偏愛概念類的分享，以傳播為主，這次的分享亦是順帶推廣自己的項目Authlib。下面的視頻大抵從 15:00 開始，英語口語不好講話不太流利（國語口語也不好），但是還算講清楚了。The modern OAuth 2.0另外 slide 可見SpeakerDeck。體驗這次參加 PyCon JP 算是偶然，來日本第三年了才第一次參加。報名後才發現原來講者亦要買票的，這卻是第一次聽說，查了一下，一般 PyCon 確實都要買票，但是可以申請補助。中途並沒有人來聯繫，也沒有提前要 slide，所以一直拖到演講前一天才寫完。也正是這一天，PyCon 開始前的一天，主辦方終於有一個活動了，邀請了工作人員、贊助商、講者去晚餐。餐廳有點搞笑，將 PyCon 寫成了 TyCon——Welcome TyCon 樣。人很多，沒有自我介紹，就瞎聊，日語不太會，只能找人講講英語，我又不太會社交，有點尷尬。不過好歹還認識了幾人。這次 PyCon JP 規模很大，除了早上的 Keynote 沒有並行外（住太遠趕上不 keynote），下 ...继续阅读 (27)

OAuth 2.0 開發者應該不陌生。其正式發表至今已逾六年，加之眾多知名公司使用，圍繞著這些公司的開放（或偽開放）平台，開發者也越來越多，名氣也就愈發響亮了。但是認真讀過標準的卻沒有多少人，不按標準來實現 OAuth 2.0 服務的公司不可勝數。而況這些年里，OAuth 2.0 又有許多新的標準規範誕生。我因為在寫Authlib1，相關的標準略有閱讀，或有所得，不才分享一二，但求解惑三四人。歷史OAuth 的歷史最早可追溯到 2006 年 11 月，Twitter 需要一套 API 的授權訪問方案，彼時並沒有一套開放的標準規範來實現 API 的授權。由 Twitter 的開發者 Blaine Cook 首倡2，最終於 2007 年 7 月完成了 OAuth 的初版草案。2007 年 12 月 4 日 OAuth Core 1.0 正式發佈。這是 OAuth 1.0 的歷史。其後 OAuth 1.0 進入 IETF，2010 年 4 月 RFC5849 發佈。這期間，即 2009 年 IETF 成立了一個 OAuth 工作組，後來的 OAuth 2.0 正是由這個工作組創建的，用以取代 OAuth 1.0。無論是 OAuth 1.0 還是 OAuth 2.0，他們解決的都是同一個問題，即「如何讓一個應用在用戶的授權下訪問操作用戶授權的有限資源」。框架OAuth 2.0 與 OAut ...继续阅读 (24)

Flask itself is very flexible. It has no certain pattern for a project folder structure, which is very good for experienced developers to organize things in their own favors. However, people new to Flask will get confused, they need some guide on it, and usually they are going to find something works but not good (or even bad).I didn't know such a problem until someone reportedan issuetoAuthlib. And I can't understand the problem either. Then another person explained it to me with a project structure, I finally got it. I was terrified that lots of posts, guide, boilerplates are backward import ...继续阅读 (24)

It has been 4 years since I postedCreate an OAuth Server. Flask-OAuthlib has been shining in the Flask community, but it's time to say goodbye.Authlibis going to replace Flask-OAuthlib.Authlib contains everything you need to create OAuth clients and servers. It contains:python-requestsOAuth1SessionandOAuth2SessionFlask OAuth clients integrationsDjango OAuth clients integrationsFlask OAuth servers implementationsDjango OAuth servers implementations (not ready)OpenID and many other thingsDocumentation & PlaygroundNo, there will be no guide on how to create an OAuth server in this post. It is har ...继续阅读 (21)

維西曆十月下旬，余赴美利堅公事。初入國，幾番盤查，始得入境也。至於翻箱倒櫃脫屣赤足亦平常事也，其嚴，甚於西朝鮮矣。余頗惡之。余年少而家貧，無以直航，東京途次洛杉磯而適三藩。三藩多苦民，衣衫襤褸，幽幽然無所歸者，或蹲或坐或行於街市馬路也。又有果皮紙屑棄於地，臟亂差如是，不及扶桑多矣。三藩之民疑焉，每及問必答曰：扶桑乃發達國家之宗也。余居三藩凡九日，得閒四天。初。邀大學同窗共遊伯克利。伯克利者，加州大學分校也，是名校也。其聲名於外，世人但知伯克利，不聞加州大學也。會伯克利慶典，吹號者、擊鼓者、舞者、觀者、錯錯然聚首一地。余與同窗隨慶典行，聞其聲樂觀其歌舞，少女短着，或搔首或旋足或立於他人之肩，青春之謂也。余不得習業於伯克利，奚爲之？購伯克利衛衣，假之充數耳。再。適東原君赴蘋果公事，相約觀金門大橋。東原君驅車，載以出行，午食於天堂洲（Paradise Cay）泰國餐廳也。金門大橋者，蓋三藩名勝，客每至，必觀之也。余不敢自欺，隨波逐流耳。觀之以高山，觀之以近海，皆賴東原君相載也。其山皆灰黃而少植被，三藩環海，乾燥如斯，何爲之？是夜，與諸君聚於聖荷西，有飯團、Loddit、梁海、東原等君。三。央Bao君載余行射擊之樂也。其地近聖荷西，喚曰「靶宗」（TargetMaster）。余，中國人也，未嘗近手銃也。Bao君親攜槍支彈藥，銃二彈百，余與Bao君相次射之。其聲也巨，余每射，初必入靶，次則未必 ...继续阅读 (21)

應該學一下車了，小明嘀咕道。他那時在火車上，臨時決定要去阿賀町住一晚。鐵道兩邊的稻田，多數只余枯黃的稻樁，他只偶爾抬頭瞥瞥，依舊回過來看著電腦終端里滾動的日誌，修改Typlog的代碼。下一站「馬下」，第一個播客節目看起來沒有問題了，小明不禁松了口氣伸了一個懶腰。日本十一倒不放假，究竟在家呆久了，早想著出一趟遠門。原本計劃回國去新疆玩的，機票都買好了，因為辦美國簽證，護照還在美國大使館裡，不得不更改行程。去佐渡是臨時決定的，十一的早晨，感冒還未好，小明搭了電車去往秩父，打算坐一坐蒸汽機車，路途翻看地圖，見著西邊有一個離島，便想著不妨到島上一遊，由是選定了佐渡島。這次又是一個人的旅行，小明倒也習以為常，往年亦多是一人旅，雲南游山水、西北逛沙漠、清邁騎摩托，倒是快活。亦不知是上了年紀，還是異國的孤獨，一個人出行時常會失了興致，又或許因為日本的精緻，失之疏蕩宏博，無法暢懷胸意。佐渡一度算作流放犯人的蠻荒之地，及至金銀礦的發現，德川幕府置佐渡奉行所直領之。明治時亦曾置縣，現下稱市，屬新潟。小明於小木港入島，両津港離島，其間不過三天，山川人物歷史風貌只得一點淺薄的認識。小木略顯荒涼，便是十一這樣的時節，到處都是中國人，這裡卻見不著幾個遊客，入境時還見著懸了中文橫幅，上書不地道的歡迎語——歡迎光臨來到佐渡。走在路上，時而可見廢棄的房屋，斑駁的牆壁，爬了一牆的藤蔓，破窗上的蛛網，網中央安靜的蜘蛛。 ...继续阅读 (21)

9.25，晴吃了兩日不知是誰剩下來的感冒藥，但是還不見好。下午便去診所看了醫生，開了處方藥。這是我第二次用健康保險，第一次是洗牙。填過一點基本信息，醫生問了幾個問題，便開了五日份的藥，分四種，每種對應各自的病癥。問診費 1060，藥費 830。藥房開藥時又細緻講解了一下各種藥是什麼作用怎麼吃，可惜聽不太懂，不過開的藥單上都寫清楚了，上面的漢字信息便夠用了。今日日語學習，自動詞與他動詞。另外記新單詞、複習舊單詞。9.26，晴一整天都在處方藥的副作用裏度過，昏昏沈沈的，一直想睡覺，只能做點機械類不用動腦子的工作。9.27，晴、陰、雨今天天氣多變，感冒還不見好。藥的副作用稍微適應了些。聽了一期太醫來了，講兒童性教育的。憶起自己並不曾有過學習，讀書的時候好奇，常常翻字典，專門找相關的詞條來看，看詞條也是會勃起的哦。寫了一篇博客《前端的基礎修養：ARIA Live Regions》。今日日語學習，主要在記單詞，另外複習了形容詞的文法。9.30，晴本來打算今天出門旅遊的，但是感冒還沒好，只好繼續呆在家裏。這一日便全身心投入 Typlog 上了，給 Typlog 加上播客功能。之前已經寫了部分了，今天把設計都做完了，順便重構了許多代碼。Podcast 的功能不日便可上線，早期（現在還是早期）用戶將會免費贈送一個 Podcast 功能。之前答應了給校友會寫稿子，晚間總算把中秋聚會的稿子寫完了。10 ...继续阅读 (18)

「前端的基礎修養」這一系列時隔已久，原本打算持續更新的，中間竟斷了兩年，現在又撿起來，亦不知能否堅持下來。所以喚作「修養」，大抵因為心虛，覺得沒有什麼技術含量，不便言之技術。這一篇還是談 Accessibility，未來亦有相當一部分這一主題的文章。由簡入繁，一點一點提高網站的可訪問性。也是因爲稍微複雜的話題我還需要學習。這一篇單講 Live Regions。Live Regions 是什麼現代的 Web 越來越依賴 JavaScript，頁面裏的內容亦會隨着使用者的操作發生變化，我們需要標註出哪些變化必須通知給讀屏軟件，這些需要標註的動態區域便是 Live Regions。在實際應用裏，Live Regions 一般用作消息提醒。例如 Twitter，你可以 Inspect 一下頁面代碼，當有新的 Tweet 時會出現，在的最下面會出現：New Tweets available. Press period to review them.如果你開啓了 Voice Over1或者別的讀屏軟件，這些軟件便會誦讀：New Tweets available. Press period to review them.但是你在網頁裏並不會看到這段內容的呈現，因爲它class="visuallyhidden"，與我在aria-label一文裏提到過.sr-only一樣。aria-live如上代碼 ...继续阅读 (22)

最近字寫得太少，表達也跟著不流暢起來。雖然偶爾還有寫作的衝動，不至於荒廢了博客，往往因為拖延症，遲遲不肯下筆，甚至於失去了興趣。所以決定寫點週記，無論多麼無聊，總勝於無。9.20，晴今天去新宿，到一家喚作 サポート 的事務所咨詢辦公司或個人事業主的事宜。因為打算做自由職業，不想呆在辦公室里。結果卻不能滿意，辦公司需要雇人，個人事業主需要有日本公司的合同，目前都不具備。咨詢過後，去涉谷的 Apple Store 處理 AirPods 的問題。是在上週六買的 AirPods，取出時左耳沒電，右耳有一半以上的電量。充電時當右耳充滿時左耳只有 60% 多一點。在都充滿的情況下使用，右耳還有 80% 左右時，左耳已經只有一半了。於是預訂了今天的 Genius Bar，結果 AirPods 又神奇地好了。在 Apple Store 排了很久的隊，順便在店裡寫了一段時間代碼。Apple Store 的網絡挺不錯的，比附近的一家星巴克好多了。最終還是沒有處理 AirPods，等向一北過來時，還沒有輪到到我。畢竟 AirPods 又恢復了，就算了吧。今日攝影9.21，晴昨日決定了週記事項，今日決定重啓日語學習計劃。每次都是學了點開頭，過些天便放棄了。倘使在週記里記錄一下，會不會能堅持下來呢？因為已經有點日語知識了，跳過一些內容，先復習部分語法。今日日語學習動詞的未然形和過去形。晚間戴 AirPods ...继续阅读 (19)

你時常也會聽到「像當地人一樣旅行」的言論吧，他們說遊客都是去千篇一律的地方，沒有辦法瞭解當地的文化。可是你想想，你自己生活的城市或者鄉村的當地人，他們是怎樣在當地旅行的？大半並沒有旅行，只是平常的油鹽醬醋，過日子罷了。為什麼旅行？或許只是看看，或許是散心，或者是度假。旅行也只是稀松平常的事，何必追問意義。有一點也許是真的，旅行是庸碌平靜生活里的一點波瀾，逃避無聊日常的一點小手段。像當地人一樣旅行，多少有點荒誕。一個是當地人沒有旅行，一個是帶了逃避日常的心態難道要再進入另一份日常？「我可不是逃避，我是帶了探索與發現的心態旅行的。」這很好，但是不要指望像當地人生活就可以瞭解到文化了。你還是需要自己去研究旅行地的人物風俗歷史。當地人或許並沒有你熟悉。相反，我倒覺得「像遊客一樣生活」是個更不錯的理念。心態上起了這點變化，日常反而並不平常了。杭州生活的幾年，比故鄉的許多年精彩多了。倒不是因為杭州是個旅遊城市，現在生活的小城鎮，我一樣覺得有點意思。像遊客一樣生活，卻又比遊客多了一份閒適，可以發現更多的風景，更冷門的景點。帶了相機出門，拍拍市井，以遊客心態看待日常，用疏離感建立美感。不亦快哉。但是真的遊客卻不一樣，冷門景點的小樂趣並不能沖淡熱鬧景點的光彩，不要丟了西瓜撿芝麻。 ...继续阅读 (21)

日本的夏夜，煩悶、躁動以及荷爾蒙的不安分，輕易地消散在了一場又一場的煙花裡。夏日的花火大會大抵七月始而九月終，最盛當在八月。從南到北，從東到西。即使是我生活的小城越谷，亦有屬於自己的花火大會。卻是在看過大曲競技煙花後，忽覺之前看過的煙花都不值一哂。如果整個夏日只看一場花火大會的話，看大曲煙花便可。是 Fonda 組織的，同行五人，週六（8.26）的清早，乘新幹線從東京到盛岡，在盛岡吃過午餐後再租車至大曲。大曲市卻是沒有的，與別的町村合併後稱大仙市。花火大會的會場位於雄物川河川綠地公園，鋪了滿地的木板被分隔成一塊塊，編了座位號售賣。聽聞有七十多萬觀眾，來自五湖四海卻聚於河川一小塊，這在東京倒沒有什麼，放在鄉間卻是一個挑戰。我們一行到駐車場時大約四點。駐車場在一片田間，早有許多車停於此，支了帳篷，一家子吃點東西聊聊天。邊上都是水稻田，抽了穗從桿里拋出，這時節還顯青綠，未到收穫的季節。一塊塊水稻田相接，直到世界的盡頭。田間風光醉人，我時常想著，以後上了年紀到鄉下種種地倒是不錯的選擇。大曲花火有晝花火與夜花火。白天里的煙花是煙的主角，夜間便是光了。五點半準時開始，那時我們已經坐在席位上了，伴著砰砰爆裂聲，幾條彩煙在空中盤旋，勾畫出不同的形態。紅的黃的綠的紫的白的煙打著轉流淌著，或如龍，或似蛛，更有如哈利波特里的攝魂怪的，簡直嚇死人。每一發煙花皆有自己的名字，只記得一發名字裡帶日落的，恰在日 ...继续阅读 (21)

Naming is a big problem in programming, especially in CSS. There are a lot of ways to maintain CSS class names, it seems that BEM beats them all. I've always been using BEM in my projects, but in a modified way..block-name_element-name.ModifierThere are lots of people who don't like BEM. I don't like the original BEM too. Because it is ugly and takes too many characters. e.g.So I created a modified version of BEM, it is a mix of semantic and BEM. I've used it for a while, and it works pretty well. I'd like to share it with you.Naming rulesRules for block, element and modifier names:if block/el ...继续阅读 (21)

關西我是早就想去了的，究竟還存了幻想，希冀著兩個人的時候再去。結果來日本一年半了，也未能成行。這次約了關西的朋友，於六月底去了一趟關西，不過四日行程，浮光掠影，流水賬記錄一下。原先打算一日京都、二日奈良、三日大阪、四日京都，終究只是個計劃而已。6月22日早起，乘東武晴空線到北千住轉 JR 線。我是在日本旅行買的新幹線加宿泊的套票，含東京到京都來回車票加第一晚住宿，住宿地選在里湯昔話雄山荘，合計25,100円。經東華告知，該新幹線車票包含都內 JR 線，可在北千住直接用新幹線車票乘 JR 線，又省了一筆去東京站的錢。當初選擇住宿地未曾留意，選在了離京都偏遠的地方，在琵琶湖附近。到京都時已經下午一時許，繼續用新幹線車票換乘 JR 線，當在おごと溫泉駅下車。不曾想，竟坐過了站，因為突然感覺肚子好餓，疑心起怎麼還沒到，打開地圖一看，已經超過去六站了。到雄山荘時已是三點。鄉間的風景卻還不錯，遮了一層薄幕的近山，鐵路附近的農田與房屋，雖然是陰天，卻還透著夏日的鬱鬱蔥蔥。坐過了許多站，於此拍過一張照，也不算白來。第一日便在雄山荘度過了。下午在鄉間散步，晚間泡個溫泉。於是計劃里的第一日京都游便作廢了。6月23日早起，住宿含早餐。未曾料到早餐如此豐盛，和式的餐食，米飯小吃烤魚燉豆腐加飯後甜點。因為昨晚被房間里的電冰箱吵得無法入睡，半夜裡起來找到電冰箱的插座，拔掉電源後才恨恨睡下，所以對該宿所充滿了怨 ...继续阅读 (20)

我在越谷生活已經一年多了，初到時的新鮮感漸漸消散，生活也跟著平庸起來。四季的風呼呼而過，吹過元荒川堤岸的嫩綠，也吹過元荒川堤岸的枯黃，野鴨隨著風來又隨著風去，日子就這樣變得稀松平常，甚至於無聊了。在這無聊的日常里，有一處風景卻是我時常會踏足的。在東越谷望北靠近新方川處有一個日式庭院，彷彿杭州的西湖一般，點綴著我在越谷平淡的時光，這便是花田苑了。第一次去花田苑還是去歲二月。近處的元荒川風景觀賞過後，翻閱地圖，一眼便看見了這處園林，似乎是值得一去的地方。庭院正門乃宇田家長屋門，門前有兩株上了年紀的楓樹，秋日里倒比園內的楓葉紅得更有韻味。進門處有一個自動售票機，入園料百円，自己投幣買一張便可。究竟是鄉下，遊人偏少，便是櫻花季的時節，園內亦顯清淨。花田苑並不以櫻花領群芳，四季各有景致。季冬與早春的寒梅最先開放，入了夏，枝頭便掛起了一顆顆青梅，青澀飽滿又顯成熟，直引誘著遊客去採摘。待梅花謝後才是櫻花爭春時節，大抵是在四月初，並不繁多，沒有目黑川般的盛況，不過三兩株簇擁在一起。倒是幾株粉櫻格外有特色，彷彿小家碧玉施了粉黛，五片細長的花瓣鑲嵌滿一束又一束枝頭。有兩株粉櫻離木橋不遠，最是遊人偏愛的拍攝點，或是幾對著和服的新婚夫婦，或是三五二次元愛好者。櫻花之後是紫藤，入了夏，只得幾圃草本的小花，名字我是不曉得的，只識得秋日里的菊花。嗟乎，秋日的主角乃是紅葉，不關菊花什麼事了。那麼冬季呢，大約是松的 ...继续阅读 (20)

利器訪談一文已發，倘有興趣，或可觀於利器官網，這裡不再贅述，單表未曾暢言者。或有言我之責微信甚矣，國外的網站，譬如臉書等亦是封閉以極。倒並非我有意袒護，我從來不曾喜歡過臉書，「微信臉書，一丘之貉」。不過因為是中文世界，談一個不存在的網站並沒有什麼意義。有一篇稿子一直在草稿箱里，標題寫作《越來越討厭的世界》，談及互聯網，我以為便是社交網絡開始流行之時，互聯網變得越來越討厭；而在中文互聯網，便是Google 退出中國之時。大抵大清的魂魄還在，閉關鎖國與文字獄還昌盛，先生們謹小慎微，吾日三省吾身，不敢言語出格。便是如此，倘有小子們擔心，先生這話怕是得收快遞了。更有聰明人學了大清，做起公司來，一路斬妖除魔順風順水，由是封了神。神說：要蒙蔽世人的雙眼。於是 T 家屏蔽 A 家，A 家也屏蔽起 T 家。直把互聯網最精髓之所在——超鏈接——毀於一旦。中文世界最大的悲劇便是封閉。從國家到公司，從公司到個人，都在打造圍牆，建起一個又一個圈子。這是在社交網絡流行之後的事了，此前的互聯網還是挺可愛的。又或許是因為上網的人多了，圈養的視野究竟不算遼闊，便多出許多詫異之事來。前些時日，也就是五月二十日的晚上，有一位姓張的公子，名喚向東者發了一條微博：要一個道歉：今天乘CZ3157 從深回京。鄰座三次在飛行中開手機，空乘警告一次，之後又開，我勸阻後罵我說有病。空乘已按規定教育，個人要求她書面道歉。她開始不承認 ...继续阅读 (20)

五一二已經過去幾日了，我總覺得應該寫點什麼，再過些時日，五一二也就要被忘卻了，腦中的小人便趕母雞似的直催人。可是死難者呢，不但姓名，連人數也不知道[^1]。..Read More ...继续阅读 (23)

春日部位於越谷的北邊，電車不過數站而已，最有名的人物當屬蠟筆小新。4月23日，春日部有一個藤まつり（祭），我因為別的事耽擱了，沒能成行。剛好這次黃金週，看到足利花卉公園紫藤花物語的廣告，夜裡燈光照在紫藤蘿上，一條條瀑布般的藤蘿散發著紫色的光輝，夢境一般吸引著人，當時便約了向一北一起去看看。終於因為距離太遠，人又懶，遂放棄了，改去附近的春日部牛島觀藤。我們是週五去的，這一天是立夏，也是こどもの日（兒童節），到牛島時是正午時分。我嘗在越谷車站書店翻閱旅遊雜誌，記得周邊有「牛島の藤」這樣一處景點。不曾想，牛島的這株紫藤蘿竟有一千二百年的樹齡。一千二百年前，那個時候的中國還是唐朝。另外一株八百多年樹齡的紫藤蘿園內大的藤蘿有三株，圍著樹根搭了涼棚，盤龍的樹根伸展開來，順著涼棚蜿蜒，藤的枝趴在棚頂上匍匐前進，佔滿了棚頂，藤的花便從涼棚的縫隙里探下頭來，晃悠悠地招摇着。這時已過了最盛時節，藤的花稍顯稀疏了點。園內遊客卻還很多，不時能聽到幾句東北話。記得上學時，學過一篇宗璞的《紫藤蘿瀑布》，不知他所說的是否我所見的。感時花濺淚，我卻不曾觸景生情，只覺得好看罷了。一千二百年的樹齡，說起來應是很沈重的歷史感，我卻茫然無知，不過能夠欣賞自然的美便足夠了。下午三點的時光，陽光很強烈，直照得人睜不開眼，可是不小心抬頭一瞥，一片碧空，沒有一絲雲朵，晴空里卻出現了一個半月，給這片藍里塗上了一筆蔥白。真是清澈，不 ...继续阅读 (21)