「技術」Sketch2Code在幾秒鐘內將草稿轉換為程式碼
概觀
- Sketch2Code是一個基於Web的產品,它使用機器學習將手寫設計轉換為可用的HTML程式碼
- 該應用程式使用各種機器學習元素,包括計算機視覺
- 它是開源的!程式碼和文件可以在Microsoft的GitHub儲存庫中找到
介紹
您有多少次頭腦風暴並在白板上提出解決方案,然後編寫整個程式碼以使其在您的機器上可行?如果您只需將白板設計複製到您的機器而無需通過程式碼編寫它會有多大用處?
由於機器學習和微軟的結合,這不再是魔術或夢想的東西。Sketch2Code是一個基於Web的解決方案,它使用機器學習將手寫筆記從影象轉換為可用的HTML標記程式碼。它是開源的!
下圖來自微軟宣佈此產品的官方部落格文章,展示了應用程式工作流程:
作為對資料科學感興趣的人,您會想知道機器學習在這個特定的應用程式中是如何工作的。不要再想了,因為下面我列出了設計Sketch2Code的元素:
- Microsoft自定義視覺模型:正如人們所預料的那樣,該模型已經使用不同手寫筆記的影象進行了訓練。這些註釋包含有關HTML元素的資訊,如按鈕,文字框和影象
- Microsoft的計算機視覺服務:用於識別書面文字
- Blob儲存:需要注意的關鍵點 - 儲存HTML生成過程中採取的所有步驟,包括您上傳的影象和預測結果
- Azure功能:協調HTML生成過程的後端
- Azure網站:這基本上是使用者看到最終HTML輸出的地方
您可以在GitHub上訪問Sketch2Code的所有程式碼和文件。這個儲存庫包含了我們上面看到的每個元素的非常詳細的步驟,並且綽綽有餘(至少)讓你的腳溼透了。
我們對此有所瞭解
驚人!試了一下,可以證明這是多麼有用。這將為尋求快速網頁設計解決方案的任何企業節省資金和時間。