Blockly のコードはオープンソースであり、帰属表示なしで自由に使用できます。
ただし、Blockly を使用しているデベロッパーは、ウェブサイト、アプリ、プロダクトでプロダクトを参照することをおすすめします。このページでは、Blockly を参照して帰属を明記する際のベスト プラクティスと、ロゴの適切な使用方法について説明します。
Blockly の呼び方
テキストにおける Blockly の説明とアトリビューション
段落内で初めて参照する際は、メインの説明文を 1 行で使用します。
Blockly は、Google のオープンソース デベロッパー ライブラリです。ブロックをドラッグ&ドロップするビジュアル プログラミング インターフェースを作成します。
Blockly を使用する別のアプリのコンテキストで Blockly に言及する場合は、「Blockly で作成」というフレーズを使用する必要があります。
Blockly アトリビューションを指定する際は、このフレーズをブログ投稿に使用する必要があります。 報道機関へのインタビュー、アプリ、ウェブサイトでの活動。
リファレンスの推奨事項と禁止事項
すべきこと - Blockly を「初心者向け」と呼ぶ 「子供連れ向き」ではなくBlockly はさまざまなアプリケーションで使用されていますが、すべてが子ども向けではありません。
しないでください - Blockly を言語（「ブロックベースのプログラミング言語」など）として参照します。Blockly は ブロックベースのビジュアル プログラミング インターフェースを作成するために開発者が使用するライブラリです。
Blockly を視覚的に表現する方法
Blockly のロゴを表示する
アプリやウェブサイトで Blockly の帰属表示を行うには、背景の色に応じて次のいずれかのロゴを使用してください。
|
|
|---|---|
| 明るい背景で、図形を重ねて配置したり多様なパターンを使用したりしている場合、およびコントラストが強い、暗めで無地の背景（図形やパターンなし）を使用している場合。 | 図形が重なっている、またはさまざまなパターンがある暗い背景に適しています。 |
| PNG SVG | PNG SVG |
バッジを Blockly のホームページ（https://g.co/dev/blockly）にハイパーリンクで設定してください。
バッジのサイズと間隔
読みやすくするため、バッジの高さは 24 ピクセル未満にしてください。
ロックアップの場合は、ロゴの周囲にエックスハイトと幅の 1 倍以上の余白を入れてください。ロゴを他の要素と詰め込んだり、重ねたりしないでください。
Blockly ロゴのその他の用途
Blockly チームの許可なく、Blockly マークまたは Blockly マークの派生形を、アプリ、プロダクト、サービス、ウェブサイトの全体的な名前と組み合わせて使用しないでください（許可をリクエストするには、blockly-support@google.com までメールでお問い合わせください）。次のような方法で Blockly マークを変更したり使用したりしないでください。 紛らわしい、または誤解を招くようなもので、Blockly のブランディングを最も目立つように使用しないでください。 要素を追加します。
|
標準ロックアップ標準のロックアップ ロゴは、プレゼンテーションのスライドやブログ記事で使用できます。 可能な限り、ロゴは横配置のロックアップとして表示する必要があります。 フルカラーのロゴマークとニュートラル 700（#5F6368）または白無地のもの ロゴタイプ。 PNG SVG |
|
|
|
|---|---|---|
| 横方向のスペースが限られている場合は、縦配置のロックアップを使用できます。 フルカラーのロゴマークとニュートラル 700（#5F6368）または白色で塗りつぶされた ロゴタイプ。 | 縦横のスペースが限られている場合は、ロゴマークを配置できます。 ロゴタイプなしで単独で使用できます。 | ロゴマークの色が背景とのコントラストが弱い場合は ノックアウト バージョンも使用できます。 |
| PNG SVG | PNG SVG | PNG SVG |
ロゴの色
|
ブロックリーブルー
#4285f4 または hsla(217, 89%, 61%, 1) |
ブロック状のグレー
#c8d1db または hsla(212, 21%, 82%, 1) |
ニュートラル 700
#5f6368 または hsla(213, 5%, 39%, 1) |
サイズと間隔
読みやすくするため、高さのあるロゴは使用しないでください 24px 未満にします
ロックアップの場合は、ロゴの周囲にエックスハイトの 2 倍以上の余白を入れてください。ロゴを他の要素と詰め込んだり、重ねたりしないでください。
一般的なエラー
すべきでないこと...
- なんらかの形でロゴを改変または変形する
- 白以外の色で白のノックアウトを使用する
- 色、形、角度を変更する
- 任意の方向に回転 / 反転
- 比率、配置、プレースメントを変更する
- ロゴタイプを別の書体に置き換える
- 古い Blockly ロゴを使用（既存の使用は都合に合わせて更新する必要があります）
- コントラストの低い背景でロゴを使用する（例: ライトグレーの背景にノックアウト ロゴを使用する）
- ロゴを他の要素と重ねたり、詰め込んだりする
- ロゴを再描画する
- 他の Google ブランドを自社製品と組み合わせて使用する
他の Google ブランドの使用方法に関するガイドラインについては、ブランド使用許諾のサイトをご覧ください。