ブロックサンプル：コード（1/2）

コード（1/2）

ブロックの設定を比較するサンプルです。各例の直前に変更設定と値を記載しています。

画像等は同梱素材を使用します。コピー用コードと書かれた例は、説明に従って必要なデータ・編集場所を用意してください。

sample-04757 / core/code　基本形

// 名前を受け取り、あいさつ文を返します。
function greet(name) {
  return "こんにちは、" + name + "さん";
}

sample-04758 / core/code　content：content="短いサンプル"

短いサンプル

sample-04759 / core/code　content：content="春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。"

春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。春の朝、窓を開けると柔らかな風が入りました。これは文字の大きさ、行間、色、折り返しを比較するための日本語サンプルです。

sample-04760 / core/code　プリセットの前景色：borderColor="key-color" / textColor="key-color"

// 名前を受け取り、あいさつ文を返します。
function greet(name) {
  return "こんにちは、" + name + "さん";
}

sample-04761 / core/code　プリセットの前景色：borderColor="red" / textColor="red"

// 名前を受け取り、あいさつ文を返します。
function greet(name) {
  return "こんにちは、" + name + "さん";
}

sample-04762 / core/code　プリセットの前景色：borderColor="pink" / textColor="pink"

// 名前を受け取り、あいさつ文を返します。
function greet(name) {
  return "こんにちは、" + name + "さん";
}

sample-04763 / core/code　プリセットの前景色：borderColor="purple" / textColor="purple"

// 名前を受け取り、あいさつ文を返します。
function greet(name) {
  return "こんにちは、" + name + "さん";
}

sample-04764 / core/code　プリセットの前景色：borderColor="deep" / textColor="deep"

// 名前を受け取り、あいさつ文を返します。
function greet(name) {
  return "こんにちは、" + name + "さん";
}

sample-04765 / core/code　プリセットの前景色：borderColor="indigo" / textColor="indigo"

// 名前を受け取り、あいさつ文を返します。
function greet(name) {
  return "こんにちは、" + name + "さん";
}

sample-04766 / core/code　プリセットの前景色：borderColor="blue" / textColor="blue"

// 名前を受け取り、あいさつ文を返します。
function greet(name) {
  return "こんにちは、" + name + "さん";
}

sample-04767 / core/code　プリセットの前景色：borderColor="light-blue" / textColor="light-blue"

// 名前を受け取り、あいさつ文を返します。
function greet(name) {
  return "こんにちは、" + name + "さん";
}

sample-04768 / core/code　プリセットの前景色：borderColor="cyan" / textColor="cyan"

// 名前を受け取り、あいさつ文を返します。
function greet(name) {
  return "こんにちは、" + name + "さん";
}

sample-04769 / core/code　プリセットの前景色：borderColor="teal" / textColor="teal"

// 名前を受け取り、あいさつ文を返します。
function greet(name) {
  return "こんにちは、" + name + "さん";
}

sample-04770 / core/code　プリセットの前景色：borderColor="green" / textColor="green"

// 名前を受け取り、あいさつ文を返します。
function greet(name) {
  return "こんにちは、" + name + "さん";
}

sample-04771 / core/code　プリセットの前景色：borderColor="light-green" / textColor="light-green"

// 名前を受け取り、あいさつ文を返します。
function greet(name) {
  return "こんにちは、" + name + "さん";
}

sample-04772 / core/code　プリセットの前景色：borderColor="lime" / textColor="lime"

// 名前を受け取り、あいさつ文を返します。
function greet(name) {
  return "こんにちは、" + name + "さん";
}

sample-04773 / core/code　プリセットの前景色：borderColor="yellow" / textColor="yellow"

// 名前を受け取り、あいさつ文を返します。
function greet(name) {
  return "こんにちは、" + name + "さん";
}

sample-04774 / core/code　プリセットの前景色：borderColor="amber" / textColor="amber"

// 名前を受け取り、あいさつ文を返します。
function greet(name) {
  return "こんにちは、" + name + "さん";
}

sample-04775 / core/code　プリセットの前景色：borderColor="orange" / textColor="orange"

// 名前を受け取り、あいさつ文を返します。
function greet(name) {
  return "こんにちは、" + name + "さん";
}

sample-04776 / core/code　プリセットの前景色：borderColor="deep-orange" / textColor="deep-orange"

// 名前を受け取り、あいさつ文を返します。
function greet(name) {
  return "こんにちは、" + name + "さん";
}

sample-04777 / core/code　プリセットの前景色：borderColor="brown" / textColor="brown"

// 名前を受け取り、あいさつ文を返します。
function greet(name) {
  return "こんにちは、" + name + "さん";
}

sample-04778 / core/code　プリセットの前景色：borderColor="light-grey" / textColor="light-grey"

// 名前を受け取り、あいさつ文を返します。
function greet(name) {
  return "こんにちは、" + name + "さん";
}

sample-04779 / core/code　プリセットの前景色：borderColor="grey" / textColor="grey"

// 名前を受け取り、あいさつ文を返します。
function greet(name) {
  return "こんにちは、" + name + "さん";
}

sample-04780 / core/code　プリセットの前景色：borderColor="dark-grey" / textColor="dark-grey"

// 名前を受け取り、あいさつ文を返します。
function greet(name) {
  return "こんにちは、" + name + "さん";
}

sample-04781 / core/code　プリセットの前景色：borderColor="cocoon-black" / textColor="cocoon-black"

// 名前を受け取り、あいさつ文を返します。
function greet(name) {
  return "こんにちは、" + name + "さん";
}

sample-04782 / core/code　プリセットの前景色：borderColor="cocoon-white" / textColor="cocoon-white"

// 名前を受け取り、あいさつ文を返します。
function greet(name) {
  return "こんにちは、" + name + "さん";
}

sample-04783 / core/code　プリセットの前景色：borderColor="watery-blue" / textColor="watery-blue"

// 名前を受け取り、あいさつ文を返します。
function greet(name) {
  return "こんにちは、" + name + "さん";
}

sample-04784 / core/code　プリセットの前景色：borderColor="watery-yellow" / textColor="watery-yellow"

// 名前を受け取り、あいさつ文を返します。
function greet(name) {
  return "こんにちは、" + name + "さん";
}

sample-04785 / core/code　プリセットの前景色：borderColor="watery-red" / textColor="watery-red"

// 名前を受け取り、あいさつ文を返します。
function greet(name) {
  return "こんにちは、" + name + "さん";
}

sample-04786 / core/code　プリセットの前景色：borderColor="watery-green" / textColor="watery-green"

// 名前を受け取り、あいさつ文を返します。
function greet(name) {
  return "こんにちは、" + name + "さん";
}

sample-04787 / core/code　プリセットの前景色：borderColor="ex-a" / textColor="ex-a"

// 名前を受け取り、あいさつ文を返します。
function greet(name) {
  return "こんにちは、" + name + "さん";
}

sample-04788 / core/code　プリセットの前景色：borderColor="ex-b" / textColor="ex-b"

// 名前を受け取り、あいさつ文を返します。
function greet(name) {
  return "こんにちは、" + name + "さん";
}

sample-04789 / core/code　プリセットの前景色：borderColor="ex-c" / textColor="ex-c"

// 名前を受け取り、あいさつ文を返します。
function greet(name) {
  return "こんにちは、" + name + "さん";
}

sample-04790 / core/code　プリセットの前景色：borderColor="ex-d" / textColor="ex-d"

// 名前を受け取り、あいさつ文を返します。
function greet(name) {
  return "こんにちは、" + name + "さん";
}

sample-04791 / core/code　プリセットの前景色：borderColor="ex-e" / textColor="ex-e"

// 名前を受け取り、あいさつ文を返します。
function greet(name) {
  return "こんにちは、" + name + "さん";
}

sample-04792 / core/code　プリセットの前景色：borderColor="ex-f" / textColor="ex-f"

// 名前を受け取り、あいさつ文を返します。
function greet(name) {
  return "こんにちは、" + name + "さん";
}

sample-04793 / core/code　backgroundColor：backgroundColor="key-color"

// 名前を受け取り、あいさつ文を返します。
function greet(name) {
  return "こんにちは、" + name + "さん";
}

sample-04794 / core/code　backgroundColor：backgroundColor="red"

// 名前を受け取り、あいさつ文を返します。
function greet(name) {
  return "こんにちは、" + name + "さん";
}

sample-04795 / core/code　backgroundColor：backgroundColor="pink"

// 名前を受け取り、あいさつ文を返します。
function greet(name) {
  return "こんにちは、" + name + "さん";
}

sample-04796 / core/code　backgroundColor：backgroundColor="purple"

// 名前を受け取り、あいさつ文を返します。
function greet(name) {
  return "こんにちは、" + name + "さん";
}

sample-04797 / core/code　backgroundColor：backgroundColor="deep"

// 名前を受け取り、あいさつ文を返します。
function greet(name) {
  return "こんにちは、" + name + "さん";
}

sample-04798 / core/code　backgroundColor：backgroundColor="indigo"

// 名前を受け取り、あいさつ文を返します。
function greet(name) {
  return "こんにちは、" + name + "さん";
}

sample-04799 / core/code　backgroundColor：backgroundColor="blue"

// 名前を受け取り、あいさつ文を返します。
function greet(name) {
  return "こんにちは、" + name + "さん";
}

sample-04800 / core/code　backgroundColor：backgroundColor="light-blue"

// 名前を受け取り、あいさつ文を返します。
function greet(name) {
  return "こんにちは、" + name + "さん";
}

sample-04801 / core/code　backgroundColor：backgroundColor="cyan"

// 名前を受け取り、あいさつ文を返します。
function greet(name) {
  return "こんにちは、" + name + "さん";
}

sample-04802 / core/code　backgroundColor：backgroundColor="teal"

// 名前を受け取り、あいさつ文を返します。
function greet(name) {
  return "こんにちは、" + name + "さん";
}

sample-04803 / core/code　backgroundColor：backgroundColor="green"

// 名前を受け取り、あいさつ文を返します。
function greet(name) {
  return "こんにちは、" + name + "さん";
}

sample-04804 / core/code　backgroundColor：backgroundColor="light-green"

// 名前を受け取り、あいさつ文を返します。
function greet(name) {
  return "こんにちは、" + name + "さん";
}

sample-04805 / core/code　backgroundColor：backgroundColor="lime"

// 名前を受け取り、あいさつ文を返します。
function greet(name) {
  return "こんにちは、" + name + "さん";
}

sample-04806 / core/code　backgroundColor：backgroundColor="yellow"

// 名前を受け取り、あいさつ文を返します。
function greet(name) {
  return "こんにちは、" + name + "さん";
}

sample-04807 / core/code　backgroundColor：backgroundColor="amber"

// 名前を受け取り、あいさつ文を返します。
function greet(name) {
  return "こんにちは、" + name + "さん";
}

sample-04808 / core/code　backgroundColor：backgroundColor="orange"

// 名前を受け取り、あいさつ文を返します。
function greet(name) {
  return "こんにちは、" + name + "さん";
}

sample-04809 / core/code　backgroundColor：backgroundColor="deep-orange"

// 名前を受け取り、あいさつ文を返します。
function greet(name) {
  return "こんにちは、" + name + "さん";
}

sample-04810 / core/code　backgroundColor：backgroundColor="brown"

// 名前を受け取り、あいさつ文を返します。
function greet(name) {
  return "こんにちは、" + name + "さん";
}

sample-04811 / core/code　backgroundColor：backgroundColor="light-grey"

// 名前を受け取り、あいさつ文を返します。
function greet(name) {
  return "こんにちは、" + name + "さん";
}

sample-04812 / core/code　backgroundColor：backgroundColor="grey"

// 名前を受け取り、あいさつ文を返します。
function greet(name) {
  return "こんにちは、" + name + "さん";
}

sample-04813 / core/code　backgroundColor：backgroundColor="dark-grey"

// 名前を受け取り、あいさつ文を返します。
function greet(name) {
  return "こんにちは、" + name + "さん";
}

sample-04814 / core/code　backgroundColor：backgroundColor="cocoon-black"

// 名前を受け取り、あいさつ文を返します。
function greet(name) {
  return "こんにちは、" + name + "さん";
}

sample-04815 / core/code　backgroundColor：backgroundColor="cocoon-white"

// 名前を受け取り、あいさつ文を返します。
function greet(name) {
  return "こんにちは、" + name + "さん";
}

sample-04816 / core/code　backgroundColor：backgroundColor="watery-blue"

// 名前を受け取り、あいさつ文を返します。
function greet(name) {
  return "こんにちは、" + name + "さん";
}

sample-04817 / core/code　backgroundColor：backgroundColor="watery-yellow"

// 名前を受け取り、あいさつ文を返します。
function greet(name) {
  return "こんにちは、" + name + "さん";
}

sample-04818 / core/code　backgroundColor：backgroundColor="watery-red"

// 名前を受け取り、あいさつ文を返します。
function greet(name) {
  return "こんにちは、" + name + "さん";
}

sample-04819 / core/code　backgroundColor：backgroundColor="watery-green"

// 名前を受け取り、あいさつ文を返します。
function greet(name) {
  return "こんにちは、" + name + "さん";
}

sample-04820 / core/code　backgroundColor：backgroundColor="ex-a"

// 名前を受け取り、あいさつ文を返します。
function greet(name) {
  return "こんにちは、" + name + "さん";
}

sample-04821 / core/code　backgroundColor：backgroundColor="ex-b"

// 名前を受け取り、あいさつ文を返します。
function greet(name) {
  return "こんにちは、" + name + "さん";
}

sample-04822 / core/code　backgroundColor：backgroundColor="ex-c"

// 名前を受け取り、あいさつ文を返します。
function greet(name) {
  return "こんにちは、" + name + "さん";
}

sample-04823 / core/code　backgroundColor：backgroundColor="ex-d"

// 名前を受け取り、あいさつ文を返します。
function greet(name) {
  return "こんにちは、" + name + "さん";
}

sample-04824 / core/code　backgroundColor：backgroundColor="ex-e"

// 名前を受け取り、あいさつ文を返します。
function greet(name) {
  return "こんにちは、" + name + "さん";
}

sample-04825 / core/code　backgroundColor：backgroundColor="ex-f"

// 名前を受け取り、あいさつ文を返します。
function greet(name) {
  return "こんにちは、" + name + "さん";
}

sample-04826 / core/code　fontSize：fontSize="small"

// 名前を受け取り、あいさつ文を返します。
function greet(name) {
  return "こんにちは、" + name + "さん";
}

sample-04827 / core/code　fontSize：fontSize="medium"

// 名前を受け取り、あいさつ文を返します。
function greet(name) {
  return "こんにちは、" + name + "さん";
}

sample-04828 / core/code　fontSize：fontSize="large"

// 名前を受け取り、あいさつ文を返します。
function greet(name) {
  return "こんにちは、" + name + "さん";
}

sample-04829 / core/code　fontSize：fontSize="huge"

// 名前を受け取り、あいさつ文を返します。
function greet(name) {
  return "こんにちは、" + name + "さん";
}

sample-04830 / core/code　align：align=""

// 名前を受け取り、あいさつ文を返します。
function greet(name) {
  return "こんにちは、" + name + "さん";
}

sample-04831 / core/code　align：align="wide"

// 名前を受け取り、あいさつ文を返します。
function greet(name) {
  return "こんにちは、" + name + "さん";
}

sample-04832 / core/code　lock：lock={"move":false,"remove":false}

// 名前を受け取り、あいさつ文を返します。
function greet(name) {
  return "こんにちは、" + name + "さん";
}

sample-04833 / core/code　lock：lock={"move":true,"remove":false}

// 名前を受け取り、あいさつ文を返します。
function greet(name) {
  return "こんにちは、" + name + "さん";
}

sample-04834 / core/code　lock：lock={"move":false,"remove":true}

// 名前を受け取り、あいさつ文を返します。
function greet(name) {
  return "こんにちは、" + name + "さん";
}

sample-04835 / core/code　lock：lock={"move":true,"remove":true}

// 名前を受け取り、あいさつ文を返します。
function greet(name) {
  return "こんにちは、" + name + "さん";
}

sample-04836 / core/code　anchor：anchor="sample-anchor"

// 名前を受け取り、あいさつ文を返します。
function greet(name) {
  return "こんにちは、" + name + "さん";
}