May 07, 2006

Send to Kindle

[黑客人生]高橋メソッド

我自從看過 gugodOSDC 所講的《利器善事》(這份投影片要 Firefox 1.5 以上的版本纔能看)之後,就深深感受到「高橋法」所帶來的震撼。

高橋法,或稱 Takahashi Method ,是日本 Ruby 程式設計師高橋征義所發明的一種顛覆現今所有主流簡報技巧的方法,其風格可以說是完全承襲庵野秀明知名動畫作品《新世紀エヴァンゲリオン》當年所帶來的視覺衝擊,以飛快的節奏將斗大的極太明朝字體化為文字、圖案、精神三位一體,藉此增加講者與聽眾間的同調率,遂行精神污染之目的。

潛心於 XUL下田洋志 ("Piro") 實做了高橋メソッドなプレゼンツール in XUL リターンズ,用一個 XUL 檔案搭配一個 CSS 檔案展現了易於編輯的高橋法投影片系統,並且還可以切換成 EVA 模式,因此很快地受到眾人的愛用。事實上, gugod 使用的 Sporx (這個字讀做 "Sporkahashi" )就是 Ingy 把 takahashi.xul 跟他自己的 Spork 結合的成果。

由於受到了 gugod 的衝擊,我在今年四月的 Blog BoF 所用的投影片(請用 Firefox 1.0 以上的版本觀看),也就跟進採用這套系統,以高橋法簡報。看過 gugod 的優異範例,自己再實際做過一次後,多少有了點掌握,但是我覺得這樣還不夠;想要瞭解一套方法,就要從那套方法的原始典故瞭解起,於是我終於鼓起勇氣開始看 EVA 。看完一輪 EVA 後,我也完成了新的實做,也就是昨天 (2006/05/06) 在 Happy Designer第一次聚會活動上,我用來說明 WCAG 2.0 跟 1.0 差異的投影片 (同樣請以 Firefox 1.0 以上的版本觀看)。

在昨天的聚會中,同時也看到了許許多多不同的 Takahashi Method 實做,像是 Jeremy 提出可以運用 Flash 來製作 Takahashi 投影片(雖然我覺得太費工了……顯然是因為我也不會用 PowerPoint 的緣故), toung 直接用小畫家和 Windows 內建的圖片預覽程式製作了動畫效果俱佳的 Takahashi 投影片, lukhnosmomizi 先後利用 Keynote 做出了有注音 (Ruby text) 有字幕的 Takahashi 投影片,這跟 EVA 動畫的感覺又更貼近了一層;最後還有 zonbleHyperCard 2.2 版製作的超有型 Takahashi 投影片,讓人不禁噴飯絕倒。

上述這些簡報的實況錄影,也可以從 HappyDesigner 的部落格取得。

在會場上, gugod 拿出了一本《でかいプレゼン 高橋メソッドの本》,這是高橋征義自己運用高橋法來解說高橋法的一本書,光是看這本書就覺得相當震撼了(唔,這樣頁數就瞬間加倍了……),應該要買來研究一下纔對(雖然說我完全不會日文啊)。

也許除了投影片外,也可以試著用這樣的方法來編排書籍內文呢,嗯。

(+) 於 所發表 | 顯示版本變更: 1.13 | [del.icio.us] [Digg]
相關文章:
歷史上的今天:
迴響
[ 1 : 靜態鏈結 ]

請問一下,您的投影片中 Pen和auto 和下面的Next:捲軸 是怎麼做出來的?我在Sporx 0.10找不著說... 感謝

AlexW 發表於 May 8, 2006 12:54 AM
[ 2 : 靜態鏈結 ]

呃,因為 Sporx 用的 JavaScript 要 Firefox 1.5 以上纔正常,而我自己又還是用 Firefox 1.0.7 ,所以我自己是用 piro 的那份 xul 檔案改的。

至於 Sporx 嘛,抱歉我自己沒親身真的用過……

Jedi 發表於 May 8, 2006 02:22 AM
[ 3 : 靜態鏈結 ]

上面xul那部分资料有英文的吗?

x5 發表於 May 8, 2006 04:44 PM
[ 4 : 靜態鏈結 ]

至少我沒有找到。摸索一下應該很快就能明白了。

Jedi 發表於 May 8, 2006 06:18 PM
[ 5 : 靜態鏈結 ]

兩個錄影檔的連結都失效了,請問還有哪裡找得到嗎?

很想看的說,到現在看這些投影片,只覺得一頭霧水啊……

墳墓 發表於 May 11, 2006 06:58 PM
[ 6 : 靜態鏈結 ]

因為某些原因,鏈結大約星期二纔會修好。請期待。

Jedi 發表於 May 12, 2006 12:18 AM
[ 7 : 靜態鏈結 ]

这篇文章的链接太多,:P

sike 發表於 May 12, 2006 11:59 PM
[ 8 : 靜態鏈結 ]

實況錄影檔的鍊結已更新。

Jedi 發表於 May 15, 2006 12:18 PM
[ 9 : 靜態鏈結 ]

嗯,不错!我也在公司内部会议上使用了一次:)

Andy 發表於 May 15, 2006 02:39 PM
[ 10 : 靜態鏈結 ]

Eva真的是很有內容的東西
歡迎加入迪拉克之海
http://kid.o-channel.net/

熱血半調子 發表於 June 12, 2006 06:51 PM
[ 11 : 靜態鏈結 ]

嗯,實在是很有趣的投影片功具。

請問一下 Jedi 大,你在 /p4/slide/ 下用了 Takahashi.xul 做的那些投影片我如果要作一份copy 的話(i.e. 我要把你的投影片放到自家的 hdd 裡去作 offline browsing),我應該怎樣做呢?

由 Aaron 發表於 February 28, 2008 01:30 AM
[ 12 : 靜態鏈結 ]

請留意一下相對路徑,尤其是指去 css 檔案的那個部分。修改後即可輕易打包。

或者你要直接 mirror 整個 slide/ 目錄,這樣就不用處理路徑的問題了……

Jedi 發表於 February 28, 2008 02:36 PM
[ 13 : 靜態鏈結 ]

怎麼存檔呢?
我做好了我的投影片
却無法存檔
每次存檔都變成自動產生一個檔名
然後再去開它時
出來的是亂碼
不是我寫好的投影片
為什麼???

由 請問 發表於 September 24, 2008 02:50 PM
[ 14 : 靜態鏈結 ]

to 請問:

可以說明一下,你是用甚麼套件/系統在做投影片嗎?

Jedi 發表於 September 24, 2008 08:46 PM
[ 15 : 靜態鏈結 ]

我是在Firefox 3.0.1版打開takahashi.xul, 按右上角的edit直接編輯

發表於 September 30, 2008 09:39 PM
[ 16 : 靜態鏈結 ]

還有我的作業系統是winxp

發表於 September 30, 2008 09:40 PM
[ 17 : 靜態鏈結 ]

這個嘛,請乖乖地用文字編輯器來編輯 takahashi.xul 吧。

我自己從來沒在用他的那個即時編輯功能啦……

Jedi 發表於 October 1, 2008 04:57 AM
[ 18 : 靜態鏈結 ]

可以了.
真謝謝版主!!!
我用文字編輯器就可以存檔了.

發表於 October 2, 2008 08:40 PM
[ 19 : 靜態鏈結 ]

可是,又有問題, 字型如何設定呢?
只有細明體不太好看.
我看過一個網站建議用"王漢宗超明體繁體"就很好看.
我下載了這個字型,在powerpoint裏做很好看.
但如何在takahashi.xul中設定字型呢?

發表於 October 2, 2008 08:44 PM
[ 20 : 靜態鏈結 ]

簡單地說,修改 CSS。我自己是用華康超黑體(正常模式)搭配華康超明體(EVA 模式)。

Jedi 發表於 October 2, 2008 11:31 PM
[ 21 : 靜態鏈結 ]

補充一下,修改 CSS 時有兩件要注意的事:1. 如果你拿到的是只有一個 takahashi.xul 的版本,則 CSS 的部分是嵌入在檔案內的,仔細找找看吧!2. 如果你拿到的是 .xul 跟 .css 分開的,那你得注意一下那個 CSS 的編碼──他可能是 Shift-JIS,而你得把他轉成 UTF-8 纔會動。

Jedi 發表於 October 2, 2008 11:33 PM
[ 22 : 靜態鏈結 ]

真不好意思
我從未使用過
打開檔案,看來看去,就是不知道如何改.好像也沒看到什麼*.ttf之類的字型檔名稱.
我下載firefox的附加原件firebug能用來修改嗎?

發表於 October 14, 2008 05:19 PM
[ 23 : 靜態鏈結 ]

跟 Firebug 一點關係也沒有吧。

改 CSS 的部分,所以是要用字型的「名稱」而不是「檔名」。(當然你的電腦中要裝有那個字型)

Jedi 發表於 October 14, 2008 11:29 PM
給我迴響吧!
個人資訊








是否記住個人資訊?



請依上圖輸入檢核碼:
迴響





Jedi.org: 部落格 | Weblog | 三太子 | 討論 | MTBook | 網頁親和力 | 深入親和力 | 簡報原力:AV | 履歷 | + | Flickr | tumblr | NSFW | 統計