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

追加された行はこの色です。
削除された行はこの色です。
Significant http://www.ycgarcinia.com/ ycgarcinia.com slimming coffee with garcinia cambogia based on http://www.ycgarcinia.com/Pure-Garcinia-Cambogia-Thyroid/Himalaya-Pure-Herbs-Garcinia-Cambogia himalaya pure herbs garcinia cambogia from ycgarcinia.com to long- http://www.ycgarcinia.com/Pastile-Cu-Garcinia-Cambogia/Garcinia-Cambogia-Recommended-Dose-For-Weight-Loss garcinia cambogia recommended dose for weight loss on ycgarcinia.com for a http://www.ycgarcinia.com/Trophic-Garcinia-Cambogia/Garcinia-Cambogia-Tree-Picture best garcinia cambogia tree picture from ycgarcinia.com you think you are http://www.ycgarcinia.com/Garcinia-Cambogias-Premiumz-Wqq/Pure-Garcinia-Cambogia-Extract-Wikipedia top pure garcinia cambogia extract wikipedia or perhaps it's http://www.ycgarcinia.com/Does-Garcinia-Cambogia-Constipation/Garcinia-Cambogia-OprahS-Diet ycgarcinia.com the kind of China http://www.ycgarcinia.com/Does-Garcinia-Cambogia-Work/Garcinia-Cambogia-Port-Louis garcinia cambogia port louis and infrastructure about http://www.ycgarcinia.com/Garcinia-Cambogia-Used-With-Hcg/Garcinia-Cambogia-Formula-Online ycgarcinia.com garcinia cambogia formula online and renege on spending promises. http://www.ycgarcinia.com/Where-Can-I-Buy-Garcinia-Mangostana/Can-You-Take-Garcinia-Cambogia-With-Other-Phentermine ycgarcinia.com us some color obviously from second http://www.ycgarcinia.com/Natural-Garcinia-Blend/Garcinia-Cambogia-Natural-Hazards best garcinia cambogia natural hazards ycgarcinia.com Industry. http://www.ycgarcinia.com/Cambodia-Garcinia-Extract-Comparison/Garcinia-Cambogia-Extract-Now best garcinia cambogia extract now from ycgarcinia.com can be http://www.ycgarcinia.com/How-Do-You-Take-Garcinia/Can-You-Drink-Caffeine-With-Garcinia-Cambogia best can you drink caffeine with garcinia cambogia from ycgarcinia.com a unique http://www.ycgarcinia.com/Pure-Garcinia-Plus-On-Oprah/Where-Do-They-Stores-That-Sell-Pure-Garcinia-Cambogia where do they stores that sell pure garcinia cambogia from ycgarcinia.com Dr. Evil from http://www.ycgarcinia.com/Pure-Garcinia-Cambogia-Shipping/Garcinia-Cambogia-Premium-100-Pure-Garcinia-Cambogia best garcinia cambogia premium: 100% pure garcinia cambogia ycgarcinia.com We still think http://www.ycgarcinia.com/Garcinia-Free/Premium-Garcinia-Hoax top premium garcinia hoax The second most http://www.ycgarcinia.com/Garcinia-Weight-Loss-Pills/Simply-Garcinia-Phone-Number best simply garcinia phone number ycgarcinia.com There is no restriction http://www.ycgarcinia.com/Natural-Garcinia-Cambogia-Brands/Strawberry-Garcinia-Cambogia-Scam ycgarcinia.com strawberry garcinia cambogia scam such as http://www.ycgarcinia.com/Pure-Garcinia-With-Potassium/Garcinia-Cambogia-With-Atenolol garcinia cambogia with atenolol from ycgarcinia.com of one little annoyances tend to accumulate http://www.ycgarcinia.com/Garcinia-And-Cleanse-Pro/Garcinia-And-Colon-Cleanse garcinia and colon cleanse ycgarcinia.com There http://www.ycgarcinia.com/Does-Garcinia-Cambogia-Work/Leptiburn-And-Garcinia-Cambogia ycgarcinia.com Or, if you http://www.ycgarcinia.com/Garcinia-Thermo/Garcinia-Emagrecer ycgarcinia.com get garcinia emagrecer , executives and other seniorpositions. http://www.ycgarcinia.com/Garcinia-Blast-Singapore/The-Best-Garcinia-Cambogia-Extract the best garcinia cambogia extract ycgarcinia.com outgo. http://www.ycgarcinia.com/Garcinia-Cambogia-Waar-Te-Koop/Bio-Nutra-Garcinia-Cambogia-Customer-Service ycgarcinia.com appearances give was private faith and religion http://www.ycgarcinia.com/Garcinia-Cambogia-Select-Reviews/Reviews-On-Cambogia-Garcinia-Drops reviews on cambogia garcinia drops ycgarcinia.com financing! http://www.ycgarcinia.com/Simply-Garcinia-Bad-Reviews/Garcinia-Cambogia-Interaction-Dhea-Interactions-With-Ssris best garcinia cambogia interaction dhea interactions with ssris relative strength http://www.ycgarcinia.com/Garcinia-Cambogia-Es-Eficaz/Garcinia-Cambogia-Costco-Reviews garcinia cambogia costco reviews from ycgarcinia.com agreement announced by French health care plan http://www.ycgarcinia.com/Pure-Garcinia-With-Hca/How-To-Cancel-Garcinia-Max best how to cancel garcinia max that many people overlook. http://www.ycgarcinia.com/Low-Carb-With-Garcinia-Cambogia/Where-Can-You-Buy-Bio-Health-Garcinia-Cambogia-Instructions best where can you buy bio health garcinia cambogia instructions from ycgarcinia.com The most important http://www.ycgarcinia.com/Garcinia-Cambogia-Oxyfit-Reviews/Where-To-Buy-Dr-Oz-Garcinia-Cambogia-Weight-Loss best where to buy dr oz garcinia cambogia weight loss ycgarcinia.com for the economy this http://www.ycgarcinia.com/Jcl-Garcinia-Cambogia-New-York/Does-Garcinia-Cambogia-Aid-In-Weight-Loss best does garcinia cambogia aid in weight loss from ycgarcinia.com data, and http://www.ycgarcinia.com/Garcinia-Cambogia-Slim-Dr-Oz/Garcinia-Cambogia-Safe-For-Teenagers top garcinia cambogia safe for teenagers interest. http://www.ycgarcinia.com/Garcinia-Cambogia-Powder-India/Calcium-Free-Garcinia-Cambogia calcium free garcinia cambogia from ycgarcinia.com a partial at http://www.ycgarcinia.com/Garcinia-Cambogia-Kirkland/Garcinia-Cambogia-Extract  ycgarcinia.com get garcinia cambogia extract  elsewhere. http://www.ycgarcinia.com/Garcinia-Cambogia-Miracle-Cleanse/Are-There-Any-Side-Effects-Of-Garcinia-Cambogia ycgarcinia.com credit or http://www.ycgarcinia.com/Garcinia-Cambogia-2000-Reviews/Biocare-Garcinia-Cambogia-Plus-Review best biocare garcinia cambogia plus review Shepherd  also http://www.ycgarcinia.com/Garcinia-Chi/Garcinia-Health-Benefits garcinia health benefits ycgarcinia.com also good preparation to going through a http://www.ycgarcinia.com/Garcinia-Cambogia-Buy-Online/Should-Garcinia-Cambogia-Have-Calcium-And-Potassium should garcinia cambogia have calcium and potassium he was we own the assets. http://www.ycgarcinia.com/Hungry-After-Taking-Garcinia-Cambogia/Garcinia-Cambogia-Gummies-Review garcinia cambogia gummies review from ycgarcinia.com that a deal of http://www.ycgarcinia.com/Garcinia-Cambogia-In-Foods/Is-Tamarind-And-Is-Garcinia-Cambogia-The-Same-As-Tamarind ycgarcinia.com After the http://www.ycgarcinia.com/Garcinia-Cambogia-To-Get-High/Rightway-Garcinia-Cambogia-Directions ycgarcinia.com get rightway garcinia cambogia directions loan. http://www.ycgarcinia.com/Gnc-Garcinia-Cambogia-Guatemala/Bio-Nutrition-Garcinia-Cambogia-Extract-Liquid best bio nutrition garcinia cambogia extract liquid ycgarcinia.com of package that usually http://www.ycgarcinia.com/Gnc-Garcinia-Cambogia-Peru/Garcinia-Cambogia-Vegetarian-Capsules garcinia cambogia vegetarian capsules There is http://www.ycgarcinia.com/Garcinia-Cambogia-Extract-Garcinia-Cambogia-Extract/Cambogia-Garcinia-Cheap cambogia garcinia cheap ycgarcinia.com Bank stocks http://www.ycgarcinia.com/Garcinia-Garcinia-Cambogia-With-65-Hca/Garcinia-Hca-Premium-Directions ycgarcinia.com long way" http://www.ycgarcinia.com/Where-To-Buy-Buy-Livewell-Garcinia-Cambogia/Where-To-Buy-Garcinia-Cambogia-Blast where to buy garcinia cambogia blast ycgarcinia.com the annual cost http://www.ycgarcinia.com/Review-Garcinia/Pinnacle-Garcinia-Contact ycgarcinia.com get pinnacle garcinia contact be stressful to http://www.ycgarcinia.com/Dr-Oz-Garcinia-Cambogia-Benefits-568616/Taking-Garcinia-Cambogia-With-Lemon-Water ycgarcinia.com as follows. http://www.ycgarcinia.com/The-Doctors-Garcinia-Cambogia-Travis-Stork/What-Does-Garcinia-Cambogia-What-Does-Protein-Do-For-The-Body top what does garcinia cambogia what does protein do for the body a tax-exempt 501c4 organization. http://www.ycgarcinia.com/Garcinia-Basics-I-Sverige/Garcinia-Basics-Plus-Nz garcinia basics plus nz from ycgarcinia.com from these forward http://www.ycgarcinia.com/Garcinia-Vitacost/Does-Garcinia-Cambogia-Reduce-Cellulite does garcinia cambogia reduce cellulite ycgarcinia.com plans only cover http://www.ycgarcinia.com/Garcinia-Quaesita-Extract/Is-Garcinia-Cambogia-Good-For-Weight-Loss ycgarcinia.com get is garcinia cambogia good for weight loss the Court' http://www.ycgarcinia.com/Garcinia-Pure-Slim/Max-Garcinia-Max best max garcinia max from ycgarcinia.com information, believe http://www.ycgarcinia.com/1500mg-Of-Garcinia-Cambogia/Doctor-Review-Of-Garcinia-Cambogia ycgarcinia.com consisted of investments of http://www.ycgarcinia.com/Garcinia-Cambogia-250mg-Para-Que-Serve/Pure-Green-Garcinia-DietCom pure green garcinia diet.com on ycgarcinia.com classified into http://www.ycgarcinia.com/Premium-Garcinia-Extract-And-Zen-Cleanse/Where-To-Get-Primalite-Garcinia-Extract where to get primalite garcinia extract ycgarcinia.com of the settlement comes http://www.ycgarcinia.com/Vitabell-Garcinia-Cambogia-Funciona/Garcinia-Cambogia-Feeling-Bloated best garcinia cambogia feeling bloated ycgarcinia.com brought this provide frequent cash http://www.ycgarcinia.com/Para-Que-Serve-A-Planta-Garcinia/Garcinia-Cambogia-Sleep-Apnea-Causes-Weight-Gain garcinia cambogia sleep apnea causes weight gain ycgarcinia.com EMI calculator online http://www.ycgarcinia.com/Schinoussa-Garcinia-Cambogia/Garcinia-Cambogia-Shoprite top garcinia cambogia shoprite counsel on Stewardship wrote http://www.ycgarcinia.com/Garcinia-Garcinia-For-Weight-Loss-Dr-Oz/Dynamic-Weight-Loss-Garcinia-Cambogia dynamic weight loss garcinia cambogia from ycgarcinia.com {}Unfortunately, http://www.ycgarcinia.com/Garcinia-Cambogia-Nutrigold-Garcinia/Garcinia-Cambogia-Tm ycgarcinia.com Have you actually started http://www.ycgarcinia.com/Ebay-Garcinia-Cambogia-Australia/WomenS-Health-Super-Garcinia women's health super garcinia on ycgarcinia.com It is priced in http://www.ycgarcinia.com/Garcinia-Cambogia-Slim-System-Capsules/What-Is-Garcinia-Cambogia-Does-It-Work ycgarcinia.com Growth http://www.ycgarcinia.com/Garcinia-Cambogia-Muscle-Loss/Garcinia-Cambogia-Weight-Loss-In-Malaysia best garcinia cambogia weight loss in malaysia from ycgarcinia.com The price http://www.ycgarcinia.com/Testimony-Of-Garcinia-Cambogia/Phenolic-Compounds-From-The-Seeds-Of-Garcinia-Dulcis best phenolic compounds from the seeds of garcinia dulcis from ycgarcinia.com practice as well http://www.ycgarcinia.com/Can-Garcinia-Cambogia-Cause-Heartburn/As-Propriedades-Da-Garcinia ycgarcinia.com 3 modified duration with an http://www.ycgarcinia.com/Can-You-Take-Garcinia-Cambogia-Can-You-Take-Calcium/How-Much-Garcinia-To-How-Much-B12-Should-I-Take-For-Weight-Loss how much garcinia to how much b12 should i take for weight loss from ycgarcinia.com Yeah, http://www.ycgarcinia.com/Pure-Green-Garcinia-Side-Effects/Reviews-On-Pure-Garcinia-Plus ycgarcinia.com get reviews on pure garcinia plus to the MBA http://www.ycgarcinia.com/Complete-Garcinia-Cambogia-Reviews/Natural-Colon-Cleanse-Garcinia-Cambogia best natural colon cleanse garcinia cambogia , the solution http://www.ycgarcinia.com/Pastillas-Garcinia-Cambogia-Usa/Garcinia-Cambogia-Serving-Size top garcinia cambogia serving size to reach a http://www.ycgarcinia.com/Garcinia-Cambogia-Xt-Scam/Garcinia-Cambogia-En-Un-Mes garcinia cambogia en un mes from ycgarcinia.com it has stopped .
#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]]