不用程式寫爬蟲記錄(Kimono Desktop)

malagege published on 2016-11-27 included in 實用工具

前幾天看到無痛爬梳自己來，用 Google Spreadsheet 爬取網頁資料
就想之前的Kimono
但現在官網要收掉這個服務
不過有官網友留下kimono desktop edition 離線版程式使用(只有MAC和Windows)
目前不知道有沒有辦法移植到Linux上面玩

	kimonolabs.com	kimono for desktop
Create APIs with Chrome Ext	v
Create APIs with Bookmarklet	v	v
Manage and configure APIs	v	v
Run APIs manually	v
Run APIs on a schedule	v
Cloud hosted API endpoints		v (w/ Firebase)
Crawling & Pagination	v	v
Get data behind a login	v	v
Kimono Apps / Blocks	v
Google sheets integration	v
Webhooks & Email alerts	v
Save scraped data to file	v	v
CSV & RSS output	v	v

當然離線版沒有這麼多功能，可惜沒有排程可以用
但發現他程式透過NodeJS去寫，好像可以透過API方式去實作
在此先記錄一下筆記

[JavaScript]閉包筆記記錄

malagege published on 2016-10-02 included in JavaScript

之前看JavaScript閉包文章都看不懂，前陣子買了FB社群推薦的「忍者JavaScript開發技巧探秘」
最近先跳著看到閉包單元，有了解一點東西跟以前錯誤的觀念，就先來這邊做一下筆記。
免得之後全部忘光光了XD

好用的剪貼簿

malagege published on 2016-09-11 included in 實用工具

最近公司專案是用西班牙語
所以要一直參考文件貼到別的地方
一直複製 → 貼上 →複製 → 貼上→複製 → 貼上→複製 → 貼上→複製 → 貼上→複製 → 貼上… ~~無限迴圈~~
之前一些都靠Sublime Text還hold的住
現在就有點麻煩，速度感覺有變慢
就想以前有看到剪貼簿工具
但覺得用不太到…
現在發現還滿好用的

我的Sublime Text 3套件分享

malagege published on 2016-08-23 included in 實用工具

List AdvancedNewFile (新增檔案用) Alignment (對齊用) All Autocomplete (自動載入別的開的檔案tip) Bootstrap 3 Snippets BracketHighlighter (提示/修改/移除外框符號，算還實用) ConvertToUTF8 (還沒utf-8專案用) DocBlocker (註解用) Emmet (html專用) IMESupport (中文輸入法專用) jQuery PHP-Twig Pretty JSON (你的json會變很好看) SqlBeautifier (你的sql會變的很好看XD) StringEncode (html轉一些符號，很實用) Text Pastry (1 to x ，懶人專用，我很愛)

在Linux架Git Server(ssh)

malagege published on 2016-08-23 included in Git

最近公司接了一個案子，我被分配到架設Git Server工作
架設成功，就在這裡做簡單的筆記。
由於網路教的都大同小異，只需理解為什麼這樣做
用自己的需求，基本上實作應該都能做出來

線上網頁編輯器

malagege published on 2016-06-29 included in 網站記錄

http://plnkr.co/ http://codepen.io/ http://jsbin.com/ http://jsfiddle.net/ http://codemagic.gr/ http://www.cssdesk.com/ http://dabblet.com/ http://liveweave.com/

[jQuery] :first 和:first-child 不一樣

malagege published on 2016-06-25 included in JQuery

由於同事有用我寫的JavaScript做tr跳頁監聽事件
由於第一欄是input radio不需做跳頁
我就簡單寫了

1
2
3
4
5


$('table tr').click(function(){
    location.href='xxxxxx';
});

$('table tr:first-child').off('click');

[Arduino]新手用 Wifi 晶片 ESP8266 和 USB TTL Serial(PL2303)接上PC

malagege published on 2016-06-24 included in Arduino

最近同事揪來玩學Arduino
由於之前忘記採購到WIFI模組
同事最近燒壞了WIFI模組(好像接到5v線)
最近借我了ESP8266和PL2303，叫我好好的玩
~~那我就大力的玩下去~~
當然我就簡單找網路上實作

[CSS]文字換行的問題

malagege published on 2016-06-19 included in CSS

由於最近做一個報表系統，在測試環境下沒有很長的資料，報表表格都沒有什麼問題但在正試環境，很多文字就有自動換行的問題，然後爬了文但不清楚這些東西花了一個下午時間理解這些東西，順便記一下筆記，不然很久沒用應該就忘掉了囧 word-break:normal|break-all|keep-all; word-wrap:normal|break-word 上面都是解決換行的問題(但不是真的換行) word-break:Normal normal下一句有單字超過邊距會把整個單字換下一行 word-break:keep-all; 恩，結果好像跟Normal模式一樣，沒什麼差別…，但這樣就特錯大錯查了一下文件如下 1 2 3 4 5 6 normal Use the default line break rule. break-all Word breaks may be inserted between any character for non-CJK (Chinese/Japanese/Korean) text. keep-all Don't allow word breaks for CJK text. Non-CJK text behavior is the same as for normal. http://devdocs.io/css/word-break 官網下面範例就很清楚keep-all英文下還是以normal，但非英文(中文、日文…)不會換行這邊我把他想像成會把一串中文變成一整個單字，所以換行剛發現中文與中文之間有空白還是會做換行動作好了，接下來要講word-break:break-all; word-break:break-all white-space:nowrap; 一段不會換行的問題我的table不會亂用word-break:keep-all;或white-space:nowrap;可以解決問題測試還發現display:block裡面文字超出去但是外框大小不會跟著文字延伸 display:inline-block就沒有這個問題上面的div文字會超出去邊框，但table沒有這個問題看來有空要搞清楚這些….

[JavaScript] Date物件小筆記

malagege published on 2016-06-12 included in JavaScript

最近有使用JavaScript Date物件，想說有什麼辦法直接把變數換成當月最後一天
發現網路上有一個教法寫

1
2
3
4


var date = new Date();
date.setMonth(date.getMonth+1);
date.setDate(0);
console.log(date);

非常神奇，簡單又不需要判斷閏年的問題!!!!

程式狂想筆記