Hackpads are smart collaborative documents. Join Hackpad Now.

caasi Huang

11 days ago
Unfiled. Edited by Ronny Wang , caasi Huang 11 days ago
  • 這邊就有很多專案可以復活了
  • 國會大代誌
 
Ronny W
  • 這個其實我有想過,postgresql dump 還在,用資料庫內容自幹個 API server 讓 API 格式跟原先相同,這樣子會不會比較快弄出來?
 
 
7 hours ago
Unfiled. Edited by Cheng En Hsieh , caasi Huang 7 hours ago
Cheng H
  • 最晚等到晚上六點,房東沒回的話這次就先流標 XD
Cheng H
  • 六點過房東沒回覆-流標
caasi H
  • 真的崩潰惹~~~
 
2 days ago
Unfiled. Edited by caasi Huang 2 days ago
caasi H 看見思法的五人團隊認為視覺化可以幫助大家了解司法統計資料。在替代役期間開始打造此站。全站大量使用 d3.js 視覺化資料,而從 commit 看來,資料多半是手工整理的!YA0H 其中一個初衷是「沒有人一起讀 code 」,第三彈想訪問看見思法,聽聽他們怎麼說。
 
Q: 可以簡單介紹一下看見思法團隊嗎?
 
Q: 請問看見思法慣用的 tab 寬度是多少?
 
Q: 看見思法大量使用 d3.js ,如果我想跳坑,有沒有什麼必讀的資源?
 
Q: 發現看見思法在 2016 年底引進了 webpack ,之前使用的是?為什麼會做這個決定?
 
Q: 整理資料時,最辛苦的地方是什麼?
 
 
2 days ago
Unfiled. Edited by caasi Huang 2 days ago
如果可能的話,希望找到語言學背景的人,或是對 LSTM and/or HMM 熟的人。但其實 toolkit 都蠻成熟的了,麻煩的還是苦工。
 
caasi H caasi:
補充一下, miaoski 提到以 C 語言寫的部分,是指 CindyLinz 的 StripPhotoIntoRows ,這個工具幫忙把原始資料切成一行一行,方便人工 OCR ,被戲稱為切豆腐。切起來的示意圖如 cut_line_output.jpg
 
CindyLinz 也為中選會選舉公報寫了類似的工具 BulletinCEC-LocateBlockFromPNG ,如果想入這類坑,可以參考看看。
 
6 days ago
Unfiled. Edited by caasi Huang 6 days ago
caasi H
  • 團隊 Q&A
 
 
丞宏:
 
Liz覺得等教育部辭典更新實在太慢了,全民一起編辭典,加新詞,促進台語新陳代謝。否則舊的詞一直消失,語言就會死亡
 
Q: iTaiGi 一開始選擇的技術是 LiveScript + React ,後來換成 JS ES2015 + React ,並用 react-transmit 管理非同步資料。為什麼會有這樣的轉變?
 
丞宏:
 
因為那時候前端太難了,所以前端工程師換人工具就跟著換了XD
也有考慮ES2015對之後跳坑的人比較簡單一點,雖然還是很難 @@
 
 
 
丞宏:
 
原本想說寫一個通用的函式庫,結果對台語做許多客製化,就完全不通用了,而且現在覺得這不是個好設計,對跳坑的人太難了
 
  • 要怎麼參與 iTaiGi 的開發呢?
iTaiGi repo 很友善,只要按照專案首頁的說明,先 `git clone git@github.com:g0v/itaigi.git` ,接著 `npm install`, `npm start`就可以了。開發前端並不用把後端架起來,預設會連到 `https://db.itaigi.tw` 抓資料。
 
iTaiGi 現在以 React 處理 view , React Router 處理 routing 。由 superagent 發送 XHR 請求,再以 React Transmit 交給 view 。寫 JavaScript ES2015 ,靠 webpack 打包成一個 js 檔。
 
專案的進入點在 `src/index.jsx` ,routing 都寫在此檔案中。頁面的 layout 由 `src/App`負責。獨立的頁面放在 `src/Iah` (也就是「頁」,相當於西方專案的 `src/pages` ),元件放在 `src/GuanKiann` 中(相當於 `src/components` )。
 
例如:想解看看 issue #405 與萌典的連結,可以發現相關元件在 `src/GuanKiann/例句/` 中,循線索追到 `顯示例句一句.jsx` 會發現 `漢字陣列` 這個變數內含分好的詞。有了分詞,接著只要拿這些詞去問萌典,就可以知道詞存不存在、可不可以連結了。
 
11 days ago
Unfiled. Edited by caasi Huang 11 days ago
caasi 要打造 g0v 機器人大使,但目前的開發方向,實際上需要 caasi 親自去看一個專案的每一個 commits 和訪問團隊成員,然後為討論的 log 紀錄加上 tag,以有限的人力和時間,無法規模化。
caasi H
  • 最妙的是,最近才說明清楚, YA0H 主要是要做 dashboard 而不是機器人 XDDD
 
27 days ago
Unfiled. Edited by caasi Huang 27 days ago
Guest Welcome to hackfoldr.org
 
Guest People use various online collaboration tools nowadays.  It has become difficult to share all the relevant information and services used within a project.  Until hackfoldr.
 
  • Quick Start
Go to http://ethercalc.org and create a spreadsheet.  Paste in a bunch of urls in the first column, and add titles to the second column.  copy the path component in the your url and append it to http://hackfoldr.com/#/, for example:
 
 
  • Why?
We need a way to organize many dynamic documents before and during hackathons.
The shared folder feature in google docs, which is surprisingly unknown to many, comes very close to what we want.  But as every document is opened in edit mode, it soon becomes unusable due to the number of concurrent connections. It is also impossible to sort the items, and we had to use numeric prefix to achieve that.  Remember gopher?
 
Hackpad is slightly easier for hackathon collaboration with concise authorship coloring, and it also has better formatting compared to vanilla etherpad/etherpad-lite based services.  But when it comes to organizing lots of documents, Hackpad collections isn't really much better than google doc folders.
 
So we build this small single-page static web application that reads a list of url from an EtherCalc document, rendering it in a way similar to a google docs folder. If the document supports read-only mode, we use that by default when it is opened by the user, and provide an additional edit link.
 
  • Features
Supported document types
  • Google Docs, Presentation, Drawing: view mode by default
  • Google Spreadsheets
  • Hackpad
  • EtherCalc
  • ... actually just any url that does not forbid iframe embedding via X-Frame-Options
 
On the 4th column you can add comma-separated values that will be rendered as bootstrap-labels to the entry.  each tag can optionally contain a bootstrap label class name, followed by :.  For example README:important creates a read important label of "README".
 
Indenting urls in the first column of the spreadsheets with spaces creates subfolders.  Currently only 1 level of folders is supported.
 
  • Install
If you want to run your own instance and/or help improving hackfoldr, checkout https://github.com/hackfoldr/hackfoldr and:
 
% npm i
% ./node_modules/.bin/brunch w -s
 
It is built with Angular.js and LiveScript.
 
  • Contributing
hackfoldr is young and lacks lots of features.  Please report issues, send feature requests via github, and fork the repository on github to send pull requests. Happy hacking!
 
  • Acknowledgements
Special thanks to #g0v.tw hackers and early-adopters for insipiring and improving hackfoldr.
 
  • License
CC0 1.0 Universal
 
To the extent possible under law, Chia-liang Kao has waived all copyright and related or neighboring rights to hackfoldr.
 
This work is published from Taiwan.
 
 

Contact Support



Please check out our How-to Guide and FAQ first to see if your question is already answered! :)

If you have a feature request, please add it to this pad. Thanks!


Log in / Sign up