2018/06/04

礁溪老爺得天露營車體驗



前陣子收到礁溪老爺的廣告單邀請卡,想說沒有帶小孩露過營,趁6/1開幕當天搶先體驗看看,趕緊打電話預約。

露營車有兩種床型,不同在於其中一邊是上下鋪或是平鋪。考量小孩年紀,原本應該要選平鋪,但晚了一步只能訂到上下鋪的車子。半夜很慘,老大從上鋪滾下來,還好事前做一些防範,問題不大。所以能選平鋪就不要考慮上下鋪。

我們下午大概兩點多到。目前露營車有20輛,第1輛房務使用,訂到的第二車離接待區最近,預約騎腳踏車和兒童電動車都很方便。除了車子免費租借外,白天也可以預約免費高爾夫球一次(打一場需40~50分鐘)。

左邊露營車外面放兩張椅子和一張木桌,晚上開車邊的燈喝著咖啡很有情調。右邊是用餐區,早晚餐會有專人送來。

另一側提供戶外沖水設備。不過戶外都是草皮,弄髒的機會不大就是。

露營車住宿不用到本館Check in,直接進高夫爾球停車場,原有的招待中心就可以登記入住和離房。服務人員會給本館設施使用券,以及活動時間表。建議下午三點報到,整理一下就可以參加三點半的DIY活動。

剛進車內建議先不用開冷氣,將窗戶打開讓空氣流通一小時,再視情況決定是否關窗開冷氣。門邊是小廚房,上面放煮咖啡器具、下方放吹風機。左邊上面小冰箱、下面衣櫃(浴毛巾也放裡面)。

露營車不提供礦泉水,廚房左邊的水龍頭是RO逆滲透,不過我還是會煮一遍再喝。

照片中的小梯椅有兩個功能,一個是當上鋪的梯子、另一個是當客廳的桌子。

下鋪是L型,照片中這一側比較窄,主要當沙發使用。

車窗可以拉紗窗和遮陽簾,照片中是兩個一起使用,中間用夾子固定。

坐椅對面就是電視,不知道是不是錯覺,畫質比在本館房間內差。不過在戶外活動,不太會去開電視就是!

車子另一邊是主臥,有兩個窗子,床也很舒適,不輸本館房間。

盥洗室不大,毛巾可以掛這裡面。

浴室更小,所以浴巾放外面櫃子裡,毛巾平常不掛在裡面。我是選擇晚上帶小朋友到本館泡溫泉,順便在那邊洗完澡再回來。

營火共炊區在高爾夫球場南邊,DIY活動都在這裡。

晚餐會有兩批服務人員,第一批是預備廚具,餐具和露營燈要房客自行從露營車內拿出來。(熊大燈是我們家自己帶的)
第二批是服務人員帶食物過來,先用鑄鐵鍋煎牛排和香腸給大家吃,再放一點蔬菜和高湯煮火鍋,後續就由房客自行料理。(一開始有點像都市小朋友去露營,老師幫忙煮東西的感覺...)

露營車旁邊的帳篷用餐區也有日光燈,晚上氣氛還滿不錯的!

早上服務人員一樣會用高爾夫球車載早餐盒來。

很清爽的早餐,矮罐裝玉米濃湯、高罐裝無糖紅茶。

如果下次再預訂礁溪老爺,應該還是會選露營車。本館蘭陽景觀房的夜景不像幾年前那麼好看,山景房幾乎沒有景觀可言。食物就更不用說了,岩波庭比不上火車站附近的年年小館,自助餐的菜色也馬馬虎虎。戶外溫泉我通常也只會使用一次,不如找幾個家庭一起租露營車,在外面吃簡單料理,感覺更舒適、開心。

床型盡量不要選上下鋪,原本就預期老大會從床上摔下來,所以把梯子搬走,在下面放了抱枕。忘了建議飯店加個木製欄桿,如果選到這床型又要考量安全的話,可以把上鋪的床墊放到電視機前面的地板睡。晚上睡覺建議關浴室和盥洗室的抽風機,雖然音量不大,但在野外的車內,還是會感覺到小小的震動。

插座裡外都滿多的,要充電或使用電器很方便。車門也都是密碼控制,安全性夠,由於不是使用房卡自動斷電,出門前記得關燈和冷氣。

飯店有提供防蚊液,比較建議視情況決定要不要噴。服務人員通常都會請房客先噴,但實際蚊子不多,頂多就吃晚餐時一、兩隻在飛而已,我們不噴也沒有多大影響。所以看季節和天候決定再說,畢竟這種東西噴在身上和衣服也不太好。

當初在預訂露營車時,知道一台車不便宜,飯店雖然說會視情況決定是否再添購新的車子,不過現在已經佔了近一半的場地,未來大概也是一房難求,如果有興趣的話,最好還是趁早預訂玩看看囉!

2018/04/02

漢堡選單



這是六角學院老師提供的範例。主要功能為PC頁面時顯示右上方選單,Mobile頁面時隱藏起來,直至點選menu才會在下面列出選單來。

詳細講解請訂閱六角學院的教材,以下只放畫面和原始碼:

PC版面:

Mobile版面:

HTML code:
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Document</title>
  <link rel="stylesheet" href="css/all.css">
  <script src="js/jquery-3.1.1.min.js"></script>
  <script src="js/all.js"></script>
  <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
</head>
<body>
  <div class="wrap">
    <div class="header">
      <div class="logo"></div>
      <ul class="menu">
          <li><a href="#">選單一</a></li>
          <li><a href="#">選單二</a></li>
          <li><a href="#">選單三</a></li>
          <li><a href="#">選單四</a></li>
          <li><a href="#">選單五</a></li>
          <li><a href="#" target="_blank">選單六</a></li>
          <li><a href="#">選單七</a></li>
      </ul>
      <a href="#" class="showmenu">menu</a>
    </div>
    <div class="content">
    <p>
      其際出後心術者,風高動;自觀民發富面大年了夜使開懷布,福大會士是全:軍傷子頭新:已起職別客晚方好沒感她是預學。能的陽話經是他麼行五河進計分學嗎都了王創想?片始現化主反過家你與;顯理所名角車下化當影城士有:展很進全色獨水久人,式著斷給,海希手林心立軍、運取早集在港家外隊平有青,們得打形心的了以城為不即小去型,力的道……因不上字失起要易國助可和個觀高的又春非雄只法年個字。有是只我上都道化體、旅黨小綠天洲領般,一任標綠來起,制試安一國……視對與喜名度說,你的不這修配輕!
      
    </p>
     <p>
一笑馬臺動,一越曾間持青排的爭為但道性。住出子。了這等呢組羅我;更記好。價了望要最,文上老類電來近雄好是電帶也生理不,產在各器解是西小不理再統老以的;預操和來愛月企什較大其來來下了,對師同,在成程舉我?
       
     </p>
     <p>
望樣斯溫園長,體是確所。在白管,快樹員義油方係係?操那中還一。期之加個然少去說身會草,跑比向女孩情業王多,向以不音人不個向,想加山轉時:師小級觀?發過這重同書,跟試場消麼裡外什所影在名就檢特藥去表談同電聞期不題之。
       
     </p> 
    </div>
  </div>
</body>
</html>

css code:
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
  display: block;
}
body {
  line-height: 1;
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
body{
  background: #0F222B;
  color: #69CA62;
}
a{
  color: #69CA62;
  text-decoration: none;
}
.wrap{
  max-width: 960px;
  margin: 0 auto;
}
.header{
  height: 80px;
  border-bottom: 1px solid #69CA62;
  position: relative;
}
.logo{
  float: left;
  width: 50px;
  height: 50px;
  background: #69CA62;
  border: 3px solid green;
}
.menu{
  float: right;
}
.menu li{
  float: left;
}
.menu li a{
  display: block;
  color: #69CA62;
  padding: 1em;
  text-decoration: none;
}
.content{
  padding: 1em;
  line-height: 1.8;
}
.content p{
  margin-bottom: 1em;
}
/*在PC上隱藏漢堡選單*/
.showmenu{
  display: none;
}
@media (max-width: 767px){
  .menu {
    /*隱藏選單開始*/
    max-height: 0px;
    overflow: hidden;
    /*隱藏選單結束*/
    transition: max-height 2.3s;
    margin-top: 1px;
    /*絕對定位疊在網頁上*/
    position: absolute;
    z-index: 100;
    /*header 80px+1px boder 線條*/
    top: 81px;
    left: 0;
    right: 0;
    background: #0F222B;
  }
  .menu li{
    float: none;
    border-bottom: 1px dashed #69CA62;
  }
  .menu li a{
    transition: all 0.3s;
  }
  .menu li a:hover{
    background: #69CA62;
    color: #fff;
  }
  .showmenu{
    display: block;
    float: right;
    margin: 1em;
  }
  /*jQ點擊後動態在 body 加上 class */
  .menu-show .menu{
    max-height: 500px
  }
}

js code:
$(document).ready(function() {
   $('.showmenu').on('click',  function(e){
      e.preventDefault();
      $('body').toggleClass('menu-show');
  });
});

2017/12/14

使用 nodejs 配合 WinRAR 壓縮指定的日期資料夾至遠端磁碟機



以下作法適用環境如下:

  1. 本地資料夾皆會每天產生日期(ex.20171214)的子目錄
  2. 該目錄需壓縮後,放到別台資料夾裡。(在此以存到NAS為例)

程式一開始開放使用者做設定,該台主機只要裝Winrar和nodejs即可,不需裝額外插件。

// ============================ 備份參數設定 =====================================
var NASFolder = "\\\\192.168.1.1\\log_data\\test"; // 存放的NAS資料夾
var CompressFilename = "Compresstest"; // 存放的NAS檔名(後面會自動補日期)
var SourceFolder = "D:\\test"; // 要備份的本地端資料夾(後面會自動補日期)
var afewdaysago = '1'; //要備份前幾天?(1代表前一天)
var bkextensionfile = ""; // 空值是全部檔案備份。若加副檔名則只會備份有填入的檔案類型, 例如要備dat和log檔案,需填入「dat,log」。
var rardf = "N"; // 「Y」壓縮後刪除原有資料,「N」空值壓縮後保留原有資料。
var addYearMonthFolder = "N"; // 「Y」自動在NAS資料夾加上年、月資料夾,壓縮檔會自行放入該年資料夾裡的月資料夾
// =============================================================================

var fs = require('fs') // 使用檔案系統
var exec = require('child_process').exec, child; // 執行外部執行的module
var MyDate = new Date(); // 抓取現在時間
var MyDateString;
var NASFolderStore;
var rarn = "";
var rarpath;

// 取得要壓縮的檔名(日期)
MyDate.setDate(MyDate.getDate() - afewdaysago); 
MyDateString = MyDate.getFullYear() + ('0' + (MyDate.getMonth() + 1)).slice(-2) + ('0' + MyDate.getDate()).slice(-2);  //此段程式讓日期補零 20140816

// 重新連線網路磁碟機
child = exec('net use ' + NASFolder + ' /delete /y', function (error, stdout, stderr) {
 exec('net use ' + NASFolder + ' "密碼" /user:帳號');
});

// 自動加年、月資料夾
if (addYearMonthFolder.toUpperCase() == "Y") {
 NASFolderStore = NASFolder + '\\' + MyDateString.slice(0,4) + '\\' + MyDateString.slice(4,6);
 child = exec('mkdir ' + NASFolderStore);
} else {
 NASFolderStore = NASFolder;
};

// 指定只要備份的副檔名
if (bkextensionfile != "") {
 bkextensionfile.split(",").forEach(function(item) {
  rarn = ("-n*." + item.trim() + " " +rarn);
 });
 console.log ("Backupfiile:",rarn);
};


// 判斷Winrar裝在Program Files (x86)與否
if (fs.existsSync("C:\\Program Files\\WinRAR\\rar.exe")) {
 rarpath = "C:\\Program Files\\WinRAR\\rar.exe";
} else if (fs.existsSync("C:\\Program Files (x86)\\WinRAR\\rar.exe")) {
 rarpath = "C:\\Program Files (x86)\\WinRAR\\rar.exe";
} else {
 console.log ("Please install WinRAR !!");
};

// 執行壓縮程式
console.log(SourceFolder + '\\' + MyDateString);
if (fs.existsSync(SourceFolder + '\\' + MyDateString)) {
 if (rardf.toUpperCase() == "Y") {
  rardf = "-df"
 } else {
  rardf =""
 };
 child = exec('"'+rarpath+'" a -ep1 '+ rardf +' -r '+ rarn +' -m5 -idq "'+CompressFilename+'_'+MyDateString+'.rar" "'+SourceFolder+'\\'+MyDateString+'" >nul', function (error, stdout, stderr) {
  // 將檔案搬到NAS
  exec('move /y ' + CompressFilename + '_'+ MyDateString +'.rar ' + NASFolderStore);
 });
};

2017/11/24

踢掉遠端主機上桌面連線帳號的簡易批次檔



這個算是一個很冷門的使用需求,主要是用來一鍵踢掉某台主機的全部遠端連線使用者。

將程式碼存成.bat,再執行這個檔案。輸入目標ip即可:

程式碼重點說明:

  1. if 是判斷是否有輸入值,沒有就直接中斷批次檔。
  2. net use 是先製造遠端權限,待清除完之後自動結束。
  3. for /l 裡的 in (0, 1, 10) 代表從0開始累加1,直到10為止。
  4. tsdiscon 是結束遠端桌面連線指令。

@echo.
@echo off
set /p ip="Please input Server IP: "
if "%ip%" NEQ "" GOTO :kickRD
GOTO :end
:kickRD
net use \\%ip% /user:帳號 "密碼"
for /l %%x in (0, 1, 10) do (
tsdiscon %%x /SERVER:%ip%
net use \\%ip% /delete 
)
:end

2017/11/14

Mac 設定永久靜態路由



一般在Mac指定路由,需在 Terminal 下「sudo route -n add -net 192.168.20.0/24 10.0.1.251」才能臨時連到192.168.20網段的主機,重開機設定就會消失。以下是永久設定的方式:

1. 一樣在 Terminal 輸入以下指令 (設定Ethernet網卡,透過10.0.1.251gw連到192.168.20.0和192.168.10.0網段為例)

networksetup -setadditionalroutes "Ethernet" 192.168.20.0 255.255.255.0 10.0.1.251 192.168.10.0 255.255.255.0 10.0.1.251

2. 檢查是否有設進去:

networksetup -getadditionalroutes Ethernet



註. 列出網路設備指令,再依需求設定進去: 「networksetup -listallnetworkservices」

2017/09/21

iTerm2 + Oh My Zsh + Solarized color scheme + Meslo powerline font + [Powerlevel9k]



不錯的 iTerm2 加畫面顯示設定,對於做git非常好用。
留存記錄: https://gist.github.com/kevin-smets/8568070
PS. 另一個Oh My Zsh的theme: https://github.com/caiogondim/bullet-train.zsh

2017/02/14

一年級下學期晨光活動 - 認識台灣縣市位置



今天帶小一下學期的晨光活動,發現過年期間爸媽帶著小朋友往南走北全省玩透透,孩子只知道當地的地名(例:墾丁)。覺得爸媽開車開很久,卻不知道那是台灣的哪個縣市。

活動進行中,有人從北部地區一直猜「高雄」,直到中部、東部都走完,每個都舉手回答高雄。甚至將連江縣看成「英國」,台灣變成一個小地球似的,去英國玩只要搭飛機50分鐘!

活動準備材料如下:
投影片: 範例請按此下載
獎勵品: 小包裝的餅乾,分幾種口味可以讓小孩自己選。

活動進行方式:

  1. 詢問大家過年去哪邊玩?(小朋友會回答地名,可以再加問那在哪個縣市?)
  2. 縣、市有多大?小朋友家裡的地址是怎麼寫的?為什麼要先「台北市」再接「文山區」?
  3. 打開投影片,詢問這個島嶼叫什麼?有人知道過年去台灣的那個位置嗎?
  4. 開始「猜」縣市名稱,舉手答對的小朋友可以來台前選自己喜歡的餅乾。
  5. 揭曉答案時,可以附加說明當地有什麼特產或特色。(例如我說基隆以前人口眾多的原因是旁邊有基隆港,港口可以和國際做交易,經濟也相對發達,馬上就有小朋友說那個地方是爸爸小時候的家,爸爸也曾經開船出海捕魚過。)
  6. 各縣市介紹完後,因為離元宵節後不久,可以猜我們居住地附近的地名。不過縣市介紹完就下課時間了,這部份可以依時間安排是否添加。
  7. 結束後可以請沒拿到獎勵的同學來台前選剩下的餅乾。

投影片畫面 - 認識台灣:
 投影片畫面 - 猜縣市,紅色是要請同學猜的:
 投影片畫面 - 地名的謎語:

2016/10/21

雀巢 Nespresso 膠囊咖啡機使用心得



使用雀巢膠囊咖啡機三個月了,來寫寫使用的心得。

主要心得有兩個:
  1. 除非心臟夠大顆,否則不要買Prodigio咖啡機。
  2. 全鋁膠囊雖然比Dolce Gusto還好回收,但雀巢給我感覺是不太推環保回收的活動。
我剛買的第一台機器是Prodigio,依說明書沖三杯清水時就發生故障,第三杯注水一半就閃起紅燈,連帶膠囊入口的蓋子也卡死打不開,重新開機才恢復正常。 (之前錄給客服的操作影片,3:00 處: https://youtu.be/Q2pTC0hWVbI?t=3m00s )

後來跟客服反覆的測試還是有一樣的問題,但咖啡機已經拆封使用,只能走維修流程。因為這件事,我才知道七天鑑賞期是不包含開封使用膠囊的。當初一開始沖水有問題打給客服後,就應該馬上寄回,結果我還跟客服說先放膠囊試看看,導致無法退貨。

客服隔天寄了一台備用機PIXIE,全程使用都沒有問題。寄回去的機器經客服測試也發生影片錄製的情況。他們與主管討論後,決議換一台新的Prodigio交換,結果新品試用後還是一樣問題。

經過反覆測試,我跟客服說這一台設計上可能有瑕疵,Prodigio的特色是會自動退膠囊,但一般注入清水時,機器可能會退不出膠囊而卡死,因為實際上膠囊並不存在!最後和客服達成協議,直接加錢換CITYZ。CITYZ的外型很好看,沒有其他機器那種塑膠感,放在公司茶水間還滿適合的。後來我們同仁還合購了一台同色同材質的奶泡機,很少喝拿鐵的我也變成習慣加牛奶了!

膠囊咖啡最為人垢病的就是環保問題,當初會選Nespresso的原因就是膠囊比Dolce Gusto好回收。所以我一直說服同仁使用完後要將膠囊放在回收袋裡,我甚至還從垃圾桶挖同仁丟的空膠囊回來過。但後續交到雀巢這一段卻讓我感覺環保這一塊只是官方的影片宣傳,實際上並不是這一回事。

熱心的同事第一次幫我拿去站前店的新光三越櫃點回收,店員說沒有原本的回收袋,問要不要拿回去清洗再使用,還是拿一般的密封袋?因為原有的袋子長滿了霉菌,我同事就選擇一般密封袋。第二次再拿去回收時,連普通的密封袋也沒了,直接跟我同事說用一般的袋子裝就行。

我是不知道專門賣咖啡機的店員有沒有聞過放半個月發霉咖啡渣的味道,但同事聽完之後的感覺是店員真的有在回收膠囊嗎?還是人一離開,他們就丟垃圾桶了?

我致電客服詢問,對方回答是櫃點的問題,因為公司規定連一般的密封袋也不能提供,統一在官網買7條可以送一個袋子。我問當時買16條也只有一個袋子,我要怎麼把160顆膠囊丟在同一個袋子裡?客服回覆說那先幫我補一個袋子在帳戶裡,日後可以在購買時順便領取。

我又說,當我拿膠囊回去回收時,代表我是你們忠誠且重視環保的客戶,但你們的回應卻讓我感受不到特地去一趟的價值。換個袋子有這麼困難嗎?別人是用完即丟,我們拿過來卻這樣被對待,公司的政策是否要調整呢?

之後客服還是回覆網站買膠囊就會送回收袋的官方回答,不太想反應我的建議。我真的覺得雀巢應該訂個回收率標準,不到該數值就有必要提出來檢討,因為這真的是名副其實的不環保。

* 官網是寫明可在精品店拿取,實際上我們在新光三越A11館也不能拿。

除了環保的問題外,使用上還方便的,有朋友來可以馬上沖一杯咖啡。而且咖啡是Espresso的,加牛奶非常適合。此外大概就沒什麼優點了吧...

2016/06/02

Passwordless scp file to Synology NAS



Synology 要先開啟ssh與home directory功能。

前往homes目錄

cd /var/services/homes

將該使用者的目錄權限設為755。(原本是777,底下以bkuser帳號為例)

chmod 755 bkuser

在帳號的home上新增.ssh目錄

mkdir ~/.ssh/

目錄權限設為700

chmod 700 ~/.ssh/

編輯 /etc/ssh/sshd_config 檔案,將參數改為下方數值

RSAAuthentication yes
PubkeyAuthentication yes
AuthorizedKeysFile  .ssh/authorized_keys

在來源主機產出key (詢問通通按enter)

ssh-keygen -t rsa

查詢是否產生成功

$ cd ~/.ssh
$ ll
total 12
-rw------- 1 user user 1679 Jun  2 15:02 id_rsa
-rw-r--r-- 1 user user  391 Jun  2 15:02 id_rsa.pub

接著將id_rsa.pub檔案scp到NAS

~/.ssh/id_rsa.pub bkuser@192.168.20.102:~/.ssh

在NAS裡,把id_rsa.pub內容加進authorized_keys中

cat id_rsa.pub >> authorized_keys

authorized_keys檔權限要設為644
chmod 644 authorized_keys

來源主機使用scp,會在.ssh目錄多一個known_hosts的檔案,之後就不會再詢問密碼了!

2014/11/04

網頁阻止IE相容性檢視語法



之前發現自己寫的 jQuery Mobile 網頁在 IE 上會異常。追半天才發現是網站被加入相容性檢視,強制以 IE6 的結果自然是無法呈現 jQuery Mobile 語法了。

解決的方法是在 <head> </head> 中加入這一行程式碼:

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />

意即使用 IE 來到此網頁時,需以實際的版本或 Chrome 檢視。

其餘相關語法,例如強制相容 IE6 ,請參考: 【HTML教學】X-UA-Compatible設置IE兼容模式