:::

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...)