20170628-程式-透過GitHub呈現我的Demo網頁

(最終將程式碼放至Git Hub，且建立它的Demo Page)

Source Code：https://github.com/hougii/jqgridrwd

=====================================================

緣起：

真的要有那個「需求」，才會去找對應的「答案」。

今天，就想要把「二年前的精典之作：jqGrid 轉RWD」的code ，想辦法在網站上可以Demo。

一開始是試用jsFiddle，但……太麻煩了！

最後找到 GitHub 很簡單地可以支援此需求，就將相關的程式碼，整理後放上去，將Demo Page 弄好。 (這樣以後也可以用GitHub架站嘍~~)

=====================================================

過程：

這是要透過「jsFiddle」來呈現Grid RWD的範例程式，但…..失敗，而且設定要很多…..

載入所需要的Script / CSS， (此檔案都放在google ，又要再轉一層設定)

How To Host JavaScript

http://www.bloggerseolab.com/2017/02/host-images-javascript-and-css-on-google-drive.html

Generate 工具

http://www.hugestreet.info/p/direct-download-link-generator.html

總之，這步驟不是那麼好操作…..

==============================================================

再來就Keyword Search ：「git html site」

找到GitHub Page：https://pages.github.com/

它啟用之「超級簡單」！！

在原本的Git Repository 的Setting 下

啟用它就可以了！

再來，我就是將我相關的Grid  Code ，轉成 Html 可以運作的  ( cshtml => Html , less =>css….)

所以我的GitHub Code 就完成： https://github.com/hougii/jqgridrwd

而Demo網站呈現的結果，也是我要的。

https://hougii.github.io/jqgridrwd/GridRWD.html

jqGrid 的RWD樣式：

(THE END)

20170628-程式-將Json樹狀資料平鋪(Flat)的方式

功能：

假設一個RESULT下有5筆Detail，將它變成有5筆RESULT  (即Detail往上層移)

註：目前程式碼，是固定將”Detail”的第二層資料往上移。沒有說很動態的。

所寫的程式範例(線上c# Console程式 )(透過新得到的.NETFiddle網站工具) –(還在體驗是否好用)

本身還可以加入NuGet Package：

=========================================================

處理JSON資料， 難是難在 透過Newtonsoft.Json的原本物件處理：

透過它處理，就要先了解：

JObject

JArray

JProperty

JValue….

而這些型別，都是繼承 JToken    (我一開始還真是搞不清楚他們的關系)

http://bit.ly/2s0Q7os

============================================

開發的重點心得：

1. JToken.Children()，就是該Json的Items 項目。
2. 我都將JArray轉成Dictionary 僅取得它的 Key ,Value就好，而不會保留原JArray的架構資訊  (因為後來在Convert時無法順利處理)
3. 透過 Concat 將兩個Array 合併起來。

程式大概就是長這樣啦！

===================================

後續心得：

太久沒有碰 Json 原生物件，處理過程一直看之前自已Memo的範例程式，

最後，有了解「JToken」它的角色。就較看得懂程式了！

(THE END)

20170624-家庭旅行-全家至太魯閣飯店住一晚

=================================

這一次，自已反而沒有特別像之前一樣愛拍照，就很單純的讓自已放鬆兩天的生活。

現在，對「拍照」的動力，好像處於「低潮期」。

=================================

這一次之所以會安排到太魯閣，因為二月份公司外部開會，來過這兒一次。

我對這兒的「環境」「人情」覺得非常的棒！

因此，想帶著家人一同來這兒體驗一下 不一樣的「飯店」生活！

搭配哥哥的時間，暫訂於「6/24-6/25」這禮拜六、日。

而老天爺也很幫忙的，在這禮拜給了個好天氣 (上禮拜六日是 豪雨的新聞資訊)

星期一，訂完了從「宜蘭=>花蓮」的自強號~ 11點半出發。

而從花蓮站至 太魯閣飯店 ，有 台灣好行的客運可以搭。

簡易查好班資的資訊。

=================================

星五晚上，本以為是可以早下班，

但這「壓測」的項目，出乎我意料之外的難處理，遇到問題，花很多時間去解決。

且……..還看不太到未來！

在哥哥 來接我回家之前，我整理今天處理的事情給客戶。並思考著…….我下禮拜的「空閒時間」都要來弄這些事！

我的「口碑」不能搞砸呀~~~~

晚上，到南港展覽館搭哥哥的車回宜蘭，路上沒什麼塞車。 (我這次帶的東西超級少的~)

到家，也另外拿出「小米手環」給大家。

這也是我使用後，覺得不錯的東西，供家人使用，可以看時間、測睡眠、量步數

=================================

(再來就旅程幾個Key事件描述一下了)

=================================

星期六早上，

在搭火車之前，有另外兩個行程，都是 爸爸那邊的親友過世 - 一個是 堂兄的太太。一個是 嬸婆。

兩個相差一天，各離開人世間。

「音容宛在」

是爸爸堂兄他說到的一件事，讓我更覺覺得感傷….

他說，平常聽到這句話並沒有什麼感覺，而是在相處3~40年的另一半過世，

自已遇到時，對這句話，竟是感受那麼深！她的聲音、容貌……..都會被想起….

「嬸婆」

是我們小時候，都蠻照顧我們的人。活到86歲….

他兒子有提到，嬸婆有失憶的狀況，常忘了自已做了什麼..

講到….當我們自已到那麼大的時候，不也會這樣？所以，有時晚輩要多去理解這些事。

=========================

時間差不多，到火車站 搭上花蓮班次。

再接著搭「台灣好行」客運，到飯店。

這中間的插曲是，尋問 買票之事時，那一個介紹人用騙的方式讓我買「一日票」 (後來推測那位是司機)

我們直接到天祥，不需用一日票。

而他跟我說，一般客運要等到13:50，台灣好行的是13:10那班。而要搭就要買一日票 。(但他可以用悠遊卡)

我身上有兩張悠遊卡、哥自已一張，所以，我要再買一張「一日票」$250元。

後來搭上車，才了解，根本不用買「一日票」！ 一般打票就可以了！

(櫃台的另一位售票小姐，也都不會吭一聲！)

氣的是，那位司機為什麼「要用騙」的方式來銷售？  騙我這不知道資訊的人。

人應該保有最基本的誠信才是！

=========================

飯店，外表雖不華麗，但「內在」的一切都是很好的。

家人對這兒的 四人房，大片落地窗可以看到外面的峽谷，覺得好高檔！

在「五點半」吃飯前，我們先去 桌球室那 玩桌球。 (網球場因為下午後雷陣雨而沒有辦法打)

中式的晚餐，他的每一道菜色，若吃不夠，都可以再加點。

對於這件事，家人都覺得服務很不錯，可以再幫你做那些菜色。

六點半的古箏表演，好有情境，而這也是為何沒有男生學古箏的原因吧..

哥哥錄的影音資訊

太魯閣的舞蹈表演、那竹竿舞讓全場人留下深刻的印象。

頂樓的電影時間，我原本是想泡個水的，

但懶了，就直接在那看露天電影 (人好多)

「愛、時間、死亡」

這是 史密斯 的電影，寓意有些深，快看不懂了。

就這樣看到十二點多再下去睡覺。

=========================================

隔天，睡到八點，吃那健康的 西式早餐沙拉吧。

再來看文天祥的正氣歌區。

時間還有，就到 天祥寶塔 爬了一趟。

退房，

待到十一點半，去搭客運到「新城火車站」，12:50的區間特快車。

好冷的電車！

到羅東，我直接轉搭客運回台北，一路上，好累，一直睡。

=========================================

好累，這一趟行程蠻單純的，也是自已放鬆的機會。

但還是好累，對於我現在的生活、工作狀況，沒有「如魚得水」之感。這壓力 &自已時間安排的問題。

總覺得，事情好多好雜，

嗯，回來台北了。這一切再好好的面對。 「愛與玩」是目前我缺很大的。

心境上，沒有辦法「快樂」。

總之，自已想要的目標，就好好去做了！設計你的人生。「Try it」。

假日時間，就盡量別安排工作事，而是去騎騎單車，好好過人生才是。

(THE END)

20170622-讀書文-Design Your Life(2)-羅盤、工作觀、人生觀 (待補！)

先來「反省」一下自已的 “自律” 缺失了：

今天晚上，是有很完整的「晚上時間」，煮完吃飽後，約八點，(後來昏睡到了九點)

然後，沒有先去執行今日的計畫：「讀英文、讀書」這兩件事

一路拖到 十一點多，才開始來 <Design Your Life>。

總覺得，越想去做的事情，自已越不想讓自已去完成它！！怪怪的~~~自扯自的後腿！！

此chapter ，僅有幾十頁而已，Memo一下重點

• 不在於「思考」，而是在於「行動」「設計」、Try it！
• 「工作觀」 & 「人生觀」。
• 他就是你的「羅盤」！
• 人生的「一致性」，你 的價值 與你所做的事情 一致！
• 會有妥協 ~~~但，這是你思考後的 平衡。

思考「自已」的 工作觀 & 人生觀是什麼

• 你的工作價值觀是什麼？？花個時間寫下吧！ 人生觀也是！
• 讓兩者之間整合！得到一個「羅盤」。

=======================

真的 為何有時間時，不會好好做事呢？？

真的有很多要去「準備」的，但….時間卻這樣浪費掉！

如何讓自已「集中專心」真的是 key 呀! 加油！

為人生「準備」，才可以充容面對呀！！

像現在已是12點多了@@，我沒有時間好好思考寫下我的「工作觀」「人生觀」是什麼~~

寫這「讀書心得」為了什麼？

為了讓自已有在「動腦」呀。

=======================

(TODO：寫下自已的「工作觀」、「人生觀」)

20170620-讀書文-Design Your Life(1)

(20170618-因為看了一位Blogger介紹，就直接下訂買下這本書)

==================================

要多多思考人生的事情，而從「設計師」的角度，會如何去做？ Design Thinking ~ 重擬問題、打造生命藍圖。

所以，先優先讀這本書，讓自已可以擁有「讀完一本書」的能力 ^^。

之後，就記錄自已每次所讀的內容，搭配 方格筆記 ，把想記下的文字寫下。(皆以自已的日記文字)

(用Local 的編輯寫Blogger，應較快&直覺地記錄)

==================================

從「前言」讀起：

這是星期日讀的。(過了幾天就….)

第二頁Memo。

今天讀的：

=>作者之一：Deve的實例，從「生物」的興趣，到發現自已不合適於「生物」，2年期間，

在他高中畢業後，如何「自評」自已的興趣會在那兒？？ =>「多試試」，「好奇心」是找到解答的方式。

• 「無法”行動”的問題，不是問題」 ==「重力問題」。就接受它吧。
• 「接受現實，才有辦法重擬問題」

<HSGL儀表版>：健康、工作、遊戲、愛 的 「現狀分佈圖」

==>要先知道「自已在那」，才可以設計「該往那裡走？」

==>寫下自已「目前現狀」的狀態，

「工作、運動」是心思的主力。而現狀「不太懂得”玩”、不太懂得”如何去愛”」一種讓自已 孤獨 的狀態。

============================

今日，雖已是12點多，但，有讀書，讓自已充實些。花一個小時多的時間。 這樣，比看Youtube、新聞來得有意義些。

讓自已先將這一本讀完。每次讀，就每次記錄讀書心得。

加油！

(THE END)

20170616-工具-測試寫Blogger的桌面程式-Open Live Writer

測試它的Local 寫文章資訊。

它整個「Style」都跟 Online 的一樣，真神奇

(先測試上傳)

測試後，它的圖檔，第一次是模糊的。(我是直接在”Source”改 width ，但這樣會模糊)

直接加入 Local Picture後，直接縮放大小，則不會失針。

(再測一次 Publish - 上傳更新 )

=>測試成功！真的蠻好用的！以後就可以Local 寫好，然後再Publish 上去

(會有這想法，是若我外出旅行時，網路不可能常常有。所以這”需求”要找個方式，因此就找到此方法啦！)

===========================

這是 MS出的軟體：

「Open Live Writer」微軟專為部落格而生！離線編輯器(支援WordPress、Blogger、痞客邦)

https://www.minwt.com/website/wordpress/16335.html

Open Live Writer 微軟最好用離線編輯器開放原始碼！支援 WordPress、Blogger 等網誌平台

https://free.com.tw/open-live-writer/

===========================

再測試直接Copy 一個我Google 相簿的照片 (這圖直接點”複製圖片”，然後再手動調整成合適大小)

(再測試Publish - 看看結果如何？)

真的太好用啦！！真的是Blogger神器！！

可以直接加上 Tag / 日期

(以下照片從Local Insert )

看來這工具，就之後用來寫文章啦！！太太太好用啦！

不用再像之前一樣，還要開Html 去限制圖片大小。

讚！！

(THE END)

20170616-心情-往自已的目標上，別再"猶豫"了

(個人心情記錄 - 今天請特休在家整理思緖 )
==============================

「單車。拼正職」

是我為自已訂下的目標。

而這一年，老天爺也給我時間去往這目標前進。


「一年，可以改變一個人很多」


如果，你自已訂下自已想努力的目標，那有什麼好猶豫的呢？？

不用再花時間思考「想要的是什麼」，這~~就是你想要的。

===========================================
單車上：

目前也很多「自已的時間」可以去安排訓練。

但.....在想  我真的可以拼到我當初的自已嗎？？有「年紀」這件事，是我的「猶豫」。

我真的不想就這樣結束。


但......沒有辦法給自已「全力」準備的 氣勢。
因為現在的我，想像不到未來。



「現在的你看不到，不代表以後的你也看不到」

給自已「第一步」，持續往前。 「自律」是運動員的 基本要求。這點要再好好達成。


「六日」要出門騎單車，則平常要「有所準備」~~拉筋、放鬆、規律的作息.....
這一切將為了「六日」。


===========================================

工作上：

「自學」，這是目前的「大缺點」。


自已空閒時間的「優先序」一定是：

單車   >  學習   >>>>>>>>>上網亂逛！


所以，目前要空下「學習」時間，一定就是從「上網亂逛」這類沒有目的時間上去 "取得"。



我腦子清醒的時候，常常第一件做的就是「上網」、「看Line新聞」....

而不是在「思考」我的人生 、「思考」我可學習的資訊是什麼？


造成，這樣長時間之下，我沒有「累積」個什麼.............


新聞、Youtube、八卦、輿論資訊........當沒有"目的/思考"的觀看，一定都會忘。
所以，與其 都會忘，倒不如 就不用花時間看。



=============================================

這兩部，是上午時觀看的「影片」，也是在無目的下亂逛的，
(註：昨晚，也是因為失眠而這樣亂逛，造成今日行程完全沒照預期的走)


留下有幫助的：




「最困難的不是面對挫折打擊，最困難的是面對挫折打擊時，沒有失去對人世的熱情」
>>我想，自已這份「熱情」是要去找回的。

「反省、感謝是很重要的功夫，每天都會想說，睡覺前坐在床上想，我今天又做錯什麼，那邊要改」

「我覺得我最大的優點是：因為我學習很快，改變很快，一直在改變，因為我每天都在反省」

「如果重來一遍，怎麼做會做的更好？」
https://youtu.be/s6rRH_hoz6o?t=15m45s




又再看一篇更完整的訪談內容：

20170611-單車-環濱海北宜公路(順時)[160KM]-7H25M(小江車)

(這是今天 "快樂"的泉源！！真的，在這大熱天下，全身沖這水實在超級讚！)

==================================================
Garmin記錄


==================================================

原本打的如意算盤是：

星期六 - OCR 出戰
星期日 - 小江車 出戰！
然後看 小江車 的發揮程度可以到多少！？

而這一切，一開始前段就「好沒力」呀！



(又沒有專心寫日記了)
看到一個超熱血的武嶺影片，片中這位也好強！



==================================================

昨天，還是沒有睡好，

一早六點多起床，吃土司配豆漿 ，然後再把兩瓶全裝豆漿，準備出發。

而就是.....好不想出門，為什麼我要搞成這樣呢？？

內心，總是「反向思考」。

而今天，有出門就是有收穫的~~~~~出門吧，這麼好的天氣，要趕在午後雷陣雨之前。

昨天騎，160KM，七個小時，今天應可以快一些。


早上七點半出發！




對於小江車，算是「第二次」騎吧。

一樣會不適應。
一是 - 小剎車的部份。
二是 - 它的踩踏板，比OCR 短了一些 (因OCR裝快拆)


不過，最主要是......腳力。

當下不會特別酸，但就是不想騎。

而 小江車，的踩法， 應該說是：「施力點」沒有那麼明顯，(跟還在習慣有關)

=============

另外，心理素質方面：
一直認為，小江車 一定要比OCR快，造成 內心有壓力，但卻無法顯著的拉出速度。




前面，騎到 瑞芳，已是一個小時後了。

這時間，好渴！！帶著豆漿，是沒有辦法止渴的~~~

到濱海後，我「已不想趕時間」了！也無心戀戰！


先來一瓶 「黑松沙士」吧XDDDD



身體無力的狀況好明顯！明明上次三天行，第三天還有力氣可以騎 180KM，怎麼今天？？


就這樣，休了快半小時！！


今天是來聽「腳哭的聲音」~~~~~~~




哈，這一段還有在「思考」，要不要調頭，騎回家算了........負面情緖無極限！

慢慢騎吧，就看看海景，讓「小江車」可以順利騎完這行程。不論時間長短。



今日的大太陽，我出門竟忘了擦防曬！！？？



紀念照，另外，因為天氣太熱，我這次沒有再穿裡面那件~~~



這邊的海岸線，也沒有辦法拉速度了！速度還比OCR還不好。。
不過，這也是 我 腳力已不像昨天那麼飽了！




今天的天氣，我沿路在找，是否有 水龍頭，可以讓我全身弄濕的？
想到民家去借水，但...不好意思。

看到 加油站，嘿~~找到水龍頭啦！




正高興先拍個「紀念照」後，打開水龍頭.......呀？我的老天鵝呀！怎麼是熱水？？還越來越燙咧 @@。

這一個不行....走到遠一些的洗手間，弄濕車衣降溫一下！



再來就繼續騎......


到福隆，買了這兩瓶水，好熱.....



另外，看到在這大熱天工作的工讀生，實在是！超辛苦的！而且很有熱忱在推銷他們的產品！！

想到自已年輕時也曾幹過這種事............嗯~年輕真好


繼續我的單車行。


紀念照








又在找「水源」了！想把身體都弄濕！


就在福隆 大彎角的中後段！我看到了這「瀑布」！！
原以為溫度應一般般，想不到「超冰涼」的！！！



今日最爽的地方就是這兒了！！直接從頭往下沖~~~，暑意全消！


繼續我的單車行啦~~~


風景  (以後相機還是拿正些)







濱海段，就順順的騎，

看這時間，100KM已超過四小時了~~~


宜蘭景




北宜入口的派出所，距離剛好 滿100KM。 裝滿兩瓶水。



再來呢.....北宜段，騎小江車，讓自已拼拼成績吧！！

就沒有特別拍風景照了。

前段，狀況還OK，
到了中後段，因為心理一直想要快  (但我也盡量不想這事，還是避不開這)

覺得「頭有些暈」的現象！

當下已很盡力轉念、節奏呼吸、放鬆肌群......但這現象還是存在。


所以，若未來賽事上，你一開始就「心裡預告」要有多快。
而這現象就會發生。

跟你第二次東進武嶺很像，


所以，現在沒有「時間」可以讓你在賽事中發生這類事了。多練練「平常心」、強化內心素質才是！！

路線測量點： 12KM~   Garmin區段地圖：  http://bit.ly/2shdlL9



我騎 小江車 ，所拿下的成績：40分初。 別人最快可以飆到「35分」的時間！！




我想，我這樣的「競賽」就是我努力的目標！
不論是「小江車」還是「OCR」，我要拉高我的速度。然後能跟他們拼~~~



================================

攻上 石牌 線界後，我「累了」。

要好好休息一番。

先洗手間 沖水一下冷卻一下。


再來，就去買「玉米」吃！~~~好好吃呀！


吃完後再接著加買「一隻玉米」$30，一瓶「仙草」$30，繼續吃 ^^






吃完後，就繼續往下滑啦~~ 石牌紀念照~



風景。沒特別壓快。



到坪林。




再來就是超陡坡的「坪林 - 石碇」路段：

第一段陡坡：

「小江車」一律用「最輕檔」。  (果然 OCR的第三盤，是有功效的~)

而這陡度，最陡段段要用到「抽車」才可以應付。

總之，「小江車」仍是可以應付這陡坡的 (腦海裡一直 與  武嶺 段 比對 @@)


算是可以抽車應付上來的第一段「紀念照」~~



茶園段，還可以應付。

而菩薩段，說來沒有「超級陡」但就是「連續陡」，也很不好應付！


抽車心得：

想像「抽車」是王牌，非必要時不使用。
所以，在「陡坡」後段時，才站起來抽，以保證可以撐到最後。


還有，抽車行徑的軌跡：
可應付型：抽車騎直線！  車左右晃，人維持中間。
難應付型：抽車騎S型！ 車左右晃，人維持中間。


這人次較少：僅49人，而我花了 25分鐘。




爬到高點！



開始下滑，



到石碇，下起了午後雷陣雨： 2點16分。




再來，到深南路 這一段。

一樣在測時間啦！


已很盡力了，還三不五時站起來抽車，還有進步的空間，加油。



這一次區段的全部排名： (註：發現此網站「區段」沒達自已最快時間時，是沒有排名呈現的！~)

也就是：我都用小江車 創自已記錄，但之後 OCR騎時，就都不會有當下的排名。 我的老天鵝呀 ~~~~





最後 2KM的爬坡，依舊是我好玩的地方，努力去配速，看怎麼抽車、怎麼盡力騎。



當下的大雨！



最後小江車完賽照。




結論：

騎到後段，已習慣小江車。

所以，要如何發揮「小江車」的戰力，還是要「常騎」。
不會是騎完OCR後，直接轉騎「小江車」，就可以發揮它「最強戰力」的。


再加油吧。


=====================================================
Garmin記錄
=====================================================

熱天~~~~













(THE END)