Blockly - 維基百科，自由的百科全書

麻省理工學院的App Inventor，用來創造應用程式。

Blockly Games 是一套教育性質的電腦遊戲，教導程式設計的概念，如循環與條件分支。

Blockly 維基百科，自由的百科全書 跳至導覽 跳至搜尋 此條目翻譯品質不佳。

(2018年8月6日)翻譯者可能不熟悉中文或原文語言，也可能使用了機器翻譯，請協助翻譯本條目或重新編寫，並注意避免翻譯腔的問題。

明顯拙劣的機器翻譯請改掛{{d|G13}}提交刪除。

Blockly是一款運行在網頁客戶端的JavaScript 庫，目的是用來打造以積木塊為基礎，附帶編輯器的視覺化程式設計語言。

它是一項由谷歌根據Apache2.0許可的開放源碼專案。

常見被應用在網頁瀏覽器中，視覺上與Scratch差不多。

Blockly也可於Andriod和iOS中運行，但無法獲得網頁瀏覽器的全部特性。

Blockly是使用能在網頁上拖拉並相互連接的視覺化方塊，使得程序的撰寫更加容易，並且可以生成對應的JavaScript，Python，PHP或Dart等原始碼。

它也可以定製產生任何含有文字的電腦語言。

[1] 目次 1歷史 2使用者介面 3訂製化 4應用 5功能 6參考文獻 7外部連結 歷史[編輯] Blockly的發展始於2011年夏天，首次是在2012年的MakerFaire公開發布。

Blockly最初是為了替代AppInventor的OpenBlocks所設計的。

[2] NeilFraser負責啟動這個計劃，並且與QuynhNeutron、EllenSpertus以及MarkFriedman一同為主要貢獻者。

使用者介面[編輯] Blockly編輯器的預設使用者介面是由工具箱（toolbox）、工作區（workspace），工具箱內有可用的程式方塊，使用者可從"工具箱"中拖拽方塊，並且在工作區進行排列和組合。

預設情況下，工作區還包括一個縮放圖示和一個用來刪除程式方塊的垃圾桶。

[3] 特別的是，這個編輯器允許程式方塊被開發者啟用或是限制某些功能。

訂製化[編輯] Blockly包括一組通用功能的程式方塊，但可以通過訂製化以增加更多的程式方塊。

新的程式方塊需要一組定義方塊的數據以及方塊邏輯的程式碼產生器。

方塊定義數據決定了方塊的外觀（使用者介面）而產生器負責產生被翻譯對象的程式碼。

方塊定義與程式碼產生器可以被放在Javascript中，或者可以利用BlockFactory，這是一種用來產生新的方塊的工具，其原理是利用方塊來產生新方塊的相關數據；讓創建新的方塊更加容易。

應用[編輯] Blockly被使用在一些著名的項目中，其中包括： 麻省理工學院的AppInventor，用來創造應用程式。

[4] BlocklyGames是一套教育性質的電腦遊戲，教導程式設計的概念，如循環與條件分支。

[5][6] Code.org教入門級的程序設計，已經有數以百萬計的學生參與到他們的HourofCode計劃中了。

[7] 來自CodeForLife的RapidRouter，教導小學生程序設計的概念。

[8] RoboBlockly，一款以網頁為操作基底的機器人模擬環境，用來教導程式設計與數學。

Verge3D利用Blockly作為WebGL的腳本環境 (被稱為拼圖)。

[9] WonderWorkshop，用在控制他們的DotandDash教育機器人。

[10] 功能[編輯] 基於網頁為操作基底來使用SVG，而不是使用Flash 可完全客戶端運行的JavaScript 支持主要的網絡瀏覽器包括：Chrome，Firefox，Safari，Opera，IE 支持行動載具，如 安卓 以及 iOS 支持許多程式設計架構，包括變數，函數，陣列等 支持最小型別檢查，是一種弱型別的程式語言 訂製化方塊擴展容易。

藉由使用BlockFactory讓Blockly打造Blockly 可生成乾淨的代碼[11] 可單步執行代碼以進行追蹤和除錯[12] 已經翻譯50種以上的語言[13] 支持從左到右或者從右到左的文字顯示 [14] 參考文獻[編輯] ^Google'sBlocklyTeachesYoutoCreateApps.NBCBayArea.[2018-02-02].（原始內容存檔於2018-08-13）.  ^GoogleGroups.Groups.google.com.[16January2018].（原始內容存檔於2019-05-31）.  ^GoogleBlockly-AGraphicalLanguagewithaDifference.I-programmer.[2018-02-02].（原始內容存檔於2018-02-04）.  ^MITAppInventor2.MIT.[2018-02-02].（原始內容存檔於2016-04-25）.  ^GoogleIntroducesKidstoCodingThroughBlocklyGamesProject.EWeek.  ^Blockly:MazeArchives-BrainPOPEducators.BrainPop.[2018-02-02].（原始內容存檔於2015-04-23）.  ^TranslateCode.org.Code.org.[2018-02-02].（原始內容存檔於2014-12-23）.  ^RapidRouter.OcadoTechnology.[2018-02-02].（原始內容存檔於2018-01-18）.  ^Verge3D1.0.2BringsInstantWebPublishing,NewPuzzlesandMore!.Soft8Soft.[2018-02-02].（原始內容存檔於2018-01-25）.  ^WonderWorkshopBlockly.WonderWorkshop.[2018-02-02].（原始內容存檔於2018-03-17）.  ^BlocklyDemo.Blockly-demo.appspot.com.[16January2018].（原始內容存檔於2018-01-17）.  ^BlocklyDemo:JSInterpreter.Blockly-demo.appspot.com.[16January2018].（原始內容存檔於2018-01-17）.  ^LocalisationstatisticsfortheBlocklycoremodule.Translatewiki.net.[16January2018].  ^BlocklyDemo:RTL.Blockly-demo.appspot.com.[16January2018].（原始內容存檔於2018-01-17）.  外部連結[編輯] 官方網站（頁面存檔備份，存於網際網路檔案館） 取自「https://zh.wikipedia.org/w/index.php?title=Blockly&oldid=64121169」 分類：​Google軟體視覺化程式設計語言用JavaScript編程的自由軟體隱藏分類：​自2018年8月粗劣翻譯 導覽選單 個人工具 沒有登入討論貢獻建立帳號登入 命名空間 條目討論 臺灣正體 不转换简体繁體大陆简体香港繁體澳門繁體大马简体新加坡简体臺灣正體 查看 閱讀編輯檢視歷史 更多 搜尋 導航 首頁分類索引特色內容新聞動態近期變更隨機條目資助維基百科 說明 說明維基社群方針與指引互助客棧知識問答字詞轉換IRC即時聊天聯絡我們關於維基百科 工具 連結至此的頁面相關變更上傳檔案特殊頁面靜態連結頁面資訊引用此頁面維基數據項目 列印/匯出 下載為PDF可列印版 其他專案 維基共享資源 其他語言 العربيةCatalàČeštinaDeutschEnglishEspañolFrançaisРусскийУкраїнська 編輯連結