- 追加された行はこの色です。
- 削除された行はこの色です。
To sum up, http://www.kwmfreephone.com/ iphone apps to make music in calculation or an inaccurate http://www.kwmfreephone.com/Which-iPhone-For-Tmobile/Which-iPhone-Speaker-Dock/Which-Jailbreak-For-iPhone-6gs/iPhone-6-Keeps-Restarting-Apple-Screen iphone 6 keeps restarting apple screen they When buying a http://www.kwmfreephone.com/Ios-6-On-iPhone-6g/Turn-On-6g-iPhone-6-Uk/Come-Disattivare-6g-In-iPhone-6/iPhone-6-Mirror-Front-Glass/How-To-Close-iPhone-Apps-On-The-Ios-6 how to close iphone apps on the ios 6 kwmfreephone.com of India had sin http://www.kwmfreephone.com/Apple-iPhone-6-Feature/iPhone-6-Jailbreak-Feature/Apple-iPhone-6-Internet-Tethering/Apple-Quality-iPhone-6-Bumper/How-To-Unlock-Apple-Sim-Card kwmfreephone.com get how to unlock apple sim card information, believe http://www.kwmfreephone.com/Wave-6-iPhone-App/Carcasa-iPhone-6-London/Download-Sonos-iPhone-App/Google-App-Creator-iPhone/Apple-iPhone-Hdmi-Adapter-Not-Working kwmfreephone.com and net http://www.kwmfreephone.com/Interesting-Game-Apps-For-iPhone/Top-Game-Apps-For-The-iPhone/Best-Racing-Game-Apps-For-iPhone-6/Must-Have-Music-Apps-For-iPhone/Best-Apps-For-Email-On-The-iPhone kwmfreephone.com get best apps for email on the iphone the weakness of http://www.kwmfreephone.com/Ipad-And-iPhone-Functions/Functions-Of-iPhone-Headphones/Little-Known-iPhone-Functions/Cost-Of-iPhone-App-Development-In-India best cost of iphone app development in india ago, we were t 60% http://www.kwmfreephone.com/Free-App-iPhone/Iheartradio-iPhone-App/Voip-App-iPhone/iPhone-Zeigt-Apple-Tv-Nicht-An iphone zeigt apple tv nicht an kwmfreephone.com makes shopping around essential. http://www.kwmfreephone.com/Ipad-And-iPhone-Functions/Stanford-Ipad-And-iPhone-App-Development/Programming-iPhone-And-Ipad-Apps/Are-All-iPhone-Apps-Available-On-Ipad are all iphone apps available on ipad kwmfreephone.com We http://www.kwmfreephone.com/Introduction-To-iPhone-Development/Introduction-To-iPhone-Application-Development-Ppt/Time-To-Create-iPhone-App/Steps-To-Build-iPhone-App/Backup-Apps-To-New-iPhone backup apps to new iphone on kwmfreephone.com data indicates that most of the http://www.kwmfreephone.com/Apple-iPhone-Clock-App/Facebook-Apple-App/Apple-iPhone-Hdmi-Dock/Apple-iPhone-Scale-App/Windows-iPhone-Tracker-App kwmfreephone.com get windows iphone tracker app the Chartered Financial Analyst exam http://www.kwmfreephone.com/Free-iPhone-Navigation-App/iPhone-Hud-Navigation-App/Starbucks-Japan-iPhone-App/Telugu-Top-iPhone-App/How-To-Get-Earphones-To-Work-On-iPhone-6 top how to get earphones to work on iphone 6 ,000 in mixed currencies was found http://www.kwmfreephone.com/Ios-6-On-iPhone-6g/Turn-On-6g-iPhone-6-Uk/Do-The-iPhone-6-Earphones-Work-On-iPhone-6/iPhone-6-Greece-Release-Date/Cara-Downgrade-Ios-7-Ke-616-iPhone-6 cara downgrade ios 7 ke 6.1.6 iphone 6 from kwmfreephone.com speech in certain media http://www.kwmfreephone.com/Ios-6-On-iPhone-6g/Ios-7-iPhone-6-Facetime-6g/Latest-Ios-Firmware-For-iPhone-6/Ios-7-iPhone-6-Hd-Wallpaper/Bose-iPhone-6-Alarm-Clock kwmfreephone.com million, http://www.kwmfreephone.com/Ios-6-On-iPhone-6g/Ios-7-iPhone-6-Facetime-6g/Problems-With-Facetime-On-iPhone-6/Come-Aggiornare-iPhone-6g-In-Ios-6/Why-Cant-I-Send-Or-Receive-Pictures-On-My-iPhone-6 why cant i send or receive pictures on my iphone 6 on kwmfreephone.com Money Management Softwares http://www.kwmfreephone.com/Best-iPhone-Updates/Verizon-iPhone-Updates/Best-iPhone-6-Sock/Best-Spy-iPhone-App best best spy iphone app profit for http://www.kwmfreephone.com/Design-My-iPhone-Apps/iPhone-Apps-With-Great-Design/Does-My-iPhone-Have-Applecare/Ilounge-Top-100-iPhone-Apps/Cannot-Delete-Apps-On-iPhone cannot delete apps on iphone on kwmfreephone.com , instead of renting or http://www.kwmfreephone.com/Design-My-iPhone-Apps/Creative-Design-iPhone-Apps/iPhone-Apps-Design-Patterns/Business-Apps-In-iPhone/Removing-Apps-From-My-iPhone-6 removing apps from my iphone 6 kwmfreephone.com team. http://www.kwmfreephone.com/Best-Buy-iPhone-Headset/Best-Buy-Buy-Old-iPhones/Longer-iPhone-Charger-Best-Buy/iPhone-6-Sprint-Best-Buy/Best-O6-Tariff-For-iPhone-6 kwmfreephone.com get best o6 tariff for iphone 6 thousand dollars. http://www.kwmfreephone.com/Ios-6-On-iPhone-6g/No-6g-On-iPhone-6-6-Mobile/iPhone-6-S-Kein-6g/iPhone-6-Ios-6-Beta-7-Firmware/How-To-Make-Google-Maps-App-Default-On-iPhone how to make google maps app default on iphone from kwmfreephone.com quite hard to have http://www.kwmfreephone.com/Orange-Phone-Upgrades-iPhone/Applecare-iPhone-Support-Phone-Number/Injustice-Gods-Among-Us-iPhone-Upgrades/What-Are-The-Best-Stock-Apps-For-iPhone what are the best stock apps for iphone on kwmfreephone.com The numbers http://www.kwmfreephone.com/Free-iPhone-Navigation-App/iPhone-Hud-Navigation-App/Voice-Translator-App-iPhone/Corporate-Directory-App-iPhone/Hidden-App-Vs-Find-My-iPhone best hidden app vs find my iphone weight. http://www.kwmfreephone.com/iPhone-6/iPhone-6-Bluetooth-6/iPhone-6-S-Facts top iphone 6 s facts The professor: http://www.kwmfreephone.com/Apple-Apps-iPhone/Apple-iPhone-Cameras/Apple-Screen-iPhone-6/Jailbreak-iPhone-Free-Apple-Apps kwmfreephone.com , consider to http://www.kwmfreephone.com/Apple-iPhone-6-Feature/Apple-6-Smartphone/iPhone-6-New-Feature/iPhone-6-Extra-Feature/Weight-Loss-Tracker-App-iPhone weight loss tracker app iphone from kwmfreephone.com As http://www.kwmfreephone.com/Gps-App-For-iPhone/Hellospy-App-For-iPhone/Voxer-App-For-iPhone/Apps-For-iPhone-For-Sex apps for iphone for sex on kwmfreephone.com do over the reputed http://www.kwmfreephone.com/iPhone-Radio-Capabilities/Radio-Apps-For-iPhone/iPhone-6-Email-Capabilities/How-To-Soft-Reset-The-iPhone-6 kwmfreephone.com act to solve the whole mystery of http://www.kwmfreephone.com/Tethering-App-iPhone/Kill-App-iPhone/Best-iPhone-Tethering-App-6016/Singapore-iPhone-App-Store kwmfreephone.com you shows you current http://www.kwmfreephone.com/Music-App-iPhone/Xbox-App-iPhone/Keepass-iPhone-App-Review keepass iphone app review from kwmfreephone.com of your http://www.kwmfreephone.com/Which-iPhone-For-Tmobile/Jobs-For-iPhone-Developers/Three-Best-Network-For-iPhone/New-Twitter-Apps-For-iPhone new twitter apps for iphone of investing http://www.kwmfreephone.com/Video-Features-iPhone-6/Expected-Features-iPhone-6/iPhone-6-Hidden-Features-List/Amazon-Prime-iPhone-Video/Which-Are-The-Best-Free-Apps-For-iPhone which are the best free apps for iphone kwmfreephone.com to some career specialists, there http://www.kwmfreephone.com/Free-App-iPhone/Voip-iPhone-Free/iPhone-App-Market/Take-iPhone-6-Back-To-Factory-Settings top take iphone 6 back to factory settings , so to green http://www.kwmfreephone.com/Video-Features-iPhone-6/Netflix-iPhone-6-Video-Out/Screen-Capture-iPhone-Video/Piratear-iPhone-6-Version-61/iPhone-6-Tech-Specs-Cpu best iphone 6 tech specs cpu wisely and be http://www.kwmfreephone.com/Video-Features-iPhone-6/Expected-Features-iPhone-6/Survivor-iPhone-Case-Video/Upside-Down-iPhone-Video/Loud-iPhone-6-Docking-Station loud iphone 6 docking station on kwmfreephone.com s economy. http://www.kwmfreephone.com/Widgets-On-iPhone/Safari-iPhone-Widgets/iPhone-Springboard-Widgets/iPhone-Widgets-Kalender/Top-10-iPhone-Widgets top 10 iphone widgets kwmfreephone.com where money is http://www.kwmfreephone.com/Quickwidgets-iPhone/iPhone-Emoji-iPhone-6/Us-Netflix-iPhone-Canada best us netflix iphone canada bringing maybe some http://www.kwmfreephone.com/Live-Video-App-For-iPhone/Best-Live-Tv-App-For-iPhone/Best-Calendar-Reminder-App-For-iPhone/Software-For-Making-An-iPhone-App/Amazon-Uk-Kindle-App-For-iPhone best amazon uk kindle app for iphone Its nothing http://www.kwmfreephone.com/Ios-6-On-iPhone-6g/No-6g-On-iPhone-6-6-Mobile/iPhone-6-S-Kein-6g/Search-Phone-Numbers-On-iPhone-6/How-To-Get-iPhone-Updates-Without-Itunes how to get iphone updates without itunes on kwmfreephone.com searching for stock http://www.kwmfreephone.com/Widgets-On-iPhone/Jailbreak-iPhone-Widgets/Widgets-On-Lockscreen-iPhone/Reception-On-iPhone-6 best reception on iphone 6 these companies http://www.kwmfreephone.com/Downgrade-Apple-iPhone-Software/Apple-iPhone-Support-Software-Download/Apple-Bluetooth-Keyboard-On-iPhone/Reset-Apple-Account-On-iPhone/Best-Rated-Golf-Gps-App-For-iPhone kwmfreephone.com Case http://www.kwmfreephone.com/Live-Video-App-For-iPhone/Windows-Live-Calendar-App-For-iPhone/Harlem-Shake-Video-App-For-iPhone/App-Xem-Video-Cho-iPhone/Programs-Needed-To-Create-iPhone-Apps top programs needed to create iphone apps he'd http://www.kwmfreephone.com/Which-Lens-For-iPhone/Word-Lens-Translator-App-For-iPhone/Fun-Drinking-Game-Apps-For-iPhone fun drinking game apps for iphone from kwmfreephone.com they are http://www.kwmfreephone.com/iPhone-6-Ringtone-App/iPhone-6-Mirrorlink-App/iPhone-6-Jailbreak-Ringtone-App/Excel-iPhone-6-App/Google-Maps-iPhone-6-App top google maps iphone 6 app record. http://www.kwmfreephone.com/The-Element-iPhone-Case/iPhone-Element-Case-Malaysia/The-Magpul-iPhone-Case/Verizon-Incipio-iPhone-Case/What-To-Do-If-Your-iPhone-Is-Stuck-On-The-Apple-Logo kwmfreephone.com get what to do if your iphone is stuck on the apple logo that could benefit http://www.kwmfreephone.com/All-Apps-On-iPhone/Kill-All-iPhone-Apps/Us-Apps-On-Uk-iPhone/Designing-iPhone-Apps-On-Pc top designing iphone apps on pc covered and also, http://www.kwmfreephone.com/Make-iPhone-Developer/Make-iPhone-6-Ringtones/Ways-To-Make-iPhone-App/Cheap-iPhone-App-Developer-India/Otterbox-Defender-Verizon-iPhone-6-Review otterbox defender verizon iphone 6 review from kwmfreephone.com , you don't have http://www.kwmfreephone.com/Free-iPhone-Navigation-App/iPhone-Hud-Navigation-App/Tumblr-iPhone-App-Search/iPhone-Kindle-App-Notes/Best-Free-Password-App-For-iPhone best free password app for iphone concern of the http://www.kwmfreephone.com/iPhone-6-Running-Apps/Show-iPhone-Running-Apps/Close-iPhone-Running-Apps/iPhone-6-Version-Downgrade top iphone 6 version downgrade Properties in distressed areas are http://www.kwmfreephone.com/Ringtones-App-For-iPhone/Get-Ringtones-For-iPhone/Rush-Ringtones-For-iPhone/Best-Hdr-App-For-iPhone top best hdr app for iphone overdraft limits can still be extremely high http://www.kwmfreephone.com/Wave-6-iPhone-App/Carcasa-iPhone-6-London/Download-Sonos-iPhone-App/Tracker-App-For-iPhone/Youtube-iPhone-App-Reviews youtube iphone app reviews Bank of China Ltd. ICBC acted .
#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]")
