哈嘍剛剛是Jerry拼你的Jerry還沒有上來你們是共用一個slick帳號嗎為什麼我slick私訊他你會收到slick應該是Jerry拼你的ok好所以我們現在是在等Jerry的狀態就是剛剛有你訊息的我想說我給他skip帳號或什麼他沒有回我後來zoom看起來是可以非常謝謝你不會應該的可以空的時間最近還好嗎瘋狂coding因為就是要準備讓那個因為現在Jerry很忙他主要在寫文章然後我就是takeover所有的coding的工作所以現在coding變你做其實一直都是我是嗎主要他是負責前端但是他其實沒有真的沒有什麼時間coding我們還有另外一個是在facebook的engineer你說前端的意思是前端的設計還是前端的codingfrom and codefrom and code然後我們還有一個facebook engineer他是幫忙backend的部分然後我的話就是主要就是全部我就是全部就是有幾首這個沒有接到的球就變你接就全部不好意思你們兩個哪裡了我們才剛開始了ok所以我現在應該要分享uswatch.tw是這個網站嗎我可以分享我的那個我現在我們現在做的東西可以啊應該你現在聯席主持人然後這個對你知道我們其實我們是跟american city台灣merge所以說這邊這邊的東西我們最近在migrate後面的backenddata base這個是dev side英文網站然後中文的部分現在做到這個樣子這邊是jerry後來改版的就他現在大概副文革會是這個樣子對我有看到我們開始視訊前我看到的我是不知道切換到英文ok對我們現在就是分兩個網站這邊就是主要是英文現在16屆最新的法案也都上去了就是你看現在最新呃1月23對這都是最新的所以你到bills去這邊現在都還是那個現在這邊都是我這個已經這個現在是dev side然後我明天可能把它roll到prode side所以你看現在這邊都是最新的法案了這邊都是已經up to date然後因為我們會做那個daily的cron job所以每一天都會update所有的那個statusok我大概都看完了那個然後你們只有https從http不會重新導向所以如果有人直接打一定要連https打這個不會重新導向這個不會重新導向這個是這個是dev side開發用的但我說即使你們正式戰我如果手動打uswatchdntw的話其實是連不到我一定要連https打完全只是小抱怨請不要理我這很重要那個我會修但是這個現在這個act taiwan這個是會重新導向好那我們來看網站現在最主要是卡在就是說ok兩個東西一個是一個是search我們即將會做因為你看我們現在這個東西我們現在必有只能by congressmember也是current就是現在的current congressstate就是只能field by state然後還沒有一個很方便的search的功能然後現在就是說兩個東西一個我們馬上要做可能是search第二個是我們今天比較想要請教你的重點就是說怎麼樣就是讓community能夠一起collaborate比如說像這個東西像我們的bio這個是e6g還沒有tax如果是e15的話你可以看到譬如說我們會講要take那我們可能會希望說user能夠進來譬如說他可以幫忙第一個就是能夠幫忙tax然後這是第一個然後第二個就是說像這個take現在我們都是請那個你可能也知道我們都是請 volunteer看然後把它放在air table上面然後每天會做一個共用後端對所以我們是希望漸漸能夠走向就是search的部分就是說能夠讓他們log in進來第一個是做take in那更重要的一點是我之前有跟Jerry在討論就是說我們有大量translation的工作然後怎麼就是說怎麼樣involve這些user或是community能夠幫忙我們那我們現在我們自己有一個beta plan但是能夠現在聽聽你的意見就是我們beta plan就是說我們就先不管先用google translate去轉第一次然後轉第一次可能很醜可能很難讀然後再讓user去去engage可是我們沒有經驗就是說怎麼樣能夠讓user比較好的譬如說UX或是說review flow或是說還是他們直接commit就update還是怎麼樣對還有一些平台跟工具的部分會不會這不是hackmd是好的tour或是說我們就是直接自己coding就是inline translation你看到這邊那個button按下去我們就幫忙translate這個title對怎麼樣的design怎麼樣的flow或是怎麼樣to因為我們其實有看過國家保障他的做法其實我們也有稍微玩過一下他就是完全就是一個text area然後你就直接對他們就直接對然後我們有想過就是說是不是因為hackmd的話因為hackmd我現在不知道他們的API到底做好了沒有但就是別人是你還要去開一份文件那你就沒有辦法自動化那可能而且hackmd的一個缺點是說我覺得他的意外是不錯但是他沒有辦法mapping就譬如說一個法案我們有可能有title標題要翻譯然後這個是他的summary然後這是他的全文我去mapping到這些東西就是他好像有一個欄位的感覺就是一個法案他有多個欄位然後這個欄位是title這個欄位是summary這個欄位是真正的全文那你翻譯完這一段之後我要怎麼樣自動update到網站上面的相對應的部分譬如說我現在翻譯的是title那我翻譯完之後那網站相對應的title地方也要update可是因為hackmd就是空白的一個所以我們也不太確定在這怎麼做所以我們那時候有想說但是現在就是我們最終的一個做法就是如果沒有更好做法的話其實我們可以做一個簡單自己在前端做一個UI然後User就是可以inline翻譯就是說他點了他就是可以點任何一個句子其實應該是以段落為單位點了一個段落之後我們就可能有個popover就送出去這樣子那的做法是因為現在比較近期的法案他們都有提供xml的格式xml的話就已經都已經有那些對你tag好了如果你要在前端搞一些inline的東西的話譬如說我就做這個p tag你點一下我就是針對這個p tag我就給你一個翻譯的界面那個可能就會比較好做可是缺點就是說早期的法案就是除pdf所以你要做那些東西就會比較困難好好我們一個一個來你們現在的後端是air table對不對所以這個網站事實上是我每次low的時候他會去air table抓資料現在是我們的data source有部分是從air table來我們的後端是有data base有mongo db每一天會讓一次crown job做daly sync第一件事情從air table把最新的東西抓進mongo db你就是說我新增一個法案或是說你對法案做一些tagging這些人為的就是我們人去做的事情就是製工做的東西air table sync進來然後第二個 sync job是好你現在法案 sync進來了我們去conquers到gov抓tracker譬如說detail的information譬如說一些update的informationok然後從前端的角度你們有一個graphql的end point對不對我們去這三層ok所以你們現在在graphql那邊並沒有要動你們現在要問的只是說如果我們要使用者也能夠來共同編輯的話那他應該是寫入你的來源不是直接動你的就是你的graphql不會有多一個可能旁邊的table叫做使用者留言或什麼之類沒有要這樣做ok那這樣子的話其實比較像危機百科就是比較像wiki data比較不像比較不像是我們一般的留言版或者是大家討論你並沒有要這個變成一個討論的對象對其實滿像wikiok那為什麼不直接用media wiki他就是wiki你說整個法案的內容的呈現我們就直接做成一個wiki就是他的編輯界面因為我之前在media wiki的visual editor team所以我們做的事情就是把危機百科的編輯器做成可見就是所見其所得的編輯界面所以我會覺得因為當然本來危機百科的語法是比hack and be還要難因為他比較古老這個我們也不用會言但是visual editor的目的就是說希望把他結構性的部分他完全不需要危機百科的語法也可以延期那目前這個已經穩定了危機百科本身都已經上高對所以我有一個提議是說如果你並沒有真正意義上要變成一個類似討論串留言板或者是發散式的東西你全部都要收斂回同樣的資料的話那甚至可以寄生在討比像說wiki data上或者自己加一個media wiki這都是很容易的這樣的好處是說他本來就有分段編輯的功能危機百科你本來每一段就可以分別編輯對所以我會覺得這個的開發成本是比較低的因為危機百科的app非常非常 robust然後你也不用特別就是你用的功能幾乎一定是危機百科社群的一個你不需要再去擴充他了這是我的一個想法但是這個跟號召社群把這個變成一個討論的對象這是兩回事討論的對象就是說他要很容易的在社交媒體上面分享或者是說他要很容易搜尋得到你可能要做一些SEO讓別人在找這些關鍵字的時候能夠很容易找到那整個份是完全另外一部分那那個就比較像投票指南投票指南你們應該都看過對那投票指南他的界面就不是去改他的基礎資料而是他去做法案的總整他的議員他曾經支持過幾個法案但是因為那些法案的名稱都很長或者他的主文都很長所以投票指南最主要使用者能夠參與的部分就是幫法案下一個短標題或者把它主張下一個短標題那我不知道你們這一部分有沒有想要開放給使用者做因為我們還是得找一些大家一分鐘之內或五分鐘之內做得了的事情我之前有想我之前看投票指南的時候他是譬如說他有可以開放讓使用者來tagging然後他也是讓使用者來評就是說這個法案就是什麼樣的法案就是有點像是使用者對然後我們那時候就有想說其實你現在看到的是我們現有的譬如說像Summary或是可是我有一點想要把Summary移掉那個相關我們那時候有講過就是說inside不是說我們這邊列出來的每個法案譬如說像這個relationship這個就是很台灣相關的可是有一些跟台灣相關的法案它其實是一個大法案然後台灣只是集中裡面的一個section提到台灣而已因為我們現在Summary是直接從congress.gov抓的然後在通常那種情況之下它不會提到台灣的段落你抓到那個SummarySummary裡面完全不一樣譬如我們有一個section的inside那個inside就是說是直接給你精華這個法案你需要知道什麼東西而且這個東西就是使用者可以來貢獻我覺得這個真的比較好就是因為目前你們text這一部分它比較專業我如果是一個一般的使用者我不那麼確定我能夠那麼好的幫忙下標就是下text可是如果inside是一個大家可以共比可以討論more than one insight的話對我覺得這個大家就覺得比較開放它沒有一定要收斂到好像一個ground source of truth而是說我每次貢獻我都可以讓它的inside更refund一點或者更好一點或者更多一點我覺得這個的co-to-action比較會成功對 它就有點像是說如果我今天只是一個我就是不是對這方面非常了解的人那我就一分鐘我想要知道這個公要性在哪裡我就可以有點條列式的就可以知道說原來這個法案的意義在於這些地方對 是我完全同意所以這個就很像是議員投票指南我想見面甚至你可以完全完全超議員投票指南了解我貼在zoom跟slack上面見面就是長這樣當然這裡面有一個很重要的就是說這個網址本身要是容易分享的或者是它分享的時候是要有意義的就是說如果我今天分享這個法案的時候SEO包括它的圖以及它的一些一些短短的敘述因為你們現在沒有做預渲染對不對我們其實是我們是severcy rendering是嗎可是我們是severcy rendering因為我曾經甚至還想過就是我可以因為其實我們每一張議員的照片我們有每一張議員的照片所以其實當今天我甚至還想過說因為我們是severcy rendering的關係我們可以在severcy直接rander一張照片那張照片就是真的就是譬如說你今天share這個法案然後這個法案是這個議員然後我就真的rander成一個就是法案的一張圖這樣子是嗎可是我現在貼我去你們的寫線member寫線uuid我如果是用文字列的瀏覽器curl或wget看的話我沒有看到payload我沒有看到東西它看起來非常像single pageeffication我沒有看到預渲染我看一下應該是有我用的就承然我有看到就是你有一個payload有一個好的payload那個沒有問題可是我只看到你把所有的結構化資料都放在window.nux對因為我們就直接但是它並沒有渲染成html所以不管是seo或者是facebook share它不會用這個資料可是seo現在是有東西的就是如果你是譬如說我現在貼一個我只看到title而已它好像只有我剛剛貼的那個是dance to livecenter for alaska對它也要有seo只到description的這個level對只有到descriptions比如說這個議員的description對但是我如果是seo它會有一個網頁預覽的話你就要等Google慢慢跑到這一頁然後慢慢找到你並沒有整理一個容易預覽的一張卡給推特或Google現在好像還沒有做有吧等我一下我記得有而且我先確定一下目前做到什麼程度好我來貼看看我看到你在對你其實在slide貼的那個就是我們現在我沒有在slide上面沒有比較緊張為什麼要拍機我沒有啦沒有想過你看過啦我現在貼給你我看過了嗎對啊我現在貼給你你就看到這個啊就是它會有description譬如說我現在貼了一個bill然後它就是會有這些bill的一些相關資訊譬如說你看到sponsor然後現在的狀態然後還有一個就是description這樣子對那我在講的是你看看到那預覽圖是只是我剛好因為我也偷懶就是我們沒有特別否則這個bill有另外一個不同的圖所以我們現在都用這個而已對我在講的是說你們的預覽圖基本上以sdo角度來看就是把title跟description有畫出來就是到這裡而已嘛就是說它的關聯性內容比像說這個bill有哪些member或者這個member有哪些bill是不在預覽圖的範圍裡的我只是要確定這一點對對那我的意思是說這個對它的可及性就是它會被找到的機率來講是相對比較不利的就是說通常只有兩個方法一個是說你渲染出你把那個windowsnux變形成那個jsonld然後用Google的那個結構化資料預覽器讓它知道說這裡面有哪些結構化資料這樣做的jsonld對這麼不太知道是什麼東西對沒有關係就是Google developer裡面有一個叫做Introduction to Structure Data就是你把機器想成一種視障者那你要怎麼樣去把你的json結構變形成Google可以看得懂的觀念式資料這是比較費工可是SEO上面是比較有利的好不然的話也有另外一個方法就是你就直接把就是你覺得最重要的比如說這個build的觀念member或者是之類的你就把它也化進HTML裡就好就變成是一個渲染過的HTMLOK就是你如果把javascript關掉那你至少還是看到一點點東西OK那但是這兩個都需要開發成本所以我不是說要馬上做但是通常就是如果你有開發時間的話至少把那個配圖先做好然後有配圖之後關聯的連結也許也是可以做的就是說這個build連到哪些member這個member連到哪些build這個看你要用J anchor就是一堆HTML的A-link那這兩個有了你的網站的內部連結結構從SEO訊息的角度來看就比較然後也比較容易說別人在做全文檢索的時候還容易找到你這一頁因為目前你如果不是剛好要找area的全名或者是找senator的全名的話不然你這一頁基本上是不太會出現對那當然就是如果你很有錢可以一直買關鍵字廣告我們都不用做這些但是我們現在是在討論沒有關鍵字廣告的情況要做什麼OK我們之前好像沒有很認真討論SEOSEO的部分那你也可以完全忘記SEO那這樣至少要配一張很有說服力的圖那這樣你就完全靠社群媒體來分享這也是一招我不是說一定要做那無論如何你要變成一個話題的話至少大家在分享的時候不要有一種千篇一律的感覺那盟典當然做這個做到有一點走火入魔就是他會變成像舉牌小人一樣你隨便打什麼字他就幫你畫一張圖出來我沒有說要走到這個地步但是字不同面的要有不同的圖所以盟典是完全就是會 render一張特別的SEO對 事實上盟典是為什麼SEO這麼好就是因為小編找不到圖的時候都會直接用盟典直接用Terence出來的圖來做對 因為我們有把自由的字型就像思源什麼這些字型全部都放在上面所以好比上說你現在在Facebook上要有一張圖你就可以直接Modic.tw然後寫下什麼美國國會觀測站那這樣子你只要在你的Facebook貼了這一小段你就可以瞬間取得一張可以分享用的索圖對這當然清合力就非常好而且還改成楷樹之類的送題什麼之類的哇 這好強喔謝謝 謝謝你真的在URL裡面Nida是不是她畫什麼對 那這樣子從小編的角度來看她當然願意幫你分享因為這個有助她的擴散力嗯對我沒有說要做到這個程度因為像當時我下關鍵字廣告是對盟典裡面16萬個詞都下了關鍵字廣告然後等於是整個中文都被我下廣告所以我就會很opportunity因為我也沒有就是砸太多錢變潮了別人又沒有在下廣告的時候就會被我用0.01元買到所以像當時有一個貓熊叫做Nia然後就是原載就變成盟典的關鍵字廣告然後他一按就到了台語的盟典就有一些技巧啦對 那同樣就是說因為你們之後會有UGC的部分會有使用者幫忙下中文的tag或英文的tag那我會建議說這些東西不是說要下關鍵字廣告但是至少他有機的搜尋的時候比較容易找到你們這樣子好那這個是可發現的部分那搜尋請你們是打算自己寫嗎穿個什麼elastic search現在還沒有具體的想法不過那個確實是目前的搜尋完OK盟典是直接放棄因為我們全部都預先染了所以我直接用Google站內搜尋就解決了我們現在因為我們現在一開始應該也還不會做到那個地步因為那個東西是變成是你要全文搜尋了那我們現在首先我們現在最笨的做法還是最快的做法就只用db的query因為db裡面已經有很多的title啦那個conquersman's name然後全文的話之後來說現在我們所有的全文都是放成檔案放在s3所以那個已經叫做for articlefor index那個就是叫對你就得再加一個像elastic search這種東西對好啊所以像盟典你說你都已經預訓人稱HTML檔了對不對對所以你用curl什麼抓你都會有一個很漂亮的你如果後面加點這一層你就會拿到結構法的資料哇哇其實我們的網站的性質是非常適合做預渲量的因為我們也是一個一個的法案那你們如果是內容的update的話你們也是譬如說每天或者cloth player清一下快去這樣就好嗯我是直接等於用web這一層我沒有上面在疊東西所以你web就是直接直接寫HTML裡面有在用一些frontend的我有我用react但是因為我有一個叫react server所以我就在server跑server跑的話他收到了任何譬如說一張圖他就是去渲染那張圖譬如說你到盟典譬如說觀測那他本身就是一個request這個request他就會在server端畫出來那你會把觀測後面加點png那是另外一個endpoint他就是這樣畫這個的那張圖他又是另外一個endpoint但是我前端跟後端用的是同一套react component所以我就是簡單就是用你如果到盟典看server.js的話你會看到我的作法就是某一點那個那個資料庫等一下我貼一下他就是在伺服器端跑一次react然後他跟前端就是保證看起來一樣他是在server.js跑react他跑出來的結果就是那個HTML就是到時候在對他直接傳回去那但是當然如果你在前端盟典的就是自跟自至性的連接等等的話那當然我是用前端渲染因為我沒有必要讓使用者覺得畫面閃一下對這兩個是完全完全相同的所以就是說他用的react架構其實就是最普通的react我也沒有用什麼別的東西對所以我不是說一定要這樣子做但是這樣子做在seo上面以及在我就可以直接用google做搜尋是有一些好處我把那個剛剛傳的這是盟典的那個那其實nux是有nux generate那盟典那時候因為我要跑16萬個HTML我是找自己麻煩但是你們沒有16萬個所以你們也可以考慮用靜態預選人那就更容易所以盟典的預選人都是動態的其實也很快我覺得速度很快因為我中間有一層ctn有clouflare所以我只要不去清clouflare的快去最後都是從plp除完哦ok所以你的cdn是用clouflare對我是用clouflare所以真的對要考慮一下用nux generate我覺得會好那接下來就是剛剛UGC我們講維基百科當然是一個可能性不過我覺得另外一個可能性是說可能你們要分流分成維基百科也是有你只是改一個措置的那種使用者或者你就是加一個連接的使用者跟你就是每天不改個文章睡不著的那種使用者對那我現在不知道你們現在是志工們都覺得說目前的編輯界面很ok還是你們也會需要你會需要先幫重度使用者弄一個對現在我們他們其實因為我們現在其實真的是內容翻譯的話就是直接跑google translate所以他們的翻譯通常就是幫忙翻譯那個summary他們就是在air table裡面就是一個欄位然後就在那邊翻譯那他覺得不ok是因為試算比較不好用應該是說應該是說可以相互講就是也不是說不ok啦就是志工來講應該他們是夠用如果是希望每一個人都能參與的話勢必要做到網站上對我會建議你網站上的可輸入點就是你剛剛講的就是inplace就是他在那邊直接改像投票指南就是這樣做的投票指南對就是我剛剛講的法案總整的那邊法案總整就是說像我剛剛不是貼了一個對很有福然後你就可以看到他的政治履歷那政治履歷裡面就包含他之前曾經倡議過或者是共同提案做的答案那他就有一個code reaction要怎麼下的點我來改進這標點怎麼下可是我點了一下之後他就幫我跑到另外一頁他就是黃色標籤區對不對 有看到嗎目前最高票的標籤此案的議員都被標注我還是我直接貼那個我們現在應該再統一一點我應該看到統一頁就是他在右邊有一區是說一句話總結這個提案對 然後五個人先登錄才行我說in place的意思是說他的這個渲染跟前端看起來是一樣的就他等於好像是一個可編輯網頁的那種感覺嗯我聽說你不需要特別弄一個後台見面我們那時候作為幾百個可視化編輯期的想法他看起來就好像這個網頁你按一下就進入一個可以改的版本對 我想看什麼樣和差別對並不是把整個後台的資料倒進像hack empty給他而是你直接在前台把他的可編輯區標定出來然後標定出來之後讓他專門改那一兩個可編輯區嗯那這個你在UI上也比較好寫你就是你不管用content editable還是用把它轉成一個input這都是比較簡單的互動但是這樣的話就變成是說你前端的界面你說inplace的那個editing那等於是你還是要自己做這個部分那不就是一個text area或者一個input了嗎我聽說這兩端嘛一端是說你全部都開放給非常heavy user的製工他就是要能夠編織全部那那個也許用media wiki會用什麼別的那另外一個是他只有10分鐘那這樣的話你要他把整個架構裝在哪裡其實是很大的負擔我想問一下如果投票只能這個就好了投票只能這個我想問一下如果我編輯的話他就直接commit了嗎他後面會有一個review程序還是怎麼樣還是說我現在加入標籤之後馬上就到crowd他是一個crowd source如果你的標籤不OK他是靠別人把它downvoteI see所以任何change都是直接到就直接進取當然你可以有些threshold就好必須要有像之前開放截圖的編輯或那個相鳴ocr都是至少要三個人看過中間至少有兩個人都是同意看過的話就是自己的後面的管理者看過這樣子你也可以中包你的看過也可以中包你要在哪裡讓別人看到這個地方像之前蒙點的做法是我們在右上角會放一個著目鳥然後放的時候他就是說來糾錯或什麼之類那邊就是一個專門讓人不斷的review這有點像slash dot那個moderation的界面如果你是一個moderator你有一個界面專門去看最近大家的更動是什麼然後你自己說這是什麼OK了解有可以對啊我現在沒有辦法登入投票子因為不是選機但是其實我們可以如果你找slash dot moderation很古老但是仍然是一個slash dot moderation它仍然是一個標杆就是你可以它有一個概念叫做meta moderator就是說它會亂數的抽出一些使用者當作有點像陪審團然後它會看其他人對文章跟留言的下標然後看下標公布公寓那slash dot大概也就只有幾個下標就是它是insightfulfunny或什麼之類的那但是就是說不是說一定要這樣子做只是說當你的使用者夠多的時候你可以有during system那當然你一開始一定是就是你的管理員作為後台你可以把meta moderation的這個可能性也放進去酷喔好這部分大概就這樣所以我覺得就是兩個界面一個給casual userpreferably用手機就可以用preferably它的互動非常簡單就是按一下編輯下一個標,按一下編輯就這樣第二個就是給你的heavy user比較生活愉快一點那這個就看你要media wiki還是用其實很多人用google dot或google spreadsheet像之前那個就是用google當後段那也很成立你就直接一個google spreadsheet然後它就是有攬位這樣子然後他們就直接在那裡我記得是用google doc不是google spreadsheetgoogle doc它有一個google doc的partner嗯了解它叫做協作比較表格它比像說高雄市長的證件它就有一個協作比較表格這個你們還沒看過那我就我就傳給zoom跟slack這就是我們幾位主要候選人的證件然後你如果按編輯你會看到它是在google doc裡面用內前表格的方法來這邊那這個後段的好處是大家用google docspread需要來的直觀然後google doc上面的討論串功能也比較好我都不google doc可以做成這樣子強大吧然後這些東西就直接味道前面剛剛看到那個hack對可是這個poster的話就是變成是要format binding如果我今天亂改這些可是全部弄亂因為google doc versioning做得很好I see對有versioning那就也還好對啊那google doc至少你要用google帳號登入另外一個想法就是說因為我剛剛說你們用全套的不是你一定要去用visual editor沒有一定要推薦我寫的像google doc也很好那你如果用google doc的話一個拌解構化方法那我覺得你用hack table的後段改會比較快OK那可是一個問題比如說像這樣子一個google doc配上那個hack mdhack tablehack table的一個empoint它這個東西有辦法自動畫嗎就是我們直接在server site create當然可以啊那個sum的時間快到了那個conversation好等我一秒鐘好所以我們剛剛是談到hack table應該用export嘛那你現在想問的是import就是說能不能從你的結構化資料生出一張google doc來結構化資料生出一個google doc我覺得你可以再說一次你剛剛講的hack table是是讀取端嘛就是你有一個google doc他生json這個是非常容易這是你們現在這樣子的做法嘛就是你們從google doc會生出一個json那那個parts是你們自己寫的嗎從google doc的這個格式應該就是用google現成的叫做output json的這個APIoutput json的API所以它是任何的google doc你只要call這個API它就會output成一個json format是的然後你就直接約定成熟看你是要去怎麼去你的hack table是怎麼去就是你要賦予他結構化的意義嘛那你那個hack table所以你還是要有個地方去你剛剛說約定成熟就是賦予他意義那個地方在hack table做那hack table那邊是要就是你現在是在講poster還是在講我現在講的應該是poster就是google doc變成json這個部分ok嗎那你拿到這個json之後你要怎麼hack table那邊renders你剛剛看到那個樣子這個是hack table那邊這個樣子的功能嗎是啊是ok了解那這樣其實這樣其實好像好像可以那同理如果我有json就是我google doc的json我也可以直接用這個json當證一個是我的template然後我就再create另外一個google doc一再回就是你也可以再去poster render你不一定要用他的poster了解這樣子的話等於是我們就可以直接在server side就是按照去讀db裡面的法案的資料就create這樣子的google doc每一個法案都有一個這樣的google doc對這個是通常就是這其實是結合你本來要做hack md就是讓大家有一整張的感覺但是又有一定程度的結構的話你不需要交美感的markdown結構的話他等於是同時照顧到這兩個所以我覺得heavy user的話他我覺得這個就會是weekly alternative對啊他等於是weekly所以我才說我沒有一定要推薦weekly了解因為我覺得給一般的就是比較catchel的使用者他們還是在網站直接inline的編輯就可以了當然因為你要而且其實我覺得hack table他的界面也非常的好看就是很presentable然後你就直接像你看到這個高雄市長增建比較好然後你左邊就有各種不同的政策這樣子對啊我就可以想像說譬如說今天這是一個法案好了那法案就有不同的session就是包括他的insight他的什麼什麼都在這裡OK那最後就是說你們現有的資料要怎麼倒進google doc我剛剛看了一下最簡單的方法可能是用google drive的API然後你生一個你先render出一個open document text或者word或者html都可以html可能對你最簡單然後再用manage upload的這個API把它倒進google doc裡面這樣的話你就可以每一個法案等於現在air table裡有的東西你就都產生一個html或word doc那裡面當然就有表格嘛就是生table出來就好然後你就把它倒進google doc然後從那個時候開始他就是在google doc編輯等於你知道import一次你說一開始的google drive的API是他有一個upload的一個API我剛剛貼給你對那他的upload是檔案upload他不是json upload所以你不能給他json你一定要給他一個你已經畫好的像是一張文件的東西那最簡單的可能就是html因為反正你們無論如何也得畫html如果我們有今天有做那個nax generate的話就會有的那你把html可能配一個不同的反型就是說結構化資料你一定要出一個tablegoogle tag那你做完之後你丟到google doc然後你可以run trip就是從google doc透過html又拿成結構化資料而且你可以畫成table那你一旦這個run trip做好的話那基本上使用者就算你未來有別的編輯界面你只要把他的那個編輯界面跟你在google doc上面這個共比的界面約定一個就是同步時間那這樣子的話最近把內容或什麼先燒強html再丟到google doc然後從你丟到google doc開始google doc就會變成主要的編輯界面那大概是這樣這一些hack table還是beta的狀態不是只是G0V很喜歡用beta像hack folder也是在beta所以他如果沒有beta的話他其實還是可以他跟這個都沒有關係beta只是一種跟wire web一樣一樣的道理beta就是他他就是part of這個他的證明的一部分這個應該是跟beta.hack folder知情了解那哪裡可以看到那個hack table他的一些API什麼documentation他應該就是直接在github上吧就G0Vhack table我沒有記錯的話主要寫的人好像就是Mr. ORG反正大家都在select上就問一聲就好了好沒有問題我現在看到首頁首頁好像沒有東西你說hack tablebeta.hacktable.org對啊當然沒有東西他就是一個很簡單的Hello World他是一個很很古老的他其實已經就是freeze很久了就是說這個beta真的沒有什麼意義你如果要code的話應該就在G0Vhack table你說你說你做的那個media wiki的visual editor在哪一個我參與的不是我做的他就是現在危機的visual editor就是危機百科本身他有一個首頁在這裡這樣應該差不多其實hack table也是一套思路而已如果你覺得你最後的結構跟hack table有差太多反正你現在知道你可以到Jason出來info hml進去大家發大財對OKOK好像這樣差不多對那如果我們有什麼進度的話隨時再select上找我謝謝應該沒有什麼國家機密吧錄影可以上傳那就先這樣謝謝