:::

改善別人做好的輪子!從原始套件建立自己的NPM私領域套件 / How to create a NPM Scoped Package from an Original Pacakge?

改善別人做好的輪子!從原始套件建立自己的NPM私領域套件 / How to create a NPM Scoped Package from an Original Pacakge?

6-NPM_How_to_Fork_an_Existed_NPM_Package.png

Node.js上開發專案的好處就是可以透過npm找到大量好用的套件。但有時候,你可能會發現某些套件的內容不合你的需求,或是程式運作上有錯誤。也許你可以到問題討論版(issues)提出修改請求、苦苦等待作者的回應,不過其實你也可以在授權條款允許的情況下,自行取得別人的程式碼,並以私領域套件(scoped pacakge)的形式發佈到npm註冊處。來看看這要怎麼做吧。

(more...)

空間不足了!如何清理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...)