參加 iThome 鐵人賽的感想

今年因為開發 EinkBro App,寫了不少與之相關的開發記錄文章。剛好有同事建議可以參加看看鐵人賽,就報名了。在之前完全不知道國內有這種活動,看來我平常接觸的資訊太少了。 ...

October 16, 2021

快上加快 — EinkBro (14)

快上加快 — EinkBro (15) 原以為這麼小的一個 App,不到 3MB (扣除擋廣告的資料檔)的實作,既沒有任何的 tracking 機制,也沒有去網路抓任何非網頁內容的資料回來,理論上網頁載入速度要快到不行才對。 ...

September 16, 2021

可自訂的工具列 — EinkBro (13)

可自訂的工具列 — EinkBro (14) 隨著開發的功能愈來愈多,工具列的空間已不足以將所有的功能都排在上面;而且也不是每個功能都是使用者會常用的功能。為了要解決這個問題,工具列開始支援自訂,讓使用者可以自訂工具列上的功能和排序方式。如果能在上面放上最常用的功能,使用者就不用頻繁地開啟層層選單找尋功能按鈕。 ...

September 11, 2021

全文翻譯功能再進化 — EinkBro (13)

之前在 EinkBro 全文翻譯的作法是:為了要避免丟進翻譯網頁的文字內容充滿太多非本文的部分,會在事前先利用 Reader mode 將網頁內容淨化,然後再把 Reader mode 的內文餵到翻譯網頁中。這樣子雖然可以解決畫面過於淩亂的問題,但畢竟網頁的格式被簡化了,不見得是使用者想要的觀看方式。 ...

August 25, 2021

Android 中可以調整畫面大小的雙視窗畫面(TwoPaneLayout) — EinkBro (12)

可以調整畫面大小的 Custom View 在 EinkBro App 完成全文翻譯的功能後,使用上相當愉快,能夠快速地看左右對照翻譯完後的結果。但是用著用著,又覺得有那麼一點點不順手。原因是目前的實作方式是將畫面左右各切一半,左邊是原本網頁內容,右邊是翻譯後的結果。如果我是用海信 A7 手機在看網頁的話,由於手機的形狀是長形的,會造成兩邊的畫面相當窄,只能縮小字型來提高可見的文字量。有些時候會懶得一直對照著看。這時就希望視窗大小是可以調整的:想看翻譯時,可以把翻譯畫面變大;想看原文時,可以把原本網頁的部分變寬。甚至是,如果能改成上下分割的話,就更完美了! ...

July 20, 2021

Use an extra WebView for Text Translation in Browser: EinkBro (11)

Text Translation in Browser by Using an extra WebView: EinkBro (11) Why is this necessary Surfing on the internet is not only suitable for getting new knowledge, but also good for learning a new language. By browsing websites in a different language, you can learn how expressions are used, and what are concerned for the people who use that language. However, before you’ve got to a certain familiarity of the language, you may be intimidated by so many unknown words to be looked up for. ...

June 21, 2021

打造 E-ink 專用的瀏覽器 (X) — 支援全文翻譯對照

寫著寫著,竟然寫到第十篇了,真是一段漫長的歲月(嚴格來說,其實也只有幾個月而已)。這次開發的功能,對我個人來說,是個 killer feature 啊!雖然還有其他的幾十個功能也是。 ...

June 10, 2021

打造 E-ink 專用的瀏覽器 (IX) — 支援夜間模式

程式碼寫多了,總是會有技術債要還。剛開始改造 FOSS Browser 時,因為懶,而且為了求快,在把既有的 icon 改成純黑色時,都是直接用 @android:color/black 寫死在 xml 中。將各種對話框改成純黑白型式,或是加外框時,也都是直接用上面的黑色色碼。 ...

June 4, 2021

打造 E-ink 專用的瀏覽器 (VIII) — 加強書籤功能

書籤功能在 PC 的瀏覽器是個很重要的功能,因為操作方便,所以通常會記錄一大堆連結,並且分門別類放在不同的目錄中。但是手機上的瀏覽器,情況略有不同。大部分人比較常用的功能,應該都已經下載對應的 App 了;剩下一些不常用的服務,才會開啟網頁偶爾使用;或是需要搜尋網頁內容時,會開啟瀏覽器;再來是很大一部分是從其他 App 中轉導到瀏覽器的。這些應用場景,都不見得需要像 PC 上一樣,建立書籤、管理書籤。 ...

May 13, 2021

打造 E-ink 專用的瀏覽器 (VII) — 匯出 更棒的 epub 檔案

在前一篇提到,可以利用 epublib 將網頁內容儲存成 epub 檔案,便於事後用其他的閱讀軟體中操作。不過,由於當時對於 epublib 函式庫不夠熟悉,只能將網頁中的文字部分儲存下來。今天要來說說,怎麼實作儲存圖片的方式,和使用者體驗改善。 ...

April 16, 2021