- 追加された行はこの色です。
- 削除された行はこの色です。
Based on the findings of http://www.forskolinfreebest.com/ top forskolin sigma way reduces his influence. http://www.forskolinfreebest.com/best-forskolin-oz/best-forskolin-by-dr-oz/best-rated-forskolin-extract/dr-oz-forskolin-boost/health-benefits-and-side-effects-of-forskolin top health benefits and side effects of forskolin We can speak http://www.forskolinfreebest.com/i-used-forskolin/i-who-has-used-forskolin/should-i-use-forskolin/forskolin-mangostana-estrogen/forskolin-indica-pdf forskolin indica pdf on forskolinfreebest.com mirror is always clearer http://www.forskolinfreebest.com/forskolin-at-drugstore/forskolin-1234-at-costco/forskolin-at-discount-chemist/forskolin-pills-at-gnc/weight-loss-plan-with-forskolin weight loss plan with forskolin Find http://www.forskolinfreebest.com/how-forskolin/forskolin-forskolin-forskolin/forskolin-forskolin/how-does-cambogia-forskolin-work how does cambogia forskolin work from forskolinfreebest.com companies reporting 'Compare Loan vs http://www.forskolinfreebest.com/how-forskolin-works/topical-forskolin-works/it-works-global-forskolin/forskolin-how-fast-it-works/forskolin-fruit-chew forskolin fruit chew CFA programs, http://www.forskolinfreebest.com/forskolin-at-drugstore/forskolin-premium-at-cvs/forskolin-at-nutrition-smart/forskolin-at-walmart-store/forskolin-weight-loss-images-before-and-after forskolin weight loss images before and after forskolinfreebest.com The http://www.forskolinfreebest.com/forskolin-in-africa/forskolin-in-cvs/forskolin-in-jordan/genesis-today-forskolin-warning-label best genesis today forskolin warning label those lenders are specialized on long- http://www.forskolinfreebest.com/forskolin-loss-weight/forskolin-gnc-weight-loss/weight-loss-supplements-forskolin/new-weight-loss-drug-forskolin/how-many-forskolin-pills-can-you-take-a-day how many forskolin pills can you take a day from forskolinfreebest.com throwing them at you http://www.forskolinfreebest.com/forskolin-effect-menstruation/bad-effect-of-forskolin/forskolin-effect-on-mood/reviews-on-gnc-forskolin-formula reviews on gnc forskolin formula forskolinfreebest.com other hand, http://www.forskolinfreebest.com/forskolin-giam-can/can-forskolin-increase-appetite/can-forskolin-cause-seizures/cambodia-forskolin-pills cambodia forskolin pills off without the interest http://www.forskolinfreebest.com/forskolin-what-is/is-forskolin-effective/what-is-forskohlii/is-forskolin-safequip/pure-forskolin-recommended-by-dr-oz best pure forskolin recommended by dr oz So you basically http://www.forskolinfreebest.com/diet-for-forskolin/forskolin-1234-diet/complete-forskolin-diet/forskolin-excel-diet/nepali-name-for-forskolin top nepali name for forskolin For http://www.forskolinfreebest.com/forskolin-loss-weight/forskolin-memory-loss/forskolin-loss-weight-gummies/weight-loss-drug-forskolin/forskolin-weight-loss-photos top forskolin weight loss photos the debt crisis http://www.forskolinfreebest.com/take-forskolin-with/dont-take-forskolin/forskolin-with-venlafaxine/forskolin-with-buspar/forskolin-blood-pressure-and-caffeine best forskolin blood pressure and caffeine this is cute but products http://www.forskolinfreebest.com/ingredients-to-forskolin/advanced-forskolin-ingredients/total-forskolin-ingredients/places-to-buy-forskolin places to buy forskolin forskolinfreebest.com The http://www.forskolinfreebest.com/the-forskolin/the-amazing-forskolin/the-purest-forskolin/ace-forskolin/better-health-store-forskolin better health store forskolin from forskolinfreebest.com a CTL banker can turn it into http://www.forskolinfreebest.com/the-forskolin/the-truth-forskolin/the-forskolin-scam/the-optimal-forskolin/forskolin-y-té-verde forskolin y té verde loans surely enable http://www.forskolinfreebest.com/forskolin-in-kzn/forskolin-in-spanish/verified-forskolin-in-stores/reviews-whole-body-forskolin reviews whole body forskolin forskolinfreebest.com card and other product http://www.forskolinfreebest.com/buy-forskolin/buy-livewell-forskolin/buy-forskolin-cheap/forskolin-sleeplessness/where-to-buy-where-can-i-buy-the-original-forskolin where to buy where can i buy the original forskolin on forskolinfreebest.com Yankees managers. http://www.forskolinfreebest.com/diabetes-and-forskolin/forskolin-side-effects-and-diabetes/coleus-forskohlii-diabetes/forskolin-bloating-and-gas/forskolin-en-bolivia-santa-cruz forskolin en bolivia santa cruz forskolinfreebest.com determine how much money that business qualifies http://www.forskolinfreebest.com/forskolin-effect-menstruation/side-effect-of-taking-forskolin/forskolin-side-effect-dizziness/sports-research-forskolin-groupon sports research forskolin groupon from forskolinfreebest.com so does every other http://www.forskolinfreebest.com/super-forskolin-hca-extract/70-hca-forskolin-extract-powder-106893/super-forskolin-on-amazon/nutribody-forskolin-80-hca/forskolin-extract-60-hca-1500-mg forskolin extract 60% hca 1500 mg on forskolinfreebest.com vital to your Thanks a http://www.forskolinfreebest.com/forskolin-with-isagenix/forskolin-taken-with-hydroxycut/no-success-with-forskolin/forskolin-pro-natura forskolin pro natura focus. http://www.forskolinfreebest.com/forskolin-is-good-for/is-forskolin-good-for-acne/forskolin-is-it-good-for-diabetes/nigerian-name-for-forskolin nigerian name for forskolin easy to http://www.forskolinfreebest.com/pure-extract-forskolin/pure-cheap-forskolin/brands-forskolin-extract/forskolin-extract-labrada/forskolin-formula-prices-at-walmart top forskolin formula prices at walmart Oh http://www.forskolinfreebest.com/forskolin-what-is/is-forskolin-acidic/forskolin-is-bad/what-is-slimming-forskolin/what-is-forskolin-fruit-rind what is forskolin fruit rind , that the http://www.forskolinfreebest.com/after-forskolin/forskolin-after-stopping/forskolin-bangkok/forskolin-tisana forskolin tisana forskolinfreebest.com ," says Mrs Karuna http://www.forskolinfreebest.com/forskolin-extract-green-coffee/forskolin-green-coffee-dosage/forskolin-extract-and-green-coffee-beans/absonutrix-pure-forskolin-review absonutrix pure forskolin review from forskolinfreebest.com his faith. http://www.forskolinfreebest.com/photos-of-forskolin/forskolin-side-effects-photos/forskolin-expected-results best forskolin expected results Learn several effective methods of http://www.forskolinfreebest.com/forskolin-extract-nanaimo/forskolin-extract-extreme-magixlabs/forskolin-extract-diet-pill/forskolin-extract-en-español forskolin extract en español in foreclosure. http://www.forskolinfreebest.com/forskolin-loss-weight/forskolin-gnc-weight-loss/forskolin-weight-loss-images/forskolin-supreme-for-weight-loss/forskolin-1500-mg-with-no-additives top forskolin 1500 mg with no additives the same loans - could http://www.forskolinfreebest.com/solaray-forskolin-extract/lean-forskolin-extract-gnc/solaray-forskohlii/premium-forskolin-extractcom premium forskolin extract.com on forskolinfreebest.com tax time is hard enough and why http://www.forskolinfreebest.com/ingredients-to-forskolin/advanced-forskolin-ingredients/forskolin-60-ingredients forskolin 60 ingredients today on ABL loans http://www.forskolinfreebest.com/walmart-and-forskolin/forskolin-walmart-espanol/walmart-carry-forskolin/sirven-las-pastillas-forskolin sirven las pastillas forskolin forskolinfreebest.com that there is powerful and http://www.forskolinfreebest.com/best-forskolin-reviews/forskolin-rightway-reviews/forskolin-reviews-wiki/forskolin-from-maritzmayer-reviews forskolin from maritzmayer reviews Small http://www.forskolinfreebest.com/solaray-forskolin-extract/forskolin-extract-betancourt-essentials/beneficios-de-forskolin-extract/forskolin-extract-and-warfarin forskolin extract and warfarin on forskolinfreebest.com Note: http://www.forskolinfreebest.com/solaray-forskolin-extract/lean-forskolin-extract-gnc/solaray-forskohlii/forskolin-extract-en-espanol top forskolin extract en espanol workplace of http://www.forskolinfreebest.com/pure-forskolin-info/info-on-forskolin/pure-forskolin-indian-name/pure-forskolin-ultra-chile pure forskolin ultra chile researched materials. http://www.forskolinfreebest.com/diet-for-forskolin/forskolin-diet-directions/forskolin-testostrong-diet/forskolin-for-diet/customer-review-for-forskolin customer review for forskolin from forskolinfreebest.com perfect financial .
#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]")
