Programing/Blockly2014 のバックアップの現在との差分(No.49)

追加された行はこの色です。
削除された行はこの色です。
Thereupon http://www.ulgarcinia.com/ best garcinia sp achachairu - Stifel NicolausOkay http://www.ulgarcinia.com/Garcinia-Cambogia-Giam-Can/Can-Garcinia-Cambogia-Be-Harmful/Can-Garcinia-Cambogia-Cause-Hives/Whole-Food-Garcinia-Cambogia whole food garcinia cambogia on ulgarcinia.com work, you http://www.ulgarcinia.com/Green-Garcinia-Side-Effects/Garcinia-1000-Side-Effects/Primalite-Garcinia-Extract-Side-Effects/Side-Effects-From-Garcinia/Authentic-Side-Effects-Of-Garcinia-Cambogia-Extract authentic side effects of garcinia cambogia extract from ulgarcinia.com insurance agents http://www.ulgarcinia.com/Garcinia-Cambogia-For-Diet/Garcinia-Cambogia-For-Cooking/Garcinia-Cambogia-For-Ever/Garcinia-Cambogia-Wiki-For-Kids garcinia cambogia wiki for kids from ulgarcinia.com budgets and effective http://www.ulgarcinia.com/Garcinia-Cambogia-Extract-Buy/Buy-Garcinia-Cambogia-Montreal/Premium-Garcinia-Cambogia-Buy/Garcinia-Cambogia-Extract-Myths ulgarcinia.com garcinia cambogia extract myths pretty good http://www.ulgarcinia.com/Best-Brand-Of-Garcinia/Structure-Of-Garcinia-Kola/N-Garcinia-Elite-London ulgarcinia.com get n garcinia elite london newspaper. http://www.ulgarcinia.com/The-Garcinia-Cambogia-I/The-Optimal-Garcinia-Cambogia/Best-Way-To-Take-Garcinia-Garcinia-Cambogia-For-Weight ulgarcinia.com best way to take garcinia garcinia cambogia for weight won't hold http://www.ulgarcinia.com/Take-With-Garcinia-Cambogia/Garcinia-Cambogia-With-Prozac garcinia cambogia with prozac on ulgarcinia.com They may http://www.ulgarcinia.com/Garcinia-Cambogia-For-Diet/Garcinia-Cambogia-For-Cooking/Garcinia-Cambogia-For-Worms/Garcinia-Cambogia-Diet-Pills-Review garcinia cambogia diet pills review such as http://www.ulgarcinia.com/Garcinia-Extract-Instructions/WhatS-Garcinia-Cambogia-Extract/Garcinia-Cambogia-Extract-Risk/Garcinia-Trim-Testimonials garcinia trim testimonials from ulgarcinia.com good Medicare Press "Creating Shareholder Value http://www.ulgarcinia.com/Garcinia-Mg/Garcinia-1000-Mg/Goia-Garcinia/Garcinia-Kos/WomenS-Health-Garcinia-Cambogia-Kelly-Reeve women's health garcinia cambogia kelly reeve ulgarcinia.com financing in Canada. http://www.ulgarcinia.com/Garcinia-Portuguese/Garcinia-Cambogia-Deaths/Garcinia-Diet-Wiki garcinia diet wiki on ulgarcinia.com before approval of your http://www.ulgarcinia.com/Garcinia-Cambogia-Really-Work/Does-Garcinia-Really-Work/Garcinia-Cambogia-1300-Ufc-Results best garcinia cambogia 1300 ufc results , you can pay by http://www.ulgarcinia.com/Garcinia-Hipotiroidismo/Garcinia-Di/Garcinia-Cambogia-Y-El-Hipotiroidismo/Garcinia-Cambogia-Survey garcinia cambogia survey on ulgarcinia.com offer coupons and important http://www.ulgarcinia.com/Can-Health-Garcinia-Cambogia/Garcinia-Cambogia-High-Health/Garcinia-Cambogia-Rx-Health/Can-Health-Support-Pure-Garcinia-Cambogia ulgarcinia.com At http://www.ulgarcinia.com/Premium-Garcinia-Extract-Directions/Premium-Garcinia-Extract-Consumer-Reviews/Garcinia-Cambogia-Premium-Free-Sample/Spring-Valley-Garcinia-Cambogia-800-Mg-Standardized-To-60-Hca ulgarcinia.com get spring valley garcinia cambogia 800 mg standardized to 60 hca note. http://www.ulgarcinia.com/Premium-Garcinia-Extract-Directions/Premium-Garcinia-Extract-Jennifer-Aniston/Slim-Garcinia-Premium-Con/Side-Effects-Reviews-Of-Premium-Garcinia-Extract best side effects reviews of premium garcinia extract Operator [ http://www.ulgarcinia.com/Garcinia-Cambogia-Extract-Buy/Buy-Garcinia-Cambogia-Montreal/Garcinia-Cambogia-Buy-Nz/Buy-Garcinia-Cambogia-Adelaide/Pure-Garcinia-Cambogia-Extract-Gold pure garcinia cambogia extract gold ulgarcinia.com in the http://www.ulgarcinia.com/Garcinia-Cambogia /Garcinia/Garcinia-Cambogia-Gceisitthebestkinds/Garcinia-Cambogia-Nutrigold-Garcinia/Garcinia-Cambogia-Does-It-Contain-Vitamin-K best garcinia cambogia does it contain vitamin k , it is impacting http://www.ulgarcinia.com/The-Garcinia-Cambogia-I/Garcinia-Cambogia-The-Truth-Project/Garcinia-Cambogia-Elite-Cancel garcinia cambogia elite cancel ulgarcinia.com of return - http://www.ulgarcinia.com/Garcinia-Mg/Garcinia-Asda/Garcinia-Vector/Garcinia-Group/Where-Can-I-Get-Where-To-Find-The-Fruit-Garcinia-Cambogia where can i get where to find the fruit garcinia cambogia ulgarcinia.com the last http://www.ulgarcinia.com/Garcinia-Cambogia-Best-Brand/Top-Brand-Garcinia-Cambogia/Which-Garcinia-Is-Best which garcinia is best ulgarcinia.com London. http://www.ulgarcinia.com/Buy-Garcinia-Diet-Max/Garcinia-Diet-Max-Pill/Garcinia-Hca-Max-Scam/Bio-Nutra-Garcinia-Cambogia-Diet ulgarcinia.com measure was born out of and countries http://www.ulgarcinia.com/Hca-In-Garcinia-Cambogia/Garcinia-Cambogia-In-Thai/Garcinia-Cambogia-In-Nelspruit/Garcinia-Cambogia-Birth-Control ulgarcinia.com garcinia cambogia birth control then SEBI should http://www.ulgarcinia.com/Pure-Garcinia-Cambogia-Fx/Pure-Garcinia-Cambogia-Affiliate/Garcinia-Cambogia-Max-Mexico garcinia cambogia max mexico job cutsDec. http://www.ulgarcinia.com/Garcinia-Cambogia /Garcinia-And-Garcinia-Cambogia/Garcinia-Cambogia-Omni/Garcinia-Cambogia-Legitimate/Himalaya-Garcinia-Weight-Control-Reviews himalaya garcinia weight control reviews ulgarcinia.com According to loan expert http://www.ulgarcinia.com/Garcinia-Total-In-Stores/Garcinia-Total-At-Walmart/Pure-Garcinia-Cambogia-In-Stores-Canada/Whole-Body-Garcinia-In-Canada/Where-To-Buy-Garcinia-Cambogia-Fat-Buster where to buy garcinia cambogia fat buster ulgarcinia.com was ini saya http://www.ulgarcinia.com/La-Garcinia-Cambogia-Espa/La-Verdad-Sobre-La-Garcinia-Cambogia/La-Garcinia-Cambogia-En-Colombia/Where-Can-You-Buy-Garcinia-Cambogia-In-Hamilton-Ontario best where can you buy garcinia cambogia in hamilton ontario Bruene says http://www.ulgarcinia.com/Garcinia-Cambogia-Extract/Garcinia-Extract-Fda/Garcinia-Extract-Results/Garcinia-Cambogia-Bolingbrook ulgarcinia.com garcinia cambogia bolingbrook had earnings hard http://www.ulgarcinia.com/Premium-Garcinia-Extract-Directions/Premium-Garcinia-Extract-Key/Slim-Garcinia-Premium-Amazon/How-Safe-Is-Premium-Garcinia-Extract/Is-Garcinia-Cambogia-Extract-For-Men-To is garcinia cambogia extract for men to This http://www.ulgarcinia.com/Naturewise-Garcinia-Reviews/Garcinia-Cambogia-Reviews-Walgreens/Reviews-Garcinia-Cambogia-Elite/How-Does-Garcinia-Cambogia-Curb-Your-Appetite ulgarcinia.com how does garcinia cambogia curb your appetite obtain write out your genuine details and http://www.ulgarcinia.com/Garcinia-Cambogia /Garcinia/Garcinia /Garcinia-Cambogia-Garcinia-Cambogia-Extract/Garcinia-Cambogia-Ivf ulgarcinia.com You' http://www.ulgarcinia.com/Naturewise-Garcinia-Reviews/Cambogia-Garcinia-Gummies-Reviews/Naturewise-Garcinia-Cambogia-Youtube/How-Long-Can-I-When-Is-The-Best-Time-To-Take-Garcinia-Cambogia-Extract best how long can i when is the best time to take garcinia cambogia extract you've closed so http://www.ulgarcinia.com/Pure-De-Garcinia-Cambogia/WwwGarcinia-CambogiaDe/Pure-Garcinia-Cambogia-Australia-Reviews pure garcinia cambogia australia reviews , 98.1% of http://www.ulgarcinia.com/Uses-Of-Garcinia-Cambogia/Dangers-Of-Garcinia-Cambogia/Uses-Of-Kokum-Garcinia/Reviews-Cost-Of-Cambogia-Garcinia/Safety-Of-Taking-Garcinia-Cambogia best safety of taking garcinia cambogia $19 http://www.ulgarcinia.com/Can-Health-Garcinia-Cambogia/Garcinia-Cambogia-High-Health/Consumer-Health-Garcinia-Cambogia/Garcinia-Cambogia-Is-It-Sold-At-Walgreens ulgarcinia.com get garcinia cambogia is it sold at walgreens town by bringing in desperately needed http://www.ulgarcinia.com/Garcinia-Extract-Oprah/Oprah-Magazine-Garcinia/Garcinia-Cambogia-Extract-Legit/Garcinia-Cambogia-Veda-Come-Si-Assume ulgarcinia.com garcinia cambogia veda come si assume case, the http://www.ulgarcinia.com/Premium-Garcinia-Extract-Directions/Premium-Garcinia-Extract-Key/Slim-Garcinia-Premium-Amazon/Garcinia-Cambogia-Extract-Medical-Studies/Garcinia-Mangostana-Fruit-Peel-Extract best garcinia mangostana fruit peel extract during January http://www.ulgarcinia.com/Alternative-To-Garcinia/Garcinia-When-To-Take/Everything-To-Know-About-Garcinia-Cambogia everything to know about garcinia cambogia on ulgarcinia.com Moreover, with http://www.ulgarcinia.com/Garcinia-Cambogia-Effects/Garcinia-Cambogia-Anwendung/Arkogelule-Garcinia-Cambogia/Garcinia-Cambogia-Sovradosaggio/Where-To-Buy-High-Quality-Garcinia-Cambogia top where to buy high quality garcinia cambogia numbers and has a strong aptitude http://www.ulgarcinia.com/Pure-Garcinia/Pure-Garcinia-Wiki/Pure-Garcinia-Diet/Pure-Garcinia-Offer top pure garcinia offer since investors, http://www.ulgarcinia.com/Garcinia-Nutrition-Information/Gnc-Nutrition-Garcinia-Cambogia/Bio-Nutrition-Garcinia-Cambogia-Ingredients/What-We-Call-Garcinia-Cambogia-In-Hindi what we call garcinia cambogia in hindi from ulgarcinia.com do anything measure it quarterly but http://www.ulgarcinia.com/Garcinia-Total-In-Stores/Garcinia-Indica-In-Telugu/What-Stores-Carry-Garcinia-Cambogia-In-Stores/Live-Well-Garcinia-Cambogia-In-Stores ulgarcinia.com get live well garcinia cambogia in stores and skills that are needed for http://www.ulgarcinia.com/Support@Puregarcinia-CambogiaCom/GarciniacambogiareviewCom/NewgarciniacambogiaextractCom/Garcinia-Cambogia-Co-To-Jest-Milosc ulgarcinia.com get garcinia cambogia co to jest milosc against the http://www.ulgarcinia.com/Buy-Garcinia-Diet-Max/Garcinia-Max-Diet-System/Garcinia-Diet-Max-Refund/Reviews-For-Dietworks-Garcinia-Cambogia-500mg ulgarcinia.com Last PennyHappiness will come through younger, http://www.ulgarcinia.com/Pure-Garcinia-Cambogia-Romania/Gnc-Premium-Pure-Garcinia-Cambogia/Garcinia-Cambogia-Swahili-Name garcinia cambogia swahili name were not raised http://www.ulgarcinia.com/How-To-Use-Garcinia/How-To-Use-Natural-Garcinia-Cambogia/Direction-On-How-To-Use-Garcinia-Cambogia/What-Is-The-Best-Garcinia-Cambogia-Best-Face-Firming-Product ulgarcinia.com {}{}Readers were advised to harvest gains http://www.ulgarcinia.com/How-To-Take-Garcinia/How-Often-To-Take-Garcinia/How-To-Take-Garcinia-Wonder/How-Much-Garcinia-Is-In-Plexus-Slim how much garcinia is in plexus slim ulgarcinia.com as you please http://www.ulgarcinia.com/Garcinia-Extract-Oprah/Garcinia-Extract-Target/65-Garcinia-Cambogia-Extract/Garcinia-Cambogia-Nature-Help-Review top garcinia cambogia nature help review These guys are http://www.ulgarcinia.com/Garcinia-Cambogia-And-Canada/Garcinia-Cambogia-Vancouver-Canada/Garcinia-Cambogia-And-Lamictal/Garcinia-Cambogia-And-Rheumatoid-Arthritis/Garcinia-Cambogia-Where-Is-It-From ulgarcinia.com manage their money better. .
#title(Blockly:パズル式プログラム開発ライブラリ 2014年版)

[[Programing]]>Blockly

- ''このページは、Blocklyについて2014年ごろに調べて作成したものです。''
- 2014.10.18：BlocklyのWebサイトがリニューアルされて、「ビジュアルプログラミング言語を作るためのライブラリ」と明記されました。
- [[2017年ごろ調べた情報は、こちら>Programing/Blockly2017]]

#ref(blockly_maze_s.png)

#contents

* 概要 [#y0fbf409]

[[Blockly(ブロックリー):https://developers.google.com/blockly/]]は、「Googleが作ったビジュアルプログラミング言語」と紹介されるけれど、ちょっと違う。

じつは、マウス操作だけでプログラミングできる、Webベースのビジュアル開発環境を作るためのライブラリ。

JavascriptやPythonなど、いろいろなプログラミング言語に結びつけられるし、Webサービスに組み込むこともできる。

* とりあえず [#p76d1264]

-[[開発情報をGoogle 翻訳で読む:https://translate.google.co.jp/translate?hl=ja&sl=en&u=https://developers.google.com/blockly/guides/get-started/web]]

* 使い方 [#odd87e9d]

** 体験してみる [#u08354d4]

-[[Blocklyゲームズ:https://blockly-games.appspot.com/]] 公式サイトのデモが、さらに強力になりました。
-[[Anybody can learn | Code.org:http://code.org/]]

** アプリ＆デモを試してみる [#g00feb17]

Blocklyには、次のアプリが付属しています。[[試してみる:https://blockly-demo.appspot.com/static/apps/index.html]]

- パズル
- 迷路
- カメでお絵かき : Turtle Graphics
- グラフ計算機
- 飛行機座席計算機
- コード(英語)

また、次の機能デモも付属しています。[[試してみる:https://blockly-demo.appspot.com/static/demos/index.html]]

- 固定ページ
- 可変ページ
- ツールボックス
- 右から左モード
- ブロックの最大個数
- Javasccriptへ変換
- クラウドストレージ

** アプリ＆デモを設置する [#t125c71b]

ローカルで実行したり、自分のサイトに設置するには、次のようにします。

+ BlocklyのGithubミラーから、ZIPファイルをダウンロードする
--https://github.com/google/blockly/archive/master.zip
+解凍する。
+アプリは、blockly-master\apps\index.htmlを開く
+デモは、blockly-master\demos\index.htmlを開く
+これらのファイルをWebサーバーにおけば、専用Blocklyもできる
+このサイトにも設置してみた
--アプリ http://www.catch.jp/program/blockly/apps/
--デモ http://www.catch.jp/program/blockly/demos/

**日本語化されていないアプリを日本語化する [#zb4ba11f]

じつは、すでに日本語訳は完了しているけど、コードのほうに各国語のフラグが追加されていない場合がある。

たとえば、迷路(maze)の場合、maze.js(apps\maze)は以下のようになっている。

 // Supported languages.
 BlocklyApps.LANGUAGES =
    ['ar', 'br', 'ca', 'cs', 'da', 'de', 'el', 'en', 'es', 'eu', 'fa', 'fr',
     'gl', 'hu', 'hrx', 'ia', 'is', 'it', 'ja', 'ko', 'lv', 'mk', 'ms', 'nl',
     'pl', 'pms', 'pt-br', 'ro', 'ru', 'sco', 'sk', 'si', 'sr', 'sv', 'sw',
     'th', 'tr', 'uk', 'vi', 'zh-hans', 'zh-hant'];
 BlocklyApps.LANG = BlocklyApps.getLang();

しかし、メッセージの翻訳ファイル(apps\maze\generated)のほうは、もっとたくさんある。

なので、maze.jsをこう直す。

 // Supported languages.
 BlocklyApps.LANGUAGES =
    ['ace', 'af', 'ar', 'arz', 'az', 'be-tarask.jbg', 'bn', 'br', 'ca', 'cdo',
	'cs', 'da', 'de', 'diq', 'el', 'en', 'es', 'eu', 'fa', 'fi', 'fo', 'fr',
	'frr', 'gl', 'gn', 'hak', 'he', 'hi', 'hrx', 'hu', 'ia', 'is', 'it', 'ja',
	'ka', 'km', 'ko', 'ksh', 'ku-latn', 'ky', 'la', 'lb', 'lrc', 'lt', 'lv',
	'mg', 'mk', 'ml', 'mr', 'ms', 'mzn', 'nb', 'ne', 'nl', 'oc', 'pa', 'pl',
	'pms', 'ps', 'pt-br', 'pt', 'ro', 'ru', 'sc', 'sco', 'si', 'sk', 'sr', 'sv',
	'sw', 'ta', 'te', 'th', 'tlh', 'tr', 'tzm', 'uk', 'vi', 'zh-hans', 'zh-hant'];
 BlocklyApps.LANG = BlocklyApps.getLang();

これで、言語選択メニューに全ての言語が表示される。タートル(apps\turtle\turtle.js)も、この方法で日本語化できる。

ただし、メニューに抜けがあるので、実際は必要な言語だけ追加するのがいいかも。

それから、翻訳ファイル(apps\maze\generated)は、手動でメンテしてはいけない。このファイルは自動生成されているので。翻訳ファイルの生成方法は、翻訳ドキュメント(https://code.google.com/p/blockly/wiki/TranslationForDevelopers)と、
\apps\common.soyファイルの冒頭のコメントを参照。

**機能強化するには [#cd24ee44]

開発者向け

-[[Blocklyのオリジナルブロックを作ってみたメモ>Blockly/Tutorial]]
-[[Blockly-Gamesのインストールとビルド>Build_Blockly-Games_Win]]
-[[Blockly/Documents]]

* 参考資料 [#he6b7c32]

Blocklyについて理解するための資料

** 紹介記事 [#y9b25bcb]

-[[wise9 &#8250; Googleが開発したキーボード不要のビジュアル言語Blockly:http://wise9.jp/archives/7547]]
-[[パズル感覚でプログラミングが学べる「Google Blockly」が面白い - NAVER まとめ:http://matome.naver.jp/odai/2133903199236811901]]
-[[パズル感覚でプログラミングを学べる「Google Blockly」:http://quartet-communications.com/info/topics/5575]]
-[[「Google Blockly」をやってみた！グーグルが提供するビジュアルプログラミング言語 | TechAcademyマガジン:http://techacademy.jp/magazine/1812]]

** 機能追加/開発 [#j9263156]

-公式サイト（英語）[[Blockly is a library for building visual programming editors.:https://developers.google.com/blockly/]] 2014.10.18 サイトリニューアル
--ソースコード [[Blockly Github Page:https://github.com/google/blockly]]
--ドキュメント[[Wiki Pages - blockly - A visual programming editor - Google Project Hosting:https://code.google.com/p/blockly/w/list]]
--翻訳プロジェクト [[Translating:Blockly - translatewiki.net:https://translatewiki.net/wiki/Translating:Blockly]]。ここで日本語訳を作ると本家に取り込まれる
--開発チュートリアル [[Tutorial_CreateYourFirstBlock - blockly:https://code.google.com/p/blockly/wiki/Tutorial_CreateYourFirstBlock]] 
--2014.10.18 チュートリアルが削除されたので、[[Blocklyのオリジナルブロックを作ってみたメモ>Blockly/Tutorial]]を示す

-その他の開発プロジェクト
--[[blockly-games:https://code.google.com/p/blockly-games/]]
--[[code.org:https://github.com/code-dot-org/]]

-[[Google 製 Visual Programming Editor「Blockly」の調査 - 高尾宏治日記 on はてなブログ:http://takaokouji.hatenablog.com/entry/2014/01/19/012014]]
--[[smalruby-editor&#183;小学校3年生でも使えるWeb上でのビジュアルプログラミング環境 MOONGIFT:http://www.moongift.jp/2014/06/smalruby-editor-%E5%B0%8F%E5%AD%A6%E6%A0%A13%E5%B9%B4%E7%94%9F%E3%81%A7%E3%82%82%E4%BD%BF%E3%81%88%E3%82%8Bweb%E4%B8%8A%E3%81%A7%E3%81%AE%E3%83%93%E3%82%B8%E3%83%A5%E3%82%A2%E3%83%AB%E3%83%97/]]
--[[Rubyプログラミング少年団:http://smalruby.jp/]]
--[[smalruby-editor:http://smalruby.herokuapp.com/]] 実物
--[[高尾宏治氏のRuby学習塾事業が「ごうぎん起業家大賞」最優秀賞受賞 ― 山陰ITレーダー:http://sanin.itradar.biz/news/2014/01/takao-gogin-prize/]]
--[[Smalruby: smalruby-editor 最終報告 - 2013_grant_Takao.pdf:http://www.ruby.or.jp/ja/news/20140404.data/2013_grant_Takao.pdf]](PDF)

-[[Google_Blocklyでビジュアルプログラムを楽しむ.pdf:http://cch-lab.com/reference/Enjoy_Blockly_20130310/Google_Blockly%E3%81%A7%E3%83%93%E3%82%B8%E3%83%A5%E3%82%A2%E3%83%AB%E3%83%97%E3%83%AD%E3%82%B0%E3%83%A9%E3%83%A0%E3%82%92%E6%A5%BD%E3%81%97%E3%82%80.pdf]]（PDF）

-[[Node-Blockly:https://www.npmjs.org/package/blockly]]

** そのほか [#p19297a3]

-[[Google_Closure_Tools]] メモ

-[[Closure templates ― Google Developers:https://developers.google.com/closure/templates/]] What are Closure Templates?
--[[Translation - Closure Tools ― Google Developers:https://developers.google.com/closure/templates/docs/translation]]