作者：才怪 授權本站轉載。

最近Atom編輯器又出了一個插件:atom-miku，裝上這個插件後編輯器會出現一個程序員鼓勵師Miku，敲代碼時Miku會唱歌和跳舞，停止敲代碼時Miku的動作就慢了下來，簡直是宅男的福音啊，效果如下：

據說有人用了，而且帶上耳機聽背景音樂，結果第二天就被炒了，理由是上班看視頻。

於是我又模仿寫了個Xcode的版本的插件，插件下載地址為：https://github.com/poboke/Miku，也可以在Alcatraz上搜索Miku進行安裝。

下載查看atom-miku的源碼，發現插件只是在編輯器裡面嵌入了一個網頁，網址為http://miku-dancing.coding.io。
當網頁加載完畢時，會免費贈送10秒鐘的播放時間，如果播放時間消耗完的話，Miku的動作就會變慢，音樂的音量也會變小。這時如果執行js代碼control.addFrame(seconds)方法的話，播放時間就會增加，Miku又重新復活了。

可以說，網頁裡已經實現了大部分功能，如果要移植到Xcode的話，只需寫出以下邏輯就行了：
1. 在代碼編輯框上面加上一個WebView來加載網頁。
2. WebView支持用鼠標拖動，防止有時候擋住代碼。
3. hook代碼編輯框輸入文字時的方法，調用網頁的addFrame()方法來增加播放時間。
4. 由於網頁的資源過大，在線加載速度比較慢，所以把網頁都打包到插件裡。

具體的實現方法可以查看源碼：https://github.com/poboke/Miku