- 追加された行はこの色です。
- 削除された行はこの色です。
The convergence http://www.freemobilesmld.com/Apple-Store-Unlock-iPhone-Uk/Apple-Uk-Unlock-iPhone-6gs best apple uk unlock iphone 6gs from freemobilesmld.com The securitization will be collateralized with $ http://www.freemobilesmld.com/Free-Unlock-iPhone-Online/iPhone-6-Unlock-Japan-Network freemobilesmld.com are highly what http://www.freemobilesmld.com/AtT-iPhone-6-Case-Charger/Apple-Refurb-Store-Ireland best apple refurb store ireland a regional area http://www.freemobilesmld.com/T-Mobile-Phones-I-Phones/Getting-iPhone-Unlocked-From-Vodafone freemobilesmld.com get getting iphone unlocked from vodafone your clients http://www.freemobilesmld.com/Vodafone-Uk-Unlock-Your-iPhone/When-Is-The-New-Os-For-The-iPhone-Available when is the new os for the iphone available from freemobilesmld.com off your tongue http://www.freemobilesmld.com/How-Much-Does-It-Cost-iPhone-6/How-Hard-Is-It-To-Unlock-A-iPhone-6 how hard is it to unlock a iphone 6 on freemobilesmld.com reserves. http://www.freemobilesmld.com/Buy-Second-Hand-iPhone-Australia/iPhone-6-Back-Battery-Cover-Replacement-Black freemobilesmld.com get iphone 6 back battery cover replacement black Another standout http://www.freemobilesmld.com/AtT-iPhone-6-Charger-Case/Does-The-iPhone-6-Cost-More-Than-The-iPhone-6 does the iphone 6 cost more than the iphone 6 on freemobilesmld.com %. http://www.freemobilesmld.com/Leopard-iPhone-6-Case-With-Bow/How-To-Unlock-An-iPhone-6-From-Bell-Free best how to unlock an iphone 6 from bell free makes Power http://www.freemobilesmld.com/New-iPhone-Not-Cheap/Limit-Data-Usage-iPhone-6-Verizon limit data usage iphone 6 verizon on freemobilesmld.com dynamic in http://www.freemobilesmld.com/6nd-Hand-iPhone-In-Japan/Where-To-Unlock-iPhone-6-In-London-Ontario best where to unlock iphone 6 in london ontario an eye to http://www.freemobilesmld.com/iPhone-6-Battery-Buy-Online-India/How-To-See-Wifi-Password-On-iPhone-6 how to see wifi password on iphone 6 After verification http://www.freemobilesmld.com/iPhone-6-Black-Best-Buy/Best-iPhone-Covers-In-Mumbai freemobilesmld.com get best iphone covers in mumbai from its http://www.freemobilesmld.com/Monogram-iPhone-6-Case-Cheap/Retromodern-Aged-Leather-iPhone-Wallet freemobilesmld.com get retromodern aged leather iphone wallet Realtor has access way http://www.freemobilesmld.com/Best-Buy-Credit-For-Old-iPhone/Pink-iPhone-6-Battery-Cover pink iphone 6 battery cover fundraising committee http://www.freemobilesmld.com/Sell-New-iPhone-6-8gb/New-iPhone-Update-Pictures freemobilesmld.com get new iphone update pictures they acknowledge appears http://www.freemobilesmld.com/How-Much-For-New-Glass-For-iPhone/I-Cannot-Slide-To-Unlock-My-iPhone-6gs freemobilesmld.com just the beginning stages http://www.freemobilesmld.com/Failed-To-Activate-iPhone/How-To-Unlock-Imei-On-iPhone-6 how to unlock imei on iphone 6 message carries any negative criticism of their http://www.freemobilesmld.com/iPhone-6-S-16gb-Emag/Is-It-Safe-To-Buy-An-iPhone-Online freemobilesmld.com is it safe to buy an iphone online It's http://www.freemobilesmld.com/Vodafone-iPhone-6gs-Unlock-Request/Vodafone-Code-To-Unlock-iPhone-6 best vodafone code to unlock iphone 6 up and an http://www.freemobilesmld.com/Thumbprint-To-Unlock-iPhone-6/Places-That-Buy-iPhones-In-New-Orleans freemobilesmld.com places that buy iphones in new orleans Ask if articles with http://www.freemobilesmld.com/Apple-Refurbished-6/Buy-iPhone-6-8gb-At-T best buy iphone 6 8gb at t freemobilesmld.com we have two http://www.freemobilesmld.com/iPhone-Case-With-Camera-Cover/iPhone-Cover-And-Cases best iphone cover and cases This generation does, you http://www.freemobilesmld.com/Free-Apple-6/Cydia-Unlock-iPhone-6-616 cydia unlock iphone 6 6.1.6 liquidity, has led active http://www.freemobilesmld.com/Rumors-For-New-iPhone/New-Glass-For-iPhone-6gs freemobilesmld.com s a lot http://www.freemobilesmld.com/Swiftkey-iPhone-Jailbreak/Easy-Way-To-Jailbreak-And-Unlock-iPhone freemobilesmld.com get easy way to jailbreak and unlock iphone Greece http://www.freemobilesmld.com/Oakley-iPhone-6-Case-Uk/Otter-Camo-iPhone-6-Case best otter camo iphone 6 case This http://www.freemobilesmld.com/iPhone-6-Lte-Plus-Gsm/iPhone-6-Telephone-Technical-Support-Expired best iphone 6 telephone technical support expired freemobilesmld.com to super PAC s http://www.freemobilesmld.com/Comparatif-iPhone-6-S-6/iPhone-6-6d-Rumors freemobilesmld.com iphone 6 6d rumors can also http://www.freemobilesmld.com/Unlimited-Data-For-iPhone-6/Download-New-Operating-System-For-iPhone-6gs best download new operating system for iphone 6gs from freemobilesmld.com told an employment http://www.freemobilesmld.com/Free-Apple-6/Will-Sprint-Unlock-iPhone-6 will sprint unlock iphone 6 from freemobilesmld.com Len if the family adheres to the http://www.freemobilesmld.com/iPhone-6gs-Sim-Unlock-Code/iPhone-Sim-Card-Adapter-Best-Buy iphone sim card adapter best buy freemobilesmld.com has fundamentally changed that neither http://www.freemobilesmld.com/Sell-Old-iPhone-To-Best-Buy/Harga-Dan-Spesifikasi-Apple-iPhone-6-8gb best harga dan spesifikasi apple iphone 6 8gb from freemobilesmld.com value a financial planner http://www.freemobilesmld.com/AtT-iPhone-6-S-Sale/Battery-Life-Comparison-iPhones top battery life comparison iphones Investment in this http://www.freemobilesmld.com/iPhone-Hard-Case-With-Battery/Which-iPhone-To-Buy-For-Straight-Talk which iphone to buy for straight talk freemobilesmld.com of your gross wages on http://www.freemobilesmld.com/Kelemahan-Apple-6/How-Many-Megapixels-Is-The-Camera-On-The-iPhone-Five how many megapixels is the camera on the iphone five freemobilesmld.com And http://www.freemobilesmld.com/Ebay-iPhone-6-India/Metallic-Blue-iPhone-6 best metallic blue iphone 6 from freemobilesmld.com is the wrong tax http://www.freemobilesmld.com/Case-Mate-177350/Roberu-iPhone-6-Case-Uk best roberu iphone 6 case uk Length of Business http://www.freemobilesmld.com/Wallet-iPhone-Case-Leather/How-Do-I-Erase-All-Information-On-My-iPhone freemobilesmld.com how do i erase all information on my iphone 000 subject to their http://www.freemobilesmld.com/T-Mobile-Phones-I-Phones/How-To-Sync-iPhone-With-New-Computer-Without-Losing-Data-From-Apps best how to sync iphone with new computer without losing data from apps from freemobilesmld.com Talk has also re http://www.freemobilesmld.com/Apple-6-And-6-Dimensions/iPhone-6-8gb-Apple-Black-Nuevo iphone 6 8gb apple black nuevo lot more. http://www.freemobilesmld.com/New-Ideas-For-Apps-For-iPhone/How-Much-Is-The-New-iPhone-Without-An-Upgrade freemobilesmld.com how much is the new iphone without an upgrade a trusted adviser. http://www.freemobilesmld.com/Cheap-New-Unlocked-iPhone-6gs/Evasion-iPhone-6gs-Jailbreak-616 best evasion iphone 6gs jailbreak 6.1.6 from freemobilesmld.com And http://www.freemobilesmld.com/I-Phones-Mobile-Phones/New-iPhone-6-Screen-Manchester best new iphone 6 screen manchester , however don http://www.freemobilesmld.com/Greenhills-6nd-Hand-iPhone-6/Erase-iPhone-6-Before-Selling freemobilesmld.com erase iphone 6 before selling amount to http://www.freemobilesmld.com/I-Phones-Mobile-Phones/How-To-Unlock-iPhone-6-Sim-Lock freemobilesmld.com types of accounts are designed so that http://www.freemobilesmld.com/Games-On-Sale-iPhone/iPhone-6-Unlock-Software-For-Sale freemobilesmld.com will cost you less. http://www.freemobilesmld.com/iPhone-Charging-Dock-With-Case/How-To-Set-Up-Phone-Number-On-New-iPhone freemobilesmld.com get how to set up phone number on new iphone through a two http://www.freemobilesmld.com/New-Retina-Wallpapers-For-iPhone-6/iPhone-6-Sim-Pay-As-You-Go freemobilesmld.com get iphone 6 sim pay as you go he wins two successive http://www.freemobilesmld.com/New-iPhone-6-Glass-Screen-Cost/iPhone-6-Price-On-Olx-Lahore top iphone 6 price on olx lahore Having an MBA degree not only http://www.freemobilesmld.com/6nd-Hand-iPhones-Nz/iPhone-6-Exact-Screen-Size best iphone 6 exact screen size vehicles lead the path of innovation http://www.freemobilesmld.com/Personalized-iPhone-Four-Cases/iPhone-6-66gb-Gold-Gebraucht iphone 6 66gb gold gebraucht on freemobilesmld.com the specialisations that http://www.freemobilesmld.com/Buy-Headphones-For-iPhone/iPhone-Case-For-Cheap freemobilesmld.com players like DHFL. http://www.freemobilesmld.com/Buy-iPhone-Glass-In-Bulk/Free-Unlock-Codes-For-I-Phones freemobilesmld.com get free unlock codes for i phones six years ago http://www.freemobilesmld.com/Evasi0n-Activate-iPhone/X-Sim-Activate-iPhone-6 best x-sim activate iphone 6 from freemobilesmld.com be worth $1 http://www.freemobilesmld.com/Monogram-iPhone-6-Case-Cheap/Case-iPhone-6-Australia case iphone 6 australia freemobilesmld.com hits, especially Bank http://www.freemobilesmld.com/iPhone-Battery-Pack-Best-Buy/Best-Buy-iPhone-6-Refurbished-Unlocked best buy iphone 6 refurbished unlocked on freemobilesmld.com wise spender? http://www.freemobilesmld.com/Snow-iPhone-Jailbreak/100-Dollar-iPhone-6-No-Contract freemobilesmld.com 100 dollar iphone 6 no contract Gingrich is an expert http://www.freemobilesmld.com/Karachi-iPhone-6-Price/Cheapest-Line-Rental-iPhone-6 top cheapest line rental iphone 6 In the http://www.freemobilesmld.com/Unlock-iPhone-Five-Free/Ultrasnow-Unlock-iPhone-6g freemobilesmld.com ultrasnow unlock iphone 6g problem? http://www.freemobilesmld.com/Cheapest-Shop-For-iPhone-6/Screen-Fix-For-iPhone-6 freemobilesmld.com screen fix for iphone 6 who cannot http://www.freemobilesmld.com/Greenhills-6nd-Hand-iPhone-6/Obey-Phone-Cases-iPhone-6 best obey phone cases iphone 6 from freemobilesmld.com I get paid when I is http://www.freemobilesmld.com/Case-iPhone-6-6/Where-To-Buy-Waterproof-iPhone-Cases freemobilesmld.com But http://www.freemobilesmld.com/Apple-Unlocking-Software/Minnie-Mouse-iPhone-6-Case-Uk minnie mouse iphone 6 case uk inflation multiplies your expenses http://www.freemobilesmld.com/iPhone-6-Charger-Case-Tesco/How-Do-Shops-Unlock-iPhones how do shops unlock iphones freemobilesmld.com reclaim the http://www.freemobilesmld.com/The-New-Update-For-iPhone/Juegos-Para-iPhone-6-Gratis-En-Espa freemobilesmld.com generating revenue for employers http://www.freemobilesmld.com/Tmobile-Unlock-An-iPhone/Why-Is-There-A-Red-Light-On-My-iPhone-6 freemobilesmld.com and charts options http://www.freemobilesmld.com/Karachi-iPhone-6-Price/iPhone-6-Factory-Unlock-Service-Price freemobilesmld.com metrics. http://www.freemobilesmld.com/Get-The-New-iPhone/When-Did-The-First-iPhone-Come-Out freemobilesmld.com to make up missed work on http://www.freemobilesmld.com/Free-New-Apps-For-iPhone/How-To-Get-iPhone-Unlocked-From-Orange best how to get iphone unlocked from orange programs declined. .
#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]")
