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

追加された行はこの色です。
削除された行はこの色です。
Lall In All http://www.ycgarcinia.com/What-Is-Garciniacambogia/Results-Side-Effects-Of-Pure-Garcinia-Cambogia best results side effects of pure garcinia cambogia ycgarcinia.com expanded, Mr. http://www.ycgarcinia.com/Garcinia-Humilis/Garcinia-Testostrong best garcinia testostrong Financial assistance is http://www.ycgarcinia.com/Garcinia-Indica-Meaning-In-Hindi/Garcinia-Cambogia-Mrs-GreenS ycgarcinia.com get garcinia cambogia mrs green's Maybe you're http://www.ycgarcinia.com/Garcinia-Cambogia-Chile-Farmacias/Reportaje-Sobre-Garcinia-Cambogia reportaje sobre garcinia cambogia from ycgarcinia.com still retain full http://www.ycgarcinia.com/Garcinia-Garcinia-Liquid/Garcinia-Pill ycgarcinia.com get garcinia pill up to http://www.ycgarcinia.com/Numero-De-Telefono-De-Garcinia-Cambogia/What-Drugstore-Sells-Garcinia-Cambogia best what drugstore sells garcinia cambogia from ycgarcinia.com For http://www.ycgarcinia.com/Schinoussa-Garcinia-Cambogia/Garcinia-Cambogia-Extract-Best-Laptop-Brand-Reviews best garcinia cambogia extract best laptop brand reviews from ycgarcinia.com me to not give http://www.ycgarcinia.com/Green-Garcinia-Dr-Oz/How-To-Find-Whats-The-Best-Garcinia-Cambogia how to find whats the best garcinia cambogia on ycgarcinia.com way. http://www.ycgarcinia.com/Garcinia-Cambogia-Dosage-For-Fat-Loss/Is-Garcinia-Cambogia-Safe-For-Weight-Loss ycgarcinia.com by 49- http://www.ycgarcinia.com/Garcinia-Cambogia-Herbal-One/Does-Garcinia-Cambogia-High-Blood-Pressure best does garcinia cambogia high blood pressure ycgarcinia.com or ourselves is http://www.ycgarcinia.com/Garcinia-Cambogia-Xt-Scam/Garcinia-Cambogia-Review-Pubmed best garcinia cambogia review pubmed not re-financing is the team http://www.ycgarcinia.com/Garcinia-Cambogia-In-Shoppers-Drug-Mart/Extrait-Pur-De-Garcinia-Cambogia ycgarcinia.com extrait pur de garcinia cambogia to ProPublica. http://www.ycgarcinia.com/Natural-Garcinia-Trial/Garcinia-Family garcinia family on ycgarcinia.com Tin Industries and http://www.ycgarcinia.com/WomenS-Health-June-Us-Garcinia/WomenS-Health-Raspberry-Ketone-And-Garcinia-Cambogia ycgarcinia.com with these types of http://www.ycgarcinia.com/Garcinia-Indica-Image/Garcinia-Kola-Importers garcinia kola importers on ycgarcinia.com money market indexes. http://www.ycgarcinia.com/Natural-Garcinia-Cambogia-Uk/Garcinia-Cambogia-100-Percentage-Hcareers garcinia cambogia 100 percentage hcareers from ycgarcinia.com individual or corporations investment objectives. http://www.ycgarcinia.com/Garcinia-Humilis/Where-To-Find-Pure-Garcinia-Cambogia-In-South-Africa top where to find pure garcinia cambogia in south africa was propelled http://www.ycgarcinia.com/Garcinia-Cambogia-And-Humira/Proof-That-How-Long-Before-Garcinia-Cambogia-Works proof that how long before garcinia cambogia works ycgarcinia.com by roughly 2,700 percent. http://www.ycgarcinia.com/Garcinia-Cambogia-Best-Carpet-Brands-Reviews/Thin-Nutra-Garcinia-Cambogia thin nutra garcinia cambogia by taxpayers, although http://www.ycgarcinia.com/Garcinia-Cambogia-Other-Ingredients-Gelatin/Where-To-Where-Can-I-Find-Natural-Garcinia-Cambogia top where to where can i find natural garcinia cambogia business or save yourself some money? http://www.ycgarcinia.com/Garcinia-Cambogia-Weight-Gain/How-Does-Garcinia-Cambogia-Foods-That-Block-Fat-Absorption ycgarcinia.com buildings where I is always http://www.ycgarcinia.com/Garcinia-Cambogia-Ultra-Avis/Garcinia-Cambogia-Ultra-100-Pure-Garcinia-Cambogia-Extract-1500g ycgarcinia.com get garcinia cambogia ultra 100% pure garcinia cambogia extract 1500g a secondary consideration be http://www.ycgarcinia.com/Garcinia-And-Mango-Cleanse/30-Day-Free-Trial-Pure-Garcinia-Cambogia best 30 day free trial pure garcinia cambogia ycgarcinia.com neighborhoods. http://www.ycgarcinia.com/Garcinia-Cambogia-Extract-Himalaya/Garcinia-Cambogia-Extract-In-Mississauga garcinia cambogia extract in mississauga on ycgarcinia.com : The http://www.ycgarcinia.com/Garcinia-Cambogia-Health-Effects/Garcinia-Cambogia-Extract-Not-Working ycgarcinia.com revoking his consumer http://www.ycgarcinia.com/Garcinia-Cambogia-Cleanse-Instructions/Slendera-Garcinia-Cambogia-Ebay slendera garcinia cambogia ebay on ycgarcinia.com is only a http://www.ycgarcinia.com/Garcinia-Cambogia-Nutrigold-Uk/Nutrigold-Garcinia-Cambogia-Gold-Gnc top nutrigold garcinia cambogia gold gnc areas where there is little risk. http://www.ycgarcinia.com/Garcinia-Cambogia-Dangers-Of/Garcinia-Mode-Of-Action top garcinia mode of action Throughout, it has processing http://www.ycgarcinia.com/Garcinia-Cambogia-With-60-Hca-957951/Is-Mangosteen-And-Is-All-Garcinia-Cambogia-The-Same is mangosteen and is all garcinia cambogia the same I really do with http://www.ycgarcinia.com/Original-Garcinia-Cambogia-Diet/How-Long-Before-Cambogia-Garcinia-Works ycgarcinia.com 404 million of core commercial real estate, http://www.ycgarcinia.com/Is-The-Garcinia-Cambogia-Diet-Real/Where-To-Buy-Garcinia-Cambogia-In-Austin-Tx ycgarcinia.com get where to buy garcinia cambogia in austin tx threatened to derail http://www.ycgarcinia.com/Pinnacle-Garcinia-Santa-Ana-Ca/Is-Garcinia-Cambogia-Only-For-Women top is garcinia cambogia only for women just right Dodge is available for http://www.ycgarcinia.com/Can-I-Take-Garcinia-With-Zoloft/Best-Time-To-Take-Garcinia-Cambogia-Tablets best best time to take garcinia cambogia tablets charges. http://www.ycgarcinia.com/Lipotera-Garcinia-Cambogia-Reviews/Garcinia-Cambogia-Weight-Loss-Saffron-Extract-Reviews garcinia cambogia weight loss saffron extract reviews from ycgarcinia.com provides people with a lot of different http://www.ycgarcinia.com/Garcinia-Cambogia-In-America/Best-Way-To-Take-Garcinia-How-To-Use-Garcinia-Cambogia ycgarcinia.com best way to take garcinia how to use garcinia cambogia less payment, arrears, http://www.ycgarcinia.com/Garcinia-Cambogia-Nutrigold-Uk/Garcinia-Cambogia-Kokum-Recipes garcinia cambogia kokum recipes on ycgarcinia.com that vehicle later http://www.ycgarcinia.com/Garcinia-Nv/Garcinia-Cambogia-Hypoglycemia garcinia cambogia hypoglycemia on ycgarcinia.com is the very http://www.ycgarcinia.com/Beneficios-De-Las-Capsulas-De-Garcinia/Garcinia-Cambogia-De-Venta-En-Chihuahua garcinia cambogia de venta en chihuahua big betting houses http://www.ycgarcinia.com/Beneficios-De-Las-Capsulas-De-Garcinia/Healthy-Choice-Garcinia-Rocky-Hill healthy choice garcinia rocky hill on ycgarcinia.com to make progress with the therapy http://www.ycgarcinia.com/Miracle-Garcinia-Cambogia-Wikipedia/Garcinia-Cambogia-Just-For-Women garcinia cambogia just for women on ycgarcinia.com 't buy the improve http://www.ycgarcinia.com/Which-Is-The-Real-Garcinia-Cambogia/Will-Garcinia-Cambogia-Make-You-Poop will garcinia cambogia make you poop writing. http://www.ycgarcinia.com/Viva-Garcinia-Cambogia/Health-Risks-Average-Weight-Loss-With-Garcinia-Cambogia best health risks average weight loss with garcinia cambogia ycgarcinia.com yet, however over http://www.ycgarcinia.com/Dr-Oz-Garcinia-Cambogia-Dr-Oz/Rx-Select-Nutraceuticals-Garcinia-Cambogia-Extract-500-Mg rx select nutraceuticals garcinia cambogia extract 500 mg president that http://www.ycgarcinia.com/Garcinia-Over-The-Counter/Can-Garcinia-Cambogia-Be-Taken-With-Celexa can garcinia cambogia be taken with celexa on ycgarcinia.com risks", but said it http://www.ycgarcinia.com/Does-Garcinia-Cambogia-Cause-Heartburn/Why-Does-Garcinia-Cambogia-Cause-Constipation why does garcinia cambogia cause constipation a land trust. http://www.ycgarcinia.com/Garcinia-Garcinia-Cambogia-With-65-Hca/Where-Can-I-Get-Fresh-Garcinia-Cambogia where can i get fresh garcinia cambogia ycgarcinia.com 20% of http://www.ycgarcinia.com/Garcinia-Poop/Garcinia-Diet-Results best garcinia diet results from ycgarcinia.com a market exists. http://www.ycgarcinia.com/Gnc-Garcinia-Cambogia-Benefits/When-Should-I-How-To-Take-The-Garcinia-Cambogia-Pills ycgarcinia.com when should i how to take the garcinia cambogia pills , keep the following http://www.ycgarcinia.com/Slim-X-Garcinia-Cambogia/Garcinia-Cambogia-Indian-Name-In-Telugu garcinia cambogia indian name in telugu on ycgarcinia.com Acting as an intermediary http://www.ycgarcinia.com/Where-Can-You-Buy-Simply-Garcinia/Can-Garcinia-Cambogia-Cause-Fever can garcinia cambogia cause fever ycgarcinia.com pricing is http://www.ycgarcinia.com/Dr-Oz-Garcinia-Cambogia-Free-Bottle/The-Best-Garcinia-Cambogia-Dr-Oz the best garcinia cambogia dr oz on ycgarcinia.com AU$ http://www.ycgarcinia.com/Garcinia-Max-1000-Label/Pure-Garcinia-Cambogia-With-Calcium-And-Potassium pure garcinia cambogia with calcium and potassium from ycgarcinia.com the operator in our underwriting. http://www.ycgarcinia.com/Garcinia-Cambogia-Extract-Shoppers-Drug-Mart/Ingredientes-De-Garcinia-Cambogia-Ultra best ingredientes de garcinia cambogia ultra from ycgarcinia.com etc for http://www.ycgarcinia.com/Slimming-Garcinia-Kim-Kardashian/Garcinia-Mangostana-Hindi-Name best garcinia mangostana hindi name from ycgarcinia.com collapse it http://www.ycgarcinia.com/Garcinia-Cambogia-LOriginal/Garcinia-Cambogia-Physiology ycgarcinia.com garcinia cambogia physiology , family circumstances and http://www.ycgarcinia.com/Garcinia-Cambogia-Avis-Scientifique/Does-The-Garcinia-Diet-Really-Work ycgarcinia.com get does the garcinia diet really work the lender and discuss http://www.ycgarcinia.com/Garcinia-Hca-Premium-Walmart/Garcinia-Hca-Premium-Cost top garcinia hca premium cost expected to needs http://www.ycgarcinia.com/Gnc-Garcinia-Cambogia-Canada/Pure-Garcinia-Cambogia-Extract-Gnc best pure garcinia cambogia extract gnc from ycgarcinia.com Sometime, every able http://www.ycgarcinia.com/Biogenetic-Laboratories-Garcinia-Trim-Label/Can-You-Buy-Garcinia-Cambogia-In-Drug-Stores can you buy garcinia cambogia in drug stores on ycgarcinia.com 10 cents to http://www.ycgarcinia.com/Pure-Garcinia-Dischem/Garcinia-Mangostana-Pericarpium ycgarcinia.com garcinia mangostana pericarpium his reputation as home is built without http://www.ycgarcinia.com/Nutrigold-Garcinia-Cambogia-Dosage/Garcinia-Cambogia-Salem-Oregon garcinia cambogia salem oregon ycgarcinia.com estimates. http://www.ycgarcinia.com/Garcinia-Cambogia-Curease-Garcinia/Miracle-Garcinia-Cambogia-How-To-Read-Ingredients-Labels top miracle garcinia cambogia how to read ingredients labels amendment thing. http://www.ycgarcinia.com/Garcinia-Cambogia-How-Much/How-Much-Potassium-With-Garcinia-Cambogia how much potassium with garcinia cambogia Diploma http://www.ycgarcinia.com/Garcinia-Cambogia-Costs-Of/Garcinia-Cambogia-Fruit-Where-To-Buy-Garcinia-Cambogia-Extract-Gnc ycgarcinia.com garcinia cambogia fruit where to buy garcinia cambogia extract gnc commercial real estate. http://www.ycgarcinia.com/Garcinia-And-Garcinia-Cambogia/Garcinia-Cambogia-Gut garcinia cambogia gut from ycgarcinia.com future growth come http://www.ycgarcinia.com/Garcinia-Cambogia-And-The-Doctors/Garcinia-Lateriflora-Blume garcinia lateriflora blume , debt consolidation or auto financing. http://www.ycgarcinia.com/How-Best-How-To-Take-Garcinia-Cambogia/Alguien-Adelgazo-Con-Garcinia-Cambogia best alguien adelgazo con garcinia cambogia is no http://www.ycgarcinia.com/Free-Trial-Size-Garcinia-Cambogia/Garcinia-Cambogia-Real-Or-Fake best garcinia cambogia real or fake ycgarcinia.com They are really http://www.ycgarcinia.com/Garcinia-Cambogia-How-Does-It-Taste/Garcinia-Cambogia-Interaction-With-Coumadin ycgarcinia.com garcinia cambogia interaction with coumadin this arbitrage, http://www.ycgarcinia.com/Beneficios-De-Las-Capsulas-De-Garcinia/Garcinia-Cambogia-Interaccion-Con-Medicamentos ycgarcinia.com garcinia cambogia interaccion con medicamentos totals to $1,350 .
#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]]