R202 非官方共筆

# R202 非官方共筆官方共筆請移駕[這裡](https://docs.google.com/document/d/1v0qmCnesDTiAWC3rlfs27Ol5R0fTQMNhTnqUjOtkjYI/edit) \U+1F4C1 ## A war of file format - Italo Vignoli ### Open Standard - HTML * 第一個開放文件標準 * 無論什麼網頁大部份的瀏覽器都能正常瀏覽 ### What is a Standard? * 電器電壓類比 ### Benefits of Open Standards ### De Jure vs De Facto Standards * de facto 代表市場最大 * de jure 基於共識 * 不給特定公司受益 ### Interoperability #### Legacy Interoperability * 例：紙張 * 只能用影印來實體地複製文件 ### Interoperability != ### Interoperability = Working Better Together * (?) 不依賴 (?) ### Summary of Interoperability #### Technological #### DATA #### Institutional 政府政策 #### Human * 往往是最有問題的 * 要熟悉新的標準必須重新熟悉新的工作流程 ### Openness and (?)Interobility ### ODF BasedInteroperability * 內容綁在特定軟體上 ### Proprietary Format * 基於商業考量而非使用者需求 ### Manual for Professionals MS 出了如何登入系統的使用手冊 ### Memo from Bill Gates ### Benefits of Interoperability ### Interobility Costs (1) * NIST 對於製造業文件流通性成本的報告 * 傳換成本高達數十億美元 ### ODF is (?) ### What is ODF? * ISO/IEC 26300 * 多個企業共識所成 ### OASIS * 1993 年創立 * 來自超過一百個國家的 600 個關係組織（包含 TDF 與 MS） ### ODF Stack * 並非重造輪子，而是基於現有的開放標準 ### Open Format ### New Characteristics of ODF 1.2 ### ODF Plug-Fests * Goal ### Battle of 2 Standards ### OOXML: a pseudo-standard ### Standardization Process #### ODF #### OOXML 在 838 天重審 7200 頁規範 ### Reuse of Existing Standards #### ODF * Dublin Core * 族繁不及備載 #### OOXML * Dublin Core ### Description of Color #### ODF #### OOXML * 不同應用定義不同 ### Creative Handling of Calendar #### ODF #### OOXML ### Issues with Other Calendards ### Conflict with SVG ### Conflict with MathML ### Non Standard Color Names ### Complexity of IT Systems ### Document Complexity * Binary document are not human-readable #### Objects #### Data ### ODF Files #### ODF=ZIP ### OOXML Files #### OOXML=ZIP * 部份元素因相容性以二元 ### ODF by LibreOffice ### DOCX by Microsoft Office ### Simplicity vs Hidden Complexity ### Comparison ODF/OOXML ### Inside ODP ### Inside PPTX ### Deductions of a Stupid Me ### Complexity of Document Formats ### Non Standard: Circa 2000 AC ### No Interoperability ### Non Standard: Circa 2000 DC ### Standard: Circa 2000 DC ### True Interoperability ## Office 寶可夢 GO IV 計算機 -- OpenOffice/LibreOffice 的遊戲人生 ### Slide ### 自我介紹 * 依瑪貓 * 擅長 UNO API 工具開發 ### 故事從試算表說起 ### 試算表 * 可以記瑣碎的資料 * 不用定義類型 ### 遊戲上的應用 * (?) * 植物大戰殭屍 * DOTA * 寶可夢 GO ### 寶可夢 GO 的 CP 和 IV #### 個別屬性(IV) #### 等級 ## Mark Hung - LibreOffice Writer 中文排版議題與開發情形 ### 自我介紹 * 臺灣四個 TDF 會員之一 * 處理一些 LibreOffice 中文相關的問題 ### 中文相關問題 * 臺灣版的項目符號有問題(?) * 中國版的卻是正常的 * 大一就可以解決的問題卻一直沒人處理 ### 中日韓議題 CJK Issues * Meta bug (#83066) * 2014 年下半年最多(?)相關BUG ## 挑戰 * 較少用功能 * 外國人很少用 * 語言隔閡 * 文化差異 * CJK環境(Locale) * CJK字元 * 混合多種書寫系統的文件 * 退步(Regression) * 只要是活著的專案就有人想要讓它變得更好 * 所有的改變都有可能在軟體的某部份造成退步的現象 ## 社群 ### LibreOffice QA Sprint 見面、測試 ## 左右對齊問題 ## 標點符號壓縮 ## 標點符號懸尾 ## 直書問題 * 類別結構太複雜所以一度被移除，然後已知直書文件炸了 * 後來在 5.3 版簡化架構 * 要持續跟核心開發者溝通解決 * Unicode 規範 Annex #50 * 遵守規範反而違反習慣 * Unicode bug ### 注音符號 * 跟日本的片假名相同架構 ### 文字網格 ### 直式注音 ## Basic 巨集開發管理工具 -- 使用自訂編輯器 / IDE, git 與 Dropbox ### OpenOffice Basic is cool! * It connects programming with everybodies daily routines. * 記帳 * 報表 * 活動簽到簿(Calc -> Writer) * Mosaic Spreadsheets * Geometrical Paintings * Piano * Chrismas Tree * etc. ### OpenOffice Basic is sucks * I lost all my Basic macros when I reinstall my system, if I forget to export them * Unable syncronize * Basic IDE sucks * Macros are exported XML files, which I cannot work (?) * So, I wonder: Can I write Basic macros outside of Basic IDE * Gedit/Vi/... * Solution * Manual copy-and-paste from controlled source directory * Use tool to do above job automatically * Technical detailes * Basic modules * 實際上保存的只是很長的 ## 曾政嘉 - 自由軟體專案在地化之生與死 ### 講者介紹 * Fedora 台灣區代表 * Ubuntu 成員 * TDF 成員 * GNOME 成員 ### 過去 #### 1970s 美好年代剛發明微電腦，廠商普遍提供軟體來源碼讓使用者使用 #### 軟體專有化 * 1976 年 Bill Gates 《致愛好者的公開信》 * 後來軟體變成一個產業 #### 專有授權限制 * 軟體是授權而非買斷 * 等等等等 #### 自由軟體緣起 * Richard M. Stallman * 因為全錄印表機卡紙不通知使用者，想改其來源程式碼但全錄不讓改 #### 大門逐漸關閉 * Symbolics 和 Lisp machines, Inc. 專有 Unix 作業系統 Symbolics 把所有軟體劃為專有 RMS 替 Lisp 寫類 UNIX 作業系統作為反制 #### GNU 宣言 * 離開 MIT AI 實驗室，成立自由軟體基金會(FSF) #### 自由授權許可 * 任何人可以任何目的使用程式 * 可以研究程式碼運作，改善並回饋給社群... ### 軟體屬於全體人類 ### GPL 授權 * 1989 年發表 * 軟體散佈必須用相同授權分享 ### Copyleft 著作傳 ### Linux 現身 * 1991 年 GNU 專案只缺作業系統核心，Linux 補上了缺口 ### GNU/Linux ### 從自利出發，卻終將於他 ### 自由軟體、社群 * 人跟人之間的連結 ### 更多以自由軟體為主的基金會 * Linux Foundation * KDE e.v. * TDF... ### 商業發展 * RedHat... * Linux 作業系統核心幾乎由專職設計師所開發 * 成功的自由軟體也是商業軟體 ### 自由軟體、臺灣 #### CLE * 協助 Linux 系統作 I18N+L10N * 認為良好的在地化需要有下列條件 * 中文 * 訊息 * 輸入 * 顯示 * 列印... * 2011 年(?)功成身退 #### 在地發展 #### 訊息 * KDE: alisha, acelan, franklin * GNOME: abel, woodman, pesder... * OpenOffice: pplwong * Firefox: petercpg, bobchao... #### 臺灣本土的中文輸入法專案 * XCIN * gcin * oxim * hime * libchewing * iiimf-chewing * scim-chewing * ibus-chewing #### 顯示 * firefly: AR PL * 高盛華: CJK Unifonts * cwTeX fonts * 王漢宗 ### 現在 #### 薛丁格的貓 - 薛丁格的在地觀察 * 一人團隊(?) * KDE: Franklin * GNOME: pesder * LibreOffice: zerng07 * Firefox: petercpg * Blender: zerng07 * 輸入 * gcin - alive * oxim - dead * hime - low-activity * ibus-chewing - low-activity * ... * 外地來的新專案 * ibus-libzhuyin * ... * 顯示 * AR PL - dead * CJK Unifonts - dead * cwTeX fonts - dead * 王漢宗 - dead，文鼎寫信給請各大 FTP 鏡像說有侵權請下架，後續不了了之，未上法院所以著作權是否侵權狀態不明 * ... * 外來的新專案 * 思源黑體、宋體 ### 困境 * 使用者少 * 推廣者少 * 貢獻者更少（學生、業餘人士為主） * 總之就是少QQ ### 方便與犧牲 * 誰想要走進窗外沒有蘋果的世界？ * 人們為了方便願意犧牲用不到的自由 ### 他山之石 * Purish 推出 GNU/Linux 筆電 * Ubuntu 定期調查檢討流程 * elementaryOS 多方取財 * GNOME 基金會提攜貢獻者 * FSF 推廣自由軟體精神 * Discourse Encouragement Fund 任務型專案基金 * GNU website <del>傳教</del>自由軟體 ### 再平衡 * 降低願意動手再折騰者門檻 ### L10N-tw * 支持目前的自由軟體翻譯社群 * 積極接引國際專案之在地化（承上啟下） * 設立資金提供誘因 * 翻譯 GNU 網站 ### 近期工作 * 接下 Blender wiki 翻譯權限 * GNU Website 翻譯權限 * LibreOffice 中文翻譯 * ... ### GitHub * <https://github.com/l10n-tw> * <http://l10n.tw> * [Bountysource](https://salt.bountysource.com/teams/l10n-tw) ### 未來 * 站穩腳步，也許未來會越來越清晰 ### 個人支持 * 直接小額贊助認證之貢獻者 ### 專案基金 ## Max Wu - 現代瀏覽器的拼字處理 ### 簡報 [slide](https://hackmd.io/p/HkwdlfewW#/) ### 關於講者 * HackMD Lead ### [HackMD - Markdown 協作筆記](https://hackmd.io/) * Hack=方便使用 * MD=Markdown * 文字就可以排版的語法(@clkao) * GitHub/Stack Overflow/Reddit...都在用 #### 用途 * 製作筆記 * 撰寫文件 * 簡報 * Book mode #### 功能 * 圖片 * 影片 * 公式 * 圖表 * 修訂紀錄 * 標記 #### 採用 * PyCon TW 2016 * g0v * ... ### 文字編輯器 Text Editor * e.g. GNU nano #### How? * 基礎 HTML * input tag * type = text/number/password * Textarea tag * 可以輸入文字 * 可以限制文字長度、行數 * 可以作拼字校正、自動完成 * Contenteditable attribute * HTML5 標準 * 直接讓元素內容可以編輯 * 對 IME 之支援度高 * 仍然不能滿足編輯器的需求 * 顯示行號 * 自動換行 * 自動完成 * 自訂主題 * 自訂游標 * 需求很多 * 時間很少 * 看看別人怎麼作？ * CodeMirror * 支援語法標色突顯 * 支援各式快捷鍵 * 支援手機瀏覽器（100分） * 實作方法 * 輸入的時候有一個隱藏的 `<textarea>` 去接輸入事件 * 其餘用 div 自幹 * 連游標都是<del>假的</del>仿造的 * 好像很硬派，但是編輯器很多都是這樣作的 * VSCode 曾經因為閃爍游標太耗資源被開 issue * Ace ### 就把鍵盤事件傳出去吧！ * keypress * keydown * keyup * 以上事件裡面有 keyCode 等資訊 ### 一切都看起來很好！ ### 直到 CJK 發起挑戰 * Chinese, Japanese, Korean * 西文只須拼字，CJK 還需要組字 Composition * ㄋ + ㄧ + ˇ = 你 ### 輸入法編輯器 IME(Input Method Editor) * 但是 Web 瀏覽器不認識它QAQ ### 組字的問題 * 按鍵不會觸發 keypress 事件 * 按鍵 keydown 事件 keyCode 都是 229(Process) * 按鍵 keyup 事件是正常的 OK * 組字事件觸發時取得元素的值會是組字的前一狀態 ### 組字事件 CompositionEvent <https://codepen.io/jackycute/pen/EvNmWv> * compositionstart: 進入組字模式 * compositionupdate: 組字內容更動（有新內容、選字等） * compositionend: 離開組字模式 * compositionevent.data ### 加上Input & Change Event ### 問：所以到底該怎麼做？ * 答：把組字事件也傳出去！ ### 所以在使用 HackMD 的時候其他人也看得到組字過程 * 目前可以完整支援所有需要組字的語言 ### IME 組字的視覺提示 * 正在組字的部份會有底線 * 組字的時候可以移動游標到想要選字的部份 | * 但是每個 IME 行為可能不同（爆） * 交給原生的輸入框會較合適 (O) ### 組字事件在手機上的行為 * 16 Mar 2015 開的 issue https://github.com/codemirror/CodeMirror/issues/3137 ### CodeMirror 已知輸入法問題 * 組字的時候無法移動游標（因為不是原生游標） * 手機上無法長按直接叫出 context menu * 無法使用原生的拼字檢查(spellcheck) * 下載 Chromium 的字典搭配 typo.js * 自幹瀏覽器拼字檢查 ### Q&A * 沒問題可以玩剛剛的玩具 * https://codepen.io/jackycute/pen/EvNmWv * statistics? * 每個月燒掉 400(?) 美金（包含 staging server） * CM 上游合作 * 用的是 fork 的版本，支援多游標跟協作 * 跟上游建檔支援多游標議題被上游瞬間關掉，叫你 fork 掉 * 左右捲動軸同步 LaTeX 語法上會出現 * 行數區間算百分比 + 動畫 ## Bobby Tung 都2017了，注音還沒搞定嗎？ [Slide](https://speakerdeck.com/bobbytung/du-2017-liao-zhu-yin-huan-mei-gao-ding-ma) ### 講者 * Bobby Tung（董福興），W3C invited expert * Editor of Requirements for Chinese text layout ### W3C 電子書輸入出版開了三場 workshop，如何讓電子書有更多國際化的表現 ### 為什麼注音重要應該採用其他方式來學習漢字標音？ * 迄今還是主要學習方式 * 注音輸入法還是大多數台灣人輸入中文的方法 ### 注音符號的重要性 * 兒童學習漢字標音的主要拼音系統 * 注音輸入法為大多數台灣人輸入中文的主要方法 * 不管你贊不贊同(...) ### 注音符號的問題 * 注音符號的顯示目前僅供印刷有最佳解 * 在 Web 以及數位媒體上的顯示仍未有好的作法 * (...) ### 台灣注音符號標準教育部頒布的[國語注音符號手冊](http://language.moe.gov.tw/001/Upload/files/site_content/M0001/juyin/index.html) * 舊版手冊 HTML1.0 時代製作 * 不是用 table 是 frameset * 主要因應印刷需求，制定漢字與注音、調號標法的相對比例及位置 ### 注音字型：因應電腦排版而生的對應之道 ### 注音字型有什麼問題？ * 中文不是一字一音 * 漢字一字多音 * 一字最多六種讀法（破音） * 每個破音都做一套字型 * HTML/CSS 中手工標示破音字 ### 問題在哪兒？ * 六套字按照一字多因審定表編列，輸入有所依據，但缺乏外部語意，機器不曉得實際讀音。 * 審字表外的注音無法顯示，更不能標出錯誤的拼法 * 六套字使用WebFont顯示，在效能上不是好的作法 * 注音字型多半是私有智財，鮮少開放（王漢宗注音字型沒有做齊所有破音） ### 比較好的解法：HTML5 Ruby module * [W3C HTML Ruby Markup Extension](https://www.w3.org/TR/html-ruby-extensions/) * 源自日文書 * ~~寫作紳士，印作~~ * HTML5 終於拍板定案 ```html <ruby>了<rt>ㄌㄧㄠˇ</rt></ruby> <ruby>呢<rt>˙ㄋㄜ</rt></ruby> ``` 輕聲不同於其他聲調，要標在 `<rt>` 開頭 * [唐鳳-萌典API之Ruby標注工具](https://www.moedict.tw/lab/ruby/) ### Web 上注音顯示的問題 * 中文注音一般標註於漢字的右側 * 注音符號的比例不對，尤其是調號 * 調號在直排時應該放於注音符號的右側 ### 解法(?) ```css -webkit-ruby-position:inter-character; -moz-ruby-position:inter-character; ruby-position:inter-character; ``` * 2014年Webkit首先由 David Hyatt 實作該屬性 * 後來其他瀏覽器引擎陸陸續續支援 * [Demo](https://bobbytung.github.io/BopomofoLayoutTest/) ### 注音符號的比例不對 * 理論上應該以國家標準為優先 * 寬度比國字:注音=3:1 * 實際網頁實作 via [漢字標準格式](https://css.hanzi.co/) * 寬度比國字:注音=4:1 * 以CSS調整Ruby文字大小 ### 注音符號的調號 * 調號的碼位全非注音符號專用unicode * 二聲 Modifier Letter Acute Accent（西文音節符號） * 三聲 Caron * 四聲 Modifier Letter Grave Accent（西文音節符號） * 輕聲 Dot Above * 語意完全錯誤 * 字體設計時，符號layout以西文排版為主，常被忽略注音排版情境，導致難以做好注音排版 * 再次申請注音調號專用碼位？ * Unicode原則：一字不能重複編碼 * 思源宋體偏上無法組合正確 * 思源黑體居然作對了？！ #### 解決方案：OpenType Feature * OpenType * 由Adobe主導制定 * 規範多種文字特性 * 例如：用於西文排版的連字（Ligature） * 字串遇到fi、ff時，會換成專屬之連字字形 * 由 But Ko 協助製作雛型，但仍不理想 #### 草擬具體的功能需求講者與唐鳳，在某次萌典松時，共同草擬解決辦法及相關需求 * 當輕聲後接注音符號時，使用替代Glyph顯示 * 在橫排時，三二四聲前接韻母時，使用替代Glyph顯示 * 在直排時，三二四聲前接韻母時，使用替代Glyph顯示，同時移動位置到前一符號的右上角 * 移動時，原本佔用的空間不應顯示空白 #### 停在這一步的原因 * 對OpenType技術與標準化不熟悉 * OpenType像個黑箱一樣，你不曉得它文件在哪裡，讀了你也不會懂、怎麼去制定你也不曉得。~~他X的微軟、他X的Adobe…我沒有罵資策會(小聲)~~ * 需要懂OpenType技術的人員參與 * 個人出資參與標準化活動已經到了極限…… #### 預計的解決狀況 * 在年底的Unicode&i18n Conference上尋找盟友 * 拜訪Adobe [Dr.Ken Lunde](https://zh.wikipedia.org/wiki/%E5%B0%8F%E6%9E%97%E5%8A%8D)詢問解法的可行性。 * 完成後帶入W3C讓瀏覽器實作 * 讓OpenType Feature不僅用於Web，也可用於Word、Writer、InDesign、Scribus等印刷排版文件軟體 ### 談談 W3C 的 i18n 小組（內容口述） W3C * 內部有許多工作小組，負責多樣議題 * 不是一個法人組織，分屬四個host學校 * W3C因金費不足將裁撤i18n小組的全職人員Richard Ishida * Richard Ishida簡介： * 任職i18n小組二、三十年，工作範圍涵蓋Web技術及Uincode * 英日混血，精通英日語 * 催生出日文排版需求（JLREQ） * 這份規格書而後衍生出韓文、中文、印度文等，等東亞語系的排版需求 * 補充：講者專文《[一段關於W3C的故事](https://medium.com/@bobtung/%E4%B8%80%E6%AE%B5%E9%97%9C%E6%96%BCw3c%E7%9A%84%E6%95%85%E4%BA%8B-7adb0f264c94)》 > 各位覺得這件事（L18n的制定、無償使用的open source技術）是理所當然的事，但實際上資金並不是理所當然的事。不只需要資金投入，還需要有人實質參與去做，標準制定這件事才會有成果。 ### 最後 * 找 OpenType 熟悉人士 * 有問題儘管問 * 有錢請贊助 ## Unicode 不是年年更新嗎，2017 怎麼還在缺字？ ### 吳守禮國臺對照活用辭典 * 吳家授權鄙協會作轉 CC 授權 * 作現代化 ### 缺字 * 書上有的字打不出來 * (...) ### 缺字數量 * Unicode 10 標準：(2017)136,690 * 思源黑體 65535 (open type 字型極限) * GlyphWiki 50 萬 ### 再考慮異體字 * Unicode 說好不對字形編碼的 * 劍(?) * 青(?) ### 缺字範圍按時代分 * 四庫全書（超級大百科） - 四個倉庫的 library * 古代廣傳書籍 * 政府公文 * 宗教 * 特定職業內部術語 ### 宗教 * 佛教：最OK，有Cbeta佛典組織推入 Unicode * 動態組字 * 儒：還可以，教育部在乎 * 道：ㄎㄎ(?) * 東正教：傳入中國時自己也發明了自己的漢字 ### 現實 * 鬼系列 * 神諱 * 豐富 * 我是教主？ ### 琴譜 * 古琴譜 ### 現代的狀況 * 新合文 * 《合文誌》 ### 食物 * 統一樂冰冰冰鯊 ### 解決缺字問題 * 可以顯示 * 可以排序（可被搜尋到） * 可以輸入 * 可以公開交換 ### 各種解法 #### 不好的解法 - 放棄 * 空白 * 方塊 * 資訊完全喪失又看不到 * 黑點 #### 不好的解法 - 純圖片 * 人看得到，電腦「看」不到 #### 好一點的作法 - 造字區 * 無交換性 * 非標準 * 人工作業 #### Unicode處理的問題 * 一字一碼永遠處理不完 * 從提案到被接受曠日費時 * 提報缺字→找管道→被打槍：「你證據不足！」→找更多資料→再被打槍「表情符號比較重要啦」(...) * 時間耗費大約是，你的小孩已經從國小變成大學生了，這樣只是一個缺字可以打出來 ... #### Unicode 政治 * 國家角力搶低位元組區 * 弱勢團體被犧牲 * 弱勢語言被犧牲 * ~~台語不需要文字啦~~ ### 根本問題 * 漢字是開放集合 * 很多語言、民族共用 * 一字一碼編不完 ### 更好的解決方法 - 動態組字技術 * 歐語系文字是 1D compositing * 漢字 2D compositing ### 理論基礎 - 找到基本單元 * 1000多個基本部件 * 末級部件 = 部首 + 非字部件 * 交大、中研院、朱邦復工作室等 * 林樹、謝清俊 ### unicode 標準有定義 IDS * Ideographic Description Sequence 組字式 * 範例：招財進寶 ### 自救 #### 工程 * 靜態獨立站 - 供查詢 * 編輯者使用 - 維基文庫 #### han3_ji7_tsoo1_kian3（請用台語念） [github project](https://github.com/sih4sing5hong5/han3_ji7_tsoo1_kian3) * 漢字組建（作者：薛承宏） * 實作 IDS * 可 server 可單機 * 動態自動算比例、拼接 ### IDS 的好處 * 當缺字的交換碼 * IDS幾乎有唯一性 * 少數一字兩式可「正規化」 ### 目前的拼合基礎 * 康熙部首 * 中研院部件 * 基本字 ### 靜態獨立站 ### Credits * Pierre Magistry（阿石） * 蘇渤孺 ### 維基測試站 ### 架構 * 傳回帶有源碼 metadata 的 SVG * <https://組字.意傳.台灣> ### 辭典處理現狀 * 靜態(?) * 動態(?) ### 組字技術繼續要改善的 * 中研院部件有十個左右部件還沒進 Unicode（現在放在造字區） * 傳意優先，美觀可以繼續改善 * (...) ### Q&A ## ? ![](https://i.imgur.com/B25WhKH.png)

Syntax	Example	Reference
# Header	Header	基本排版
- Unordered List	Unordered List
1. Ordered List	Ordered List
- [ ] Todo List	Todo List
> Blockquote	Blockquote
Bold font	Bold font
Italics font	Italics font
~~Strikethrough~~	~~Strikethrough~~
19^th^	19^th
H~2~O	H₂O
++Inserted text++	Inserted text
==Marked text==	Marked text
[link text](https:// "title")	Link
![image alt](https:// "title")	Image
`Code`	`Code`	在筆記中貼入程式碼
```javascript var i = 0; ```	`var i = 0;`
:smile:		Emoji list
{%youtube youtube_id %}	Externals
$L^aT_eX$	L^aT_eX
:::info This is a alert area. :::	This is a alert area.