新樂街口的三角窗

[React] 用 nwb 快速開發 Components and Libraries

2017-06-16T04:26:33.000Z

# 目的

快速開發 React App or React Components(Libraries)。

# 前言

之前曾經使用 React 寫過幾個 Components 和 Library，但都是自己從頭搭建開發環境或是由 create-react-app 開始，要打包上傳 npm 的過程還蠻繁雜的！而前陣子發現 nwb 這個 toolkit，立馬寫了一個 Component 作嘗試，體驗還不錯，現在就來筆記分享一下！

# 筆記

什麼是 nwb

nwb 是一個開發 React、Preact 和 Inferno 的 toolkit，整合了開發時需要的工具，像是 Webpack、Babel 和 Karma。
使用最新的 JS 語法(ES2015, ES2016, ES2017)，預設設定上，可供使用 Promise、fetch()、async/await 等。
再來是對於 Sass、Less 和 Stylus 的支援，只需額外使用相對應的 plugin 就好，不需要額外設定！

nwb 強調它是一個 toolkit，不是一個 boilerplate。

nwb 的優點

個人覺得它所整合的開發環境還蠻完整的，從安裝、開發、測試到 打包上傳，完全不需要額外的設定(當然它也有提供讓開發者自行設定的方法)：

快速建構開發環境，大量減少建構環境的時間，把時間留在開發和設計上。
Hot Module Replacement，讓開發產品自動更新，這應該已經是大家開發上不可或缺的開發利器。
顯示建置狀態，在 CLI 中顯示目前 compile 的狀態或報錯。
使用 Mocha 和 Expect，在 Karma(in PhantomJS) 跑單元測試，可以直接專心寫 test 檔就好。
Travis CI，使用 Travis Continuous Integration 並將 code coverage 結果提供 Coveralls/codecov.io。
ES5、ES 和 UMD，nwb 幫你一次打包三種 builds。
Single Configuration files，可在 nwb.config.js 中客製 Webpack、Karma 或 npm builds 的設定。
Autoprefixd CSS，這個設定可以讓 styles 撰寫時自動生成支援各個瀏覽器的 prefixed。

以上所提及的，是我在原本開發上就會碰到和使用的，當然 nwb 還有很多細項的優點！

使用 nwb 開發 React Components/Libraries

1. 在環境中加入 nwb

1	npm install -g nwb

2. 使用 `nwb new` 創建 project

1	nwb new react-component react-ocard

在建置時，nwb 一定會 build 一個 ES5 的版本在 lib/ 中，所以在創建 component 時會跳提醒問你是否還要建置 ES6 module(看個人需求)：

1 2	Creating a react-component project... ? Do you want to create an ES6 module build? (Y/n)

接著，會問你是否需要建置 Universal Module Definition (UMD)：

1	? Do you want to create a UMD build? (y/N)

如果選擇 y，則會詢問你要使用的 global varible name 是什麼：

1	? Which global variable name should the UMD build set?

以上面舉的例子，我就輸入 ReactOCard，這樣若是使用 UMD 時，就可以直接使用 ReactOCard component！

Note: 建置時 nwb 會建一個 react-ocard.js 和 react-ocard.min.js 在 umd/ 中。

這樣，我們就創建好一個 react-ocard 的專案。

nwb new 後面除了 react-component 外，還可使用 react-app、preact-app 和 inferno-app 分別創建你想開發的 app

3. 認識專案架構

這個專案和平常我們在開發時的架構差不多，所以應該不陌生：

react-ocard
  ├ .gitignore
  ├ .travis.yml
  ├ CONTRIBUTING.md
  ├ nwb.config.js
  ├ package.json
  ├ README.md
  ├ demo
  │  └ src
  │     └ index.js
  ├ node_modules
  ├ src
  │  └ index.js
  └tests
    ├ .eslintrc
    └ index-test.js

demo/: 在此資料夾中放你對於 Component 的 demo，方便在 nwb 的 development server 中作開發和測試 Component。
src/: 這裡就是你的 React Component。
test/: nwb 會在這個資料夾中找到相對 src/ 的測試檔案 (檔名結尾為 .test.js、-test.js 或 .spec.js) 作測試。
nwb.config.js: 前面有提到，你可以透過這個設定檔調整或擴展 nwb 所提供的默認配置。

4. 認識指令

從 package.json 可看到相關的 scripts：

npm start - 啟動開發伺服器 run demo app
npm test - 跑測試
npm run test:coverage - 跑測試並在 coverage/ 中生成 coverage report
npm run test:watch - 跑測試並監看測試檔 (若測試黨有所變更，就會立即重跑測試，方便測試撰寫)
npm run build - 建置 Component (建置 lib/ 以便上傳至 npm)
npm run clean - 將 build 的資料夾清掉 (像是 lib/、es/ 和 umd/)

npm start 直接進入開發狀態！

5. 使用 Sass/Scss

如果開發時除了 inline styles 外，有撰寫 .scss 或 .sass，可以使用 plugin nwb-sass 來支援編譯，使用方法很簡單：

1	npm i nwb-sass --save-dev

這樣就會自動幫你編譯 .scss 或 .sass 檔囉！

這邊稍微聊一下，不知道對於如果 Component 是包含樣式的，大家是怎麼作的？
以目前我的開發習慣來說的話，都是將 .scss 寫在對應的 Component 資料夾中，當作 src/ 的一部分，再由 demo 中作 import，這樣 Component 本身就是乾淨沒有引入 styles 檔案的狀況；
而打包上傳至 npm 前，會將 轉譯後 .css 放在 css/ 或 styles/ 中。
這樣的話，使用 Component 時就是分開引入 (import component 和 styles)，不知道有沒有什麼建議的作法可供參考。
1
2
import MyComponent from 'react-mycomponent'
import 'react-mycomponent/styles/react-mycomponent.css'

6. 上傳至 npm

Components/Libraries 開發完成並且 build 完後，就可以上傳至 npm 囉！

1	npm publish

在 package.json 中可看到，nwb 預設是將 es/、lib/ 和 umd/ 打包在 npm package 中：

"files": [
    "es",
    "lib",
    "umd"
]

你可以自行添加要打包上傳的資料夾，像我就多設了 css 以便上傳 Component 的 styles。

# 後記

前一陣子看到 Yahoo! 的 懶人卡，覺得閱讀起來還不錯，設計簡潔又帶點微微的互動，所以原本就打算來實作看看；
再加上看到 nwb ，就決定用它來開發看看，沒想到還蠻容易上手的，加上剛好符合我開發環境的需求，所以在開發環境的建置上近乎是無痛使用 🤗🤗🤗

很久沒打筆記了… 但真心覺得不錯，所以筆記一下分享給大家作參考！

也跟大家分享一下這次作的練習 react-ocard，這是參考 Yahoo! 懶人卡 所寫的 React Component，技術上除了 React 外，還使用了 iScroll 5 (單純綁 iscroll.js)。
如果覺得還不錯的話，歡迎給個 ⭐ 或 Fork 一起讓它更完美喔！！

可能、也許、Maybe 之後會再打個 iScroll 用於 React 的筆記吧… 😋

2017.06.17 大事記

我為 nwb 寫的這篇文章而設計的封面圖，被原作者採用了！超開心的！！

That’s it, DONE!

【參考資料】

nwb：https://github.com/insin/nwb

[台南中西區] 鬍鬚忠牛肉湯 - 不可錯過的頂級牛肉湯！

2017-05-26T00:52:05.000Z

今天是快閃台南的第二天，在離開台南前，我和小凱蘿非常有默契地想再來一碗牛肉湯，於是到處奔走，不過在下午四點多有營業的店家並不多… 最後最後還是回來等 17:00 開張的鬍鬚忠牛肉湯！

鬍鬚忠牛肉湯

好吃推薦 4.5

聽說以前 鬍鬚忠 並沒有招牌，所以大家都是叫無名牛肉湯或鄭家牛肉湯，當天是 16:50 左右到店家，不知道是不是比較早的關係，完全不用排隊，不過隔壁同樣是 17:00 開張的阿江炒鱔魚(推薦喔👍) 早已坐滿了人！

蒜頭牛肉 $150 (小 $150 | 大 $200)

首先襲來的是 濃濃的蒜香味兒，讓人食慾大開；牛肉看起來還帶有一點點血色，咬起來比較韌，算是比較重鹹的口味，不過牛肉真是 越嚼越香，超適合配飯 der！

頂級牛肉湯 $200 (小 $200 | 大 $300)

要試當然要試最好的！所以點了 頂級牛肉湯 來試試，我想我們是 一試成主顧 了 😝😝
湯頭超讚！喝起來很 清爽不油膩，而且味道還很 濃郁不會過鹹，不知道店家是不是有伴洋蔥熬煮，喝起來還帶有一點點 洋蔥的鮮甜味！整個很對我和小凱蘿的味 😍😍😍

牛肉的部分帶有一點油花，燙的恰到好處，肉質很鮮嫩又帶一點 Q 彈，除口感外，一口咬下時，嘴裡的溢滿牛肉香也是超過癮的！！

後記 & 心得

在打文章時才發現，蠻多人推 鬍鬚忠 的 牛肉燥飯，但但但！！我們居然沒有吃到！超殘念der 😫😫

經 OA 的詢問後得知，凡是點 任一價位的牛肉湯，都會附上 牛肉燥飯，但由於日前店家發現，不少顧客因為免費而有浪費的狀況，所以現在點了牛肉湯之後，要 記得向服務人員附註要牛肉燥飯 才會提供喔！(還是 免費的，別擔心)

p.s. 希望店家日後於牛肉燥飯的提供能明顯的標示，好可惜這次無緣沒到，不過這是一家很值得回訪的牛肉湯店，期待下次的造訪！

台南牛肉湯林立，每間店對於湯頭、牛肉和料理的理念，都有自己的特色和堅持；而我和小凱蘿品嚐過的牛肉湯也不多，不過沒關係，慢慢來，對我們來說，台南就是一個每次旅行都充滿期待和驚豔的好地方 😘

最後，附上一張小凱蘿的喝湯美照，結束這次的府城．輕旅行😁

店家資訊

營業時間：17:00 - 10:00(周二公休)
粉絲團：鬍鬚忠牛肉湯
電話：0938-133-306
地址：台南市中西區民族路三段91號

[台南中西區] 阿江炒鱔魚 - 這才是正港的炒鱔魚意麵！

2017-05-25T01:06:37.000Z

在離開台南前，想再喝上一碗牛肉湯，所以原本和小凱蘿衝著鬍鬚忠牛肉湯而來，沒想到意外發現這間 不能說的鱔魚意麵！

阿江炒鱔魚

好吃推薦 4.5

炒鱔魚意麵 是小時候 OA 爸常買的宵夜之一，所以雖然我是高雄人，但非常非常喜歡吃 炒鱔魚意麵！
上次來台南時有嘗試過一間店，結果並不滿意，加上小凱蘿對 炒鱔魚 興致缺缺，這次就沒有特地再找店家嘗試。

那天是 16:50 左右在鬍鬚忠牛肉湯等開張，沒想到旁邊的阿江越來越多人，這也讓非常喜歡 炒鱔魚意麵 的我躍躍欲試！

鬍鬚忠 的老闆看我一直探頭探腦，就對我說「想吃可以過去點啊」，小凱蘿也叫我去點一份來吃吃，以免等等坐車回台北時一直懊悔沒吃到 😝😝
於是就這樣點了一盤 乾炒鱔魚意麵！

在開張營業前，老闆就一直很忙，一方面忙著備料、將(炸)意麵泡開，另一方面則是一直跟入座的客官抬槓
一下問這邊帥哥今天去哪玩，一下問旁邊美眉怕不怕辣，說實在我也好喜歡這種街道像弄互相問候抬槓氣氛！

乾炒鱔魚意麵 $120

不知道在台南，這樣一盤 NT$ 120 算不算太貴，但以目前吃到的 炒鱔魚意麵 來說，這個份量和好吃的程度，我是覺得 超。划。算！

炒鱔魚的意麵用的是 炸意麵 (聽說可以點炒油麵！)，老闆會先將意麵泡開再拌炒，意麵的軟硬度控制得很好，既 不會太軟爛也不會還硬硬的，而鱔魚也炒得 爽脆不老爛，份量也夠阿莎力，加上 微甜偏鹹 炒湯汁，我真的是吃得讚不絕口，一直對著小凱蘿說「這才是真正的炒鱔魚意麵！！」

後記 & 心得

原本我們只是想帶著滿嘴的牛肉湯味離開台南，沒想到居然意外吃到這麼好吃的阿江炒鱔魚！

在打文章作功課時才發現，原來這間店已經是很有名氣的店家，也不少人抱怨 排隊問題 和 衛生問題，但我並不覺得這影響了我對他的評價。

每家炒鱔魚意麵都有自己的獨家作法，無論在 甜鹹調理的平衡、麵條的軟硬程度 還是 鱔魚熟度的控制，我相信每家店都有自己獨特的地方，每個人也都有自己在意和喜歡的味道，而對我來說，這個就是 正港的炒鱔魚意麵 哪！

不喜歡排隊的話請盡早到場喔！
還有，倘若真的真的 很在意 或 非常注重環境衛生 的客官就請自動左轉吧 😂😂

店家資訊

營業時間：17:00 - 02:00(全無公休)
電話：0937-671-052
地址：台南市中西區民族路三段89號

[台南仁德區] 阿裕牛肉涮涮鍋 - 饕客必吃！超越牛肉湯的大享受！

2017-05-22T23:09:57.000Z

到台南有什麼美食是一定要吃？OA 覺得 牛肉湯 是絕對要嘗試的！這次感謝在地好朋友的招待，讓我們吃到比 牛肉湯 更滿足的大享受阿裕牛肉涮涮鍋！

阿裕牛肉涮涮鍋

大推薦 4.0

阿裕距離奇美博物館不遠，約莫十分鐘不到的騎車距離，如果想安排這兩個行程一起走的話，可以先到奇美走走拍拍美照，然後強烈建議挑在 16:30 前 抵達阿裕，再晚… 就得陷入排隊地獄惹！等吃飽喝足再回奇美看夜景散步。

鍋底 $100 + 特優頂級鮮牛肉 $300 x 4

一進店內，牛肉湯的香味就撲了上來，好朋友很簡潔跟老闆點餐「頭家，來四盤」
我很好奇的問「這裡沒有菜單嗎？」
「有是有啦… 但來這邊就是要吃最好吃的牛肉！」好友回
過不久老闆送上鍋底和肉盤，我們也在冰箱挑了我最愛的 豬血糕 和 凍豆腐
店內除了 自助式 的火鍋料可以拿取外，還有 白飯 (可淋滷汁) 可以吃到飽！

從上面的照片可以看到湯底中有 高麗菜、番茄、蔥和香菜 等
阿裕的湯底是看起來清清的，但喝起來還蠻濃郁的
其實進門就可以看到老闆在門口用大骨熬一大鍋湯，想必一進門就聞到的牛肉湯香就是從那一鍋來的！

WARNING!! 其實湯底 香菜味 還蠻濃的… 香菜 hater 請自行左轉或提醒老闆一下 😂😂😂

除了湯頭不錯外，最重要的主角就是我們的 溫體牛肉 阿！
這盤是一般牛肉湯店可以吃到的部位，肉質鮮嫩，油花較少。

雖然阿裕的肉盤一盤 NT$ 300，但我還是建議至少點個 2 - 3 盤
因為老闆會 根據盤數配不同部位 的牛肉給客官享用！
這次多虧有專業在地ㄟ直接點四盤，我們才知道，原來不同部位的牛肉有不同層次的享受
這真的是超越以往喝牛肉湯的大享受哪！！

而第二盤牛肉切成 長片狀，油花稍比上面小片狀的多些，咬起來比較韌一點，不過牛肉香也比較重些。

這盤就是讓我和小凱蘿為之驚豔的一盤！！
油花又比長片狀的部位更多一些些，口感很特別，咬下去會有一種 啪滋啪滋 的感覺，該怎麼形容呢 🤔
就是柔嫩中又帶一點彈牙的口感，加上牛肉香溢滿整個口腔，真是大開眼界阿！

p.s. 沒跟雷恩學過 猛牛青龍斬，實在分不出哪些是什麼部位…，但不同的部位真的有不同的口感和享受！挺特別的體驗

涮牛肉有個小撇步，就是用涮牛肉的網勺 (🙋‍♂️其實我不知道這個工具叫什麼耶…) 裝幾片牛肉，然後用筷子快速拌個 3 - 4 秒 左右就可以吃了！

這邊有個有趣的事，那天老闆娘還蠻可愛的，她一桌一桌的巡著
「會吃吼？」
「阿不要全部丟進去煮捏」
「記得用涮的，涮一下下就可以吃了蛤～」
生怕別人把她的牛肉煮壞似的不斷提醒著，哈哈哈哈

涮 3 - 4 秒 左右大概會呈現粉紅色的樣子，不敢吃太生的人也可以再多涮一會兒，but 別煮到老掉喔！小心被老闆娘嘮叨 😝😝😝

這就是我和小凱蘿最喜歡的部位涮起來的樣子，那個花紋，那個色澤，喔！現在大半夜看這照片真的很自虐R…

後記 & 心得

其實在今年過年期間朋友就有帶我來訪過阿裕一次，但當天可能太過忙碌或客人爆炸多，得到的回應居然是 不收兩個人… 😩

經詢問後得知，店家座位分兩人、三人、四人及五人以上，當天應是兩人座位都已客滿，望勿造成誤會。

幸好很快的又有機會來台南玩！
真的很謝謝當天朋友的招待，除了這餐被請客外，還送我們一包店裡販售的 原味牛肉乾，真是 有呷擱有掠！
這次阿裕牛肉涮涮鍋的體驗真的很滿足，但這個點比較遠些，離台南市區騎車約 30 分鐘車程，所以踩點上可能不太好安排。

店內販售的牛肉乾是用當天未使用的牛肉製成的，一包是 NT$ 150
口感有別於一般外面販售的牛肉乾，很像真的在吃牛肉，但又有牛肉乾的調味，還挺特別的，給有興趣的人作參考。

店家資訊

營業時間：(週三至週日) 08:00 – 14:00, 17:00 – 00:00 | (週一) 08:00 – 14:00 | (週二) 17:00 – 00:00
粉絲團：阿裕牛肉涮涮鍋 - 牛肉湯
電話：06-266-8816
地址：台南市仁德區中正路一段525號

[台南東區] 台南老爺行旅 - 高鐵三週年房型三級跳

2017-05-20T03:21:32.000Z

超開心又可以到台南玩啦！這次很突然的決定快閃台南，主要是因為賢慧的小凱蘿，在網路上找到一個 相當實惠 的住宿方案，讓我們有幸能在台南老爺行旅以萬元不到的價格享受超高級房型！難得一次的大享受，是一定要記錄分享一下的啦 😍😍

台南老爺行旅

房間介紹

打開房門時我真的心花怒放了，陽光從整面的落地窗灑進來，讓人身心好愉悅阿 🤗

進門後有個小吧檯和辦公桌，小吧檯除了 小冰箱、水果盤、小點心、招待紅酒 和電話外，還有 illy 膠囊咖啡機可以隨意使用。

其實除了水果盤外，招待的小點心真的很好吃，是老爺行旅的 巧克力餅乾，但… 一下就被我們吃光了，ㄎㄎ

小凱蘿也立刻切一顆奇異果來好好享受和放鬆一下。

招待的紅酒是法蘭絲代理的智利紅酒(Santa Helena) － 金色年代(Siglo De Oro Cabernet Sauvignon)，哥不是品酒系der，以上都是靠谷哥大神 hahaaa

小凱蘿負責鑑定水果的部分，我就來負責研究這個 illy 膠囊咖啡機。

第一次使用 illy 膠囊咖啡機，還蠻新奇的，沖泡時咖啡香竄出來的瞬間，精神都來了！
但我有個小問題…🙋‍♂️ 它會到處亂噴耶！是每台膠囊咖啡機都會這樣嗎？(土包子求解)

而老爺行旅附的咖啡膠囊有 低咖啡因(綠色) 和 濃縮咖啡(藍色) 兩種，也附上糖包供甜度調整。

整個房間的設計是屬於開放式的，讓整體看起來相當寬敞舒適；這是品味套房的客廳，有一盞大大的落地燈、可愛的鳥籠座椅和別緻的雙人小沙發。

客廳的牆上擺設的壁燈很特別，嗯… 由於 OA 不懂裝潢和設計，所以只好祭出很有 設計感 來形容這舒服的感覺 😝😝😝

我個人還蠻喜歡這個落地燈的，後來發現整個老爺行旅都可以看到這個落地燈，只好再次祭出它也很有 設計感 呢，哈哈哈

從客廳望過去，可以先看到垂掛式的大電視，而電視下方還有一組 無線藍芽音響 可以使用；然後往後看到的是房間的部分，透視的設計讓空間被拉大了，蘇胡。

p.s 電視可以旋轉 360 度喔喔喔喔！

這就是可以帶著到處放的 無線藍芽音響，只要手機開啟藍芽連接，就可以撥放了，很簡單而且很方便；可以在泡澡時一邊聽音樂一邊喝紅酒，好好放鬆放鬆！

浴室也是個又大又寬敞的環境，有 兩面鏡子 和 兩個洗手台，方便兩個人同時梳妝打扮；泡澡的浴缸 也是在開放式的空間，上面有個置放紅酒的小木板，而浴缸前面擺了電視，方便一邊泡澡一邊享用招待的紅酒。
淋浴間 和廁所則是獨立的兩個小隔間，圖呢圖呢？(敲)
ㄜ… 就… 忘了拍，嗯嗯，ㄎㄎ 😅

阿！這這這，勉強有拍到通往淋浴間的推門的推，可愛吧！

在洗手台旁，有幾個小格子，最上層擺放的是 吹風機，中間層是 衛生紙，而最下層是 漱口杯、牙刷牙膏、髮圈、折疊梳 和浴帽等。

而浴缸旁的小桌子除擺放 兩瓶水 外，還有 洗髮乳、沐浴乳、護髮乳跟潤膚乳液，都是用老爺行旅的小罐子裝的，小巧可愛 (方便攜帶?)

泡完澡後就是要從冰箱拿出冰冰涼涼的 金牌台啤 配電影阿！

房間是房卡作感應開門的動作，這就是我們的房卡正面

房卡背面的資訊卡上，貼心的印上 早餐、自助洗衣房 和 健身房 的時間和使用樓層，也印有 退房時間 作提醒。

周邊介紹

房間外走廊上都設有 房號燈，這個房號燈的設計原型，就是神農街的街燈喔！

早餐是在 5樓的 甘粹餐廳 和 廿一 Bar 21，而上圖即是 Bar 21 吧檯。

這邊則是 甘粹餐廳 的用餐空間。

老爺行旅的每個地方都能看見設計的影子，即使是用餐的餐墊也很用心。

早餐是 自助吧 的方式，餐點從西式的吐司、歐姆蛋到中式的稀飯、豆漿都有，由於是自助的關係，就偷懶沒有每樣都拍了 😅

只要有中式的自助吧，OA 我就一定會盛碗粥配肉鬆、豆枝 (🙋‍♂️國語是什麼阿？)和麵筋，超讚！

吃飽喝足後才發現一個很可愛的地方，老爺行旅的碗盤上都印有「參考線」，像這碗上就印著 飽嘟嘟、呷飽、飽

餐盤上印的則是 么薩薩、呷么、么，哈哈哈

後記 & 心得

這次的住宿體驗真的是太享受了，環境 簡潔明亮、整體 設計舒適 外，員工的 服務素質也相當好！
原本還想說來台南玩住這麼好，會不會是種浪費和奢侈，但！真的值得一試！
不過不過，在入住前一定要先上網作作功課，大部分時間都會有搭配的優惠活動，不敢肯定會便宜到多少，但一定比直接訂房來的划算。
這次我們能以這麼 便宜的價格入住 (NT$ 4,900 + 10%/晚) 和購得 高鐵來回票 (NT$ 2,220/人)
都歸功於小凱蘿發現高鐵飯店聯票三週年的活動，雖然活動期限已經過了，但有興趣前往老爺行旅的大家，也可以先看看 官方網站的活動資訊 喔！

最後附上小卡蘿美照一枚結束這回合 😍

飯店資訊

官方網站：台南老爺行旅
電話：06-236-6168
地址：台南市東區中華東路一段368號

延伸閱讀

街口的美食地圖

[台南中西區] 富盛號碗粿 - 永樂市場的古早味美食

2017-05-18T08:59:32.000Z

上次來台南，在地的好朋友有推薦這家好吃的富盛號碗粿，但上次來玩真的沒肚子塞，不過不要緊，上次沒吃到的，這次補回來，阿這次沒吃到的，下次通通來！身為愛好美食的肥宅，就是要一直來，一直吃 😏😏

富盛號碗粿

划算 3.5

其實我沒想過大家對於碗粿的喜好程度，對於我來說，是小時候回憶的味道，大學北上後好像就幾乎沒在吃到碗粿，如果台北有什麼好吃的碗粿也歡迎留言推薦給我喔！

p.s. 神奇的是，小凱蘿居然沒有吃過碗粿… 😲

這家富盛號碗粿是位於台南永樂市場的 70 年老店，店內牆上掛的店家廣告和招牌都好可愛，很用心在設計上。

店面是開放式的用餐空間，有風扇，但… 如果是七八月大熱天的，應該…

碗粿 $30

這碗碗粿只要 $30，不要看上面的醬黑不拉機的，他可不是死鹹的醬油膏喔！

唉唉，很可惜的是 OA 在這邊拍的食物沙龍照都好失敗，拍的不是很好吶 😭😭😭

盛裝碗粿就要用這種瓷碗才夠味，不過，後來和推薦我們來吃的好朋友聊才發現，原來大家小時候都是用一支冰棒棍挖著吃！

他們家的碗粿用料真的很實在，碗粿吃起來很香Q，裡面還有蝦仁、肉燥、香菇還有一顆好吃的蛋黃，這樣只要 $30，真的是 超、級、划、算！

後記 & 心得

其實富盛號除了碗粿外，還有賣魚羹，但由於我和小凱蘿要留點胃給其他美食，所以就沒嘗試啦！
得說一下，碗粿真的很划算，而且也很好吃，走過路過的朋友不仿停下來試試看，不過可以考慮外帶，因為人多的話，內用可能得排上一些時間喔 😋

店家資訊

營業時間：07:00 - 17:00(每週四公休)
電話：06-227-4101
地址：台南市中西區西門路二段333巷8號

[台南北區] 阿憨鹹粥 - 免排隊的府城古早味

2017-05-16T15:22:00.000Z

上次來台南飽到沒胃吃的鹹粥，這次要好好補回來！跟 OA 一起來嚐看看這家頗負盛名的阿憨鹹粥吧！

阿憨鹹粥

不錯 3.0

這天用餐大概是中午一點左右，雖然人算蠻多的，但由於店面大、桌數多，所以基本上不太需要等；不過在這有個缺憾，就是太餓了，完全忘記拍店面、環境和價目表…(淚)

虱目魚臊飯 $30

這可不是一般的 滷肉飯 或 肉燥飯 喔！是很特別的虱目魚臊飯，這魚臊比較重鹹一點，不算是偏甜的台南料理，但我覺得還蠻特別蠻好吃的，喜歡鹹香味多一點的人不仿企跨麥。

虱目魚肚粥 $100 + 油條 $10

由於小凱蘿是虱目魚肚愛好者，加上上次的台南行沒好好吃到虱目魚肚，所以這次我特地找了台南有名的鹹粥 - 虱目魚肚粥來滿足咱們的口腹之慾！
　　

由於我的阿嬤是台南人，所以小時候還蠻常吃鹹粥的，但並不覺得有什麼特別的，也沒有特別喜歡虱目魚肚，直到在桃園、台北久居後，才發現，原來不是所有虱目魚肚都是無刺的，也並不是所有虱目魚肚都是好吃的…XDD
就是它了！
我算是長大後才喜歡吃虱目魚肚，而且就是這個味道才好吃，就口感來說，魚肚滑嫩化口，魚肉也緊實鮮甜，真的讚讚，所以我給這小肚皮兒的評價還不錯喔！

小凱蘿吃了一口粥後，滿臉疑惑的問我「為什麼這個是粥？」
「這就是粥阿！不然是什麼？」我回
「粥不是應該稠稠的，像是廣東粥那樣」小凱蘿又側頭表示疑惑
「對耶！但我從小就說這是粥，但也說稠稠的那是粥… ㄜ…」我自己疑惑，ㄎㄎ
好啦，不管！我想說的是，有些人並不喜歡這種湯飯類型的粥，但有的人從小就吃習慣這樣的粥；對於鹹粥本身，我好像就是抱持著 呷懷念 的心態，所以並沒有覺得特別好吃。

當然，台南鹹粥除了 虱目魚肚 外，不免俗要來點蚵仔才夠滿意，阿憨的蚵仔很新鮮，一碗粥大概有四到五顆，但不算大顆，不過至少沒灌水增肥。

後記 & 心得

這次來阿憨鹹粥最可惜的是沒吃到魚腸，沒想到才大中午的就銷光了… 真是殘念。
綜合評比下給了阿憨 3 顆，主要是因為 出餐快、魚肚好吃 和 幾乎免排隊，但粥本身的並不會讓人覺得驚豔，算是個 呷粗飽 的好地方！

店家資訊

營業時間：06:20 - 22:00(無公休)
電話：06-221-8699
地址：台南市北區公園南路169號

[生活] - 知道你們的事之後

2016-10-17T09:47:44.000Z

　　在這裡和你一起變老，是我ㄧ生中最快樂的事。
　　　　　　　　　　　　　　　　－安妮朵拉《永無島》

《永無島》是我很喜歡的一首歌和ㄧ支 MV，
由於劇本和演員的演技關係，讓我覺得這是ㄧ支很值得記住和分享的 MV：

「你應該知道我們的事了吧？」
接著，你用客觀的說法，告訴我是誰提了分手，是誰為誰好，是誰自私…
我知道你是很難受的，也知道除了這些你告訴我的事之外，你並不想多聊，而我也就沒多問了。

曾經，在你口中的她，很獨立、很有個性、卻也很懂事，是一個能配合你大男人個性的好女孩；
也記得你告訴過我你們的故事，因為問心無愧，所以一起勇敢的往前。

你們的相處，一直以來都讓我覺得羨慕，
彼此給彼此足夠的空間，也適時地參與互相的活動，
更難得的是除了朋友外，跟對方的家人也處得融洽！

但，在我們沒什麼聯繫的這一年裡，很多關於你們的事漸漸變得陌生了；
那天，你問我 「你應該知道我們的事了吧？」，我很驚訝，也很難過，
那些 契合的難得，好像突然都不重要了。

關於分手，很難，
每個人對同一件事本就抱持著不同的感受跟看法，
如果能一直保持初衷，或許就不會這麼複雜了。

我們常常被對方的優點吸引，彼此接近，然後漸漸了解對方；
接著，對彼此產生期待感，當對方滿足不了這份期待時，我們選擇溝通體諒或試圖改變對方。
在時間與問題的堆疊下，當初的優點，將會慢慢被遺忘，被視為理所當然；
也許，對方為你改變了不少，但仍不符合你的期待時，就會選擇放棄。

「我們都曾經青澀、憧憬、追求並勇敢熱戀，」
「在彼此生命中，佔有很長的ㄧ段時光，」
「如果你說是浪費，請記得翻閱美好的那ㄧ面。」

我喜歡在自己的世界咬文嚼字，也把它送給你們。

[JavaScript] JSON stringify and parse

2016-09-30T03:01:06.000Z

# 目的

　　紀錄一下最近常用的 JSON 和 method。

# 前言

　　JSON 是一個蠻常用到的 純文字 格式表示法；本篇就來筆記一下 JSON 與 JS 中兩個好用的方法(stringify() 和 parse())。

# 筆記

JSON is？

JSON 就是 JavaScript Object Notation，JavaScript 物件表示法
JSON 為 純文字 格式
JSON 具自我描述性、易於人理解、閱讀和編寫，同時也易於機器解析和生成
JSON 較 XML (eXtensible Markup Language) 小、快且更易解析

JSON 格式

　　JSON 字串可以包含物件 (Object) 和陣列 (Array)

Tips: 物件與陣列可互相包含，如：{"array": [{"object": "object"}]}

物件 (Object)

物件以 { 開始，} 作結
物件中格式為 name: value，以 : 分隔
name 必須以 "" 括起來 (單引號或雙引號皆可)
若多個物件，則使用 , 分隔

{ 
  "name1": value1, 
  "name2": value2
}

陣列 (Array)

物件以 [ 開始，] 作結
若多個物件，則使用 , 分隔

[ 
  value1, 
  value2
]

物件 (Object) + 陣列 (Array) 範例

{ 
  "name": "OAwan", 
  "sex" : "Male",
  "age" : 27,
  "married" : false,
  "skills"  : [
    "RubyOnRails",
    "JavaScript",
    "Scss"
  ]
}

JavaScript 處理 JSON

將物件序列化成 JSON 字串 - stringify()

　　可以使用 JSON.stringify(obj, fn, indent) 將物件序列化

obj　欲作序列化的物件
fn　為 function 時，物件中將被序列化的屬性都會經過此 function 轉換和處理；若是 Array 時，表示指定特定屬性
indent　此參數控制序列化後字串的縮排(最多 10 個空格)

// 宣告一個 user object
let user = {
  "name": "OAwan", 
  "sex" : "Male",
  "age" : 27,
  "married" : false,
  "skills"  : [
    "RubyOnRails",
    "JavaScript",
    "Scss"
  ]
}

// 第二個參數為 function 時，將處理 married 屬性
console.log(
  JSON.stringify(user, (key, value) => {
     if (key === 'married') 
       return (value === true ? '已婚' : '未婚');
  }, 2);
);
/* 輸出：
{
  "name":"OAwan",
  "sex":"Male",
  "age":"27",
  "married":"未婚",
  "skills":[
    "RubyOnRails",
    "JavaScript",
    "Scss"
  ]
}
*/

// 第二個參數為 Array 時，指定將被序列化的屬性
console.log(
  JSON.stringify(user, ["name", "sex"], 2);
);
/* 輸出：
{
  "name":"OAwan",
  "sex":"Male"
}
*/

將 JSON 字串解析成 JavaScript 物件 - parse()

　　透過 JSON.parse(obj, fn) 方法將 JSON 字串解析成 JavaScript 物件，以便透過 JavaScript 操作。

obj　欲解析的 JSON 字串
fn　透過 function 處理後 return 屬性值，若 return undefined 則不包括此屬性

// 宣告一個 JSON 字串
let userJSON = `{
  "name":"OAwan",
  "sex":"Male",
  "age":"27",
  "married":"未婚",
  "skills":[
    "RubyOnRails",
    "JavaScript",
    "Scss"
  ]
}`;

// 透過 JSON.parse() 解析 JSON 字串
let user = JSON.parse(userJSON);
// 取得物件值
console.log(
  user.name + ', ' + user.skills[1]
);
/* 輸出：
OAwan, JavaScript
*/

// 設置第二個參數來處理解析
let user = JSON.parse(userJSON, (key, value) => {
    if (key === 'married')
      return (value === '已婚' ? true : false);
});
// 取得物件值
console.log(
  user
);
/* 輸出：
Object {name: "OAwan", sex: "Male", age: 27, married: false, skills: ["RubyOnRails", "JavaScript", "Scss"]}
*/

　
That’s it, DONE!

【參考資料】

JSON 教學、格式：http://www.smalljacky.com/programming-language/javascript-programming-language/json-teaching-format/

[生活] 關於最近在忙的事 - [Oi]

2016-09-29T02:46:01.000Z

　　嗯～已經富奸了幾個多月，拖欠了一拖拉庫想寫的 Blog 文章還沒打，在趕稿前，就先來說說這個月究竟都在忙些什麼，也順便紀錄當個里程碑！

# 關於想寫的文章

　　其實從七月開始，就已經積欠了幾篇想寫的 Blog 文章，包含七月小凱蘿生日的台東遊、各地的美食食記、每月看電影 的心得整理和一些技術相關的心得文章等。太多想寫的東西，但也太懶太拖了，嗯 … 繼續加油吧！

# 最近在忙的事

投影片 Framework

　　上個月在臉書的 Front-End Developers Taiwan 看到幾位大大推薦幾個有趣的 投影片 framework，最吸引我的就是 reveal.js 和 impress.js！尤其是後者，很容易上手，也很讓人驚嘆，雖然後來我才發現開發者的靈感是來自頗負盛名的 Prezi，但對於能以這樣的方式呈現投影片，只能說真的 太　酷　惹！

台灣製造！？

　　在玩過 impress.js 後，很想立刻推薦給朋友；不過，對於要製作一個好玩好看 impress.js 投影片，除了要有良好的 呈現設計 外，還要略懂 HTML 和 CSS (嚴格來說…啦)；如果因為這樣就錯過這麼棒的東西實在太可惜了！

　　雖然 impress.js 的 wiki 有一些製作工具，BUT！基於 超想分享，加上正在學習 React，再再加上總想來點 台灣製造 的情懷，於是就熱血地展開這個月的開發之路 XDD

　　動機已經提過了，現在來聊聊目的，其實很簡單，就是讓想製作 impress.js 投影片的人，能有一個 WYSIWYG (所見即所得) 的編輯器，在不用撰寫任何程式碼 (這裡指的是 HTML、CSS 和 JS) 的情況下，作出作品來炫耀分享給朋友看！

# 練習 & 開發

Start with…

　　這個作品主要是以 React 搭配 Redux 開發製作 impress.js 的編輯器。
　　我的 開發環境 是用 Cloud9，這是近來習慣使用的 Online Editor，原因無它，就是方便和 好 DEMO。
　　
　　而開始的樣板是使用 Dan 的 react-hot-boilerplate，為的是它提供的 Webpack、webpack-dev-server、react-hot-loader 等，使用這個樣板省了不少建置開發環境的時間；不過，就在開發到一半時，Dan 在 README 中寫了 This Is Experimental and Incomplete! … 尷尬 XDD

練習項目

　　除了邊學邊寫 React 和 Redux 外，在開發過程中也幾乎使用 ES6 (ES2015) 和 SCSS (SASS) 作撰寫，讓自己更熟悉它們。
　　因需求所致，我也選了幾個 framework 和 library 來學習和使用：　　

整體框架　　：　react-bootstrap
HTML 編輯器：　react-tinymce
教學導覽　　：　react-joyride
部分動畫呈現：　Animate.css

正在改善

　　在大致的功能上已經完成，但於 各家瀏覽器 和 螢幕尺寸 的支援度上還有很大的問題；而目前在 Mobile 和 Pad 上的體驗不佳，所以基本上目前是不支援的，所以還有很多的問題需要思考和改善！

# 這就是 [ Oi ]

　　為什麼叫作 [ Oi ] 呢？
　　是因為在看到 impress.js 當下真的讓我很興奮，我也希望這個編輯器，能讓人感到興奮，而且很 印象深刻！
　　所以，[ Oi ] 就是希望能讓人感到 Oh! impressive!，哈。

後記

　　以上，就是為什麼會累積這麼多文章沒寫，歡迎捧捧場，可以的話麻煩給些鼓勵和建議唷！ - [ Oi ]。
　　也非常感謝給我的大大們，希望這個作品能讓更多人知道，也希望能有更多人能一起開發！
　　
That’s it, DONE!

[高雄前鎮] 蠔蠔先生 - 氣氛超好的生蠔海景約會地

2016-08-13T15:20:05.000Z

　　今年的父親節大餐想來點不一樣的，有別於以往的飲茶、西餐廳 等，今年我們一起到新的幽會地點約會囉！

蠔蠔先生 Mr. Oyster

白酒奶油蛤蜊淡菜 $320

　　當晚的訂位客人很多，但上菜速度卻蠻快的，讓人蠻意外的！我們第一道上的菜是白酒奶油蛤蜊淡菜，旁邊的 佛卡夏麵包 可以沾著底下的 奶油湯 吃，奶香味很足，又不會太鹹。

　　一開始就先來個淡菜打頭陣，肉質很Ｑ彈，和蛤蜊味道都很原汁原味的鮮甜！

每日精選湯品 $120

　　每日精選湯品顧名思義每天都不一定一樣喔！再點之前可以先向服務生詢問。

煙燻三文魚沙拉 $260

　　沙拉的部分大家一致覺得很棒！而且再擺盤上還把 三文魚(鮭魚) 捏成玫瑰花的形狀。其實除了煙燻三文魚沙拉我們也點了水牛城雞肉凱薩沙拉，大家鯨吞的速度實在太快了，所以來不及拍起來 T__T

焗烤乳酪松露醬薯條佐蘑菇 $260

　　薯條這個東西真的各有所好，像ＯＡ爸和妹妹覺得薯條就是要有點脆才好吃，而我和老哥就覺得焗烤加薯條好好吃～

酥炸新鮮魷魚 $220

　　跟其他菜色相較之下，對這道料理的記憶相對薄弱了些。

酪悅香檳 Moet & Chandon $2200

　　在上重頭戲前，服務生先幫我們倒上了香檳，今天我們開的是酪悅香檳 Moet & Chandon。

　　專屬的香檳杯美美搭，在這個日子開香檳慶祝加上海鮮真的好幸福阿！

綜合海鮮拼盤 $980 & 吉拉多生蠔 $280 x 8

　　搭拉～這就是今天的重頭戲！綜合海鮮拼盤的部分是淡菜、白蝦、魷魚圈 和兩顆法國吉拉多生蠔！食材都很新鮮，單吃很鮮甜，或是在食用時可以搭配辣醬、酸醋醬 或 雞尾酒醬。而點餐時ＯＡ爸霸氣地加點了八顆吉拉多生蠔，因為傷的是老哥的荷包XDD

　　吉拉多生蠔真的好好吃！我和ＯＡ爸都吞了兩顆，一顆我只滴幾滴檸檬汁，另一顆加一點 雞尾酒醬，雖然醬很好吃(超推薦沾白蝦吃！)，但我還是覺得生蠔加幾滴檸檬汁吃最鮮甜！！Mr. Oyster 蠔蠔先生的生蠔都是以顆計價，雖然價格不菲，但吃了一顆從法國來的 吉拉多 後真的覺得很值得！

生煎干貝 $380

　　生煎干貝其實是 北海道干貝 搭配 白花椰菜泥，一份是兩顆。這道很好吃！甘甜鮮嫩又不會被醬汁搶走味道。

松露蘑菇義大利麵 $320

　　接著是我們點的三道主菜，第一道上的是松露蘑菇義大利麵，扁麵吃起來很入味，和濃稠的醬汁沒有距離感。

煙花女義大利麵 $320

　　第二道上的是煙花女義大利麵，這道名字很特別也很陌生，所以好奇地立刻谷哥一下，原來是指 煙花女醬 的義大利麵，而 煙花女醬 是由義大利普遍的三種食材熬煮出來的紅醬，而三種食材就是菜單上所說的鯷魚、黑橄欖 和酸豆；相較起來我個人偏好松露蘑菇義大利麵一點。

嫩煎豪野鴨胸 $680

　　最後上的主菜是嫩煎豪野鴨胸，這吃起來很特別！鴨胸很厚實，原本還擔心會柴柴的，但油脂很夠又不會太油膩，而且吃起來肉質很細膩、很多汁；最開心的是挑嘴的ＯＡ爸除了很喜歡吉拉多生蠔，對道鴨胸也表示厲害！

哈根達斯冰淇淋 $100

　　其實冰淇淋蠻沒必要點的，除了價格上沒比較便宜外，外面也買得到，我比較好奇菜單上另一道甜點主廚精緻甜點會是什麼，但 … 在一陣混亂之中，就點了 巧酥口味 的哈根達斯，還是好吃，哈！

　　偶然之下拍到另一對父子(也就是我老哥和他兒子)有趣又溫暖的一幕，謝謝這個頑皮蛋侄子，讓老哥能成為越來越成熟的父親 =D

後記 & 心得

　　因為知道ＯＡ爸喜歡有氣氛的餐廳，所以今年找到了 Mr. Oyster 蠔蠔先生，我也真的蠻喜歡這邊的！不過很可惜太晚訂位，沒訂到能看夕陽的時間。這裡的食材都非常新鮮，出菜速度和服務也很讓人滿意，but 建議怕熱的人可以在秋天或春天的時候再選擇戶外座位用餐XDD

店家資訊

營業時間：18:00 - 01:00(全無公休!)
電話：0981-613688
地址：高雄市前鎮區成功二路39-1號

[台北松山] 漁聞樂 - 名字很逗趣的無菜單日式料理

2016-07-09T06:16:56.000Z

　　這個月 (六月) 是小凱蘿爸爸媽媽的結婚紀念日 (實際到店是6/26唷！)，有鑑於兩老直接點名想吃 日式料理，於是小凱蘿找到了這家名字很逗趣，網友們又大推 CP 值很高的漁聞樂來享受享受！

漁聞樂

後記 & 心得

　　店家選用的食材真的很新鮮，服務和精緻的擺盤都是看得到的用心！不過我和小凱蘿飯後還是有些失望，回家後一直翻找網友們的食記；討論了一下後，認為失望可能來自 過多的期待，我們都知道這個時節吃不到螃蟹，所以一開始就沒想過會有蟹可吃，轉而太期待精緻的蘋果沙拉和鮭魚卵，而對 生魚片 和 握壽司 的份量上，以一套 $ 1200 的套餐來說也覺得稍嫌偏少。畢竟是 無菜單料理，撇開過多的期待，還是覺得漁聞樂的餐點都很好吃很推薦喔

店家資訊

營業時間：週一公休、周二至周日上午11:30-14:30、晚上18:00-22:00
粉絲團：漁聞樂
電話：02-2579-2760
地址：台北市松山區八德路三段12巷52弄6號

[台北大安] Mamak檔 - 平價必吃的正宗星馬料理！

2016-06-19T02:55:33.000Z

　　自從試過 Costco ~~(我都念 Costco，但是我朋友都念 Costco，聽說正解是 Costco)~~ 的叻沙鍋後，就開始喜歡嘗試一些新加坡或大馬料理；有次意外在 忠孝敦化 發現這家超道地的星馬料理餐廳，而這次是二訪囉！

Mamak檔

印度拉茶 $70

　　在沒有說好的情況下，我們三個都點了冰的印度拉茶，個人覺得他們家的拉茶很濃郁很好喝，而且有時大馬主廚還會出來作拉茶表演！其實拉茶的原價是 $80，但點餐 + 70 元就可以 印度拉茶、白咖啡 或 手作薏仁水 三選一。

香酥塔餅 $80

　　這就是人氣王香酥塔餅，端來時就像是一作白色巨塔，超吸睛的！在 Mamak檔 的餐點都可以作外帶，但唯獨這人氣王是僅限內用；塔皮酥酥脆脆的，內層塗有薄薄的蜂蜜，所以本身吃起來就有點微甜，不沾醬單吃也是很好吃喔！

　　塔餅隨盤附上三種醬料，參巴辣醬、咖哩和煉乳，喜歡吃辣就吃辣，吃鹹就吃鹹，吃甜也 OK，從鹹點到甜點，一道料理一次滿足XDD

囊爐烤餅 + 咖哩牛肉 $160

　　Mamak檔 有許多印度料理，而這道囊爐烤餅+咖哩牛肉在一訪時就超吸引我！餅皮很特別的是外圍較厚，吃起來ＱＱ的像麵包，而中間較薄，吃起來脆脆的，口感很豐富。

　　沾醬的部分附上兩種，分別是 椰奶咖哩 和 咖哩牛肉，我個人比較喜歡 咖哩牛肉，雖然比較重鹹，但配上餅吃就是爽！

海南雞飯 $150

　　這是我滿心期待的海南雞飯，米飯是用較細長的米，吃起來稍微偏硬，而上面淋了醬汁，讓飯本身吃起來有鹹味也不單調；大雞腿皮Ｑ肉嫩，不過本身沒什麼味道，算是靠淋上的醬來調味；可能是過度期待或個人喜好的關係，這道 海南雞飯 稍嫌平凡了點。

咖哩叻沙 $150

　　這道咖哩叻沙是小凱蘿的最愛，每次來都必點一碗，這次其實也算是為它而來。雖然是咖哩叻沙，但沒有過重的咖哩味，而辣的程度就算是怕辣的人也能接受的唷！一點點酸一點點辣，搭配蝦子融進湯裡的味道，真的很適合夏天、秋天、冬天和春天 XDD 最感人的是，一碗叻沙裡就有米粉和 細黃麵 兩種麵，真是雙重享受，最適合我們這種小腹婆，小腹翁惹！

　　Mamak檔 還把 檳城喬治城老街 的一些壁畫搬到台北了！
　　

　　除了店內的爬牆小孩，店外還有一幅姊弟共騎喔！Mamak檔 真是為台北的這個街口，添上濃濃的檳城色彩

店家資訊

營業時間：11:00 - 22:00
電話：02-2731-6086
地址：台北市大安區敦化南路一段187巷72號

[基隆] 鮮果汁大王、陳記泡泡冰、營養三明治 - 基隆廟口的小點心

2016-06-12T06:54:11.000Z

　　今天來廟口，嘗試了有名的營養三明治和每次來都一定要吃的陳記泡泡冰，每次吃到泡泡冰都覺得很幸福！

鮮果汁大王

划算 2.5

　　一到廟口，小凱蘿就指著鮮果汁大王說「這就是 Hebe 和 周杰倫 拍 MV 談戀愛的果汁店」，都這麼說了就先來一杯綜合果汁解解渴，不過到底是什麼 MV 當下真的想不起來 XDD

　　醬醬~ 這就是帶我到處吃基隆的小凱蘿，她點的是 柳橙汁，這家果汁都是老闆現榨或現作的，而不是榨好後放冰箱賣一整天喔！我點的是 綜合果汁，不過因為當時下點小雨，又加上很熱，就完全忘了拍它…， 40 元 在北部能買到現榨果汁，我覺得還蠻便宜的，不過 綜合果汁 喝起來就普普通通，算是養生的感覺 XDD

天盛鋪營養三明治

尚可 2.0

　　現在各大夜市都會有類似的攤位，不過這可是正宗的天盛鋪營養三明治老攤；雖然小凱蘿說「這很有名，但我不太推薦」，但它真得頗富盛名，感覺沒吃過就沒來過廟口，所以我們還是排隊買了一個來嚐鮮！
　　

　　這家店真得很有名，才下午三四點，隊伍就已經排的長長的，三明治麵包 很特別，炸起來黃金酥脆的樣子，真的光看就讓人流口水。

　　營養三明治的內餡是 火腿、滷蛋、小黃瓜、番茄 和濃濃的 美乃滋，搭配酥酥脆脆的麵包，還挺搭的！不過那天吃的麵包可能炸的過頭了，咬起來雖然酥脆，但真的也蠻硬的 ~~咬到牙齦都疼了~~；不過這會有名也不無道理，吃個促咪 還不賴！

陳記泡泡冰

大推薦 4.5

　　第一次在基隆吃到 泡泡冰 就愛上了，不過第一次吃的究竟是陳記還是沈記已經不記得了，哈哈哈，下次有機會再來比較看看；而這幾次來基隆我都是吃陳記泡泡冰，偷偷告訴你，如果人很多又想來杯泡泡冰，記得點 花生口味！小凱蘿說在地的都知道，花生口味既好吃，又 不用等，嘿嘿！
　　

　　花生口味的泡泡冰，味道很濃郁，也甜得恰到好處，加上泡泡冰本身綿綿密密，真的超好吃的

到底是什麼 MV 呢？

　　哈哈哈，後來實在太好奇了，直接估狗 Hebe 周杰倫 mv，阿～原來是《退後》～
　　

　　逛完基隆廟口夜市，在看 MV 感覺很有趣，好像一起喝了果汁、吃了營養三明治一樣呢 XDDD

店家資訊

鮮果汁大王 (1 號攤)

營業時間：10:30 - 02:00
電話：02-2423-0079
地址：基隆市仁愛區仁三路 (1 號攤)

天盛鋪營養三明治 (58 號攤)

營業時間：10:30 - 02:00
電話：02-2423-0079
地址：基隆市仁愛區仁三路 (58 號攤)

陳記泡泡冰 (41 號攤)

營業時間：10:00 - 00:00
電話：02-2428-6270
地址：基隆市仁愛區仁三路 (41 號攤)

[基隆] 十攤。螃蟹羹油飯 - 在地人大推的好味道

2016-06-12T06:39:13.000Z

　　基隆廟口夜市有別於其他夜市的地方，就在它沒有過多的 連鎖攤販，而且還可以吃到很多特色美食！螃蟹羹。油飯 就是一樣特別的好味道。

十攤。螃蟹羹油飯

大推薦 4.0

　　這家 螃蟹羹。油飯 是在地人都大推的好味道！不過我找來找去就是找不到店名…也可能他就是叫螃蟹羹。油飯吧XDD
　　

　　可能這時候肚子已經咕嚕咕嚕叫，看到老闆從木板上盛熱騰騰的油飯時，口水都快噴出來了。

　　雖然小凱蘿對於油飯沒特別推薦，不過看店名招牌當然還是得先油飯 + 螃蟹羹 各來了一碗！
　　

　　油飯本人在木板上時，賣相真的超好，雖然沒有被特別推薦，但我覺得還不錯吃，米粒夠黏又不會太黏，油飯還淋上一點甜辣醬，還算美賣！
　　

　　這碗 螃蟹羹 就真的厲害了！我本身對於羹湯類沒有特別的喜好，之前吃過網友大推的吳記螃蟹羹，覺得羹差不多就那味道，所以原本沒抱有太大期待，結果！不喝不知道，喝了嚇一跳！真的很好喝！羹湯本身不會太稠，而湯頭因為各種菇類變得格外鮮甜，蟹管肉也很肥嫩，整個大滿足！點一碗兩個人分真的不夠阿XDD
　　
　　這家螃蟹羹。油飯沒個好記的店名真的很吃虧，有些在地人或在基隆讀過書的朋友也都蠻推薦他們家的 螃蟹羹，只是一時也叫不出名字，如果下次到基隆廟口，可以來嚐一下基隆特有的 螃蟹羹。油飯，我推薦這家 – 十攤。螃蟹羹油飯！

店家資訊

營業時間：11:00 - 02:00
電話：02-2428-7664
地址：基隆市仁愛區仁三路 10 號攤

註：地圖標示的不正確，反正只要找到 10 號攤就對啦！

[基隆] 天一香肉羹順 - 基隆廟口必吃美食

2016-06-12T06:23:59.000Z

　　每次到基隆廟口，都有幾樣 就算很飽也想要吃上一口 的美食，沒錯，其中一項就是百年老店天一香肉羹順！喜歡吃滷肉飯嗎？如果你也跟我一樣是 滷飯客，到基隆別忘了來這扒上一碗喔！

天一香肉羹順大推薦

大推薦 4.0

　　從招牌上就可以看到斗大的菜單，最貴的肉羹湯也才 40 元，真是俗擱大碗，但其實每次我都是吃滷肉飯而已，肉羹湯的部分下次有機會再好好嚐嚐XDD
　　

　　這天大約是下午四五點到廟口，由於人潮開始多了，一進到店裡就可以看到姊姊們已經盛好熱騰騰的飯備戰！
　　

　　丟係這味！他們家的飯吃起來 飽滿偏黏，而滷肉汁屬於 半肥偏瘦，吃起來爽口不油膩，個人覺得這碗滷肉飯在我心裡可是排上前五名的唷！

　　這次除了滷肉飯外，還叫了筍絲和 油豆腐 來配，油豆腐個人覺得還好，~~算是家常口味~~，不過筍絲還蠻好吃的，看照片可能會覺得淋上的醬會很重鹹，但其實不會呢！提味的嘟嘟好

　　天一香肉羹順已經是 百年老字號，能傳承至今真的很厲害，東西好吃外，價格也很便宜，標準的物美價廉哪！喜歡滷肉飯的人，到基隆廟口千萬要記得來扒上一碗喔！

店家資訊

營業時間：10:30 - 02:00
電話：02-2428-3027
地址：基隆市仁愛區仁三路27-1號 (31 號攤)

[5月] 街口的電影院 - 月總覽

2016-05-31T15:52:17.000Z

　　5 部韓國電影，2 部好萊塢電影，2 部中國電影，1 部台灣電影，1 部印度電影，共 11 部，這個五月看了不少韓國電影呢！下面，就讓我們用 比較不雷 的方式，分享這個月看了哪些電影吧！

驚悚 / 懸疑
主要演員：金荷娜《樂園》、俞承浩《有你真好》
IMDb 6.8 │ 爛番茄暫無 │ OA

　　整部片營造的氛圍，如同盲眼的女主角一樣，就是「不安」！這部片充分讓人感受到那種背脊發涼的感覺。

　　除了不安氛圍營造得很好，還有演技超群的女主角 金荷娜 外，讓我感到驚喜的就是長大後還是演小屁孩的 俞承浩！來幫大家回味一下經典好片《有你真好》中可愛又欠揍的小屁孩。

　　但在盲證裡，他已經是帥帥的小鮮肉了！可能是只看過他這兩部作品，所以真心覺得他是演小屁孩界的翹楚 (蓋章) XDD

　　整體上這部片是不錯的，如果會害怕，推薦你選個風和日麗的下午茶時間欣賞，哈哈哈。

檢察官外傳 (A Violent Prosecutor) 2016

喜劇 / 犯罪
主要演員：姜棟元、黃正民
IMDb 5.9 │ 爛番茄暫無 │ OA

　　雖然劇情稍嫌平淡，但不得不說 黃正民 和 姜棟元 的演技生動的帶領整部電影，他們在這各自角色的設定上完整發揮了！

　　除了這兩位主角外，配角 李聖旻 也讓我很驚喜，就是《未生》中的吳相植次長，看他演戲真的很有趣。

　　這部片雖然只給了兩顆半的推薦，但還是很適合閒暇時，配個晚餐輕鬆一下的電影。

地獄奶奶 (Granny’s Got Talent) 2015

喜劇 / 家庭
主要演員：金秀美《奶奶強盜團》、李泰蘭《家有七公主》、鄭萬植
IMDb 暫無 │ 爛番茄暫無 │ OA

　　說實在我不太記得詳細的劇情發生了什麼事，可能是劇情安排過於老派，也可能是對於「韓國髒話」的理解不是那麼深，所以也比較難融入，而感情的部份也覺得沒到點上 …。不過，意外的在劇中看到應該穿著軍服的 羅雪七(李泰蘭) XDDD
　　總而言之，不太推薦。

我愛你 (I Love You) 2011 大推薦

家庭 / 愛情
主要演員：李順載《摘星星給我》、金秀美《奶奶強盜團》、宋在浩《相信愛情》、宋智孝《Running Man》、《霜花店》
IMDb 暫無 │ 爛番茄暫無 │ OA

　　沒有轟轟烈烈的激盪、也沒有過度煽情的話語，這個故事裡，只有 4 個老人，2 份深刻的感情，執手相老。
　　很開心在小凱蘿的極力推薦下看了這部作品，這部作品中有太多讓人掉眼淚的地方，請記得準備多點衛生紙 (擦)。

　　在銀髮族的愛情世界裡，很多事情都變得不那麼複雜，但其實愛情本身，何嘗不是如此呢？

　　除了深刻的描寫愛情外，家庭和友情也恰到好處的點亮整部作品。

　　當然這不單單只是讓人哭哭啼啼的電影，在人物與人物間的設定上，巧妙的加入一些詼諧當點綴，不多不少，剛剛好！

　　現在，換我極力推薦這部作品給大家，千萬別因為是老人家當男女主角就先拒於門外唷！

窒命地 (Colonia) 2015

劇情 / 愛情 / 驚悚 / 歷史
主要演員：艾瑪華森《哈利波特》、丹尼爾布爾《決戰終點線》
IMDb 7.2 │ 爛番茄 23% │ OA

　　有些朋友聽到電影名稱或看到電影海報，都會誤以為是一部鬼片，但其實這是一部真人真事改編的 驚悚片！對於場景和人物 (除了男女主角) 的還原度沒有 100% 也已經 99.9% 了，看到片尾的真實照片，整個汗毛豎到頭頂了都。

　　劇中最大的賣點之一就是造型多端的 艾瑪華森 和她精湛的演技，到底怎麼可以讓人這麼漂亮、這麼會唸書又把自己管理得這麼好(怒)。

　　這部片所描述的事件，背景是在 1973 年的智利政變，一個德式小農莊 (Colonia Dignidad) 背後所掩藏的駭人秘密，可參考 尊嚴殖民地：智利歷史上最黑暗的一頁。

　　其實還蠻推薦去看的，不過，可能是真人真事改編，看完心有餘悸了一兩天呢…！

北京遇上西雅圖 (Finding Mr. Right) 2013

愛情
主要演員：吳秀波《黎明之前》、湯唯《色，戒》
IMDb 6.4 │ 爛番茄 67% │ OA

　　我是在看完《不二情書》的隔天才立馬追了這部作品，雖然都是片名和演員都是一樣的，但故事內容 完全不同 且不馬虎！

　　這部作品很有趣，北京和西雅圖完全刻化在男女主角的身上，保守、傳統、固執卻紳士，遇上　拜金、膚淺、無賴卻正直，雖然算是蠻典型的浪漫故事，但劇本編寫得很流暢很舒服。

　　一開始除了對湯唯有點印象外，對吳秀波一點都不認識，但這兩部片後讓我覺得他根本就是亞洲小勞勃，帥屎了！

北京遇上西雅圖之不二情書 (Book of Love) 2016

愛情 / 劇情
主要演員：吳秀波《黎明之前》、湯唯《色，戒》
IMDb 6.9 │ 爛番茄暫無 │ OA

　　不得不說，這是我很喜歡的一部作品！雖然直直白白的把電影內容打在標題上，但卻能給出超值的感動！這次的故事背景就不再是北京和西雅圖，而是 澳門遇上舊金山 XDD

　　我想，或多或少許是為了宣傳澳門賭場和促進澳門觀光，在這部作品的場景中除了賭場外，吸引我的還有那些街道巷弄，雖然壅塞但卻很美；有發現劇照中的湯唯，又更美了嗎！(這是什麼巫術)

　　現代人的步調越來越快，通訊已是一兩秒的事，雖然方便，但，我們也因此失去等待、揣測和深層交流的感動。

　　很推薦撥一點時間欣賞這部作品，讓自己沉澱一下，慢下來，細嚼生活中的一言一語，為自己的浪漫找一個伴。
　　
　　有些人，遇見就好。

按讚情人 (Like for likes) 2016

喜劇 / 愛情
主要演員：姜河那《未生》、《二十》、金柱赫《請回答1988》、李絮《布拉芙夫人》、崔智友《天國的階梯》、李美妍《請回答 1988》、劉亞仁
IMDb 7.1 │ 爛番茄暫無 │ OA

　　劇情整體來說，故事得進行很流暢，但比較平淡簡單。

　　劇中 6 對男女的角色設定都很可愛，有一種說不出來的特質，可能就是單純的可愛吧！

　　這部小品還是很適合選一個週末悠閒的品嚐，很輕鬆很愉快，也帶給人情竇初開得幸福感！

我們全家不太熟 (We Are Family) 2015 請三思

喜劇 / 愛情 / 家庭
主要演員：張榕容《逆光飛翔》、《渺渺》、張書豪《女朋友，男朋友》、郝劭文《那些年，我們一起追的女孩》、陳松勇
IMDb 暫無 │ 爛番茄暫無 │ OA

　　在這部作品裡，我看到很會演戲的實力派演員 張榕容、陳松勇 和復出後演戲越來越自然的兒時最愛 郝劭文，但只能說好的演員儘管在努力，也不敵劇本和角色設定上的缺陷！或許是我滿心期待的挑了部台片來看，開頭的動畫也相當可愛，讓我把期待拉得太高了，所以才會如此失望吧(？) 雖然給了超低分，但也很高興至少台片的製作有越來越優質取向！

　　雖然不是很推薦看，但裡面有可愛的豆寶和 張榕容 唷！

刺激1995 (The Shawshank Redemption) 1994 必看

劇情 / 犯罪
主要演員：摩根費里曼《王牌天神》、Tim Robbins《神秘河流》
IMDb 9.3 │ 爛番茄 98% │ OA

　　因為很喜歡看電影，平時除了挖掘一些冷門片外，也會找經典必看的作品來看看，這次的經典好片真的不讓人失望！還沒看過的或正想看的人不要再猶豫了，必看！無論是演員的演技、劇情的編寫和節奏還是畫面的美感，都讓人感到舒服且記憶深刻。

　　「眨眼間，整個生活都被毀了。你一無所有，除了餘生的時間來思考。大多數新來的人第一晚都幾近發瘋，總有人會哭出來，每次都是。問題是，會是誰呢？」

　　「監獄裡的高牆實在是很有趣。剛入獄的時候，你痛恨周圍的高牆；慢慢地，你習慣了生活在其中；最終你會發現自己不得不依靠它而生存，這就是體制化。」

　　「生命可以歸結為一種簡單的選擇：要麼忙於生存，要麼趕著去死。」

　　“It takes a strong man to save himself，and a great man to save another.”
　　
　　整部作品的起承轉合都很完美，推薦推薦！！

對不起我愛你 (Sanam Teri Kasam) 2016 請三三三思

愛情
主要演員： Harshvardhan Rane、Mawra Hocane
IMDb 7.5 │ 爛番茄 98% │ OA

　　怎麼說呢…除了男主角 身材超好，女主角 長的美美der 外，無論是劇情、配樂還是演技方面，我真的有看沒有懂︶︵︶
　　就讓我們放上一張猛男照，結束這回合。

結語

　　終於打完了！透過撰寫點評心得的方式來回味這個月看的電影還蠻值得的，除了能夠品嚐更多的細節外，還能夠為自己留下點什麼！但是，真的好累RRRRR！

以上，所有電影海報版權皆屬於原發行公司所有。

[Git] 命令筆記本

2016-05-30T09:14:09.000Z

目的

　　快來翻翻你要的 Git Command 喔！

前言

　　一開始接觸 Git 是使用 GitHub Desktop，但隨著開發環境轉到 Linux 上後，就習慣用 Command-line 的方式操作了，這篇就來筆記一下常用的命令；說來也怪，有時後就是會突然想不起來，如果你也有這種腦容量有限的老症頭，歡迎隨時來翻翻XDD

筆記

Git 設定

設定名稱 & 電子郵件

1 2	git config --global user.name git config --global user.email

Git ui 顏色

1	git config --global color.ui true

命令設定別名

1	git config --global alias. <命令名稱>

例如：git config --global alias.st status
之後只要下 git st 就等於是 git status。

列出設定清單

1	git config --global --list

Git 基本功

建立數據庫 ( init )

git init

複製數據庫到本地端 ( clone )

git clone

顯示修改檔案清單 ( status )

1	git status

-s：僅顯示已修改檔案名稱
-s -b：顯示分支名稱

將檔案加入索引 ( add )

1	git add ...

可以使用 git add . 將當前目錄下的所有修改檔案加入索引

還原已修改檔案 ( checkout – )

1	git checkout --

提交檔案 ( commit )

1	git commit

-m ：訊息提交
--amend ：修改上一次 commit 內容

上傳(或更新)本地端分支

git push

合併(或更新)遠端至本地端分支

git pull

顯示提交紀錄 ( log )

git log

Git 分支 (Branch)

顯示分支清單

1	git branch

-r：顯示遠端分支
-a：顯示所有分支

建立分支

1	git branch <分支名稱>

修改分支名稱

1	git branch -m <舊分支名稱> <新分支名稱>

刪除分支

1	git branch -d <分支名稱>

切換分支 ( checkout )

1	git checkout

-b <分支名稱>：表示 建立並切換 至該分支

合併分支

1	git merge <分支名稱>

遠端操作

顯示遠端數據庫列表

1	git remote

添加遠端數據庫

1	git remote add <名稱>

取遠端分支建立本地端分支

1	git checkout <本地分支名稱> origin/<遠端分支名稱>

在遠端建立分支 / 上傳(或更新)內容至遠端分支

1	git push <分支名稱>

查看遠端數據庫分支的修改內容

1	git fetch <分支名稱>

可以透過 git fetch -p 來更新遠端分支資訊
例如在 GitHub 上操作玩一套 merge 流程後，已經在 GitHub 上刪除該分支
就可以利用這到命令更新本地端的遠端分支資訊

合併(或更新)遠端至本地端分支

1	git pull <分支名稱>

註：pull = fetch + merge。

刪除遠端分支

1	git push :<分支名稱>

修該遠端數據庫位址

1	git remote set-url <名稱> <新連結位址>

修改遠端數據庫名稱

1	git remote rename <舊名稱> <新名稱>

暫存 (Stash)

暫存現在的修改狀況

git stash

列出暫存清單

1	git stash list

取出上一次暫存

1	git stash apply

取出上一次暫存(該暫存會被移除)

1	git stash pop

可利用 stash@{id} 指定特定暫存

清空所有暫存

1	git stash clear

操作提交紀錄

修改上一次 commit

1	git commit --amend

放棄修改紀錄 (reset)

1	git reset HEAD^

--soft：取消上一次 commit，並保留修改紀錄
--hard：取消上一次 commit，並刪除修改紀錄

以上，是目前常用的命令，有什麼疑問都歡迎留言提問！

That’s it, DONE!

【參考資料】

GitHub Help：https://help.github.com/articles/set-up-git/#platform-linux
Basic Git commands：https://confluence.atlassian.com/bitbucketserver/basic-git-commands-776639767.html

[Hexo] 快速上手 Hexo 網誌框架

2016-05-27T03:42:50.000Z

目的

　　使用 Hexo 網誌框架，搭配 GitHub Page，快速架設屬於、管理自己的部落格！

開發版本與環境

1 2	NodeJS: v4.4.5 　　IDE: Cloud9

前言

　　我的攻城獅筆記一路從 Wordpress 到 Logdown，再到現在使用 Hexo 自架，一路走來很有趣，從對於網站相關一竅不通，到現在各方面略懂略懂，真的很開心！至於為什麼一直換呢？只能說是為了滿足自己的爽感，哈，不多說，現在就來筆記一下怎麼使用 Hexo 和 Github Page 自架部落格吧！

筆記

0. Cloud 9 起手式

　　只要在 create new workspace 時選擇 HTML 5 就完成了。

要選 Node.js 也可以，但它本身有預設一個 Chat Demo，所以為了乾淨，我選擇 HTML 5 起手

1. 開始 Hexo！

　　如果還沒安裝 Node.js，記得先裝 Node.js，使用 Cloud 9 開發的話，Node.js 已經有預設安裝了，所以直接安裝 Hexo 即可：

1	npm install hexo-cli -g

　　接著，我們用 hexo init 來初始化一個部落格工作環境：

1	hexo init blog

　　最後，我們切到 blog，並安裝環境依賴及需求：

1 2	cd blog npm install

　　現在可以先 run 一下 server 來看看網誌：

1	hexo s -p 8080

s (server)：啟動伺服器
-p (–port)：設定你要的port

2. 開始用 Hexo 寫網誌

　　其實整體流程很簡單：創建一篇新文章 (new) → 編輯文章 → 產生靜態檔 (generate) → 佈署到 GitHub (deploy)
　　
創建一篇新文章 (new)

1	hexo new [layout] your-article-title

　　這邊生出來的文章檔案會在 source/_drafts/、source/_posts/ 或 source/ 下，單看你選擇什麼 layout 的模板。

Hexo 有三種預設 layout: draft(草稿)、post(公開文章) 和page(頁面)，下指令時沒填 layout 預設是 post。
你也可以在 scaffolds 中編輯或添加你要的模板！

編輯文章
　　產生出來的文章會是 Markdown(.md) 的格式，這也是 Hexo 的一大特點！如果還不是太熟，可以順便看文件練習一下。　　

如何在文章中插入圖片？

　　我們可以先在 blog/source/ 下建立 img 資料夾，將你要使用的圖檔放在這資料夾中後，就可以在文章中引用：

1	![](/img/your-image.png)

　　
產生靜態檔 (generate)

1	hexo generate

　　生成的靜態檔案會在 /public/ 下。

p.s. 寫完網誌準備佈署前，Hexo 得先幫我們生成靜態檔 (因為你的部落格會是靜態網站)。

佈署到 GitHub (deploy)

1	hexo deploy

　　這邊佈署指令會依照 _config.yml 中所設定的 deploy 作佈署，由於我們要佈署到 GitHub Page，所以我們可以這樣設定：

blog/_config.yml

# Deployment
deploy:
  type: git
  repo: https://github.com/your-github-username/your-github-username.github.io.git
  branch: master

記得先在你的 GitHub 開一個名為 your-github-username.github.io.git 的 repo
當然 your-github-username 要換成你的帳號名稱。

　　其實為了方便起見，generate 和 deploy 兩道指令都提供了選項，讓你可以 產生靜態檔後就佈署 或 佈署前產生靜態檔：

1
2
3

hexo g -d  #=> 產生靜態檔後佈署
hexo d -g  #=> 佈署前產生靜態檔

　　使用 Hexo 搭配 GitHub Page 就是這麼簡單！　　　　

3. 更換佈景主題

　　Hexo 有很多好看的主題可以選擇，請先到 Hexo Theme 參觀並選擇你要的主題，然後就可以輕鬆的作更換囉！
　　更換主題流程很簡單：複製你要的主題 (git clone) → 編輯設定 (_config.yml)

複製你要的主題 (git clone)
　　以我為例，我選用得主題是 nexT：

1	git clone https://github.com/iissnan/hexo-theme-next.git ./themes/next

編輯設定 (_config.yml)

_config.yml

1	theme: next

　　就簡單兩個步驟，就有美美的主題可以用啦！然而，每個主題都有他自己的小世界，提供的功能也不一定都相同喔。　　

4. 增加其他功能

Google Analytics

　　在 /themes/_config.yml 中找到 google_analytics，將你的 ga ID 填上即可。

blog/themes/_config.yml

1 2	# Google Analytics google_analytics: your-ga-id

Disqus

　　在 /_config.yml 中找到 disqus_shortname，填上你的 ID 即可。

blog/_config.yml

1 2	# Disqus disqus_shortname: your-disqus-id

加入 sitemap

　　先安裝 hexo-generator-sitemap：

1	npm install hexo-generator-sitemap --save

　　接著在 _config.yml 中加入此設定即可：

blog/_config.yml

1 2	sitemap: path: sitemap.xml

後記

　　其實 Hexo 官方文件寫的都很仔細，也很易懂，如果有問題都可以看看或留言喔！　　

補充

　　由於每次要 run server 或 deploy 時，我為了乾凈都會重新 build 過一次，這樣就得下兩道三次指令，秉持著攻城獅一定要偷懶的理念，所以就只好把他們各自包成一道指令，請服用這包 懶人Makefile，把它放在你的 blog 下即可，順便說明一下：

run server (port 預設為 8080，可自行更改)
1
make server
Deploy (沒有自己的 Domain 請用此道)
1
make deploy_without_cname
Deploy (有 Domain 請用此道，自行更改 DOMAIN 為你的 domain 即可)
1
make deploy

That’s it, DONE!

【參考資料】

阿本仔網誌(環境篇)：http://webhacck.net/archives/245145.html
阿本仔網誌(佈署篇)：http://webhacck.net/archives/261059.html
Hexo 官方文件：https://hexo.io/zh-tw/docs/index.html
EricWang 網誌：https://wwssllabcd.github.io/blog/2014/12/22/how-to-install-hexo/

[資訊] 超好用換幣神器！教你怎麼換韓元最划算

2016-05-24T17:07:00.000Z

到韓國自由行，怎麼換韓元最划算呢？
讓我們一起用換幣 (Money Exchange) 來小賺一點交通費吧！

最划算的換幣方式是？

相信在前往韓國自由行前，最重要的事情除了訂機票、住宿和安排行程活動外，就是研究如何換幣了！
這邊不囉嗦，馬上告訴你一些划算的小心得：

先在台灣換美金，再拿美金到韓國換韓元(₩)
直接帶著台幣到韓國換韓元

謹記：千萬別在台灣直接換韓元！

那究竟哪種方式較好呢？

除了上面提到的兩種換錢方式：美金換韓元、台幣換韓元外，
其實也有些精打細算的朋友也會去計算日幣換韓元是否也划算？那究竟在匯率不停變動時，什麼樣的方式換韓元最好呢？
雖然很重要，但，為了換錢而點高經濟學技能 對於宅男門外漢來說實在太不容易了，其實就是懶 XDD

秉持著攻城獅的原則 「這麼累的事情只能累一次」！
於是，超好用的換錢神器就誕生啦！！！

換幣神器抵佳啦！

怎麼使用？

於 B2 中填入想換的台幣金額。
經過換算後，幫你標記為紅色的部分就是最划算的方式了！
快快樂樂地帶摳摳去賺交通費囉！

說明

在台灣銀行：此部分匯率會由台灣銀行牌告匯率作即時的更新。
在韓國銀行：此部分匯率會由韓國KEB銀行牌告匯率作即時的更新。
F4、F7、F8、F9：比較換得的韓元總額，要兌換的金額越大，差額就越驚人哪！
G4、G7、G8、G9：比較 1 元台幣能換得多少韓元。

關於換錢所「환전」

到韓國玩一定得了解到 換錢所 換錢這件事，
由上面的換錢神器我們可以清楚地知道，從台灣帶什麼幣去換韓元最划算，
所以，只要在出發前備好 待換的幣，前往當地換錢所貨比三家，就只是賺多賺少的問題啦~~~

通常換錢所都很集中，務必貨比三家一下喲！

想多了解 換幣知識 與 換錢所 的詳細資訊，可以參考 愛旅遊的貓奴-小梨！ 和 披著虎皮的貓 超用心的整理喔

That’s it！Done！

如果對文章或換幣神器有任何疑問、建議，都歡迎留言聊聊喔！

新樂街口的三角窗

[React] 用 nwb 快速開發 Components and Libraries

# 目的

# 前言

# 筆記

什麼是 nwb

nwb 的優點

使用 nwb 開發 React Components/Libraries

1. 在環境中加入 nwb

2. 使用 nwb new 創建 project

3. 認識專案架構

4. 認識指令

5. 使用 Sass/Scss

6. 上傳至 npm

# 後記

2017.06.17 大事記

[台南中西區] 鬍鬚忠牛肉湯 - 不可錯過的頂級牛肉湯！

鬍鬚忠牛肉湯

蒜頭牛肉 $150 (小 $150 | 大 $200)

頂級牛肉湯 $200 (小 $200 | 大 $300)

後記 & 心得

店家資訊

延伸閱讀

街口的美食地圖

街口的住宿體驗

[台南中西區] 阿江炒鱔魚 - 這才是正港的炒鱔魚意麵！

阿江炒鱔魚

乾炒鱔魚意麵 $120

後記 & 心得

店家資訊

延伸閱讀

街口的美食地圖

街口的住宿體驗

[台南仁德區] 阿裕牛肉涮涮鍋 - 饕客必吃！超越牛肉湯的大享受！

阿裕牛肉涮涮鍋

鍋底 $100 + 特優頂級鮮牛肉 $300 x 4

後記 & 心得

店家資訊

延伸閱讀

街口的美食地圖

街口的住宿體驗

[台南東區] 台南老爺行旅 - 高鐵三週年房型三級跳

台南老爺行旅

房間介紹

周邊介紹

後記 & 心得

飯店資訊

延伸閱讀

街口的美食地圖

[台南中西區] 富盛號碗粿 - 永樂市場的古早味美食

富盛號碗粿

碗粿 $30

後記 & 心得

店家資訊

延伸閱讀

街口的美食地圖

街口的住宿體驗

[台南北區] 阿憨鹹粥 - 免排隊的府城古早味

阿憨鹹粥

虱目魚臊飯 $30

虱目魚肚粥 $100 + 油條 $10

後記 & 心得

店家資訊

延伸閱讀

街口的美食地圖

街口的住宿體驗

[生活] - 知道你們的事之後

[JavaScript] JSON stringify and parse

# 目的

# 前言

# 筆記

JSON is？

JSON 格式

物件 (Object)

陣列 (Array)

物件 (Object) + 陣列 (Array) 範例

JavaScript 處理 JSON

將物件序列化成 JSON 字串 - stringify()

將 JSON 字串解析成 JavaScript 物件 - parse()

[生活] 關於最近在忙的事 - [Oi]

2. 使用 `nwb new` 創建 project

天一香肉羹順大推薦