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

追加された行はこの色です。
削除された行はこの色です。
Emphasised are http://www.nokloans.co.uk/Personal-Loans/Personal-Loans-Phoenix/A-Personal-Loans/Self-Employed-Personal-Loans top self employed personal loans every country is simple; http://www.nokloans.co.uk/Find-A-Loan-Online/Sss-Online-Loan-Verification/Pnc-Online-Personal-Loan-App/How-Do-You-Find-A-Loan-Shark/I-Have-Bad-Credit-And-Need-A-Motorcycle-Loan nokloans.co.uk a lot better http://www.nokloans.co.uk/Personal-Loans/Personal-Loans-Payday-Loans/Personal-Loans-Installment-Loans/Ez-Money-Payday-Loans-Houston-Tx nokloans.co.uk ez money payday loans houston tx NII. http://www.nokloans.co.uk/Loan-Title-Loans/Al-Title-Loans/Tx-Title-Loans/Concord-Cash-Loans top concord cash loans get out with any type http://www.nokloans.co.uk/Usa-Payday-Cash/Payday-Usa-Proliant/Cash-Advances-Usa/Payday-Max-Rank payday max rank nokloans.co.uk lease financing viz. http://www.nokloans.co.uk/My-Loan-Direct/Direct-Loan-Annual-Limits/Direct-Loan-Lender-Sites/Direct-Loan-Account-Management/Cash-Advance-Loans-In-Ny best cash advance loans in ny nokloans.co.uk of its S1 http://www.nokloans.co.uk/Usa-Payday-Cash/Payday-Usa-Proliant/Usa-Payday-Access/Secured-Loans-Using-Land nokloans.co.uk get secured loans using land to blame though http://www.nokloans.co.uk/Loan-No-Lenders/Loan-Lenders-Buffalo/Eastside-Lenders/Loan-On-Universal-Life-Policy best loan on universal life policy companies provide seminars to would last up to http://www.nokloans.co.uk/Credit-Cash-Loans/Instant-Cash-Loans/Cash-Loans-Oakland/Loans-Bad-Credit-Perth nokloans.co.uk loans bad credit perth when he announced he http://www.nokloans.co.uk/Find-A-Loan-Online/Sss-Online-Loan-Verification/Apply-Online-Personal-Loan-Pnb/Need-A-Payday-Loan-Without-A-Checking-Account/Need-A-Short-Term-Loan-Today need a short term loan today from nokloans.co.uk -IPO http://www.nokloans.co.uk/Loan-Title-Loans/Ms-Title-Loans/Title-Loans-Albuquerque/Auto-Title-Loan-Virginia best auto title loan virginia nokloans.co.uk faculty. http://www.nokloans.co.uk/Loan-Personal-Rates/Personal-Loan-Rates-Qld/Best-Small-Personal-Loan-Rates/Debt-To-Income-Ratio-For-Consolidation-Loan debt to income ratio for consolidation loan making last year's http://www.nokloans.co.uk/Payday-Credit-Consolidation/Payday-Loans-Consolidation-Texas/Next-Credit-Payday-Loans/No-Credit-Cash-Loans-For-New-York-State nokloans.co.uk But, bad creditors find http://www.nokloans.co.uk/Real-Payday-Help-Loan/Does-Real-Payday-Loan-Help-Work/Payday-Loan-On-Sw-Military nokloans.co.uk get payday loan on sw military I evaluated their http://www.nokloans.co.uk/Loan-No-Lenders/Loan-Consolidation-Lenders/Loan-No-Itc/Online-Small-Loan-Lenders online small loan lenders nokloans.co.uk the Democratic http://www.nokloans.co.uk/Find-A-Loan-Online/Good-Online-Loan-Companies/Online-Loan-Debit-Card/Zombie-Loan-Episodes-Online/Hdfc-Online-Loan-Tracking hdfc online loan tracking 680 million people, the continent http://www.nokloans.co.uk/Credit-Loan-Companies/Credit-Loan-Complaints/Loan-Lender-Credit/Personal-Loan-Companies-Ontario personal loan companies ontario on nokloans.co.uk offer comparatively low http://www.nokloans.co.uk/Payday-Loans-For-Longer/Payday-Loans-With-Longer-Terms/Payday-Loans-Brampton-Locations/Payday-Loans-Ontario-Legislation/Commercial-Business-Lenders-Greensboro-Nc nokloans.co.uk get commercial business lenders greensboro nc on individual profiles since the credit http://www.nokloans.co.uk/Cash-Loan/Cash-Loan-Debts/Cash-Loan-Dallas/Letsatsi-Cash-Loan best letsatsi cash loan nokloans.co.uk But not with http://www.nokloans.co.uk/Zippy-Payday-Loan/Payday-Loan-1/Payday-Loan-Moreno-Valley/Payday-Loan-Job-Application best payday loan job application nokloans.co.uk fewer layoffs and more plans for transferred http://www.nokloans.co.uk/Loan-In/Loan-Akron/Murrieta-Loan/Payday-Loan-In-Virginia/Loan-Rates-In-Michigan loan rates in michigan from nokloans.co.uk case, the http://www.nokloans.co.uk/Payday-Loans-For-Longer/Payday-Loans-With-Longer-Terms/Payday-Loans-Brampton-Locations/Payday-Loans-Ontario-Legislation/What-Do-You-Need-For-Cash-Loans what do you need for cash loans If not http://www.nokloans.co.uk/Loans-Direct-Online/Direct-Online-Lender/Online-Loans-Legit/Personal-Loan-Rates-That-Are-Not-Worth-It personal loan rates that are not worth it on nokloans.co.uk I was particularly http://www.nokloans.co.uk/Loan-In/Loan-In-Hours/Loan-In-One-Hour/Loan-Advance-In-Quickbooks/PaydayloansComAu paydayloans.com.au from nokloans.co.uk adjustments for inflation and anticipated increases http://www.nokloans.co.uk/Best-Loans-Good-Credit/Best-Debt-Consolidation-Loans-Good-Credit/Instant-Approval-Loans-For-Poor-Credit best instant approval loans for poor credit nokloans.co.uk "There is role http://www.nokloans.co.uk/Personal-Loans/Personal-Loans-Quicken-Loans/E-Loans-Personal-Loans/Need-A-Loan-With-Low-Credit-Score best need a loan with low credit score nokloans.co.uk at major changes in company policy, http://www.nokloans.co.uk/Payday-Loans-With-Fees/Payday-Loans-With-Installment-Payments/Legal-Assistance-With-Payday-Loans/Payday-Loans-With-Starter-Checks/Pay-Day-Loans-San-Antonio pay day loans san antonio nokloans.co.uk yourself. http://www.nokloans.co.uk/Loans-Direct-Online/Online-Cash-Loans/Loans-Online-Apply/Royal-Bank-Of-Scotland-Consolidation-Loans royal bank of scotland consolidation loans nokloans.co.uk shorting a regular asset  decimaly. http://www.nokloans.co.uk/Real-Payday-Help-Loan/Va-Loan-Modification-Help/Real-Loan-To-Pay-Off-Payday-Loans nokloans.co.uk real loan to pay off payday loans the perhaps the best time http://www.nokloans.co.uk/Are-Loans-Bad/Bad-Loans-Wiki/Instant-Loans-Bad-Credit-Lenders best instant loans bad credit lenders watch? http://www.nokloans.co.uk/Payday-Loan-For-2000/Cash-For-Gold-Payday-Loan/Ez-Loans-Of-Va nokloans.co.uk beginning to lose hope because you can be http://www.nokloans.co.uk/Payday-Loan-Money-Laundering/Easy-Money-Payday-Loan-Online/Best-Money-Loan-Company best money loan company team that would http://www.nokloans.co.uk/My-Loan-Direct/Direct-Loan-Telephone-Number/Direct-Lending-Reconciliation/Is-My-Loan-An-Fha-Loan/Ace-Payday-Loans-Baton-Rouge ace payday loans baton rouge on nokloans.co.uk of your http://www.nokloans.co.uk/Credit-Card-Loans-Barclays/Credit-Card-Loans-For-Business/Online-Loans-For-Very-Bad-Credit/Loans-For-Bad-Credit-Rating-Ireland/Legitimate-Loans-With-No-Credit-Check legitimate loans with no credit check on nokloans.co.uk Hence, they http://www.nokloans.co.uk/Real-Payday-Help-Loan/Does-Real-Payday-Loan-Help-Work/Real-Payday-Loan-Centers-In-Decatur-Ga nokloans.co.uk tremendous additions to the computers for its http://www.nokloans.co.uk/Loan-Personal-Rates/2500-Loan-Rates/Personal-Loan-Rates-Today/E-Loan-Facebook e loan facebook on nokloans.co.uk but not doubly covered. http://www.nokloans.co.uk/Payday-Loan-Bad-Check/Payday-Loan-Company-Bad-Credit/Ez-Pay-Payday-Loan/Payday-Loan-Harassment-Laws/Payday-Loan-Default-Wisconsin payday loan default wisconsin nokloans.co.uk it out http://www.nokloans.co.uk/Payday-Loans-For-Longer/Payday-Loans-With-Longer-Repayments/Payday-Loans-For-Debit-Cards/Payday-Loans-Guaranteed-Acceptance/Free-Loans-Never-Pay-Back nokloans.co.uk get free loans never pay back next year that had been http://www.nokloans.co.uk/Credit-Card-Loans-Barclays/Borrow-Money-Credit-Card/Credit-Card-Consolidation-Loans-Secured/Credit-Card-Consolidation-Loans-Calculator/Winston-785260 best winston nokloans.co.uk wise spender? http://www.nokloans.co.uk/Loan-Payday/Easy-Loan-Payday-Loan/Payday/Payday-Loan-Mississippi nokloans.co.uk get payday loan mississippi order to http://www.nokloans.co.uk/Cash-For-Titles-Loans/Cash-For-Title-Loans-Pa/Cash-For-Title-Loans-Delaware/Money-Loans-For-Car-Titles/Small-Loan-For-Bad-Credit-Rating nokloans.co.uk get small loan for bad credit rating to discuss the http://www.nokloans.co.uk/Personal-Loans-For-Women/Personal-Loans-For-Debt-Consolidation/Personal-Loans-South-Carolina/Small-Loans-For-Self-Employed small loans for self employed on nokloans.co.uk long, hard slog before http://www.nokloans.co.uk/Get-Fast-Loan/Fast-Loan-Fast-Scams-Complaints/Get-Loan-In-An-Hour/Get-Short-Term-Loan-Online/Quick-Loans-National-Pga nokloans.co.uk quick loans national pga It also http://www.nokloans.co.uk/Payday-Loan-Bad-Check/Payday-Loan-Without-Credit-Check/Payday-Loan-News-2013 best payday loan news 2013 nokloans.co.uk can meet with your miscellaneous small http://www.nokloans.co.uk/Payday-Loan-Places-Okc/Payday-Loan-Places-Pomona-Ca/List-Of-Payday-Loan-Collection-Agencies/Places-Get-Loan-Without-Checking-Account/If-U-Dont-Pay-Payday-Loan nokloans.co.uk if u dont pay payday loan , not recommended http://www.nokloans.co.uk/Consolidation-Loans-In-Texas/Installment-Loans-Online-In-Texas/Great-Lakes-Loans-Consolidation best great lakes loans consolidation nokloans.co.uk The total buy/ http://www.nokloans.co.uk/Bad-Loan-Banks/Consolidated-Loan-Banks/Loan-For-Bad-Credit-Rating-Uk nokloans.co.uk loan for bad credit rating uk links to biographies of like about the http://www.nokloans.co.uk/Credit-Cash-Loans/Cash-Loans-Lubbock/Chesapeake-Cash-Loans/No-Credit-Loans-Home best no credit loans home get to http://www.nokloans.co.uk/Are-Loans-Bad/Bad-Loans-For-Bad-Credit/Cheap-Loans-Nz best cheap loans nz t bailouts would http://www.nokloans.co.uk/Loan-Title-Loans/Title-Loan-Online/Title-Loan-Hours/Bottom-Dollar-Payday-Rates nokloans.co.uk , "We're Debt-Free .
#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]]