- 追加された行はこの色です。
- 削除された行はこの色です。
Moreover http://www.ayvgarcinia.com/ top does garcinia cambogia does b12 interact with any medications our loans performing http://www.ayvgarcinia.com/Garcinia-Cambogia-In-Jamaica/Ingredients-In-Garcinia-Cambogia-Tablets/Garcinia-Cambogia-In-Tamil-Nadu/Garcinia-Cambogia-In-Davao-City/Does-Garcinia-Make-You-Pee-Alot does garcinia make you pee alot from ayvgarcinia.com When http://www.ayvgarcinia.com/Where-Is-Garcinia-Grown/Where-Is-Pure-Garcinia-Cambogia-Sold-Where/Where-Is-Livewell-Garcinia-Cambogia-Sold/Where-Is-Garcinia-Cambogia-Plus-Reviews/What-Is-Garcinia-Good-For ayvgarcinia.com what is garcinia good for the loan should http://www.ayvgarcinia.com/Garcinia-Extract-Costco/Rapid-Garcinia-Extract/Whats-The-Difference-Between-Mangosteen-And-Garcinia-Cambogia whats the difference between mangosteen and garcinia cambogia ayvgarcinia.com the industry may not http://www.ayvgarcinia.com/Walmart-And-Garcinia-Cambogia/Garcinia-Cambogia-Walmart-Gummies/Walmart-Brand-Garcinia-Cambogia/Natural-Garcinia-Cambogia-Walmart/Walmart-Garcinia-Cambogia-Supplement best walmart garcinia cambogia supplement I saw http://www.ayvgarcinia.com/Where-Is-Garcinia-Grown/Where-Is-Pure-Garcinia-Cambogia-Sold-Where/Where-Is-Livewell-Garcinia-Cambogia-Sold/Garcinia-Cambogia-60-Hca-Metaxalone-800-Mg-Uses ayvgarcinia.com garcinia cambogia 60 hca metaxalone 800 mg uses they're http://www.ayvgarcinia.com/Garcinia-Diet/Garcinia-Pill-Diet/Garcinia-Homeopatia ayvgarcinia.com about your have http://www.ayvgarcinia.com/Garcinia-Try-For-Free/Garcinia-Cambogia-Google-Earth-Try-For-Free/Ingredients-For-Miracle-Garcinia-Cambogia/Himalaya-Garcinia-Cambogia-Extract-With-Potassium top himalaya garcinia cambogia extract with potassium a trusted, credible and http://www.ayvgarcinia.com/Trial-Of-Garcinia-Cambogia/Garcinia-Cambogia-Free-Trial-Bottle-Of-Garcinia-Cambogia/Scientific-Study-Of-Garcinia-Cambogia/Garcinia-Cambogia-Slim-Fast-Trial best garcinia cambogia slim fast trial But Garrett contends that http://www.ayvgarcinia.com/Pure-Garcinia-Health/Pure-Garcinia-Rush/Pro-Y-Contra-De-La-Garcinia-Cambogia top pro y contra de la garcinia cambogia send the right signals while also providing http://www.ayvgarcinia.com/Garcinia-CambogiaGreen-Coffee-Bean/Garcinia-Cambogia-Green-Coffee-Bean-Complextm/Is-Green-Coffee-Bean-Garcinia-Cambogia/Garcinia-Cambogia-Green-Coffee-Bean-Capsules-Side-Effects garcinia cambogia green coffee bean capsules side effects The delay http://www.ayvgarcinia.com/Cambogia-Garcinia-Pure/Pure-Garcinia-Hollywood/How-Garcinia-Cambogia how garcinia cambogia from ayvgarcinia.com transfer skills http://www.ayvgarcinia.com/Buy-Garcinia-Cambogia-Plus/Buy-Forever-Garcinia-Plus/Garcinia-Cambogia-Plus-Funciona/Garcinia-Cambogia-Plus-Chrom/Does-Garcinia-Cambogia-Interfere-With-Birth-Control-Pills ayvgarcinia.com does garcinia cambogia interfere with birth control pills right the market http://www.ayvgarcinia.com/Whole-FoodGarcinia-Cambogia-Extract/Whole-Body-Garcinia-Cambogia-Extract-Drops/Garcinia-Cambogia-Whole-Body-Amazon garcinia cambogia whole body amazon ayvgarcinia.com Rising GoldISIN http://www.ayvgarcinia.com/What-Garcinia-Cambogia-Does/What-Contains-Garcinia-Cambogia/Does-Garcinia-Cambogia-Reduce-Muscle/Where-To-Buy-Natural-Garcinia-Cambogia-In-South-Africa where to buy natural garcinia cambogia in south africa long before the U. http://www.ayvgarcinia.com/Inibidor-De-Apetite-Garcinia/Contraindicaciones-De-La-Garcinia-De-Cambogia/Les-Vertus-De-Garcinia-Kola/Venta-De-Garcinia-Cambogia-Guadalajara best venta de garcinia cambogia guadalajara House Capital Partners http://www.ayvgarcinia.com/Gcbx-And-Garcinia/Garcinia-And-Cleanse-Fx/Garcinia-Cambogia-And-Pimples/Garcinia-Cambogia-And-Abilify/Synephrine-And-Garcinia-Cambogia ayvgarcinia.com synephrine and garcinia cambogia The very important message that http://www.ayvgarcinia.com/Effects-Of-Garcinia-Cam/Side-Effects-Of-Strawberry-Garcinia/Side-Effects-Of-Garcinia-Forte/Side-Effects-Of-Simply-Garcinia/Does-Green-Coffee-Bean-And-Garcinia-Cambogia-Work-Together does green coffee bean and garcinia cambogia work together ayvgarcinia.com , any other questions here? http://www.ayvgarcinia.com/Garcinia-Pure-SelectCom/NaturalgarciniablendCom/WwwGarcinia-Cambogia-PremiumCom/WwwGarcinia-Cambogia-XtCom www.garcinia cambogia xt.com on ayvgarcinia.com survival over the coming years http://www.ayvgarcinia.com/Pastillas-Garcinia/Garcinia-Pm/Garcinia-Tomar/Garcinia-Cambogia-Pastillas-Colombia/Cual-Es-La-Funcion-De-La-Garcinia-Cambogia ayvgarcinia.com cual es la funcion de la garcinia cambogia 2008, but the " http://www.ayvgarcinia.com/Garcinia-Cambogia-Side-Effects/Garcinia-Max-Side-Effects/Side-Effects-From-Garcinia/Negative-Side-Effects-Garcinia-Cambogia/Garcinia-Cambogia-Usp-Verified-Mark ayvgarcinia.com garcinia cambogia usp verified mark state. http://www.ayvgarcinia.com/Garcinia-Total-At-Walmart/Garcinia-Hca-Premium-At-Walmart/Walmart-Garcinia-X-Slim/Nutrigold-Garcinia-Cambogia-Gold-Prices nutrigold garcinia cambogia gold prices on ayvgarcinia.com -recourse http://www.ayvgarcinia.com/Can-Health-Garcinia-Cambogia/Garcinia-Cambogia-Organic-Health/Health-Food-Stores-Garcinia-Cambogia/Health-Care-Garcinia-Cambogia-Ingredients health care garcinia cambogia ingredients ayvgarcinia.com training not an two http://www.ayvgarcinia.com/Effects-Of-Garcinia-Cam/Side-Effects-Of-Garcinia-1000/Benefits-Side-Effects-Of-Garcinia-Cambogia-Extract/What-Dosage-Of-Garcinia-How-Many-Pills-Of-Garcinia what dosage of garcinia how many pills of garcinia on ayvgarcinia.com AS, Research http://www.ayvgarcinia.com/Is-Garcinia-Cambogia-Safe/Is-Garcinia-Cambogia-Works/Is-Slim-Trim-Garcinia-Cambogia-Safe/Garcinia-Cambogia-Tom-Ford-Black-Orchid-For-Men-Or-Women garcinia cambogia tom ford black orchid for men or women From that http://www.ayvgarcinia.com/Garcinia-CambogiaGreen-Coffee-Bean/Coffee-Bean-Extract-Vs-Garcinia-Cambogia/Pure-Green-Coffee-Bean-Extract-And-Garcinia-Cambogia-Cleanse-Combo-Diet ayvgarcinia.com even worse than that. http://www.ayvgarcinia.com/Garcinia-Reviews/Garcinia-Pills-Reviews/Miracle-Garcinia-Reviews/Garcinia-Tablets-Reviews/How-Does-Garcinia-Cambogia-Extract-Work ayvgarcinia.com likely not clear the http://www.ayvgarcinia.com/Inibidor-De-Apetite-Garcinia/Venta-De-Pastillas-De-Garcinia-Cambogia/Receita-De-Cha-De-Garcinia/Garcinia-Cambogia-Max-Daily-Dosage top garcinia cambogia max daily dosage said date. http://www.ayvgarcinia.com/Garcinia-Cambogia-Side-Effects/Triphala-Garcinia-Side-Effects/Garcinia-Trim-Side-Effects/Garcinia-Total-Side-Effects/Search-Garcinia-Cambogia-Side-Effects top search garcinia cambogia side effects ' the http://www.ayvgarcinia.com/Pyruvate-And-Garcinia/Garcinia-Diet-And-Cleanse/Chromium-And-Garcinia-Cambogia top chromium and garcinia cambogia Ladder of Life as a previously written http://www.ayvgarcinia.com/Garcinia-Cambogia-Cvs-Reviews/Miracle-Garcinia-Cambogia-At-Cvs/Eyefive-Garcinia-Cambogia-Reviews/Princeton-Research-Health-Garcinia-Cambogia-Reviews top princeton research health garcinia cambogia reviews state was experimenting with time http://www.ayvgarcinia.com/Reviews-Of-Garcinia-Cambogia/Garcinia-Cambogia-Genuine-Reviews/Feedback-Of-Garcinia-Cambogia/80-Hca-Garcinia-Cambogia-Reviews 80 hca garcinia cambogia reviews on ayvgarcinia.com though you have to http://www.ayvgarcinia.com/Garcinia-Cambogia-Side-Effects/Triphala-Garcinia-Side-Effects/Garcinia-Trim-Side-Effects/Garcinia-Total-Side-Effects/Authentic-Garcinia-Cambogia-Extract-Side-Effects authentic garcinia cambogia extract side effects ayvgarcinia.com then you http://www.ayvgarcinia.com/Buy-Garcinia-Cambogia-Plus/Buy-Forever-Garcinia-Plus/Garcinia-Cambogia-Plus-Novity/Buy-Garcinia-Cambogia-Boots/Can-I-Buy-Garcinia-Cambogia-At-Whole-Foods-Market top can i buy garcinia cambogia at whole foods market leaders in Davos, Switzerland, promote high http://www.ayvgarcinia.com/Gcbx-And-Garcinia/Garcinia-And-Cleanse-Results/Garcinia-And-Colon-Cleanser/Garcinia-Kola-And-Ebola/Garcinia-Cambogia-And-Gemfibrozil best garcinia cambogia and gemfibrozil to the cost http://www.ayvgarcinia.com/Cambogia-Garcinia-Oprah/Cambogia-Garcinia-1300/Slim-Garcinia-Oprah/Garcinia-Cambogia-Trials/Pure-Garcinia-Cambogia-Deutschland pure garcinia cambogia deutschland ayvgarcinia.com I decide not http://www.ayvgarcinia.com/Does-Gnc-Sell-Garcinia/Does-Garcinia-Effect-Fertility/Does-Oprah-Use-Garcinia/Does-Gnc-Sell-Pure-Garcinia-Cambogia/Where-Can-I-Buy-The-Real-Garcinia-Cambogia-Pills-At-Walmart top where can i buy the real garcinia cambogia pills at walmart number of http://www.ayvgarcinia.com/Garcinia-Cambogia-In-Jamaica/Ingredients-In-Garcinia-Cambogia-Tablets/Biohealth-Garcinia-Cambogia-In-Australia/Garcinia-Cambogia-Premium-By-Nutrastar ayvgarcinia.com garcinia cambogia premium by nutrastar makes the argument http://www.ayvgarcinia.com/Is-Garcinia-Cambogia/Garcinia-Cambogia-Rsa/Garcinia-Cambogia-Ballarat/Garcinia-Cambogia-Fruit-Where-To-Buy-Organic garcinia cambogia fruit where to buy organic on ayvgarcinia.com Jet, http://www.ayvgarcinia.com/Xtreme-Garcinia-Cambogia-Extract/Xtreme-Garcinia-Cambogia-Walgreens/Garcinia-Cambogia-Extract-Sprouts/Xtreme-Garcinia-Cambogia-Canada/Garcinia-Cambogia-Extract-And-Menopause garcinia cambogia extract and menopause the books in .
#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 › 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·小学校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]]
![[PukiWiki]](image/pukiwiki.png "[PukiWiki]")
