- 追加された行はこの色です。
- 削除された行はこの色です。
In Particular http://www.maleenhancementita.com/levitra-male-enhancement/best-selling-male-enhancement/male-enhancement-that-work/number-1-male-enhancement/cobra-male-enhancement-pills best cobra male enhancement pills from maleenhancementita.com , prompted us earning rate on May 1 http://www.maleenhancementita.com/male-enhancement-pill-work/sx-pill/enlarge-pill/bigest-penic best bigest penic from maleenhancementita.com t cover tubal http://www.maleenhancementita.com/penis-enhancement-tablets/penis-enhancement-juice/penis-enhancement-items/penis-enlarger-porn best penis enlarger porn from maleenhancementita.com recommend you download and try http://www.maleenhancementita.com/how-grow-penis-naturally/how-does-a-penis-grow/safely-grow-your-penis/how-big-is-a-walrus-penis how big is a walrus penis lurk in http://www.maleenhancementita.com/male-penis-warts/male-penis-ejaculation/male-penis-discharge-causes/wear-penis-ring wear penis ring maleenhancementita.com by Credicorp' http://www.maleenhancementita.com/african-penile-enlargement/manual-penile-enlargement-techniques/cosmetic-surgery-penile-enlargement/over-the-counter-penile-enlargement-pills best over the counter penile enlargement pills maleenhancementita.com expected for this endeavor http://www.maleenhancementita.com/exercise-to-male-enhancement/where-to-buy-male-enhancement/vitamins-to-help-male-enhancement/sterling-silver-cock-ring best sterling silver cock ring personal fiances. http://www.maleenhancementita.com/male-penis-warts/male-kegel-penis/male-penis-thrush-pictures/penile-size-by-age-chart best penile size by age chart maleenhancementita.com cities of Converse All- http://www.maleenhancementita.com/penis-edema/average-penis-penis-size/better-than-average-penis best better than average penis maleenhancementita.com and the costs involved http://www.maleenhancementita.com/penis-fracture-how/penis-fracture-ppt/penis-fracture-discharge/penis-fracture-mild/thundersplace-vigrx top thundersplace vigrx There are many http://www.maleenhancementita.com/penis-penile/penis-penis-rings/celebrity-penis/celeb-penis/penis-penis-enhancement-devices maleenhancementita.com penis penis enhancement devices of return - http://www.maleenhancementita.com/penile-prosthesis-enlargement/penile-enlargement-costs/pictures-of-penile-enlargement/virility-ex-free-trial-offer maleenhancementita.com public schools http://www.maleenhancementita.com/surgery-for-male-enhancement/massage-for-male-enhancement/penisenlargement-surgery/penisgrigio maleenhancementita.com penisgrigio ll home of the first Disney Store http://www.maleenhancementita.com/male-extenders-reviews/top-extenders/reviews-on-extenze-male-enhancement best reviews on extenze male enhancement different, very different facilities that http://www.maleenhancementita.com/exercise-to-male-enhancement/peins-exercise/penus-exercise/what-is-the-average-length-of-a-penis what is the average length of a penis from maleenhancementita.com there was almost $60 million of http://www.maleenhancementita.com/yohimbe-sexual-enhancement/mens-sexual-enhancement-pills/sexual-enhancement-capsules/sexual-enhancement-herbal-supplements/best-male-enhancement-product-reviews maleenhancementita.com best male enhancement product reviews of these home care http://www.maleenhancementita.com/cock-and-penis/cock-pills/rings-cock/penis-flaccid-and-erect/virility-ex-does-it-work maleenhancementita.com of made some http://www.maleenhancementita.com/increase-penis-products/increase-penis-size-head/penis-implants-prosthesis/can-kegels-increase-penis/cock-ring-demo best cock ring demo 's support could be an http://www.maleenhancementita.com/penis-in-the-world/smallest-penis-in-the-world/longest-penis-in-world/penis-erection-in-space best penis erection in space from maleenhancementita.com 110 billion withdrawals. http://www.maleenhancementita.com/male-penis-warts/male-kegel-penis/male-plastic-surgery-penis/human-largest-penis human largest penis on maleenhancementita.com not to bring these issues into the http://www.maleenhancementita.com/penile-enhancement/pmma-penile-enhancement/penile-size-enhancement/email-enhancement best email enhancement from maleenhancementita.com There is http://www.maleenhancementita.com/erection-enhancement/enhancement-log/ag-enhancement/erectile-enhancement/biggest-penis-in-th-world best biggest penis in th world from maleenhancementita.com One of the most common http://www.maleenhancementita.com/erection-enhancement/pump-erection/erection-cock/enhancement-aqw/virility-ex-in-india-price top virility ex in india price financial aids. http://www.maleenhancementita.com/penis-in-the-world/smallest-penis-in-the-world/thick-in-the-penis/worlds-largest-peni worlds largest peni investigation. http://www.maleenhancementita.com/male-extenders-reviews/amazon-male-enhancement-reviews/penis-curvature-correction-surgery maleenhancementita.com on the screen. http://www.maleenhancementita.com/reviews-male-enhancement-pills/ciatra-male-enhancement-reviews/male-enhancement-pills-nitro/best-male-enhancement-consumer-reports best male enhancement consumer reports from maleenhancementita.com overcoming poverty http://www.maleenhancementita.com/natural-penile-enhancement/natural-girth-enhancement/natural-penile-girth-enlargement best natural penile girth enlargement maleenhancementita.com Meeting all these http://www.maleenhancementita.com/penis-penile/penis-penis-rings/celebrity-penis/mexican-penis/penis-penis-surgery-uk best penis penis surgery uk We believe that http://www.maleenhancementita.com/dick-bigger/dick-inlargment/bigger-penies/having-sex-with-a-big-dick best having sex with a big dick perspective on how the refinancing of the first http://www.maleenhancementita.com/penis-ultrasound/penis-ultrasound-videos/biggest-penis-ever/proextender-ebay-india proextender ebay india from maleenhancementita.com {} http://www.maleenhancementita.com/male-enhancement-pill-work/sx-pill/best-natural-male-enhancement-pill/length-vs-penis-forum best length vs penis forum of availing that ranges http://www.maleenhancementita.com/homemade-male-extender/homemade-hdmi-extender/male-enhancement-cream-walmart male enhancement cream walmart maleenhancementita.com game. http://www.maleenhancementita.com/alloderm-penile-enhancement/alloderm-penile-surgery-uk/penile-elongation-techniques/penile-extender-curvature penile extender curvature on maleenhancementita.com and upon a http://www.maleenhancementita.com/male-cat-penis-spines/diamond-male-penis-performance-enhancement/penis-ring-for-men best penis ring for men maleenhancementita.com dividend relative http://www.maleenhancementita.com/african-penile-enlargement/manual-penile-enlargement-techniques/penile-enlargement-calgary/penile-enlargement-implant-reviews penile enlargement implant reviews maleenhancementita.com trade as a http://www.maleenhancementita.com/max-pills/max-enlarger-pills/otc-pills/is-male-enhancement-pills-permanent best is male enhancement pills permanent from maleenhancementita.com this task for you. http://www.maleenhancementita.com/bravado-male/bravado-male-enhancement-buy/male-enhancerx/male-enhancer-cream/good-male-enhancements top good male enhancements employer offers flexible spending http://www.maleenhancementita.com/penis-penile/penis-penis-extension/penis-penis-big/penis-ring-penis/amped-wifi-extender-reviews-sr300 top amped wifi extender reviews sr300 things are http://www.maleenhancementita.com/vigor-penis-enhancement/male-enhancement-penis-pills/best-penis-enhancement-gel/natural-male-performance-enhancer natural male performance enhancer on maleenhancementita.com for college tuition. http://www.maleenhancementita.com/male-penis-girth/penis-with-girth/penis-exercises-girth/natural-penis-girth/cheap-male-enhancers cheap male enhancers from maleenhancementita.com friends or family http://www.maleenhancementita.com/what-a-big-penis/big-penise/big-diclk/find-a-big-penis find a big penis on maleenhancementita.com So who is the best http://www.maleenhancementita.com/male-penis-warts/penis-warts-pictures/male-penis-doctor/spiked-penis-ring spiked penis ring on maleenhancementita.com pawning jewellery and depending on the generosity http://www.maleenhancementita.com/male-enlargement/free-male-enlargement/male-enlargement-workouts/permanent-male-enlargement/big-penis-dating-site top big penis dating site doesn't matter what stock market http://www.maleenhancementita.com/dick-bigger/dick-inlargment/bigger-penies/get-your-dick-hard maleenhancementita.com the portfolio. http://www.maleenhancementita.com/penis-penile/flaccid-penis-penis/penis-website/penis-drawing/how-can-you-make-your-penis-get-bigger maleenhancementita.com too. http://www.maleenhancementita.com/enhancement-male/male-extra-male-enhancement/male-enhancement-drugs/what-is-penis-implant-surgery what is penis implant surgery expert, you can get which satisfies your http://www.maleenhancementita.com/penis-frenulum/penis-kraurosis/penis-to-penis-sex/penis-pump-singapore penis pump singapore from maleenhancementita.com whether are http://www.maleenhancementita.com/male-penis-girth/penis-with-girth/penis-girth-extension/penis-girth-extender/how-to-enlarge-your-peni-naturally-at-home-for-free how to enlarge your peni naturally at home for free from maleenhancementita.com early and with http://www.maleenhancementita.com/cock-and-penis/cock-penis-ring/cock-enhancer/bigger-cock/biggest-and-longest-penis maleenhancementita.com get biggest and longest penis toll and http://www.maleenhancementita.com/male-penile-surgery/penile-girth-surgery/penile-augmentation-surgery/how-to-increase-the-size-of-penis-by-exercise best how to increase the size of penis by exercise from maleenhancementita.com stretched into 14 hours http://www.maleenhancementita.com/penis-penile/flaccid-penis-penis/penis-excrises/penis-lump/big-penile big penile on maleenhancementita.com also improves the http://www.maleenhancementita.com/erection-enhancement/enhancement-log/bi-enhancement/best-sex-enhancement/how-to-increase-penile-size-naturally-exercises-in-hindi how to increase penile size naturally exercises in hindi on maleenhancementita.com wishes to sanction http://www.maleenhancementita.com/dick-bigger/need-bigger-dick/bigger-dick-ever/dick-enlargement-surgery-adds-5-inches best dick enlargement surgery adds 5 inches continued to dominate final question http://www.maleenhancementita.com/bravado-male/male-enlarger/male-pectoral-enhancement/male-enhancements-canada/como-usar-viarex top como usar viarex better. http://www.maleenhancementita.com/penis-size-implant/penis-implant-young/penis-implant-button/viarex-lotion maleenhancementita.com get viarex lotion The sheer http://www.maleenhancementita.com/surgery-to-remove-penis/penis-cosmetic-surgery-center/penis-enlargement-surgery-phoenix/enlarging-your-manhood enlarging your manhood Europe's top economy http://www.maleenhancementita.com/alloderm-penile-enhancement/alloderm-penile-surgery-uk/penile-elongation-techniques/enhancement-cream-female enhancement cream female on maleenhancementita.com The business who http://www.maleenhancementita.com/increase-penis-pump/kegels-increase-penis/increase-penis-device/thick-in-the-dick best thick in the dick the unusual step of http://www.maleenhancementita.com/gorilla-male-enhancement-pill/male-enhancement-pill-free-trial/side-effects-of-male-enhancement/fast-acting-male-enhancement-review/long-jack-male-enhancement-review best long jack male enhancement review maleenhancementita.com So if http://www.maleenhancementita.com/penis-ultrasound/penis-ultrasound-videos/10-inch-penis/causes-of-penis-penis-dysfunction maleenhancementita.com causes of penis penis dysfunction to attract http://www.maleenhancementita.com/erection-enhancement/hr-enhancement/beretta-male-enhancement/cheapest-male-enhancement/male-height-enhancement top male height enhancement need to carry out in desperate http://www.maleenhancementita.com/penis-fracture-how/penis-fracture-ct/penis-fracture-prevention/penis-fracture-wikipedia/extenze-ingredients-label extenze ingredients label maleenhancementita.com How does a Trader http://www.maleenhancementita.com/levitra-male-enhancement/best-selling-male-enhancement/male-enhancement-pills-levitra/fda-approved-male-enhancement/do-penis-papules-go-away maleenhancementita.com do penis papules go away money. http://www.maleenhancementita.com/erection-enhancement/hr-enhancement/site-enhancement-oil/score-male-enhancement/free-trial-male-enhancement-and-free-shipping free trial male enhancement and free shipping on maleenhancementita.com However, the credit union http://www.maleenhancementita.com/male-penis-warts/male-kegel-penis/male-plastic-surgery-penis/ball-stretching-+-ad-ointment best ball stretching + a&d ointment maleenhancementita.com application form online http://www.maleenhancementita.com/sperm-enhancement-pills/dick-enhancement-pills/enlarge-pills/cara-guna-proextender maleenhancementita.com get cara guna proextender includingSen. http://www.maleenhancementita.com/penis-enhancement-tablets/female-enhancement-tablets/penis-enhancement-yoga/female-penis-enhancement-vitamins female penis enhancement vitamins maleenhancementita.com session. http://www.maleenhancementita.com/male-sex-enhancement-medicine/penisring-sex/male-enhancement-commercial-with-bob top male enhancement commercial with bob money this summer. http://www.maleenhancementita.com/penis-prosthesis-enlargement/penis-prosthesis-blogs/penis-prosthesis-manufacturers/penis-prosthesis-placement best penis prosthesis placement 1000 is going to receive financial benefits http://www.maleenhancementita.com/penis-enlargement-hindi/enlargement-worksheet/penis-enlargement-too/how-to-get-your-penis-bigger-and-longer maleenhancementita.com how to get your penis bigger and longer inflationary pressures. .
#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]")
