Pinterest

布丁布丁吃什麼？

28 Pins

15w

Collection by

布丁布丁吃什麼？

Similar ideas popular now

Fingerprint Reader

啊囉哈~~這裡是寫程式寫到整個人都變得優雅起來的布丁。作為網站工程師，用JavaScript開發前端就像是日常便飯一樣。但前端都用JavaScript開發了，那後端為何不用Node.js一起開發呢？這個想法是從兩年前開始，這期間跌跌撞撞不斷摸索，直到最近才找到比較理想的方案，那就是後端使用AdonisJS作為伺服器與保存資料、前端使用Vue.js控制介面與邏輯，最後搭配Webpack編譯。為了測試我需要的功能都能正常運作，我試作了一個跨網域資源共用(Cross-Origin Resource Sharining, CORS)情境下使用的網站外掛：AdonisJS聊天室。我寫這篇，是為了將到目前為止開發的心得告一個段落。以下將說明AdonisJS聊天室的功能、系統架構與技術，最後講講開發時遭遇的問題與想法。希望能夠為其他開發者提供一些解決問題的線索。 AdonisJS聊天室 / AdonisJS Chat AdonisJs聊天室是一個以JavaScript程式語言為主所開發的網頁應用。它的主要功能是用於外掛到任何網站上，在網站的指定區塊內呈現完整的聊天室功能。這種提供給網站添增上去的 Practice, Colors

啊囉哈~~這裡是寫程式寫到整個人都變得優雅起來的布丁。作為網站工程師，用JavaScript開發前端就像是日常便飯一樣。但前端都用JavaScript開發了，那後端為何不用Node.js一起開發呢？這個想法是從兩年前開始，這期間跌跌撞撞不斷摸索，直到最近才找到比較理想的方案，那就是後端使用AdonisJS作為伺服器與保存資料、前端使用Vue.js控制介面與邏輯，最後搭配Webpack編譯。為了測試我需要的功能都能正常運作，我試作了一個跨網域資源共用(Cross-Origin Resource Sharining, CORS)情境下使用的網站外掛：AdonisJS聊天室。我寫這篇，是為了將到目前為止開發的心得告一個段落。以下將說明AdonisJS聊天室的功能、系統架構與技術，最後講講開發時遭遇的問題與想法。希望能夠為其他開發者提供一些解決問題的線索。 AdonisJS聊天室 / AdonisJS Chat AdonisJs聊天室是一個以JavaScript程式語言為主所開發的網頁應用。它的主要功能是用於外掛到任何網站上，在網站的指定區塊內呈現完整的聊天室功能。這種提供給網站添增上去的

布丁布丁吃什麼？

布丁布丁吃什麼？

布丁布丁吃什麼？

Node.js的專案不可或缺的就是豐富的套件。為了避免各個專案重複安裝套件而佔用硬碟大量的空間，我會選擇將套件安裝在全域目錄(global)，然後用連結(symlink)的方式放到各自專案底下。這種安裝方式可以透過npm-link的「npm link <package-name>」或是@pulipuli.chen/npm-link-better套件的「nls <package-name>」來安裝。然而，如果全域目錄的套件經過更新、移除、漏洞修復的話，很可能導致專案底下用npm-link連結的套件會發生「Module not found」錯誤。這時候要先用「npm -g i <package-name>」更新全域目錄的套件、移除專案內的套件連結、最後再重新連結套件。「找不到模組」的問題 / Error "Module not found" 正要打開專案、啟動伺服器與Webpack、開始工作時，結果console居然跑出了錯誤訊息： ERROR in C:/Users/.../AppData/Roaming/npm/node_modules/...M

Node.js的專案不可或缺的就是豐富的套件。為了避免各個專案重複安裝套件而佔用硬碟大量的空間，我會選擇將套件安裝在全域目錄(global)，然後用連結(symlink)的方式放到各自專案底下。這種安裝方式可以透過npm-link的「npm link <package-name>」或是@pulipuli.chen/npm-link-better套件的「nls <package-name>」來安裝。然而，如果全域目錄的套件經過更新、移除、漏洞修復的話，很可能導致專案底下用npm-link連結的套件會發生「Module not found」錯誤。這時候要先用「npm -g i <package-name>」更新全域目錄的套件、移除專案內的套件連結、最後再重新連結套件。「找不到模組」的問題 / Error "Module not found" 正要打開專案、啟動伺服器與Webpack、開始工作時，結果console居然跑出了錯誤訊息： ERROR in C:/Users/.../AppData/Roaming/npm/node_modules/...M

布丁布丁吃什麼？

布丁布丁吃什麼？

布丁布丁吃什麼？

繼上次的「AdonisJs聊天室」之後，AdonisJs框架 + Vue.js + Webpack組合看起來雖然很好，但實際使用還是有很多細節不盡人意。這邊繼續記錄一下開發系統的一些瑣碎事情。關於AdonisJs / About AdonisJs (網頁截圖：AdonisJs) 我們先來談談AdonisJs的部分。令人困惑的資料庫操作 / Confusing database management 我在前一篇有講到AdonisJs對於控制資料庫的ORM有不錯的包裝。但實際使用之後，才發現它有很多細節並不相同。首先，在AdonisJs裡面與資料庫相關的類別有三種： Model模型物件是指LUCID，它的原始碼跟可用的方法請看adonis-lucid/src/Lucid/Model/index.js Model可用的指令大部分，特別是query()，皆會回傳查詢物件Query Builder，它的原始碼則是adonis-lucid/src/Lucid/QueryBuilder/index.js。查詢物件Query Builder，搭配await 執行fetch()查詢之 Feel Confident, Make You Feel, Confidence, Coding, Make It Yourself, Writing, Feelings, Being A Writer, Programming

Make It Yourself

繼上次的「AdonisJs聊天室」之後，AdonisJs框架 + Vue.js + Webpack組合看起來雖然很好，但實際使用還是有很多細節不盡人意。這邊繼續記錄一下開發系統的一些瑣碎事情。關於AdonisJs / About AdonisJs (網頁截圖：AdonisJs) 我們先來談談AdonisJs的部分。令人困惑的資料庫操作 / Confusing database management 我在前一篇有講到AdonisJs對於控制資料庫的ORM有不錯的包裝。但實際使用之後，才發現它有很多細節並不相同。首先，在AdonisJs裡面與資料庫相關的類別有三種： Model模型物件是指LUCID，它的原始碼跟可用的方法請看adonis-lucid/src/Lucid/Model/index.js Model可用的指令大部分，特別是query()，皆會回傳查詢物件Query Builder，它的原始碼則是adonis-lucid/src/Lucid/QueryBuilder/index.js。查詢物件Query Builder，搭配await 執行fetch()查詢之

布丁布丁吃什麼？

布丁布丁吃什麼？

布丁布丁吃什麼？

最近在展示網頁系統的時候，為了不讓使用者被瀏覽器的其他介面干擾，我在啟動Google Chrome的指令上加上指令列參數(Command Line Switches)，使得瀏覽器用新的帳號、隱藏控制介面的APP模式開啟，並讓整個瀏覽器的尺寸設為整個螢幕的大小。這篇就來講講這個指令內包含了什麼參數，以及為什麼我要這樣設定。用指令開啟Google Chrome瀏覽器 / Open Google Chrome from command line 普通使用者是使用捷徑來開啟Google Chrome。我們可以在捷徑裡面加上參數，讓Google Chrome以特殊狀態開啟。例如我這篇就在「從捷徑直接開啟瀏覽器的無痕/私密模式」介紹如何透過在捷徑裡面加上參數「--incognito」使得Google Chrome一打開來就是無痕模式。 List of Chromium Command Line Switches Google Chrome支援了相當多的參數，但到底那些參數可以使用呢？我們可以查看「List of Chromium Command Line Switches」這篇列出的各種參數。值 Microsoft Corporation, Google Chrome, Prompts, Lockscreen

Microsoft Corporation

最近在展示網頁系統的時候，為了不讓使用者被瀏覽器的其他介面干擾，我在啟動Google Chrome的指令上加上指令列參數(Command Line Switches)，使得瀏覽器用新的帳號、隱藏控制介面的APP模式開啟，並讓整個瀏覽器的尺寸設為整個螢幕的大小。這篇就來講講這個指令內包含了什麼參數，以及為什麼我要這樣設定。用指令開啟Google Chrome瀏覽器 / Open Google Chrome from command line 普通使用者是使用捷徑來開啟Google Chrome。我們可以在捷徑裡面加上參數，讓Google Chrome以特殊狀態開啟。例如我這篇就在「從捷徑直接開啟瀏覽器的無痕/私密模式」介紹如何透過在捷徑裡面加上參數「--incognito」使得Google Chrome一打開來就是無痕模式。 List of Chromium Command Line Switches Google Chrome支援了相當多的參數，但到底那些參數可以使用呢？我們可以查看「List of Chromium Command Line Switches」這篇列出的各種參數。值

布丁布丁吃什麼？

布丁布丁吃什麼？

布丁布丁吃什麼？

如果我想要以一個字搜尋字典裡面有的詞彙，而這個詞彙又需要符合該字在句子構成的詞彙時，要怎麼做呢？舉例來說，我想在「清晨時去游泳池」這個句子裡，用「泳」來找出「游泳池」、「泳池」、「游泳」，但要排除掉「晨泳」、「泳褲」等詞彙。我整理了一套搜尋演算法來實作這個目標，這套搜尋演算法包括了過濾出現字、過濾相連順序、過濾相符詞彙、排序詞彙長度、排序錨點字位置這五個步驟。以下我將以JavaScript程式碼來講解各步驟的做法，最後附上JavaScript跟PHP兩種版本的實作程式碼。問題陳述 / Problem 輸入 / Input 現在我們有一個從句子的其中一個字來搜尋詞典的需求。在這個例子中輸入的參數有三個：句子 (sentence)：「清晨很想去游一下，到了游泳池，才發現沒帶泳褲。」資料類型為字串句子中欲搜尋的一個字的位置(在這裡稱為錨點字之位置) (anchorPosition)：「12」 (該位置對應的字是「泳」)，資料類型為整數詞典中符合該字的詞彙列表 (dictTerms)：目前已經從資料庫中找出對應了「泳」的詞彙，資料類型為陣列，詞彙如下：編號詞彙 0 晨泳 1 游泳 Dictionary, Sentences, Terms, Search, Frases, Searching

如果我想要以一個字搜尋字典裡面有的詞彙，而這個詞彙又需要符合該字在句子構成的詞彙時，要怎麼做呢？舉例來說，我想在「清晨時去游泳池」這個句子裡，用「泳」來找出「游泳池」、「泳池」、「游泳」，但要排除掉「晨泳」、「泳褲」等詞彙。我整理了一套搜尋演算法來實作這個目標，這套搜尋演算法包括了過濾出現字、過濾相連順序、過濾相符詞彙、排序詞彙長度、排序錨點字位置這五個步驟。以下我將以JavaScript程式碼來講解各步驟的做法，最後附上JavaScript跟PHP兩種版本的實作程式碼。問題陳述 / Problem 輸入 / Input 現在我們有一個從句子的其中一個字來搜尋詞典的需求。在這個例子中輸入的參數有三個：句子 (sentence)：「清晨很想去游一下，到了游泳池，才發現沒帶泳褲。」資料類型為字串句子中欲搜尋的一個字的位置(在這裡稱為錨點字之位置) (anchorPosition)：「12」 (該位置對應的字是「泳」)，資料類型為整數詞典中符合該字的詞彙列表 (dictTerms)：目前已經從資料庫中找出對應了「泳」的詞彙，資料類型為陣列，詞彙如下：編號詞彙 0 晨泳 1 游泳

布丁布丁吃什麼？

布丁布丁吃什麼？

布丁布丁吃什麼？

嗨，大家最近在吃什麼呢？這裡是為臺灣祈福的布丁，最近我苦於處理Blog網頁列印版本的各種問題。其中一個令我困擾已久的難題，就是列印版的頁首和頁尾消失了。研究後才發現，這是因為我在CSS語法中設定了頁面邊界「@page {margin: 0.5cm}」，導致Google Chrome瀏覽器在列印版本中隱藏了頁首與頁尾。接下來我們就一起來看看網頁列印版本的頁首和頁尾，以及造成它們消失的CSS設定細節吧。列印網頁的頁首和頁尾 / Headers and footers when printing 網頁列印版本的頁首和頁尾是什麼呢？這是一種在列印時，瀏覽器自動加入的額外資訊。每個瀏覽器所設計的頁首和頁尾不盡相同。以Google Chrome瀏覽器為例，它所加入的頁首為左上角列印日期、右上角網頁標題，而頁尾則是左下角網址、右下角是頁碼與頁數。一般情況下，要列印的使用者可以自行決定要不要開啟頁首與頁尾。在Google Chrome瀏覽器89版中，使用者可以從預覽列印的顯示更多設定中找到「選項 [v] 頁首及頁尾」選項。如果此選項不勾選，那頁首與頁尾就不會顯示。上面兩張列印網頁的結果中，左邊是 Taiwan, Script, Bar Chart, Language, Technology, Tech, Script Typeface, Scripts, Bar Graphs

Script Typeface

嗨，大家最近在吃什麼呢？這裡是為臺灣祈福的布丁，最近我苦於處理Blog網頁列印版本的各種問題。其中一個令我困擾已久的難題，就是列印版的頁首和頁尾消失了。研究後才發現，這是因為我在CSS語法中設定了頁面邊界「@page {margin: 0.5cm}」，導致Google Chrome瀏覽器在列印版本中隱藏了頁首與頁尾。接下來我們就一起來看看網頁列印版本的頁首和頁尾，以及造成它們消失的CSS設定細節吧。列印網頁的頁首和頁尾 / Headers and footers when printing 網頁列印版本的頁首和頁尾是什麼呢？這是一種在列印時，瀏覽器自動加入的額外資訊。每個瀏覽器所設計的頁首和頁尾不盡相同。以Google Chrome瀏覽器為例，它所加入的頁首為左上角列印日期、右上角網頁標題，而頁尾則是左下角網址、右下角是頁碼與頁數。一般情況下，要列印的使用者可以自行決定要不要開啟頁首與頁尾。在Google Chrome瀏覽器89版中，使用者可以從預覽列印的顯示更多設定中找到「選項 [v] 頁首及頁尾」選項。如果此選項不勾選，那頁首與頁尾就不會顯示。上面兩張列印網頁的結果中，左邊是

布丁布丁吃什麼？

布丁布丁吃什麼？

布丁布丁吃什麼？

Machine Learning Tools

Logistic Regression

Computational Thinking

Pattern Recognition

哈囉，大家最近在吃什麼呢？這裡是研究把各種東西都打包到Docker的布丁。談到人工智慧、機器學習，很多人都覺得應該要用程式語言來做。與此同時，也是有人致力於將複雜的東西簡化成容易使用的工具，這就是今天要介紹的「不用寫程式的機器學習工具」。這篇是我之前發佈在政大人工智慧與數位教育中心的AI專欄中的文章。現在隨著Blog「布丁布丁吃什麼？」恢復運作，我就來整理整理之前做過的事情吧。前言 / Introduction 圖1：運算思維 (圖片來源：Harimurti, et al.) 人工智慧與機器學習是一門專業的領域。要掌握人工智慧與機器學習，你除了需要有數學、邏輯、特定領域的專業知識外，通常還需要透過Python或R等各種程式語言來操作人工智慧與機器學習的不同技術。然而，我國在108年度將「運算思維」(Computational Thinking，見圖1)帶入科技領域課程的時候，教育部資訊及科技教育司司長郭伯臣強調「運算思維」的重點在於學會邏輯思考，而不只是讓學生複製程式並機器人動起來而已。「運算思維」強調的核心能力中，最重要的就是以「抽象化」(Abstraction)的角度來剖析問題

布丁布丁吃什麼？

布丁布丁吃什麼？

布丁布丁吃什麼？

哈囉，大家最近在吃什麼呢？這裡是終於可以開心打字的布丁。在臺灣的中文使用者大多都以注音輸入法為主。而各種注音輸入法中，我最推崇的就是RIME中州韻輸入法引擎中的注音・臺灣正體輸入法。在眾多跨平臺的版本中，我目前使用的是Fcitx5 RIME版本。但這個版本有著打一個詞彙卻只出現單字的問題，需要修正opencc之中tw2t.json的設定。如果你想知道怎麼修正Fcitx RIME的問題的話，就繼續看下去吧！不過，在文章開始之前，我們還是先來個沒工商版面吧。沒工商版面：Ducky One 2 天際線TKL機械鍵盤 / Non-advertising column: Ducky One 2 TKL Mechanical Keyboard (照片來源：Ducky) 空有好用的輸入法，沒有好打的鍵盤也是白搭。作為時常打字的程式設計師兼寫些廢話的部落客，我不僅非常依賴電腦軟體的RIME輸入法，就連硬體的機械鍵盤也是不可或缺的關鍵。Ducky One 2天際線TKL機械鍵盤是我入手的第二隻機械鍵盤。而且也是直到我用了Ducky打字之後，我才真正體會到何謂人機一體。 Du Computer Keyboard, Computer Keypad, Keyboard

Computer Keyboard

Computer Keypad

哈囉，大家最近在吃什麼呢？這裡是終於可以開心打字的布丁。在臺灣的中文使用者大多都以注音輸入法為主。而各種注音輸入法中，我最推崇的就是RIME中州韻輸入法引擎中的注音・臺灣正體輸入法。在眾多跨平臺的版本中，我目前使用的是Fcitx5 RIME版本。但這個版本有著打一個詞彙卻只出現單字的問題，需要修正opencc之中tw2t.json的設定。如果你想知道怎麼修正Fcitx RIME的問題的話，就繼續看下去吧！不過，在文章開始之前，我們還是先來個沒工商版面吧。沒工商版面：Ducky One 2 天際線TKL機械鍵盤 / Non-advertising column: Ducky One 2 TKL Mechanical Keyboard (照片來源：Ducky) 空有好用的輸入法，沒有好打的鍵盤也是白搭。作為時常打字的程式設計師兼寫些廢話的部落客，我不僅非常依賴電腦軟體的RIME輸入法，就連硬體的機械鍵盤也是不可或缺的關鍵。Ducky One 2天際線TKL機械鍵盤是我入手的第二隻機械鍵盤。而且也是直到我用了Ducky打字之後，我才真正體會到何謂人機一體。 Du

布丁布丁吃什麼？

布丁布丁吃什麼？

布丁布丁吃什麼？

我會在網頁上使用SheetJS js-xlsx讀取ODS試算表檔案的內容，但最近發現檔案如果超過2.5MB，在載入檔案輸入到字串的時候，就會造成瀏覽器崩潰當機。研究之後，我想到可以將字串建立成虛擬DOM上的節點，用來緩存過長的內容。在需要全部字串內容時，再一一從節點取得緩存即可。以下我用兩個實際上的網頁作為例子，一個用來說明沒有緩存的過長字串導致瀏覽器當掉的情況，另一個是用虛擬DOM緩存，最後可以正常執行的情況。系統環境 / Environment 這個實驗用的電腦環境是Windows 7的64位元版本，CPU是Intel Core i7 3770，記憶體是DDR3 16GB。瀏覽器是Google Chrome的版本 81.0.4044.122 (正式版本) (64 位元)。如果你的硬體設備不一樣，而你瀏覽器不會當機的話，請在下面留言跟我說，感謝。瀏覽器當掉：沒有緩存的過長字串 / Browser crashed: Long string variables with no cache 另開視窗原始碼這個網頁裡面的JavaScript會宣告一個out字串變數，然後加入34 Code Names, Lga, Javascript, Intel Core, Instruction, Memories, Tecnologia

我會在網頁上使用SheetJS js-xlsx讀取ODS試算表檔案的內容，但最近發現檔案如果超過2.5MB，在載入檔案輸入到字串的時候，就會造成瀏覽器崩潰當機。研究之後，我想到可以將字串建立成虛擬DOM上的節點，用來緩存過長的內容。在需要全部字串內容時，再一一從節點取得緩存即可。以下我用兩個實際上的網頁作為例子，一個用來說明沒有緩存的過長字串導致瀏覽器當掉的情況，另一個是用虛擬DOM緩存，最後可以正常執行的情況。系統環境 / Environment 這個實驗用的電腦環境是Windows 7的64位元版本，CPU是Intel Core i7 3770，記憶體是DDR3 16GB。瀏覽器是Google Chrome的版本 81.0.4044.122 (正式版本) (64 位元)。如果你的硬體設備不一樣，而你瀏覽器不會當機的話，請在下面留言跟我說，感謝。瀏覽器當掉：沒有緩存的過長字串 / Browser crashed: Long string variables with no cache 另開視窗原始碼這個網頁裡面的JavaScript會宣告一個out字串變數，然後加入34

布丁布丁吃什麼？

布丁布丁吃什麼？

布丁布丁吃什麼？

啊囉哈～這裡是不管天氣冷熱都要跟蚊子生死鬥的布丁。今天要來跟大家聊聊壓縮檔的檔名問題。華人世界比較常用的壓縮檔格式為RAR，不過我個人則是推崇泛用的傳統壓縮檔格式ZIP以及壓縮率更好的7-Zip。在正式典藏資料的網站中，ZIP也是許多網站的首選。不過，有時候在為ZIP壓縮檔解壓縮時，不是發現裡面沒有檔案，就是檔名變成亂碼或底線。為什麼會變成這樣呢？調查之後才發現，ZIP壓縮檔的檔名出現亂碼時，通常是因為我們現在在用的作業系統跟壓縮者當下的作業系統並不相同的緣故。因此當我使用大五碼的作業系統處理來自日文編碼的ZIP壓縮檔時，解壓縮後的檔案名稱就或變成亂碼。那如果我想要解壓縮來自日文編碼的ZIP壓縮檔，又想要維持檔名不要變成亂碼的話，該怎麼做好呢？這篇我會說明如何使用7-Zip的參數「cp」來設定解壓縮時使用的編碼。這樣就能正確將檔案解壓縮、並且避免亂碼出現囉。接下來就讓我們來看看要怎麼做吧。 ZIP壓縮檔中的檔名亂碼 / When a character encoding in the ZIP file is incorrect 首先我們來個含有亂碼的ZIP檔案吧。我從已經結束 7 Zip, Microsoft Excel, Muse, Prints

Microsoft Excel

啊囉哈～這裡是不管天氣冷熱都要跟蚊子生死鬥的布丁。今天要來跟大家聊聊壓縮檔的檔名問題。華人世界比較常用的壓縮檔格式為RAR，不過我個人則是推崇泛用的傳統壓縮檔格式ZIP以及壓縮率更好的7-Zip。在正式典藏資料的網站中，ZIP也是許多網站的首選。不過，有時候在為ZIP壓縮檔解壓縮時，不是發現裡面沒有檔案，就是檔名變成亂碼或底線。為什麼會變成這樣呢？調查之後才發現，ZIP壓縮檔的檔名出現亂碼時，通常是因為我們現在在用的作業系統跟壓縮者當下的作業系統並不相同的緣故。因此當我使用大五碼的作業系統處理來自日文編碼的ZIP壓縮檔時，解壓縮後的檔案名稱就或變成亂碼。那如果我想要解壓縮來自日文編碼的ZIP壓縮檔，又想要維持檔名不要變成亂碼的話，該怎麼做好呢？這篇我會說明如何使用7-Zip的參數「cp」來設定解壓縮時使用的編碼。這樣就能正確將檔案解壓縮、並且避免亂碼出現囉。接下來就讓我們來看看要怎麼做吧。 ZIP壓縮檔中的檔名亂碼 / When a character encoding in the ZIP file is incorrect 首先我們來個含有亂碼的ZIP檔案吧。我從已經結束

布丁布丁吃什麼？

布丁布丁吃什麼？

布丁布丁吃什麼？

哈囉，大家最近在吃什麼呢？這裡是思考傳統摘要與自動化摘要之間有何異同的布丁。這篇是我之前介紹自動文字摘要演算法TextRank的10分鐘簡短投影片，並附上實作可以使用的Python腳本，提供給有需要的朋友使用。關於TextRank / About TextRank (圖片來源：Mihalcea & Tarau, 2004) TextRank是Mihalcea跟Tarau在2004年自然語言處理實務研討會(empirical methods in natural language processing)中發表的論文「Textrank: Bringing order into text」。以往自然語言處理方法大多著重在語言的語法結構，而TextRank則是參考了PageRank的做法，用社會網路分析的角度來進行分析。 TextRank可以用於自動選出重要的關鍵字或句子。而多個句子即可組成摘要。在自動文字摘要技術中，TextRank屬於抽取式摘要法(extractive approach)，它僅是選出重要的句子，而非重新改寫原本的內容。它也是屬於非監督式(unsupervised) Computer Science, Introduction, Word Search Puzzle, Words, Person, Computer Technology, Horse

Computer Science

Word Search Puzzle

Computer Technology

哈囉，大家最近在吃什麼呢？這裡是思考傳統摘要與自動化摘要之間有何異同的布丁。這篇是我之前介紹自動文字摘要演算法TextRank的10分鐘簡短投影片，並附上實作可以使用的Python腳本，提供給有需要的朋友使用。關於TextRank / About TextRank (圖片來源：Mihalcea & Tarau, 2004) TextRank是Mihalcea跟Tarau在2004年自然語言處理實務研討會(empirical methods in natural language processing)中發表的論文「Textrank: Bringing order into text」。以往自然語言處理方法大多著重在語言的語法結構，而TextRank則是參考了PageRank的做法，用社會網路分析的角度來進行分析。 TextRank可以用於自動選出重要的關鍵字或句子。而多個句子即可組成摘要。在自動文字摘要技術中，TextRank屬於抽取式摘要法(extractive approach)，它僅是選出重要的句子，而非重新改寫原本的內容。它也是屬於非監督式(unsupervised)

布丁布丁吃什麼？

布丁布丁吃什麼？

布丁布丁吃什麼？

晚安，大家最近在吃什麼呢？這裡是煩惱工作環境遲遲無法好好配置完成的布丁。在Windows作業系統裡轉換影片時，很多人常用的是格式工廠(Format Factory)。而對Linux作業系統的使用者來說，HandBrake則是轉換影片格式的第一首選。使用HandBrake轉換影片時，我們不需煩惱要轉換的影片格式參數，而是可以直接使用它提供了多種使用情境的預先配置檔案。例如我想要在Android或iPhone上播放，或是我想要把它作爲Gmail附件，請它在影片長度和檔案大小間取得平衡，HandBrake都可以幫你直接處理。不僅如此，HandBrake也是Linux、Windows和MacOS的跨平臺工具。接下來就讓我們來認識認識HandBrake這個強大又好用的多媒體影片格式轉檔工具吧。不過在文章開始之前，我們還是先來個沒工商版面吧。沒工商版面：可解釋機器學習：黑盒模型可解釋性理解指南 / Interpretable Machine Learning (圖片來源：天瓏網路書店) 可解釋機器學習(Interpretable Machine Learning)是由Christo Broadview, Black Box, Machine Learning, Linux, Videos, Linux Kernel, Flight Recorder

Machine Learning

Flight Recorder

晚安，大家最近在吃什麼呢？這裡是煩惱工作環境遲遲無法好好配置完成的布丁。在Windows作業系統裡轉換影片時，很多人常用的是格式工廠(Format Factory)。而對Linux作業系統的使用者來說，HandBrake則是轉換影片格式的第一首選。使用HandBrake轉換影片時，我們不需煩惱要轉換的影片格式參數，而是可以直接使用它提供了多種使用情境的預先配置檔案。例如我想要在Android或iPhone上播放，或是我想要把它作爲Gmail附件，請它在影片長度和檔案大小間取得平衡，HandBrake都可以幫你直接處理。不僅如此，HandBrake也是Linux、Windows和MacOS的跨平臺工具。接下來就讓我們來認識認識HandBrake這個強大又好用的多媒體影片格式轉檔工具吧。不過在文章開始之前，我們還是先來個沒工商版面吧。沒工商版面：可解釋機器學習：黑盒模型可解釋性理解指南 / Interpretable Machine Learning (圖片來源：天瓏網路書店) 可解釋機器學習(Interpretable Machine Learning)是由Christo

布丁布丁吃什麼？

布丁布丁吃什麼？

布丁布丁吃什麼？

哈囉，大家最近在吃什麼呢？這裡是申請AdSense中的布丁。壞掉很久的捐款功能，最近總算是把它修好了。如果你覺得我寫的內容對你有幫助的話，不妨點下捐款連結，請我喝杯咖啡吧。不過，在文章開始之前，我們還是先來個沒工商版面吧。沒工商版面：AIDATA攜帶式筆電架附滑鼠墊LAP005 / Non-advertising column: AIDATA Portable Lapdesk LAP005 (照片來源：愛得他) 帶筆電出外工作時，總是會想要張桌子，不僅要能穩定地擺放筆電，最好還能擺放滑鼠。縱觀各種筆電架的設計，唯有AIDATA的攜帶式筆電架LAP005可以滿足我的需求。 AIDATA攜帶式膝上筆電架LAP005乍看之下只是一張塑膠板，方便給使用者擺放筆電，但其實它的設計可是富含巧思。這隻LAP005攜帶式筆電架的上下兩面都有防滑設計。這不僅能讓筆電穩定地放在筆電架上，筆電架也能安穩地貼附在大腿上。而LAP005筆電架最大特色，就是它有可收納的滑鼠墊設計。我特別喜歡它在滑鼠墊下方邊緣加上的防滑墊設計。這使得我即使大腿稍微傾斜、筆電架不是水平的情況下，滑鼠也會卡 Electronics, Phone, Telephone, Mobile Phones, Consumer Electronics

Consumer Electronics

哈囉，大家最近在吃什麼呢？這裡是申請AdSense中的布丁。壞掉很久的捐款功能，最近總算是把它修好了。如果你覺得我寫的內容對你有幫助的話，不妨點下捐款連結，請我喝杯咖啡吧。不過，在文章開始之前，我們還是先來個沒工商版面吧。沒工商版面：AIDATA攜帶式筆電架附滑鼠墊LAP005 / Non-advertising column: AIDATA Portable Lapdesk LAP005 (照片來源：愛得他) 帶筆電出外工作時，總是會想要張桌子，不僅要能穩定地擺放筆電，最好還能擺放滑鼠。縱觀各種筆電架的設計，唯有AIDATA的攜帶式筆電架LAP005可以滿足我的需求。 AIDATA攜帶式膝上筆電架LAP005乍看之下只是一張塑膠板，方便給使用者擺放筆電，但其實它的設計可是富含巧思。這隻LAP005攜帶式筆電架的上下兩面都有防滑設計。這不僅能讓筆電穩定地放在筆電架上，筆電架也能安穩地貼附在大腿上。而LAP005筆電架最大特色，就是它有可收納的滑鼠墊設計。我特別喜歡它在滑鼠墊下方邊緣加上的防滑墊設計。這使得我即使大腿稍微傾斜、筆電架不是水平的情況下，滑鼠也會卡

布丁布丁吃什麼？

布丁布丁吃什麼？

布丁布丁吃什麼？

Nintendo Wii Logo

哈囉，大家最近在吃什麼呢？這裡是思考如何在人工智慧和可解釋性之間取得調和的布丁。我之前介紹過Weka的HotSpot，也介紹過Cortana的特殊模型探勘，而這篇則是介紹這些演算法的基本概念：子群組探勘(Subgroup Discovery)。本篇專欄也在政大人工智慧與數位教育中心的AI專欄發佈喔。從描述性探勘、預測性探勘到子群組探勘 / From descriptive mining and supervised mining to subgroup discovery 在人工智慧資料探勘領域中，處理分類、迴歸問題的「預測性探勘」(predictive induction)和以案例的特徵變項歸納出可能分類的「描述性探勘」(descriptive induction)是爲人所知的兩大主流類型(Kantardzic, 2011)。而「子群組探勘」(subgroup discovery)則是介於兩者之間，讓資料分析者探勘造成特定現象可能原因的一種方法。首先，先讓我們來回顧描述性探勘的特性。描述性探勘是在研究者尚無特定假設或欲關注的現象時，為尚未釐清的資料歸納背後隱含規則的一種

布丁布丁吃什麼？

布丁布丁吃什麼？

布丁布丁吃什麼？

哈囉，大家最近在吃什麼呢？這裡是換了一臺電腦的布丁。這篇是2021年演講的記錄，主題一樣是講述子群組探勘(subgroup discovery)。跟前一篇「子群組探勘簡介」不一樣的是，演講裡面我加入了較多例子，用比較容易理解的方式來介紹子群組探勘。這次也嘗試把演講的錄影放上來做個記錄，提供有需要的同學觀看。大綱 / Outline 前言初識子群組探勘深入子群組探勘子群組探勘工具子群組探勘實戰結語投影片 / Slide Open in new window Open in popup window Google投影片：發掘模型背後的知識：子群組探勘 Power Point投影片備份：GitHub, Google Drive NCCU, One Drive, Mega, Box, MediaFire, SlideShare 影片 / Video Open in new window Open in popup window YouTube影片：發掘模型背後的知識：子群組探勘 | Subgroup Discovery Periodic Table, Post, Blog, Periodic Table Chart, Periotic Table, Blogging

Periodic Table Chart

哈囉，大家最近在吃什麼呢？這裡是換了一臺電腦的布丁。這篇是2021年演講的記錄，主題一樣是講述子群組探勘(subgroup discovery)。跟前一篇「子群組探勘簡介」不一樣的是，演講裡面我加入了較多例子，用比較容易理解的方式來介紹子群組探勘。這次也嘗試把演講的錄影放上來做個記錄，提供有需要的同學觀看。大綱 / Outline 前言初識子群組探勘深入子群組探勘子群組探勘工具子群組探勘實戰結語投影片 / Slide Open in new window Open in popup window Google投影片：發掘模型背後的知識：子群組探勘 Power Point投影片備份：GitHub, Google Drive NCCU, One Drive, Mega, Box, MediaFire, SlideShare 影片 / Video Open in new window Open in popup window YouTube影片：發掘模型背後的知識：子群組探勘 | Subgroup Discovery

布丁布丁吃什麼？

布丁布丁吃什麼？

布丁布丁吃什麼？

哈囉，大家最近在吃什麼呢？這裡是感嘆Chromebook發展日新月異的布丁。上一次我介紹了適合開發者的ASUS Chromebook Flip CX 5，這次我們來看看ASUS在Chromebook主力戰場的教學環境中推出最新的機型：ASUS Chromebook Detachable CZ1 (CZ1000)吧。ASUS Chromebook Detachable CZ1 (CZ1000)本身是一台運作Chrome作業系統的平板。整體大概1公斤與10.1吋觸控螢幕的ASUS Chromebook Detachable CZ1 (CZ1000)，特別適合帶出門或拿在手上使用。ASUS Chromebook Detachable CZ1 (CZ1000)搭配了具有橫向立架的保護套、可拆卸的超薄鍵盤，使它也可以作爲筆電使用。更棒的是，ASUS Chromebook Detachable CZ1 (CZ1000)的平板具有可收納USI觸控筆的空間，收納USI觸控筆後也會自動充電，再也不用擔心USI觸控筆被我擺到弄丟了呢。如果你也對輕薄小巧又有多種實用功能的ASUS Chromebook Chromebook, Asus, Good Things, Best

哈囉，大家最近在吃什麼呢？這裡是感嘆Chromebook發展日新月異的布丁。上一次我介紹了適合開發者的ASUS Chromebook Flip CX 5，這次我們來看看ASUS在Chromebook主力戰場的教學環境中推出最新的機型：ASUS Chromebook Detachable CZ1 (CZ1000)吧。ASUS Chromebook Detachable CZ1 (CZ1000)本身是一台運作Chrome作業系統的平板。整體大概1公斤與10.1吋觸控螢幕的ASUS Chromebook Detachable CZ1 (CZ1000)，特別適合帶出門或拿在手上使用。ASUS Chromebook Detachable CZ1 (CZ1000)搭配了具有橫向立架的保護套、可拆卸的超薄鍵盤，使它也可以作爲筆電使用。更棒的是，ASUS Chromebook Detachable CZ1 (CZ1000)的平板具有可收納USI觸控筆的空間，收納USI觸控筆後也會自動充電，再也不用擔心USI觸控筆被我擺到弄丟了呢。如果你也對輕薄小巧又有多種實用功能的ASUS Chromebook

布丁布丁吃什麼？

布丁布丁吃什麼？

布丁布丁吃什麼？

呀呵，大家最近在吃什麼呢？這裡是寫論文也要加個框的布丁。作為軟體開發者，用螢幕截圖的操作畫面來說明軟體功能，是一件相當常見的工作。如果要讓讀者知道你的操作畫面是在什麼裝置上運作的話，為操作畫面加個對應裝置的邊框，絕對可以幫你的文件大大加分。為了幫博士論文中的系統操作畫面加上瀏覽器的邊框，我開發了Responsive Frame Mockup網頁工具。它可以為任意尺寸和比例的圖片，加上瀏覽器、智慧型手機、以及平板的框架。以下就讓我們來認識Responsive Frame Mockup這個好用的網頁工具吧！沒工商版面：準好拔延長線 Elevon / Power extension cord: Elevon (圖片來源：Elevon) 在開始今天的主題之前，立刻就來段沒工商版面啦。電源延長線是現代人居家必備的用具之一，不過你有想過，好的電源延長線可以提高你的生活效率嗎？為了節能減碳，我們常常會在要用電器時才把它插上插頭，不用時就收下來。但當我們要收拾電器時，總是得要騰出雙手，一手穩住電源延長線，一手握住插頭拔出，非常不方便。如果你常常在這種生活瑣碎事物上浪費了時間，那你一定要來試試準 Frame Mockups, Power

呀呵，大家最近在吃什麼呢？這裡是寫論文也要加個框的布丁。作為軟體開發者，用螢幕截圖的操作畫面來說明軟體功能，是一件相當常見的工作。如果要讓讀者知道你的操作畫面是在什麼裝置上運作的話，為操作畫面加個對應裝置的邊框，絕對可以幫你的文件大大加分。為了幫博士論文中的系統操作畫面加上瀏覽器的邊框，我開發了Responsive Frame Mockup網頁工具。它可以為任意尺寸和比例的圖片，加上瀏覽器、智慧型手機、以及平板的框架。以下就讓我們來認識Responsive Frame Mockup這個好用的網頁工具吧！沒工商版面：準好拔延長線 Elevon / Power extension cord: Elevon (圖片來源：Elevon) 在開始今天的主題之前，立刻就來段沒工商版面啦。電源延長線是現代人居家必備的用具之一，不過你有想過，好的電源延長線可以提高你的生活效率嗎？為了節能減碳，我們常常會在要用電器時才把它插上插頭，不用時就收下來。但當我們要收拾電器時，總是得要騰出雙手，一手穩住電源延長線，一手握住插頭拔出，非常不方便。如果你常常在這種生活瑣碎事物上浪費了時間，那你一定要來試試準

布丁布丁吃什麼？

布丁布丁吃什麼？

布丁布丁吃什麼？

哈囉，大家最近在吃什麼呢？這裡是一直想要跟社會接軌的布丁。這篇公告想跟大家說一下，最近我想要測試能不能在「布丁布丁吃什麼？」設定收益廣告。大家之前看到的版面會暫時消失，改使用Blogger內建的主題版面喔。沒有廣告的原因 / Why no Ad? 「布丁布丁吃什麼？」一直以來都沒有廣告。沒有廣告的原因倒不是因為什麼不與資本主義為伍的理想，純粹只是因為我怕Blog開起來太慢而已。早期我喜歡在Blogger裡面塞很多JavaScript程式碼，這會導致網站開啟的執行速度很慢。很久之前還為了網頁開啟速度太慢的問題，而去研究CSS Sprites、Webpack的壓縮、將各種JavaScript小工具製作成快取(你有注意到旁邊的Random Posts之類的小工具，只有第一次讀取的時候會比較久，之後就會被快取起來嗎？)。直到現在，我總算覺得網頁開啟速度已經到了一種可以接受插入廣告的程度了。不過這並不是我自己的功勞，而是現代WebKit瀏覽器的進步，以及電腦硬體等級(特別是SSD的普及)，現在開啟「布丁布丁吃什麼？」已經不會等到天荒地老了。是時候該來跟Blogger的廣告功能打交道了！ Announcement

哈囉，大家最近在吃什麼呢？這裡是一直想要跟社會接軌的布丁。這篇公告想跟大家說一下，最近我想要測試能不能在「布丁布丁吃什麼？」設定收益廣告。大家之前看到的版面會暫時消失，改使用Blogger內建的主題版面喔。沒有廣告的原因 / Why no Ad? 「布丁布丁吃什麼？」一直以來都沒有廣告。沒有廣告的原因倒不是因為什麼不與資本主義為伍的理想，純粹只是因為我怕Blog開起來太慢而已。早期我喜歡在Blogger裡面塞很多JavaScript程式碼，這會導致網站開啟的執行速度很慢。很久之前還為了網頁開啟速度太慢的問題，而去研究CSS Sprites、Webpack的壓縮、將各種JavaScript小工具製作成快取(你有注意到旁邊的Random Posts之類的小工具，只有第一次讀取的時候會比較久，之後就會被快取起來嗎？)。直到現在，我總算覺得網頁開啟速度已經到了一種可以接受插入廣告的程度了。不過這並不是我自己的功勞，而是現代WebKit瀏覽器的進步，以及電腦硬體等級(特別是SSD的普及)，現在開啟「布丁布丁吃什麼？」已經不會等到天荒地老了。是時候該來跟Blogger的廣告功能打交道了！

布丁布丁吃什麼？

布丁布丁吃什麼？

布丁布丁吃什麼？

Pui Pui大家午安啊，我是在寒冷又溼漉漉的地方裡，期望下雨降在集水區的布丁。在這個寒冷的天氣裡，今天就跟大家聊聊臺灣工程師最受歡迎的程式語言跟資料庫技術吧！全世界工程師最後的救星Stack Overflow在2020年二月發佈了2020年開發者調查結果。統計5萬多位工程師最喜歡的程式語言中，JavaScript以67.7%名列第一。年初時Easy Website的站長網站哥以這份開發者調查資料為基礎，將臺灣開發者所流行的程式語言與資料庫繪製成統計圖表，結果竟然跟世界潮流不太一樣。至於差異在哪裡，就讓我們看下去吧。資料來源 / Data (圖片來源：Stack Overflow) 本篇資料是以Stack Overflow的2020年開發者調查(2020 Developer Survey)結果所進行的分析。Stack Overflow是知名的程式設計領域問答網站。自2008年8月推出後，根據StackExchange的網站資訊統計，到2021年已經有2100萬個問題與1400萬位已經註冊的使用者。Stack Overflow可說是程式設計領域工程師最常用的問答網站。如果在寫程式時遇 Eyeshadow, Beauty, Eye Shadow, Eye Shadows, Languages, Beauty Illustration, Language Arts

Beauty Illustration

Pui Pui大家午安啊，我是在寒冷又溼漉漉的地方裡，期望下雨降在集水區的布丁。在這個寒冷的天氣裡，今天就跟大家聊聊臺灣工程師最受歡迎的程式語言跟資料庫技術吧！全世界工程師最後的救星Stack Overflow在2020年二月發佈了2020年開發者調查結果。統計5萬多位工程師最喜歡的程式語言中，JavaScript以67.7%名列第一。年初時Easy Website的站長網站哥以這份開發者調查資料為基礎，將臺灣開發者所流行的程式語言與資料庫繪製成統計圖表，結果竟然跟世界潮流不太一樣。至於差異在哪裡，就讓我們看下去吧。資料來源 / Data (圖片來源：Stack Overflow) 本篇資料是以Stack Overflow的2020年開發者調查(2020 Developer Survey)結果所進行的分析。Stack Overflow是知名的程式設計領域問答網站。自2008年8月推出後，根據StackExchange的網站資訊統計，到2021年已經有2100萬個問題與1400萬位已經註冊的使用者。Stack Overflow可說是程式設計領域工程師最常用的問答網站。如果在寫程式時遇

布丁布丁吃什麼？

布丁布丁吃什麼？

布丁布丁吃什麼？

哈囉，大家最近在吃什麼呢？這裡是鬼月時期碰到許多強得跟鬼一樣的人的布丁。如果要提高桌面環境多視窗的工作效率，那麼快捷鍵「Alt+Tab」一定是每個人都必須學起來的基本功夫。「Alt+Tab」的主要功能是快速切換不同視窗，但這個功能在每個作業系統中運作的方式都不太一樣。在內建了多個虛擬桌面(workplace)，並搭配多顯示螢幕的Linux GNOME 3桌面環境中，「Alt+Tab」預設顯示所有應用程式(applications)的運作方式就不太方便操作了。這篇將介紹如何在Linux GNOME 3中改善「Alt+Tab」切換視窗的功能，包括了在應用程式之間的切換改爲在視窗(windows)之間的切換，以及讓「Alt+Tab」的切換循環只限定在滑鼠目前的顯示畫面。如果你也想成爲GNOME 3工作效率大師的話，就繼續看下去吧！不過，在文章開始之前，我們還是先來個沒工商版面吧。沒工商版面：微波蒸煮盒sistema / Microwave steamer: sistema (照片來源：sistema) 專心寫程式工作的時候，出外吃飯就是一件麻煩的事情。叫外送或外帶的話，就 Microwave With Vent, Microwave Steamer, Steamer Basket, Steam Recipes, Four Micro Onde, Steamed Vegetables, Reheat, Clip, Steaming

Microwave With Vent

Microwave Steamer

Four Micro Onde

Steamed Vegetables

哈囉，大家最近在吃什麼呢？這裡是鬼月時期碰到許多強得跟鬼一樣的人的布丁。如果要提高桌面環境多視窗的工作效率，那麼快捷鍵「Alt+Tab」一定是每個人都必須學起來的基本功夫。「Alt+Tab」的主要功能是快速切換不同視窗，但這個功能在每個作業系統中運作的方式都不太一樣。在內建了多個虛擬桌面(workplace)，並搭配多顯示螢幕的Linux GNOME 3桌面環境中，「Alt+Tab」預設顯示所有應用程式(applications)的運作方式就不太方便操作了。這篇將介紹如何在Linux GNOME 3中改善「Alt+Tab」切換視窗的功能，包括了在應用程式之間的切換改爲在視窗(windows)之間的切換，以及讓「Alt+Tab」的切換循環只限定在滑鼠目前的顯示畫面。如果你也想成爲GNOME 3工作效率大師的話，就繼續看下去吧！不過，在文章開始之前，我們還是先來個沒工商版面吧。沒工商版面：微波蒸煮盒sistema / Microwave steamer: sistema (照片來源：sistema) 專心寫程式工作的時候，出外吃飯就是一件麻煩的事情。叫外送或外帶的話，就

布丁布丁吃什麼？

布丁布丁吃什麼？

布丁布丁吃什麼？

哈囉，大家最近在吃什麼呢？這裡是努力讓藍牙耳機配對到Linux電腦上的布丁。程式開發者爲了閱讀以文字爲主的大量程式碼，通常偏好將程式編輯器改成偏暗的黑暗模式，可以讓閱讀程式的時候舒服許多。知名的Windows專用軟體Notepad++是程式開發者不可或缺的編輯器。早期Notepad++必須設定主題來啓用黑暗模式。在2021年發佈的8.0版本，Notepad++直接加入了黑暗模式(Dark Mode)，設定起來更加直覺了。接下來就讓我們來看看，怎麼在Notepad++裡面開啓黑暗模式吧。不過，在文章開始之前，我們還是先來個沒工商版面吧。沒工商版面：神族H2領夾式藍牙音樂接收器 / SAMZU Bluetooth Headset (照片來源：布丁布丁吃什麼？) 最近我想把桌上型電腦的有線耳機改爲走藍牙的無線耳機。測試了多款藍牙耳機後，沒想到我在4年前使用的神族H2藍牙音樂接收器居然能夠在Manjaro Linux裡正常使用！既然它讓我如此驚豔，那這次沒工商版面就非神族H2藍牙音樂接收器莫屬啦。聽音樂已經是現代人相當常見的休閒娛樂。而每位喜歡聽音樂的人，大多都有自己偏好的耳機機型。 Enabling, Note Pad, Dark

哈囉，大家最近在吃什麼呢？這裡是努力讓藍牙耳機配對到Linux電腦上的布丁。程式開發者爲了閱讀以文字爲主的大量程式碼，通常偏好將程式編輯器改成偏暗的黑暗模式，可以讓閱讀程式的時候舒服許多。知名的Windows專用軟體Notepad++是程式開發者不可或缺的編輯器。早期Notepad++必須設定主題來啓用黑暗模式。在2021年發佈的8.0版本，Notepad++直接加入了黑暗模式(Dark Mode)，設定起來更加直覺了。接下來就讓我們來看看，怎麼在Notepad++裡面開啓黑暗模式吧。不過，在文章開始之前，我們還是先來個沒工商版面吧。沒工商版面：神族H2領夾式藍牙音樂接收器 / SAMZU Bluetooth Headset (照片來源：布丁布丁吃什麼？) 最近我想把桌上型電腦的有線耳機改爲走藍牙的無線耳機。測試了多款藍牙耳機後，沒想到我在4年前使用的神族H2藍牙音樂接收器居然能夠在Manjaro Linux裡正常使用！既然它讓我如此驚豔，那這次沒工商版面就非神族H2藍牙音樂接收器莫屬啦。聽音樂已經是現代人相當常見的休閒娛樂。而每位喜歡聽音樂的人，大多都有自己偏好的耳機機型。

布丁布丁吃什麼？

布丁布丁吃什麼？

布丁布丁吃什麼？

哈囉，大家最近吃什麼？這裡是總算有點適應Linux的布丁。你用過漸進式網路應用程式PWA或網頁應用程式(WebAPP, Web Application)嗎？儘管一直不斷有人主張應該用網頁來取代安裝在作業系統上的原生應用程式，也越來越多原生應用程式改用PWA的形式發佈。然而，對使用者來說卻非常不方便。使用者安裝PWA或網頁應用程式的時候，一般來說只能使用開發者預先設定好的網址、應用程式名稱和圖示。如果你想要把Google試算表中一個你常用的表格建立捷徑、做成應用程式，你會發現其實你只能建立「試算表」應用程式，而不能連到你真正的表格。為了克服PWA的限制，我開發了工具「Chrome-Shortcut-Head-Modifier」來產生自訂的網頁<head>內容。以此修改網頁的<head>之後，就能客製化產生自己習慣使用的網頁應用程式囉。如果你也想要自己制訂要使用的網頁應用程式的話，就讓我們繼續看下去吧！沒工商版面：Xodo PDF Reader & Editor / Non-advertising column: Xodo PDF Reader &am Web Application, Google Play, Bullet Journal, Custom

Web Application

哈囉，大家最近吃什麼？這裡是總算有點適應Linux的布丁。你用過漸進式網路應用程式PWA或網頁應用程式(WebAPP, Web Application)嗎？儘管一直不斷有人主張應該用網頁來取代安裝在作業系統上的原生應用程式，也越來越多原生應用程式改用PWA的形式發佈。然而，對使用者來說卻非常不方便。使用者安裝PWA或網頁應用程式的時候，一般來說只能使用開發者預先設定好的網址、應用程式名稱和圖示。如果你想要把Google試算表中一個你常用的表格建立捷徑、做成應用程式，你會發現其實你只能建立「試算表」應用程式，而不能連到你真正的表格。為了克服PWA的限制，我開發了工具「Chrome-Shortcut-Head-Modifier」來產生自訂的網頁<head>內容。以此修改網頁的<head>之後，就能客製化產生自己習慣使用的網頁應用程式囉。如果你也想要自己制訂要使用的網頁應用程式的話，就讓我們繼續看下去吧！沒工商版面：Xodo PDF Reader & Editor / Non-advertising column: Xodo PDF Reader &am

布丁布丁吃什麼？

布丁布丁吃什麼？

布丁布丁吃什麼？

哈囉，大家最近在吃什麼呢？這裡是越用越喜歡Linux的布丁。你知道Linux的免安裝應用程式AppImage嗎？AppImage主打「一個檔案=一個應用程式」的特色，只要下載並開啓權限後，就能直接執行應用程式。但直接執行AppImage時只能執行創造者預設好的指定指令。如果我們想要執行AppImage中的其他應用程式或檔案的話，可以先把它掛載到/tmp暫存資料夾，然後就可以直接使用AppImage中其他的應用程式了。本篇使用的例子是WPS Office的AppImage。原本WPS Office的AppImage只允許我們使用WPS文件編輯器(WPS Writer)。如果我們要將副檔名為「dps」的WPS投影片檔案格式(WPS Presentation)，用WPS Office的WPP投影片編輯器開啟的話，那就得要用這個方法囉。讓我們來看看要怎麼做吧。沒工商版面：Podcast Republic/ Non-advertising column: Podcast Republic (圖片來源：Google Play) 在開始之前，我們先來進段沒工商版面。沒工商版 Wps

哈囉，大家最近在吃什麼呢？這裡是越用越喜歡Linux的布丁。你知道Linux的免安裝應用程式AppImage嗎？AppImage主打「一個檔案=一個應用程式」的特色，只要下載並開啓權限後，就能直接執行應用程式。但直接執行AppImage時只能執行創造者預設好的指定指令。如果我們想要執行AppImage中的其他應用程式或檔案的話，可以先把它掛載到/tmp暫存資料夾，然後就可以直接使用AppImage中其他的應用程式了。本篇使用的例子是WPS Office的AppImage。原本WPS Office的AppImage只允許我們使用WPS文件編輯器(WPS Writer)。如果我們要將副檔名為「dps」的WPS投影片檔案格式(WPS Presentation)，用WPS Office的WPP投影片編輯器開啟的話，那就得要用這個方法囉。讓我們來看看要怎麼做吧。沒工商版面：Podcast Republic/ Non-advertising column: Podcast Republic (圖片來源：Google Play) 在開始之前，我們先來進段沒工商版面。沒工商版

布丁布丁吃什麼？

布丁布丁吃什麼？

布丁布丁吃什麼？

近年來各家Chromebook大廠嗅到了商務市場與居家遠端辦公的商機，紛紛推出了尺寸較大、規格更高級的Chromebook。高階的Chromebook不僅能夠讓原本Chrome作業系統的效能更好，讓使用者能夠同時安裝與開啓更多的Android應用程式之外，還能夠透過crouton，配置適合開發者的Linux桌面環境。在Linux作業系統已經成為全球開發者首選平臺的今日，Linux桌面環境可能會成為吸引開發者使用Chromebook的另一個特色。哈囉，大家最近吃了什麼呢？我是一邊擺出「= U =」的笑臉、一邊開心地吃著Chromebook的布丁。今天就讓我來看看ASUS近期推出的高階Chromebook：ASUS Chromebook Flip CX5 (CX5500)，到底如何要怎麼在Google Chrome瀏覽器爲主的Chrome作業系統中，配置適合開發者的Linux桌面環境吧。前言：從小台的Chromebook邁向大尺寸的高階Chromebook / Introduction: Toward high-level Chromebooks 以往說到Chromebook，你的印象 Linux Desktop, Desktop Pcs, Best Laptops, Gaming Laptops, Microsoft Surface, Macbook Air, Asus Laptop, Fingerprint Reader, Laptop Cheap

Microsoft Surface

Fingerprint Reader

近年來各家Chromebook大廠嗅到了商務市場與居家遠端辦公的商機，紛紛推出了尺寸較大、規格更高級的Chromebook。高階的Chromebook不僅能夠讓原本Chrome作業系統的效能更好，讓使用者能夠同時安裝與開啓更多的Android應用程式之外，還能夠透過crouton，配置適合開發者的Linux桌面環境。在Linux作業系統已經成為全球開發者首選平臺的今日，Linux桌面環境可能會成為吸引開發者使用Chromebook的另一個特色。哈囉，大家最近吃了什麼呢？我是一邊擺出「= U =」的笑臉、一邊開心地吃著Chromebook的布丁。今天就讓我來看看ASUS近期推出的高階Chromebook：ASUS Chromebook Flip CX5 (CX5500)，到底如何要怎麼在Google Chrome瀏覽器爲主的Chrome作業系統中，配置適合開發者的Linux桌面環境吧。前言：從小台的Chromebook邁向大尺寸的高階Chromebook / Introduction: Toward high-level Chromebooks 以往說到Chromebook，你的印象

布丁布丁吃什麼？

布丁布丁吃什麼？

布丁布丁吃什麼？

嗨~呦~~ 這裡是煩惱要不要用Vue.js插件的布丁。說到網頁前端MVVM框架Vue.js，大部分時候都是以搭配後端編譯工具 (像是Webpack之類) 為前提來安裝、配置。不過實際上，很多時候Vue.js、單檔案組件(single file component)、以及它們的插件可以不需透過編譯，直接在網頁瀏覽器上執行。這邊我以「vue-slim-tabs」為例子，它文件中的說明必須要靠編譯器才能運作。我分析vue-slim-tabs插件的原始碼，重新撰寫了使用該插件的index.html跟引用的單檔案組件vue-slim-tabs.vue。你可以點此看到實際運作的網頁。以下我來說明改寫的過程，希望對Vue.js的使用者有所幫助。結果展示 / Demo 做完之後會產生以下三個檔案： index.html 主要網頁 vue-slim-tabs.vue 使用vue-slim-tabs插件的單檔案組件 default.css 單檔案組件引用的樣式檔你可以點這裡看看可以實際運作的網頁。流程 / Process 我這篇是準備寫給完全不懂Vue.js的入門者閱讀的。操 Being Used

嗨~呦~~ 這裡是煩惱要不要用Vue.js插件的布丁。說到網頁前端MVVM框架Vue.js，大部分時候都是以搭配後端編譯工具 (像是Webpack之類) 為前提來安裝、配置。不過實際上，很多時候Vue.js、單檔案組件(single file component)、以及它們的插件可以不需透過編譯，直接在網頁瀏覽器上執行。這邊我以「vue-slim-tabs」為例子，它文件中的說明必須要靠編譯器才能運作。我分析vue-slim-tabs插件的原始碼，重新撰寫了使用該插件的index.html跟引用的單檔案組件vue-slim-tabs.vue。你可以點此看到實際運作的網頁。以下我來說明改寫的過程，希望對Vue.js的使用者有所幫助。結果展示 / Demo 做完之後會產生以下三個檔案： index.html 主要網頁 vue-slim-tabs.vue 使用vue-slim-tabs插件的單檔案組件 default.css 單檔案組件引用的樣式檔你可以點這裡看看可以實際運作的網頁。流程 / Process 我這篇是準備寫給完全不懂Vue.js的入門者閱讀的。操

布丁布丁吃什麼？

布丁布丁吃什麼？

布丁布丁吃什麼？