- 追加された行はこの色です。
- 削除された行はこの色です。
[[Programing]] > [[Programing/Blockly]] > ドキュメント
[[Programing]] > [[Programing/Blockly2014]] > ドキュメント
#title(Blockly開発ドキュメント)
ビジュアルプログラミング言語を作るためのライブラリ「[[Blockly:https://developers.google.com/blockly/]]」の公式ドキュメントに関するメモ。
2014.10にリニューアルされた公式サイトをベースに、全体の構成と何がどこに書いてあるかを整理してみます。
以下、書きかけ。
-[[Blockly ― Google Developers:https://developers.google.com/blockly/]] 公式サイトのトップ
#contents
なお、新しい公式サイトでは、ドキュメントのライセンスは「[[CC BY 3.0:http://creativecommons.org/licenses/by/3.0/]]」、サンプルコードのライセンスは「[[Apache License 2.0:http://creativecommons.org/licenses/by/3.0/]]」となっています。なので、このページのライセンスも、それに準じます。
* About：Blocklyについて [#tdf5c27e]
-使用例 [[Exampless:https://developers.google.com/blockly/about/examples]]
-[[FAQ:https://developers.google.com/blockly/about/faq]]
-言語デザインの考え方 [[Language Design Philosophy:https://developers.google.com/blockly/about/language]]
-Blocklyの将来像 [[Future:https://developers.google.com/blockly/about/future]]
-他のビジュアルプログラミング言語 [[A growing family:https://developers.google.com/blockly/about/alternatives]]
* Installation：Blocklyをアプリに組み込む [#w31828e3]
** 組み込みの概要 [[Installation:https://developers.google.com/blockly/installation/overview]] [#e053fb0f]
このドキュメントでは、Blocklyをコードエディタとしてアプリに組み込む方法を解説しています。
Blocklyの大体の動作と、HTML/Javascriptの知識を想定しています。
このページ全体が、Blockly組み込みの全体像の説明と、詳細ページへのリンク集になっています。
特に、Blocklyの初期設定とブロックのインポート／エクスポートについては、[[このページ:https://developers.google.com/blockly/installation/overview]]を参照しましょう。
- コードの入手
- HTMLページへの組み込み
-- 固定サイズで組み込む [[Injecting Fixed-sized Blockly:https://developers.google.com/blockly/installation/injecting-fixed-size]]
-- 可変サイズで組み込む [[Injecting Resizable Blockly:https://developers.google.com/blockly/installation/injecting-resizable]]
- 初期設定：設定オプションの詳細を解説
- 生成されるコード [[Code Generators:https://developers.google.com/blockly/installation/code-generators]]
- ブロックのインポート/エクスポート
- [[Cloud Storage:https://developers.google.com/blockly/installation/cloud-storage]]
** ツールボックス [[Toolbox:https://developers.google.com/blockly/installation/toolbox]] [#sab77be3]
コードエディタのサイドメニューとして表示されるツールボックスの設定方法について詳しく解説しています。
ツールボックスは、XMLで定義されており、ブロックをカテゴリで分類したり、グループにまとめることができます。
** JavaScriptインタープリタ [[JavaScript Interpreter:https://developers.google.com/blockly/installation/js-interpreter]] [#w682f4ce]
コードを実行するとき、簡単なアプリなら eval() を使えばいいんだけれど、ユーザーブロックを安全に走らせる必要がある場合、独自のJavaScriptインタープリタを組み込む。JavaScriptインタープリタプロジェクトは、Blocklyとは独立したプロジェクトだけど、Blocklyを対象にししているため、ここで紹介されています。
* Custom Blocks：カスタムブロック [#x0999e8d]
- ブロックカスタマイズの概要[[Custom Blocks:https://developers.google.com/blockly/custom-blocks/overview]]
- ブロックの定義 [[Defining Blocks:https://developers.google.com/blockly/custom-blocks/defining-blocks]]
- 型チェック [[Type Checks:https://developers.google.com/blockly/custom-blocks/type-checks]]
- ドロップダウンメニュー [[Drop-down Menus:https://developers.google.com/blockly/custom-blocks/dropdown-menus]]
- ブロックの拡張 [[Mutators - Blockly ― Google Developers:https://developers.google.com/blockly/custom-blocks/mutators]]
- ブロックでコードを生成する方法 [[Generating Code:https://developers.google.com/blockly/custom-blocks/generating-code]]
- 優先順位の問題 [[Operator Precedence:https://developers.google.com/blockly/custom-blocks/operator-precedence]]
- 引数のキャッシュ [[Caching Arguments:https://developers.google.com/blockly/custom-blocks/caching-arguments]]
* Hacking：ハッキング [#m7d5a630]
- Blocklyのビルド [[Building Blockly:https://developers.google.com/blockly/hacking/building]]
- Closure Libraryの導入 [[Closure Library:https://developers.google.com/blockly/hacking/closure]]
- プロジェクトへの貢献 [[Contributing:https://developers.google.com/blockly/hacking/contributing]]
- 翻訳 [[Translating:https://developers.google.com/blockly/hacking/translating]]
- Unitテスト [[Unit Tests:https://developers.google.com/blockly/hacking/unit-testing]]
* Support：サポート [#x9ee4ae5]
-[[Blockly - Google グループ:https://groups.google.com/forum/#!forum/blockly]] 開発者向け掲示板(英語)
![[PukiWiki]](image/pukiwiki.png "[PukiWiki]")
