- Äɲ䵤줿¹Ô¤Ï¤³¤Î¿§¤Ç¤¹¡£
- ºï½ü¤µ¤ì¤¿¹Ô¤Ï¤³¤Î¿§¤Ç¤¹¡£
[[Programing]] > [[Blockly2017>Programing/Blockly2017]] > ¥Ä¡¼¥ë¥Ü¥Ã¥¯¥¹¤È¥ï¡¼¥¯¥¹¥Ú¡¼¥¹¤òÀßÄꤹ¤ë
#title("¥Ä¡¼¥ë¥Ü¥Ã¥¯¥¹¤È¥ï¡¼¥¯¥¹¥Ú¡¼¥¹¤òÀßÄꤹ¤ë")
#title("Blockly1.0¡§¥Ä¡¼¥ë¥Ü¥Ã¥¯¥¹¤È¥ï¡¼¥¯¥¹¥Ú¡¼¥¹¤ÎÀßÄêÊýË¡")
Blockly Developer Tools¤ÎWorkspace Factory¤Ç¤Ï¡¢Toolbox¡¢¥ï¡¼¥¯¥¹¥Ú¡¼¥¹¡¢½é´ü¤Î¥³¡¼¥É¥Ö¥í¥Ã¥¯¤òºî¤ë¤³¤È¤¬¤Ç¤¤Þ¤¹¡£
#contents
* Workspace Factory¤Î´ðËÜÁàºî [#m3d5e356]
+ [[Blockly Developer Tools:https://blockly-demo.appspot.com/static/demos/blockfactory/index.html]]¤ò¸Æ¤Ó½Ð¤¹
+¡ÖWorkspace Factory¡×¥¿¥Ö¤ò¥¯¥ê¥Ã¥¯
+¡ÖToolbox¡×¤È¡ÖWorkspace¡×¤òÀÚ¤êÂؤ¨¤ë
#ref("bdt_workspace_factory.png")
* Toolbox¤Îºî¤êÊý [#hc6a4ace]
** Toolbox¤ò¥Ç¥¶¥¤¥ó¤¹¤ë [#j91f84a6]
Toolbox¤ò¥Ç¥¶¥¤¥ó¤¹¤ë¤Ë¤Ï¡¢Blockly Developer Tools¤ÎWorkspace Factory¤Ç¡ÖToolbox¡×¤òÁªÂò¤·¤Þ¤¹¡£
º¸Â¦¤Î¥ï¡¼¥¯¥¹¥Ú¡¼¥¹¤Ë¥Ö¥í¥Ã¥¯¤òʤ٤ë¤È¡¢±¦Â¦¤Î¥ï¡¼¥¯¥¹¥Ú¡¼¥¹¤Ë¥×¥ì¥Ó¥å¡¼¤¬É½¼¨¤µ¤ì¤Þ¤¹¡£
Blockly Developer Tools¤ÎBlock Factory¤Çºî¤Ã¤¿¥Ö¥í¥Ã¥¯¤ò¥é¥¤¥Ö¥é¥ê¤ËÊݸ¤·¤Æ¤ª¤±¤Ð¡¢¼«Æ°Åª¤ËWorkspace Factory¤ËÆɤ߹þ¤Þ¤ì¤Þ¤¹¡£
+¡ÖToolbox¡×¥¿¥Ö¤òÁªÂò
+¡Ö¡Ü¡×¥Ü¥¿¥ó¤Ç¥«¥Æ¥´¥ê¡¼¤òÄɲÃ
+ ¥Ö¥í¥Ã¥¯¤òÄɲä·¤¿¤¤¥«¥Æ¥´¥ê¤ò¡¢Ãæ±û¤Î¡ÖYour categolies¡×¤ÇÁªÂò¤¹¤ë
+ Äɲä·¤¿¤¤¥Ö¥í¥Ã¥¯¤ò¡¢º¸Â¦¤Î¥ï¡¼¥¯¥¹¥Ú¡¼¥¹¤ÎToolbox¤«¤é¥É¥é¥Ã¥°¡õ¥É¥í¥Ã¥×¤¹¤ë
[[Code Editor:https://blockly-demo.appspot.com/static/demos/code/index.html]]¤Î¤è¤¦¤Ê´û¸¤Î¥³¡¼¥É¥Ö¥í¥Ã¥¯¤Ï¡¢¡Ö¡Ü¡×¥Ü¥¿¥ó > ¡ÖStandard categoly¡×¤Ç¥¤¥ó¥Ý¡¼¥È¤Ç¤¤Þ¤¹¡£
** Toolbox¤òExport¤¹¤ë [#m437c351]
+¡ÖExport¡×>¡ÖToolbox¡×
+ ****.xml¤È¤·¤ÆÊݸ¤¹¤ë
** Toolbox¤òÁȤ߹þ¤à [#o80861ff]
index.html¤Î<xml id="toolbox" style="display: none">¡¦¡¦¡¦</xml>¤ò****.xml¤ËÃÖ¤´¹¤¨¤Þ¤¹¡£
* ¥ï¡¼¥¯¥¹¥Ú¡¼¥¹¤Î¥«¥¹¥¿¥Þ¥¤¥º [#w54dcf90]
** ¥ï¡¼¥¯¥¹¥Ú¡¼¥¹¤òÀßÄꤹ¤ë [#sbf502f9]
+¡ÖWorkspace¡×¥¿¥Ö¤òÁªÂò
+ Ãæ±û¤Î¥ï¡¼¥¯¥¹¥Ú¡¼¥¹¤Î¥ª¥×¥·¥ç¥ó¤òÀßÄꤹ¤ë
** ÀßÄê¤ò¥¨¥¯¥¹¥Ý¡¼¥È¤¹¤ë [#d29da7cc]
+¡ÖExport¡×>¡ÖStarter Code¡×
+ workspace.js¤È¤·¤ÆÊݸ¤¹¤ë
** ¥ï¡¼¥¯¥¹¥Ú¡¼¥¹¤ËÁȤ߹þ¤à [#abd1c93a]
index.html¤Î¥¹¥¯¥ê¥×¥È¤Ç¡¢workspaceÊÑ¿ô¤ËÀßÄꤹ¤ë¥ª¥×¥·¥ç¥ó¤òworkspace.js¤Îµ½Ò¤Ë½ñ¤´¹¤¨¤ë¡£
°Ê²¼¤Ï¡¢¥Ç¥â¤Ë´Þ¤Þ¤ì¤ëGenerating JavaScript¤Îindex.html¤Î¾ì¹ç¡£
// before
var workspace = Blockly.inject('blocklyDiv',
{media: '../../media/',
toolbox: document.getElementById('toolbox')});
Blockly.Xml.domToWorkspace(document.getElementById('startBlocks'), workspace);
// after
var workspace = Blockly.inject('blocklyDiv',
{media: '../../media/',
toolbox: document.getElementById('toolbox')
collapse : true,
comments : true,
disable : false,
maxBlocks : Infinity,
trashcan : true,
horizontalLayout : false,
toolboxPosition : 'start',
css : true,
media : 'https://blockly-demo.appspot.com/static/media/',
rtl : false,
scrollbars : false,
sounds : true,
oneBasedIndex : true,
grid : {
spacing : 20,
length : 1,
colour : '#888',
snap : true
},
zoom : {
controls : true,
wheel : true,
startScale : 1,
maxScale : 3,
minScale : 0.3,
scaleSpeed : 1.2
}});
Blockly.Xml.domToWorkspace(document.getElementById('startBlocks'), workspace);
* ½é´ü¤Î¥³¡¼¥É¥Ö¥í¥Ã¥¯ [#j98a111f]
** ¥³¡¼¥É¥Ö¥í¥Ã¥¯¤òʤ٤ë [#y85df6b1]
+¡ÖWorkspace¡×¤òÁªÂò
+ ½é´ü¤Î¥³¡¼¥É¥Ö¥í¥Ã¥¯¤ò¥ï¡¼¥¯¥¹¥Ú¡¼¥¹¤ËÇÛÃÖ¤¹¤ë
** ½é´ü¥³¡¼¥É¥Ö¥í¥Ã¥¯¤ò¥¨¥¯¥¹¥Ý¡¼¥È¤¹¤ë [#n45bd50a]
+¡ÖExport¡×>¡ÖWorkspace Block¡×
+ workspace.xml¤È¤·¤ÆÊݸ¤¹¤ë
** ½é´ü¥³¡¼¥É¥Ö¥í¥Ã¥¯¤òÁȤ߹þ¤à [#i0a73ca2]
index.html¤Î<xml id="startBlocks" style="display: none">¡¦¡¦¡¦</xml>¤òworkspace.xml¤ËÃÖ¤´¹¤¨¤Þ¤¹¡£
¤³¤Î»þ¡¢¥¨¥¯¥¹¥Ý¡¼¥È¤·¤¿xml¤Ï¡Öid="workspaceBlocks"¡×¤Ë¤Ê¤Ã¤Æ¤¤¤ë¤Î¤Ç¡¢°Ê²¼¤Ç»ØÄꤷ¤¿id¤Ë¹ç¤ï¤»¤Þ¤¹
Blockly.Xml.domToWorkspace(document.getElementById('startBlocks'),workspace);
¤Þ¤¿¡¢workspace.xml¤Îid¤Ïºï½ü¤·¤¿¤Û¤¦¤¬Îɤ¤¤ß¤¿¤¤¡£
* ¤½¤Î¾ [#g76a495c]
- [[Blockly2017>Programing/Blockly2017]]
- [[Blockly1.0¡§¥«¥¹¥¿¥à¥Ö¥í¥Ã¥¯¤Îºî¤êÊý>Blockly/CustomBlock]]