<?xml version="1.0" encoding="utf-8"?><rss version="2.0" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"><channel><title>MagicLen</title><link>https://magiclen.org/2019/11/feed</link><description>多元化原創文章，內容包羅萬象，有程式語言、網站應用、軟體介紹、硬體介紹、作業系統、旅行遊記、專題採訪、益智問題、文學創作，以及作者們的知識分享和作品分享。</description><language>zh-TW</language><lastBuildDate>Thu, 16 Apr 2026 16:42:23 +0000</lastBuildDate><sy:updatePeriod>hourly</sy:updatePeriod><sy:updateFrequency>8</sy:updateFrequency><sy:updateBase>1970-01-01T00:00+00:00</sy:updateBase><item><title>TypeScript 學習之路─第六章：TypeScript程式語言的介面和抽象類別</title><link>https://magiclen.org/typescript-interface-abstract-class</link><description><![CDATA[    <img src="https://magiclen.org/wp-content/uploads/2019/08/typescript-220x162.png" srcset="https://magiclen.org/wp-content/uploads/2019/08/typescript-220x162.png 1x, https://magiclen.org/wp-content/uploads/2019/08/typescript-440x324.png 2x, https://magiclen.org/wp-content/uploads/2019/08/typescript-660x486.png 3x" alt="">
TypeScript程式語言的介面(Interface)，是TypeScript特有、JavaScript沒有的東西，它與「declare」關鍵字類似，只是用來寫給編譯器看的。TypeScript的介面可以將物件型別抽像化並加上名稱，形成新的型別，還能讓類別根據介面來添加屬性。]]></description><category>研究分享</category><category>JavaScript</category><category>JavaScript</category><category>node.js</category><category>TypeScript</category><category>TypeScript 學習之路</category><guid>https://magiclen.org/typescript-interface-abstract-class</guid><pubDate>Thu, 28 Nov 2019 12:00:04 +0800</pubDate><dc:creator>Magic Len</dc:creator></item><item><title>TypeScript 學習之路─第五章：TypeScript程式語言的物件</title><link>https://magiclen.org/typescript-object</link><description><![CDATA[    <img src="https://magiclen.org/wp-content/uploads/2019/08/typescript-220x162.png" srcset="https://magiclen.org/wp-content/uploads/2019/08/typescript-220x162.png 1x, https://magiclen.org/wp-content/uploads/2019/08/typescript-440x324.png 2x, https://magiclen.org/wp-content/uploads/2019/08/typescript-660x486.png 3x" alt="">
JavaScript的物件功能十分複雜，這個章節將會用TypeScript嘗試釐清JavaScript的物件建立方式，並且利用物件導向觀念來實作程式。]]></description><category>研究分享</category><category>JavaScript</category><category>JavaScript</category><category>node.js</category><category>TypeScript</category><category>TypeScript 學習之路</category><guid>https://magiclen.org/typescript-object</guid><pubDate>Tue, 26 Nov 2019 12:00:05 +0800</pubDate><dc:creator>Magic Len</dc:creator></item><item><title>TypeScript 學習之路─第四章：TypeScript程式語言的基礎概念</title><link>https://magiclen.org/typescript-concepts</link><description><![CDATA[    <img src="https://magiclen.org/wp-content/uploads/2019/08/typescript-220x162.png" srcset="https://magiclen.org/wp-content/uploads/2019/08/typescript-220x162.png 1x, https://magiclen.org/wp-content/uploads/2019/08/typescript-440x324.png 2x, https://magiclen.org/wp-content/uploads/2019/08/typescript-660x486.png 3x" alt="">
在這個章節將會介紹許多其它程式語言也都有的基礎概念，包含變數、資料型別、函數、註解以及條件和迴圈的流程控制。]]></description><category>研究分享</category><category>JavaScript</category><category>JavaScript</category><category>node.js</category><category>TypeScript</category><category>TypeScript 學習之路</category><guid>https://magiclen.org/typescript-concepts</guid><pubDate>Thu, 21 Nov 2019 12:00:26 +0800</pubDate><dc:creator>Magic Len</dc:creator></item><item><title>TypeScript 學習之路─第三章：在Node.js專案中使用TypeScript</title><link>https://magiclen.org/typescript-nodejs</link><description><![CDATA[    <img src="https://magiclen.org/wp-content/uploads/2019/08/typescript-220x162.png" srcset="https://magiclen.org/wp-content/uploads/2019/08/typescript-220x162.png 1x, https://magiclen.org/wp-content/uploads/2019/08/typescript-440x324.png 2x, https://magiclen.org/wp-content/uploads/2019/08/typescript-660x486.png 3x" alt="">
在前面的章節中，我們都是直接用「tsc」指令加上參數來編譯TypeScript程式，並且利用「declare」關鍵字來宣告Node.js才有的物件和函數。在這個章節，我們會建立Node.js專案，運用TypeScript的「tsconfig.json」檔案來設定編譯參數，並加裝套件讓TypeScript能直接支援Node.js內建的物件和函數的型別檢查。]]></description><category>研究分享</category><category>JavaScript</category><category>JavaScript</category><category>node.js</category><category>TypeScript</category><category>TypeScript 學習之路</category><guid>https://magiclen.org/typescript-nodejs</guid><pubDate>Tue, 19 Nov 2019 12:00:17 +0800</pubDate><dc:creator>Magic Len</dc:creator></item><item><title>TypeScript 學習之路─第二章：用TypeScript寫個猜數字程式吧！</title><link>https://magiclen.org/typescript-guess-number</link><description><![CDATA[    <img src="https://magiclen.org/wp-content/uploads/2019/08/typescript-220x162.png" srcset="https://magiclen.org/wp-content/uploads/2019/08/typescript-220x162.png 1x, https://magiclen.org/wp-content/uploads/2019/08/typescript-440x324.png 2x, https://magiclen.org/wp-content/uploads/2019/08/typescript-660x486.png 3x" alt="">
在這個章節，我們將會直接使用TypeScript程式語言來建立出猜數字程式的專案，並逐步將它完成！並在撰寫程式的過程中，來練習TypeScript程式語言基礎的程式語法，以及針對Node.js和網頁瀏覽器這兩個不一樣的執行環境來撰寫程式。這支小程式在執行之後，將會先從1到100的整數中，隨機抽取一個數字作為答案，並且允許使用者輸入要猜的數字，如果答錯了，程式會回答使用者輸入的數字究竟是大於答案，還...]]></description><category>研究分享</category><category>JavaScript</category><category>JavaScript</category><category>node.js</category><category>TypeScript</category><category>TypeScript 學習之路</category><guid>https://magiclen.org/typescript-guess-number</guid><pubDate>Thu, 14 Nov 2019 12:00:22 +0800</pubDate><dc:creator>Magic Len</dc:creator></item><item><title>TypeScript 學習之路─第一章：認識TypeScript</title><link>https://magiclen.org/typescript-introduction</link><description><![CDATA[    <img src="https://magiclen.org/wp-content/uploads/2019/08/typescript-220x162.png" srcset="https://magiclen.org/wp-content/uploads/2019/08/typescript-220x162.png 1x, https://magiclen.org/wp-content/uploads/2019/08/typescript-440x324.png 2x, https://magiclen.org/wp-content/uploads/2019/08/typescript-660x486.png 3x" alt="">
TypeScript是由微軟開發的一種能用來編譯出JavaScript程式碼的程式語言，因其比JavaScript程式語言還多了一道編譯手續，能夠在編譯階段找出程式碼語法上的問題，而且也添加了型別檢查機制，讓程式更容易閱讀與偵錯，使得TypeScript更適合用來開發大型專案。TypeScript相容於JavaScript，白話一點來說就是JavaScript程式碼也可以通過TypeScript編...]]></description><category>研究分享</category><category>JavaScript</category><category>JavaScript</category><category>node.js</category><category>TypeScript</category><category>TypeScript 學習之路</category><guid>https://magiclen.org/typescript-introduction</guid><pubDate>Tue, 12 Nov 2019 12:00:28 +0800</pubDate><dc:creator>Magic Len</dc:creator></item><item><title>如何用Rust程式語言搭配zBar函式庫進行條碼掃描？</title><link>https://magiclen.org/zbar-rust</link><description><![CDATA[    <img src="https://magiclen.org/wp-content/uploads/2018/04/rust-220x162.png" srcset="https://magiclen.org/wp-content/uploads/2018/04/rust-220x162.png 1x, https://magiclen.org/wp-content/uploads/2018/04/rust-440x324.png 2x, https://magiclen.org/wp-content/uploads/2018/04/rust-660x486.png 3x" alt="">
在生活中常常可以看到條碼(Barcode)的存在，無論是商品結帳時在收銀台使用的EAN條碼、書籍使用的ISBN條碼，還是在最近因行動裝置的流行也跟著帶動起來的QR Code，這些條碼都可以讓我們的生活更便利，傳遞資訊的速度更快，省下許多使用鍵盤打字的時間。zBar是一個使用C語言開發的函式庫，效率極佳，支援多種一維條碼和二維條碼的掃描，要如何在Rust上使用zBar函式庫進行條碼掃描呢？]]></description><category>Rust</category><category>zBar</category><category>條碼掃描</category><category>Rust</category><category>zbar-rust</category><guid>https://magiclen.org/zbar-rust</guid><pubDate>Thu, 7 Nov 2019 20:00:27 +0800</pubDate><dc:creator>Magic Len</dc:creator></item><item><title>如何將reCAPTCHA v3加進Rocket應用程式中？</title><link>https://magiclen.org/rocket-recaptcha-v3</link><description><![CDATA[    <img src="https://magiclen.org/wp-content/uploads/2018/04/rust-220x162.png" srcset="https://magiclen.org/wp-content/uploads/2018/04/rust-220x162.png 1x, https://magiclen.org/wp-content/uploads/2018/04/rust-440x324.png 2x, https://magiclen.org/wp-content/uploads/2018/04/rust-660x486.png 3x" alt="">
網路上總會有人為了一己私利，透過機器人(robot)來快速填寫並送出網頁上的表單，導致該網站的帳號密碼被破解，或者販賣的商品立刻被有心人士一掃而空(倒買倒賣)，又或是資料庫的資料在短時間內被全部爬出來。為了防範機器人來我們的網站上搗亂，最好將Google提供的reCAPTCHA真人驗證機制加入網站中。]]></description><category>Rust</category><category>Google</category><category>Rust</category><category>Rocket</category><category>reCAPTCHA</category><category>CAPTCHA</category><category>rocket-recaptcha-v3</category><guid>https://magiclen.org/rocket-recaptcha-v3</guid><pubDate>Tue, 5 Nov 2019 20:00:43 +0800</pubDate><dc:creator>Magic Len</dc:creator></item></channel></rss>