We read every piece of feedback, and take your input very seriously.
To see all available qualifiers, see our documentation.
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
這應該是最近很常見到的 live coding 方式 平台有 Facebook, YouTube, …etc
分享範圍也有分全部桌面或是單一程式 因為有的主播習慣直接在線上 IDE 直接 coding 有的喜歡開自己慣用編輯器
只是要盡量能平鋪會用到的視窗，少狂切換放到全滿的視窗，不然觀眾會比較不好跟上 另外開全桌面的，就要留意一下中途會不會被其它軟體的通知干擾 XDD
螢幕分享有個不小的限制就是網路傳輸速度要夠 不管是主播或是觀眾， 所以有時網路較差時會容易 lag 或是畫質變差看不清 code
若擔心 code 會看不清楚時，可考慮搭配下列的方式來輔助~
這是付費使用者的功能 專門針對教學呈現 主要比較特殊的功能是輸入區的指標跟 code 都會同步到觀看者的視窗裡 所以鄉民們可以很方便地看到目前在寫什麼 code 也可以跟前一種視訊的方式一起混合使用，看得到 code 又聽得到聲音 <3
這個模式也有小小的聊天室可以文字討論 不過限制是可容納的人數要看砸的錢夠不夠多 （ 而且最多也一百人而已~ XD
細節 & 介紹可以直接看 codepen 的 blog 文章 https://blog.codepen.io/documentation/pro-features/professor-mode/
這個有點雞肋的實驗方式有在今天 Happy CSSer 活動裡示範一下 XD 我是覺得玩法挺有趣的，不過一般或許不需要這麼麻煩~ 主要的點在於 jsbin 它預設就有即時同步的功能，而且免費的就有 而 GhostText 這款 extension 可以把網頁中的輸入區對映到(支援的)編輯器裡 能達到的功能就會變成：
搭配視訊，觀眾就能更清楚地看到程式碼 ( 不需要等主播存檔，觀眾再手動重整網頁
不過有個缺點就是 jsbin 有時會有些秀逗 ~"~
~"~
我個人是習慣直接用免費也免軟體的 YouTube 開， 直接錄全部的桌面 ( 因為會開一些其它工具輔助寫 視窗切割大部份會切左邊程式、右邊網頁，不管 focus 在哪邊都看得到 有時有些參照用的小視窗會釘在最上層擺到角落上
而主要是錄起來當日後 review 用， 所以不會錄聲音跟大頭，更不會管有沒有人發問 XDD
另外我覺得能邊寫 code 邊講話的人都好厲害 要講話都感覺很難思考 XDDD 而且是邊寫邊 refactor 會很慢很拖，能慢慢看完的人應該不多 XDDD
可以看看 Ana Tudor 的直播~ 他一開始是習慣直接用 Codepen 的 professor mode https://www.youtube.com/watch?v=HMF95WUVCI8 ( 以前錄下來看的 XDD
這種方式，觀眾會比較少 （ 我其實也不曉得為啥
所以他後來就改成用 YouTube 直播了 而且也是直接混合用 Codepen professor mode 來直播 這樣觀眾可以直接看 code，YouTube 就放背景分頁，有聲音就好 XD https://www.youtube.com/watch?v=2glY-1Sn9gw
有聲音果然還是比較多人一點 雖然我覺得他的個性也不太管有沒有人看 (？ XD
The text was updated successfully, but these errors were encountered:
No branches or pull requests
1. 螢幕分享式的視訊直播
這應該是最近很常見到的 live coding 方式
平台有 Facebook, YouTube, …etc
分享範圍也有分全部桌面或是單一程式
因為有的主播習慣直接在線上 IDE 直接 coding
有的喜歡開自己慣用編輯器
螢幕分享有個不小的限制就是網路傳輸速度要夠
不管是主播或是觀眾，
所以有時網路較差時會容易 lag 或是畫質變差看不清 code
若擔心 code 會看不清楚時，可考慮搭配下列的方式來輔助~
2. Codepen professor mode
這是付費使用者的功能
專門針對教學呈現
主要比較特殊的功能是輸入區的指標跟 code 都會同步到觀看者的視窗裡
所以鄉民們可以很方便地看到目前在寫什麼 code
也可以跟前一種視訊的方式一起混合使用，看得到 code 又聽得到聲音 <3
這個模式也有小小的聊天室可以文字討論
不過限制是可容納的人數要看砸的錢夠不夠多 （ 而且最多也一百人而已~ XD
細節 & 介紹可以直接看 codepen 的 blog 文章
https://blog.codepen.io/documentation/pro-features/professor-mode/
3. jsbin + GhostText
這個有點雞肋的實驗方式有在今天 Happy CSSer 活動裡示範一下 XD
我是覺得玩法挺有趣的，不過一般或許不需要這麼麻煩~
主要的點在於 jsbin 它預設就有即時同步的功能，而且免費的就有
而 GhostText 這款 extension 可以把網頁中的輸入區對映到(支援的)編輯器裡
能達到的功能就會變成：
搭配視訊，觀眾就能更清楚地看到程式碼
( 不需要等主播存檔，觀眾再手動重整網頁
不過有個缺點就是 jsbin 有時會有些秀逗
~"~個人習慣：
我個人是習慣直接用免費也免軟體的 YouTube 開，
直接錄全部的桌面 ( 因為會開一些其它工具輔助寫
視窗切割大部份會切左邊程式、右邊網頁，不管 focus 在哪邊都看得到
有時有些參照用的小視窗會釘在最上層擺到角落上
而主要是錄起來當日後 review 用，
所以不會錄聲音跟大頭，更不會管有沒有人發問 XDD
另外我覺得能邊寫 code 邊講話的人都好厲害
要講話都感覺很難思考 XDDD
而且是邊寫邊 refactor 會很慢很拖，能慢慢看完的人應該不多 XDDD
推薦參考
可以看看 Ana Tudor 的直播~
他一開始是習慣直接用 Codepen 的 professor mode
https://www.youtube.com/watch?v=HMF95WUVCI8 ( 以前錄下來看的 XDD
這種方式，觀眾會比較少 （ 我其實也不曉得為啥
所以他後來就改成用 YouTube 直播了
而且也是直接混合用 Codepen professor mode 來直播
這樣觀眾可以直接看 code，YouTube 就放背景分頁，有聲音就好 XD
https://www.youtube.com/watch?v=2glY-1Sn9gw
有聲音果然還是比較多人一點
雖然我覺得他的個性也不太管有沒有人看 (？ XD
The text was updated successfully, but these errors were encountered: