:::

空間不足了!如何清理Crouton (Ubuntu)的儲存空間? / How to Free Up Space on Crouton (Ubuntu)

空間不足了!如何清理Crouton (Ubuntu)的儲存空間? / How to Free Up Space on Crouton (Ubuntu)

3-_Crouton (Ubuntu)的空間3.png

大家好,我是持續跟Chromebook奮鬥的布丁。我這臺在2018年購買的Chromebook只有32GB的儲存空間,這個限制使得在Chromebook上裝了些APP、甚至是使用crouton的時候,很容易就用盡Chromebook的儲存空間。Chromebook裡面管理Chrome OS的檔案比較容易,但是在crouton這個Ubuntu作業系統環境裡,要找出大型檔案和已經安裝的套件,就需要仰賴一些工具和指令列命令。接下來就讓我們來看看要怎麼在crouton裡面清出更多空間吧。

(more...)

Chromebook終於可以用Android輸入法了嗎? / Could we use Android's Input Method APP in Chromebook now?

布丁布丁吃布丁

Chromebook終於可以用Android輸入法了嗎? / Could we use Android's Input Method APP in Chromebook now?

1-Chromebook_Android輸入法了嗎?.png

大家好,我是時時刻刻盼望Chromebook趕快長大的布丁。Chromebook之前一直主打可以安裝Android APP,但是Android最好用的各種輸入法,是直到Chromebook中的Android升級到第9版Pie之後,才能在一定條件下使用。我的ASUS C213最近獲得更新之後終於能開啟這個功能了,就讓我們來看看這是怎麼一回事吧。

(more...)

NetBeans增加自訂標籤與屬性:能用在Vue.js上嗎? / Customize HTML Element Tags and Attributes for Vue.js in NetBeans

NetBeans增加自訂標籤與屬性:能用在Vue.js上嗎? / Customize HTML Element Tags and Attributes for Vue.js in NetBeans

6-NetBeans_Vue.js上嗎?.png

大家好,我是下著大雨的悶熱週六躲到實驗室工作的布丁。NetBeans 8.2在檢查HTML格式的時候並沒有支援Vue.js的特殊標籤與屬性,不過還好我們可以手動為NetBeans的專案加入自訂設定,避免NetBeans顯示錯誤訊息。但是NetBeans的自訂標籤似乎不能接受「:」或「@」開頭的縮寫屬性(shorthands),但「v-on:」或「v-bind:」就可以。使用的時候可能要注意這個差異。

(more...)

Webpack引用方式對檔案大小的影響 / The Size of Webpack package files are different on Import from Files or Modules

布丁布丁吃布丁

Webpack引用方式對檔案大小的影響 / The Size of Webpack package files are different on Import from Files or Modules

1-Webpack_2.png

在Webpack中引用其他程式碼的模組解析,可以是來自於獨立的JavaScript檔案,也可以是來自於Node.js中已安裝的模組,可以使用require,也可以使用import。我很好奇到底這兩種引用方式對於最後產生的檔案大小有何影響,在這篇中我以引用獨立檔案或是已安裝的模組、require或是import這四種組合來引用 jQueryJSZipFileSaver 這三個模組,發現引用Node.js已安裝模組的方式產生的檔案較大,引用 獨立檔案所產生的檔案較小。而import產生的檔案比較大,require比較小。所以專案要選擇用require來引用獨立檔案會比較好嗎?我也不這樣認為。

(more...)

用Chromebook寫程式是什麼感覺? / Coding with Chromebook

布丁布丁吃布丁

用Chromebook寫程式是什麼感覺? / Coding with Chromebook

image-template.png

哈囉,大家好。繼我之前寫的「Chromebook使用一個月的雜談」之後,這篇要來聊聊最近兩個月中,我使用Chromebook來開發網頁與Node.js應用程式的一些想法。結論說在前面:使用體驗並不流暢——畢竟ASUS Chromebook Flip C213NA只是一臺便宜的低配Chromebook,但在基本操作和續航力的表現仍然能夠滿足開發程式的大部分需求就是。

(more...)

閒聊Blogger範本程式碼的管理 / How do I maintain Blogger's Template Code

布丁布丁吃布丁

閒聊Blogger範本程式碼的管理 / How do I maintain Blogger's Template Code

有人發現到最近「布丁布丁吃什麼?」的網站有些微的改變嗎?應該沒什麼人會注意到吧,因爲主要的改變都是在後端:Blogger範本程式碼的管理。這篇就些微的改變嗎?應該沒什麼人會注意到吧,因爲主要的改變都是在後端:Blogger範本程式碼的管理。這篇就來聊聊我管理「布丁布丁吃什麼?」範本程式碼的一些歷程吧。必須先說明的是,這只是我個人的做法,應該不適合大部分的使用者喔。

(more...)

製作向量化的手寫文字:Image Vectorizer + Inkscape / Turn a Hand Lettered Sketch into SVG Vector Format: Image Vectorizer + Inkscape

布丁布丁吃布丁

製作向量化的手寫文字:Image Vectorizer + Inkscape / Turn a Hand Lettered Sketch into SVG Vector Format: Image Vectorizer + Inkscape

%25E7%25B0%25A1%25E5%25A0%25B11.png

有時候我們想要在海報上加些手寫文字,但是手寫文字掃描後只是個點陣圖,放大到海報上就會出現鋸齒痕跡,不慎美觀。如果能將手寫文字轉換成向量圖,那向量圖不管放到多大,看起來都還是很清晰。這篇我要介紹如何將手寫文字的點陣圖轉換成SVG格式的向量圖,使用的工具都是免費的自由軟體或線上服務喔。

(more...)

OneDrive雲端硬碟檔案直接下載連結產生器 / OneDrive File Download Link Generator

OneDrive雲端硬碟檔案直接下載連結產生器 / OneDrive File Download Link Generator

%25E7%25B0%25A1%25E5%25A0%25B11.png

除了Google Drive雲端硬碟可以產生直接下載的連結之外,另一個知名的雲端硬碟OneDrive也能夠產生直接下載連結喔。我參考OneDrive 2017 Direct File Download URL Maker這篇的作法,把連結轉換的功能調整成比較順手的操作,並且加入TinyURL短網址功能。讓我們來看看怎麽做吧。

(more...)

Chromebook使用一個月的雜談 / Chromebook Review: After 1 Month of Usage

布丁布丁吃布丁

Chromebook使用一個月的雜談 / Chromebook Review: After 1 Month of Usage

20190202-175112.png

在「Chromebook多重作業系統簡介」這篇之後,我又陸陸續續用了ASUS Chromebook Flip C213NA一個月的時間。現在我來補充一下現在對Chromebook的各種發現。

(more...)

adb、fastboot在那裡?下載即用的Android SDK Platform Tools / Where is adb? Android SDK Platform Tools Location and Usage

布丁布丁吃布丁

adb、fastboot在那裡?下載即用的Android SDK Platform Tools / Where is adb? Android SDK Platform Tools Location and Usage

%25E7%25B0%25A1%25E5%25A0%25B11.png

Android的進階操作都會使用「adb」跟「fastboot」。例如手機進入Fastboot Mode了無法操作,你需要用「fastboot reboot」來強迫它重新開機。但是adb的位置到底在那裡呢?其實我們可以直接從Android Studio網頁上的SDK Platform Tools下載只含有adb跟fastbook的檔案,解壓縮後就能夠馬上使用,這樣子就不用再煩惱去哪裡找尋adb跟fastboot指令了。

(more...)

簡單易用的中英文斷詞和詞性標註:Python-Jieba / Word Segmentation and Part of Speech Anlysis: Python-Jieba

簡單易用的中英文斷詞和詞性標註:Python-Jieba / Word Segmentation and Part of Speech Anlysis: Python-Jieba

要對非結構化的文字資料進行分析,第一件事情是對文字資料抽取結構化的量化數值特徵。除了用「文字探勘分析器」簡單分析字數、句數之外,最常見的分析方式就是斷詞和詞性分析,例如線上中文斷詞工具:Jieba-JS。但Jieba-JS並不能發揮Jieba斷詞器的全部功能,所以我以Python撰寫了簡單易用的斷詞和詞性分析工具Python-Jieba,讓大家不用撰寫程式碼,只要簡單的配置,就能進行中文斷詞和詞性分析,還能夠同時分析中英混雜文本中英文的詞性。

Python-Jieba不只可搭配「非結構化資料分析:文本分類」或「Weka的中文自動評分」等機器學習來使用,更可以用在質性研究的內容分析、文本分析或敘說分析上,先用Python-Jieba找出特定詞性的文本內容來分析。

(more...)

線上檔案語音轉文字字幕:Web Speech to Text / Speech recognition with Google Chrome: Web Speech to Text

線上檔案語音轉文字字幕:Web Speech to Text / Speech recognition with Google Chrome: Web Speech to Text

語音轉文字的技術已經存在多年,現在這個技術已經普遍到大家手上的智慧型手機都內建了語音辨識輸入系統。除了從麥克風辨識語音之外,我們也很常需要從錄下來的影片、聲音檔中辨識文字。意外的是,這樣的技術其實不需要仰賴什麼雲端科技技術,也不用付出高昂的成本,只需要用你現在瀏覽網頁的Google Chrome就可以開始語音轉文字了。

我參考了陳鍾誠所撰寫的「Google 的語音辨識 API 之使用」,利用瀏覽器內建的Web Speech API開發成網頁應用程式「Web Speech to Text」,搭配Virtual Audio Cable讓電腦的聲音輸出的聲音轉到麥克風輸入,就能讓播放影片或聲音檔案的同時語音辨識為文字,最後轉為字幕檔案格式srt輸出。讓我們來看看怎麼做吧。

(more...)

拓展Android分享功能:分享建立行事曆事件、分享到導航、分享建立桌面捷徑 / Share in Android: Share to Event, to Navigation, to pin a Shortcut

拓展Android分享功能:分享建立行事曆事件、分享到導航、分享建立桌面捷徑 / Share in Android: Share to Event, to Navigation, to pin a Shortcut

%252111%255B3%255D.png

要說我覺得Android最好用的特色,那就是可以自由在各個APP之間傳遞資訊的「分享功能」(share)。你可以分享照片給Facebook APP去發佈、你可以分享網頁到Evernote保存,但奇怪的是,Android上最常見的行事曆活動(event)、地圖導航、以及建立桌面捷徑,卻都沒有分享功能可以用。所以這篇我就要來介紹我自己用PhoneGap建立的三個分享功能APP:分享建立行事曆活動 ShareToEvent分享開始導航 ShareToNavigation分享建立桌面捷徑 ShareToShortcut。以下就是介紹這三個APP的安裝與使用方法,最後跟大家聊聊我對與分享和捷徑的看法。

(more...)

網站負載測試器:Electron Web Speed Testing / Test Website Performance: Electron Web Speed Testing

網站負載測試器:Electron Web Speed Testing / Test Website Performance: Electron Web Speed Testing

簡報1

我們所開發的網站應用大多時候都是預設給多人同時上線使用,但是你要怎麼確認這個網站能夠容納多少人同時上線呢?網站負載壓力測試(web performance testing, web speed testing, load testing)就是模擬許多使用者同時上線存取網站內容,並記錄網站的反應時間以及超出負荷而當機的上限。

網站負載壓力測試工具中較為知名的跨平台工具是Apache JMeter,但它的設定較為複雜,操作門檻高。所以我用Electron另外開發了一個簡單版的網站負載測試器Electron Web Speed Test ,希望讓大家更容易測試自己網站的負載容量。

(more...)

混合應用程式框架試做:薑黃喵討摸摸 / Hyper APP Framework: Ginger Cat Touch

混合應用程式框架試做:薑黃喵討摸摸 / Hyper APP Framework: Ginger Cat Touch

簡報1

之前我介紹用HTML撰寫的混合應用程式框架點閱數意外的很高(本社比),藉著2018年底停車場的薑黃喵被好心人收養之際,我用混合應用程式框架開發了「薑黃喵討摸摸」的APP,可以在網頁開啟、Windows直接執行、也已經在Google Play上架,可在Android上安裝。這篇就記錄一下這個「薑黃喵討摸摸」APP吧。

(more...)

按照筆畫排序中文參考文獻:Zotero + Word / How to Create a Stroke Order Chinese Bibliography with Zotero and Word

布丁布丁吃布丁

按照筆畫排序中文參考文獻:Zotero + Word / How to Create a Stroke Order Chinese Bibliography with Zotero and Word

簡報1

之前我雖然寫過「Zotero如何產生按照筆畫排序的中文參考書目」,但其實那篇的方法最後還是不可行。目前能夠解決中文按照筆畫排序的最佳方法,還是得要仰賴Microsoft Office Word或LibreOffice Writer內建的排序功能。這篇我就用圖文介紹來說明如何讓Zotero的中文參考文獻搭配Word來按照筆畫排序吧。

(more...)

自訂Zotero的引用格式:文獻引用格式編輯器 / Zotero Citation Style Editor Tutorial

布丁布丁吃布丁

自訂Zotero的引用格式:文獻引用格式編輯器 / Zotero Citation Style Editor Tutorial

簡報1

很多人使用Zotero的時候,都希望根據自己投稿或系所要求的格式來調整引用樣式。我雖然是為了自己論文方便而開發了布丁版中英文APAP引用格式,但其實Zotero的文獻引用格式語言(Citation Style Language, CSL)還蠻複雜的,至少你得需要知道XML語言的標籤邏輯。儘管如此,若是只要改改一些小地方,或是摸索CSL語法的內容,Zotero內建的文獻格式編輯器可以幫你踏入這個門檻,讓你自訂你需要的引用格式。

(more...)

Android適合生產力應用嗎?文字和圖片的操作分析 / Productivity in Android? Difference between Android and Windows in Text and Image Copy/Paste

Android適合生產力應用嗎?文字和圖片的操作分析 / Productivity in Android? Difference between Android and Windows in Text and Image Copy/Paste

簡報1

在上次「閒聊智慧型手機上玩手遊用的鍵盤滑鼠遊戲控制器」的最後,我提到Android似乎逐漸朝向「行動辦公室」的方向發展。但就選取文字和圖片的這種基本操作來看,其實Android離真正的生產力應用似乎還有一段距離。這篇就讓我來說明一下為什麼會是如此吧。

(more...)

GitHub來信警告:您的相依套件有安全性漏洞 / Alert from GitHub: One of your dependencies may have a security vulnerability

布丁布丁吃布丁

GitHub來信警告:您的相依套件有安全性漏洞 / Alert from GitHub: One of your dependencies may have a security vulnerability

簡報1

之前收到GitHub的警告來信,是說我的儲存庫中使用的相依套件「event-stream > 3.3.4」有安全性漏洞。如果不處理這個問題,GitHub的警告訊息會一直出現在儲存庫的上方。解決問題的方法也不難,就是修改相依套件的版本設定,避開有問題的版本即可。

(more...)

如何調整NetBeans操作界面的文字大小? / How to setup NetBeans’s UI Font Size

如何調整NetBeans操作界面的文字大小? / How to setup NetBeans’s UI Font Size

簡報1

最近我在xfce桌面環境下安裝NetBeans 8.2,赫然發現到NetBeans操作界面使用的文字預設大小非常地小,難以閱讀。然而操作界面文字的大小設定,似乎並不能在NetBeans裡面調整。稍作研究之後,我發現NetBeans是以Qt框架開發的應用程式,所以可以從Qt設定(qtconfig)來調整它的字體大小。或是在啟動NetBeans時加上「--fontsize 14」(14表示字體大小),才能讓NetBeans的操作界面用較大的文字來顯示。以下我們就來看看怎麼做吧。

(more...)

如何重置Zotero Standalone登入資料庫 / How to reset Zotero Standalone logins database

布丁布丁吃布丁

如何重置Zotero Standalone登入資料庫 / How to reset Zotero Standalone logins database

簡報1

最近我的Zotero Standalone 5.0.59在關閉時出現了「zotero無法存取你的登入資訊,可能是由於zotero登入資料庫壞掉了。關閉Zotero,備份並刪除你Zotero profile中的目前cert8.db 、key3.db及logins.json,並在Zotero偏好設定的同步窗格中重新輸入你的Zotero登入資訊。」的錯誤訊息。我研究了一下處理方法,把它記錄在這裡。

(more...)

Chromebook多重作業系統簡介:Chrome OS + Android + Linux的世界 / Chrome OS, Android and Linux on Chromebook

Chromebook多重作業系統簡介:Chrome OS + Android + Linux的世界 / Chrome OS, Android and Linux on Chromebook

Presentation1

你知道嗎,便宜且硬體等級不高的Chromebook中竟然能夠同時運作Chrome OS、Android和Linux,甚至可以模擬並安裝Windows軟體。這實在是太有趣了,讓我就用這篇來跟大家做個簡單的介紹吧。

(more...)