· 開放原子開源大賽 OpenTiny前端Web套用開發挑戰賽。歷時三個月的激烈角逐，OpenTiny與眾多開發者攜手共赴這場智慧的較量。決賽路演於 4月14日在蘇州（太湖）產業軟體園圓滿落下帷幕
春日已至，姑蘇古城迎來了一場編程的盛宴——開放原子開源大賽 OpenTiny 前端 Web 套用開發挑戰賽。歷時三個月的激烈角逐，OpenTiny 與眾多開發者攜手共赴這場智慧的較量。決賽路演於4月14日在蘇州（太湖）產業軟體園圓滿落下帷幕~
開放原子開源大賽由工業和資訊化部、江蘇省人民政府、湖南省人民政府主辦，開放原子開源基金會、央視網、江蘇省工業和資訊化廳、無錫市人民政府、江蘇軟體產業人才發展基金會、蘇州工業園區、無錫高新區、OpenTiny 開源社群等單位承辦，以「軟體定義世界 開源共築未來」為主題,不設門檻不限行業,致力於聚焦國家戰略和產業亟需、鼓勵用「硬科技」解決「真問題」，是一場高規格高站位的開源領域技術競技類比賽。
本次 OpenTiny 前端 Web 套用開發挑戰賽圍繞 OpenTiny 的 TinyVue 元件庫賽題及 TinyEngine 低程式碼引擎賽題的相關任務進行評比，旨在讓開發者基於元件庫或低程式碼引擎進行套用生態開發。透過 TinyVue 元件庫跨技術棧的架構，復用無渲染層邏輯並使用外掛程式將樣版轉化為對應技術棧的函式式元件，最終開發出 Solid、React、openInula 元件庫。或透過使用 TinyEngine 低程式碼引擎，開發出創新性的低程式碼相關套用或生態產品，推動低程式碼產品生態建設。
決賽采用「參賽選手路演展示」+「評委點評問答」模式展開，總體的指導思想為是否該作品可以對 OpenTiny 開源社群的產品競爭力形成較大貢獻。參賽選手們歷經3個月的激烈比拼，約定在此一決高下！
直擊現場
首先 aring 戰隊的賴銳鋒主要講述了如何搭建一套自訂元件物料樣版，以基於 Plyr 庫封裝的音視訊元件作為例項，從元件開發、元件文件、元件描述到產物構建，詳細講解了 OpenTiny Engine 自訂元件開發元件庫的完整流程。
騰誠戰隊的周俊宇則講述了如何將 tiny-echarts 圖表及 tiny-transitions 過渡動畫物料庫匯入在 TinyEngine 低程式碼引擎中，此物料庫包含折線圖、餅圖、柱狀圖、縮放、彈跳、漸隱、飛入等多種入場和出場動畫等多種元素圖表並基於兩者進行數據視覺化大屏的創作。
接著巨蟹好好的徐戰隊的高翔同學透過路演展示了 TinyEngine 低程式碼引擎適配 ant-design-vue 物料，透過編寫指令碼高效提取元件內容和描述，進而生成 tiny-engine 物料，確保物料庫的精準與全面。
然後明誌科技戰隊的劉明則展示了適配層和元件樣版轉換及開發工具鏈，實作從 TinyVue 到 TinyInula 元件庫的自動轉換。
花崗巖小隊戰隊的王士忠同學透過路演介紹了從人工智慧發展史到人工智慧發展當前的痛點，說明了使用 TinyEngine 低程式碼引擎完成的 dl-Flow 低程式碼平台的初衷，介紹了 dl-Flow 是一種拖拽式的線性網路搭建的 Web 應用程式，開發者可以使用該程式直觀地搭建一個 paddlepaddle 的神經網路，並詳細講解了 dl-flow 的基本原理、困難點。
飛翔在天戰隊的張煙玲透過路演談到了開發 TinyReact 元件庫的必要性，及核心技術原理，並展示了作品成果及未來期望。
dewhale 戰隊的余彥臻透過路演展示了如何用兩個 AI 外掛程式降低 TinyEngine 低程式碼引擎的學習門坎，提升使用效率，以及完成一套 AI+E2E 驅動的 TinyReact 元件遷移工具。
巨沙戰隊的何修透過路演展示了借助前端工程化，透過編譯的方式將 TinyVue 元件轉化為 Solid 元件。使得 Solid 元件執行在 TinyVue 之上，釋出為 Solid 元件。
專家點評
看過選手們精彩的演示，評審專家們也根據選手們展示的主題和內容，進行了有針對性的分析和評價，包含技術實作，創新點、套用場景、市場潛力等方面，對展示的內容進行了深入的剖析。其中，華為雲前端 Web 框架技術專家莫春輝老師對 TinyEngine 低程式碼引擎的 AI 外掛程式的技術實作表示了肯定。騰訊技術專家艾瑞坤提到，選手利用 TinyEngine 實作的神經網路的低程式碼平台，如果深入實作將是一個很有意義的計畫。而華為雲高級工程師曾令卡及鄭誌超老師對於選手如何利用TinyVue元件庫的無渲染架構完成指令碼轉換並建立 TinyReact/TinySolid/TinyInula 元件庫的一整套技術方案實作比較感興趣。同時華為雲高級工程師伍其和及李旭宏老師對於選手們的作品創新性及作品適用的普適性也提出了自己的看法和見解。
現場采訪
路演結束，分別邀請了本次大賽的前2名選手及我們的專家代表，進行了簡短的采訪。他們也提到了在參與比賽過程中遇到的難點，同時也表達了對 OpenTiny 開源社群的期望。
頒獎儀式
經過評委們的提問及打分，順利評選出本次大賽的前8選手，華為雲前端高級工程師曾令卡也為選手們分別頒發了一二三等獎，完賽之後選手們也提到感謝專家評委們的意見，後續會繼續讓作品更完整。也希望大家能在 OpenTiny 開源社群上一起發光發熱。
一等獎：dewhale
二等獎：花崗巖小隊、巨沙
三等獎：騰誠、巨蟹好好的徐、明誌科技、aring、飛翔在天
如今，這場大賽已圓滿落幕，OpenTiny 為每一位參與者的辛勤付出和卓越表現感到自豪。同時，也熱切期待更多的開發者能加入到 OpenTiny 開源社群的建設中，共同書寫前端技術的新篇章，共築開源之夢！
關於 OpenTiny
OpenTiny 是一套企業級 Web 前端開發解決方案，提供跨端、跨框架、跨版本的 TinyVue 元件庫，包含基於 Angular+TypeScript 的 TinyNG 元件庫，擁有靈活擴充套件的低程式碼引擎 TinyEngine，具備主題配置系統TinyTheme / 中後台樣版 TinyPro/ TinyCLI 命令列等豐富的效率提升工具，可幫助開發者高效開發 Web 套用。
歡迎加入 OpenTiny 開源社群。添加微信小助手：opentiny-official 一起參與交流前端技術～
OpenTiny 官網： https://opentiny.design/
OpenTiny 程式碼倉庫： https://github.com/opentiny/
TinyVue 源碼： https://github.com/opentiny/tiny-vue
TinyEngine 源碼： https://github.com/opentiny/tiny-engine
歡迎進入程式碼倉庫 Star🌟TinyEngine、TinyVue、TinyNG、TinyCLI~
如果你也想要共建，可以進入程式碼倉庫，找到 good first issue標簽，一起參與開源貢獻~
點選 閱讀原文 ，進入 華為開源官網 了解更多
