1. 禍起

看到標題，切圖仔們又是菊花一緊。前幾天微軟剛剛開源Sketch2Code，讓UI草圖轉化成HTML代碼。切圖仔瑟瑟發抖。

還沒等切圖仔調整好心情，號稱H5代碼生成工具的H5DS也開源了最新的代碼。

尼瑪，H5代碼都可以一鍵生成了，還讓人玩不？還TM是開源的，從此做H5頁面，不要998，不要98，只要9塊8，想砍人了！別攔著我，我要早點轉行去送外賣！

2. 趨勢

為什么會有這些工具出現？我總結為趨勢所迫，當各種需求鋪天蓋地砸過來，傳統的切圖效率低，成本高。在需求猛增的驅動下，工具出現了！一個人干不過團隊，一個團隊干不過工具，一個工具干不過趨勢。正常情況下，如果一個外包公司，不借助工具來快速搭建項目，一般會把自己搞死的！

估計很多程序員都遇到過這種事情：

甲方：我想做一個像淘寶一樣簡單的網站，你是程序員那么厲害，1000塊錢很快就可以做一個吧？

我：你出200塊錢讓馬云賣給你吧，反正他都已經做好了！

或者是這樣的事情：

重復的修改需求是多么苦逼的一件事情，代碼千瘡百孔，已經改到懷疑人生：尼瑪，這TM是我寫的代碼？

我只是一個小小的切圖仔，被甲方爸爸，被產品，被老板，被框架各種虐。

3. 何去何從

在如此趨勢所迫中，切圖仔該何去何從？

作為個人來看，工具是沒法完全取代人工的，工具可以幫助開發者完成大量的簡單重復工作，但是要滿足實際業務，還是需要前端工程師的專業知識和技術。但是作為一個工程師，結合工具+代碼，才能最大化的提升開發效率。所以，如果能投身工具領域，也未嘗不是一件好事兒。

4. 撥云見日

首先，做個自我介紹，我是H5DS的開發者，也希望有更多的前端工程師能加入這個項目，制作功能插件，這個工具不只是一個單純的H5制作工具，還可以根據實際業務訂制開發插件，快速制作手機端頁面。在未來的行業競爭中，希望各位能飛的更高！

別打我，交出資源

項目地址：http://www.h5ds.com

文檔地址：http://doc.h5ds.com

github地址：https://github.com/h5ds/h5ds

總結

以上是生活随笔為你收集整理的前端又要失失失失失失失失失业了！的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。