#title(Blockly:֥åץ२ǥ饤֥ 2017ǯ)

[[Programing]] > Blockly2017

Blockly1.0꡼줿Τǡ餿ƿĴ٤Ƥߤޤ

#ref(blocklyp5.js_s.png,nolink)

#contents

*  [#oa8b42a0]

Blockly1.0ϡӥ奢ץߥ󥰥ǥѥ饤֥Ǥ켫ΤϡץǤϤʤȯԸΥġ륭åȤȤդǤ͡

ȤˤȡħƤޤ

- JavaScript饤֥ꡣ150Kb̤
- 100󥯥饤ȥɤưС¦ˤϰ¸ޤ
- ChromeFirefoxSafariOperaIEʤɡפʥ֥饦ưޤ
- ٤ʥޥȳĥƤޤ

* äƤߤ [#h135b740]

-blocklyp5.js = p5.js + blockly
--[[demo:https://ycatch.github.io/blockp5.js/]]
--[[Github:https://github.com/ycatch/blockp5.js]]

- Ϥ졪إåݥ - ޹
-- ǥ https://ycatch.github.io/heppo-code-running/
-- https://github.com/ycatch/heppo-code-running


* ˥塼 [#zaa1d9ab]

- 2017.08.09
--[[blockp5.js:https://ycatch.github.io/blockp5.js/]] p5.jsblocklyǥץߥ󥰤ǥ
--[[GithubǸ:https://github.com/ycatch/blockp5.js]]
- 2017.06.10
--[[Google֥åǥץߥ Blockly 1.0פ | ޥʥӥ˥塼:http://news.mynavi.jp/news/2017/06/12/106/]] iOS / Androidˤб
--[[Google Developers Blog: Introducing Blockly 1.0 for Android and iOS:https://developers.googleblog.com/2017/06/introducing-blockly-10-for-android-and.html]]

*  [#e87d0281]

Ȥξ󤬤ޤȤޤäƤƤ狼䤹ǤGoogleˤܸڡ⡢ạ̈狼ޤ

** ȯԸ [#jcb761ca]

-[[Blockly  |  Google Developers:https://developers.google.com/blockly/]]
--[[Googleˤܸڡ:https://translate.google.co.jp/translate?hl=ja&sl=en&u=https://developers.google.com/blockly/]]

-[[Introduction to Blockly  |  Blockly  |  Google Developers:https://developers.google.com/blockly/guides/overview]]
--[[Googleˤܸڡ:https://translate.google.co.jp/translate?hl=ja&sl=en&u=https://developers.google.com/blockly/guides/overview]]

-[[Reference  |  Blockly  |  Google Developers:https://developers.google.com/blockly/reference/overview]]
--[[Googleˤܸڡ:https://translate.google.co.jp/translate?hl=ja&sl=en&u=https://developers.google.com/blockly/reference/overview]]

-[[:https://github.com/google/blockly]]

** ǥ [#n2a44be0]

-[[Blockly Demos:https://blockly-demo.appspot.com/static/demos/index.html]]

ƱƤɤեΡdemosץեˤޤ

BDTʤɡĤΥǥϡǤǤưޤ󡣡

** Blockly Games [#y045fe7c]

-[[ץ륢ץ:https://blockly-games.appspot.com/]]
-[[:https://github.com/google/blockly-games/wiki]]

¿첽ѤΥ꥽ե뤬ήѤǤ롣

* Blocklyδܵǽ򤹤 [#dec228f8]

BlocklyΥ֥åǥϡ֥å(block types)Ǽtoolboxȡ֥å֤뤿ΥڡǹƤޤ

ɥڡʲ֤ˤɤäƤȡBlocklyδܵǽǤޤ


** BlocklyΥ [#u21760ec]

Github饯󤹤뤫եɤޤ

-[[Get Started  |  Blockly  |  Google Developers:https://developers.google.com/blockly/guides/get-started/web]]
--[[Google :https://translate.google.co.jp/translate?hl=ja&sl=en&u=https://developers.google.com/blockly/guides/get-started/web]]


** ꥵΥڡfixed-sized Workspace [#ge356fb8]

Blocklyꥵɽޤ

- ץե롧 /blockly/demos/fixed
-[[Fixed-sized Workspace  |  Blockly  |  Google Developers:https://developers.google.com/blockly/guides/configure/web/fixed-size]]
--[[Google :https://translate.google.co.jp/translate?hl=ja&sl=en&u=https://developers.google.com/blockly/guides/configure/web/fixed-size]]

ΤˡHTMLե˼5Ĥΰ򵭽Ҥޤ

- JavascriptΥɤ߹
- ե
- divɲäơꤷޤ
- ġܥå
- Javascriptˤ

** ѹǽʥڡResizable Workspace [#ha2ad40f]

divơ֥륿ˡid="blocklyArea"֤ơβˡid="blocklyDiv"div֤ޤȤϡưĴ륹ץȤ֤ޤ

ץեϡindex.htmlǤϤʤoverlay.html򸫤Ƥߤޤ礦

- ץե롧 /blockly/demos/resizable/overlay.html
-[[Resizable Workspace  |  Blockly  |  Google Developers:https://developers.google.com/blockly/guides/configure/web/resizable]]
--[[Google :https://translate.google.co.jp/translate?hl=ja&sl=en&u=https://developers.google.com/blockly/guides/configure/web/resizable]]


** ֥åɲáAdd Custom Blocks [#j8fac1fb]

ꥸʥΥ֥åɲä뤳ȤǤޤ

-[[Add Custom Blocks  |  Blockly  |  Google Developers:https://developers.google.com/blockly/guides/configure/web/custom-blocks]]
--[[Google :https://translate.google.co.jp/translate?hl=ja&sl=en&u=https://developers.google.com/blockly/guides/configure/web/custom-blocks]]

֥åɲäˤϡ3ĤѰդޤ

- ֥å(/blocksɸ֥å)
- ġܥåե(ġܥå֥å򻲾)
- ͥ졼(֥å饳ɤ)

֥åϡ[[Blockly Developer Tools:https://developers.google.com/blockly/guides/create-custom-blocks/blockly-developer-tools]]뤳ȤǤޤ

ġܥåե󥹤ϡڡɲäġܥåƱ

** ġܥåToolbox [#e449b9db]

ġܥåϡɥ˥塼ˤɸ֥å֤졣
BlokcsˡɸŪʥ֥åҤȤѰդƤ롣toolsboxɲäư
XMLǵҤɡ񤭤ݤʾϡ[[Blockly Developer Tools:https://developers.google.com/blockly/guides/create-custom-blocks/blockly-developer-tools]]Ǥ롣
ޤƥεˡ񤤤Ƥ롣

- ץե롧 /blockly/demos/toolbox
-[[Toolbox  |  Blockly  |  Google Developers:https://developers.google.com/blockly/guides/configure/web/toolbox]]
--[[Google :https://translate.google.co.jp/translate?hl=ja&sl=en&u=https://developers.google.com/blockly/guides/configure/web/toolbox]]

ʤߤˡäʤɡȢ򥪥ˤΤϡʴ

 var workspace = Blockly.inject('blocklyDiv',
    {toolbox: document.getElementById('toolbox'), trashcan: true});

** ɥͥ졼Code Generators [#r1f2be01]

֥åȤץ򥳡ɤѴޤ

- ץե롧 /blockly/demos/generator
-[[Code Generators  |  Blockly  |  Google Developers:https://developers.google.com/blockly/guides/configure/web/code-generators]]
--[[Google :https://translate.google.co.jp/translate?hl=ja&sl=en&u=https://developers.google.com/blockly/guides/configure/web/code-generators]]


** åɡGrid [#i75d07b3]

BlocklyΥڡˤϡץǥåɤ֤Ǥޤ

-[[Grid  |  Blockly  |  Google Developers:https://developers.google.com/blockly/guides/configure/web/grid]]
--[[Google :https://translate.google.co.jp/translate?hl=ja&sl=en&u=https://developers.google.com/blockly/guides/configure/web/grid]]


** ࡧZoom [#xef2be1c]

BlocklyΥڡˤϡץǥ(/̾)֤Ǥޤ

-[[Zoom  |  Blockly  |  Google Developers:https://developers.google.com/blockly/guides/configure/web/zoom]]
--[[Google :https://translate.google.co.jp/translate?hl=ja&sl=en&u=https://developers.google.com/blockly/guides/configure/web/zoom]]


** ٥ȡEvent [#x641902f]

ڡΤ٤Ƥѹϡ٥ȤΥȥꥬˤʤޤ

- ץե롧 /blockly/demos/mirror
-[[Events  |  Blockly  |  Google Developers:https://developers.google.com/blockly/guides/configure/web/events]]
--[[Google :https://translate.google.co.jp/translate?hl=ja&sl=en&u=https://developers.google.com/blockly/guides/configure/web/events]]

** Cloud Storage [#gfbc9d97]

GoogleΥ饦ɥӥGoogle App engineǥɤ¸ɤ߹ߡͭǤޤ

-[[Cloud Storage  |  Blockly  |  Google Developers:https://developers.google.com/blockly/guides/configure/web/cloud-storage]]

** ¾ [#r5329bdb]

- ץ /blockly/demos/index.html
- JavascriptPythonLuaؤѴ /blockly/demos/code
- Javascript󥿥ץ꥿  /blockly/demos/interpreter

*  ֥åġܥåΥޥ [#naf25190]

**  [#k94cc0d8]

-[[Custom Blocks  |  Blockly  |  Google Developers:https://developers.google.com/blockly/guides/create-custom-blocks/overview]]

** Blockly Developer Tools [#d8d45a28]

Blockly Developer ToolsǺ뤳ȤǤޤˤϡ֥åڡ뤿ᡢ3Ĥεǽޤ

- Block Factoryɥåɥåפǥ֥åǥ󤹤
- Block Exporterǥ󤷤֥å
- Workspace Factoryڡǥ󤹤

-[[Blockly Demo: Blockly Developer Tools:https://blockly-demo.appspot.com/static/demos/blockfactory/index.html]] ġ
-[[Blockly Developer Tools  |  Blockly  |  Google Developers:https://developers.google.com/blockly/guides/create-custom-blocks/blockly-developer-tools]] (Ѹ)
-[[Block Factory - YouTube:https://www.youtube.com/watch?v=s2_xaEvcVI0]] Blockly Developer Toolsư塼ȥꥢ

**  [#sabfb3a0]

- [[Blockly1.0֥åκ>Blockly/CustomBlock]]
- [[Blockly1.0ġܥåȥڡˡ>Blockly/Toolbox_WorkSpace]]

* ֥åθ [#l66d15c7]

** ¸֥å [#fe91c131]

¸֥åɽϡʲꤹ

https://developers.google.com/blockly/guides/configure/web/fixed-size

 <script src="msg/js/en.js"></script>

ܸξϡ顣

 <script src="msg/js/ja.js"></script>

** ƥ [#c8131ef8]

ġܥåΥƥϡname°ѹ롣

 <category name="ܥå" colour="#ED225D">
  <block type="run_foward"></block>
  <block type="jump_forward"></block>
  <block type="is_ball"></block>
  <block type="is_wall"></block>
 </category>

** ֥å [#oa77d0d6]

ȼɲä֥åɽϡ.appendFieldǻꤹ롣

 Blockly.Blocks['run_foward'] = {
   init: function() {
     this.appendDummyInput()
        .appendField("˿ʤ");
     this.setPreviousStatement(true, null);
     this.setNextStatement(true, null);
     this.setColour(0);
  this.setTooltip("");
  this.setHelpUrl("");
   }
 };


** ¾ [#id3ba696]

ƱڡǸڤؤ

https://blockly-demo.appspot.com/static/demos/code/index.html

* 饤 [#v4f869ec]

** ɤΥ饤 [#caa37bcf]

- Apache License 2.0

** BlocklyȤΥ饤 [#f31bb2bd]

Except as otherwise noted, the content of this page is licensed under the Creative Commons Attribution 3.0 License, and code samples are licensed under the Apache 2.0 License. For details, see our Site Policies. Java is a registered trademark of Oracle and/or its affiliates.

äƤʤ¤ꡢΥڡΥƥĤCreative Commons Attribution 3.0 Licenseβǥ饤󥹤졢ɥץApache 2.0饤󥹤βǻѵޤ ܺ٤ˤĤƤϡ ȥݥꥷ JavaϡOracleӤδϢҤϿɸǤ

* ͤˤʤڡ [#ra1b6506]

-[[2014ǯĴ٤ϡ>Programing/Blockly2014]]

-[[000 - BlocklyȤäꥸʥVisual Programming EditoräƤߤ - Qiita:http://qiita.com/heyhachi/items/f422ffefd959a673ca7b]]
-[[001 - BlocklyȤäꥸʥVisual Programming EditoräƤߤ - Qiita:http://qiita.com/heyhachi/items/4346bde77719c5b8a7f4]]
-[[003 - BlocklyȤäꥸʥVisual Programming EditoräƤߤ - Qiita:http://qiita.com/heyhachi/items/02eb9aa843c9bd1aa0a3]]

ȥå   ʬ Хåå   ñ측 ǽ   إ   ǽRSS