0Pricing
Javascript for Kids · レッスン

文字をずらす

簡単な暗号を学びます

「文字をずらす」はCoddyKit上の無料Javascript for Kidsレッスンです。 これはレッスン2/4です。 下記で完全なレッスンを無料で読むことができます。その後、ブラウザ内の組み込みコードエディタと24時間対応のAIチューターでハンズオン演習できます。 これはJavascript for Kids学習パスの一部であり、ウェブとCoddyKitアプリ全体で進捗が同期されます。 Javascript for Kidsコースには全4レッスンが含まれています。

スライドの仕掛け！➡️

今日はCaesar Cipherを学びます。すべての文字を数ステップ先へずらす方法です！➡️🔐

console.log('Let us slide some letters! ➡️')

1つずらす 1️⃣

aを1つ先へずらすと、bになります。簡単ですね！1️⃣

let n = 'a'.charCodeAt(0)
console.log('a shifted by 1:', String.fromCharCode(n + 1))

3つずらす 3️⃣

有名なカエサル暗号では、3つずらします。つまり、aはdになります！3️⃣

let n = 'a'.charCodeAt(0)
console.log('a shifted by 3:', String.fromCharCode(n + 3))

どの文字でもずらす 🔤

ずらす量を変数にして、簡単に変更できるようにしましょう！🔤

let shift = 3
let letter = 'h'
let n = letter.charCodeAt(0)
console.log(letter, 'becomes', String.fromCharCode(n + shift))

単語全体をずらす 🔁

ループを使うと、単語のすべての文字をずらせます！🔁

let word = 'cat'
let shift = 1
for (let i = 0; i < word.length; i++) {
  let n = word.charCodeAt(i)
  console.log(String.fromCharCode(n + shift))
}

秘密の単語を作る 🧩

文字を1つずつ表示する代わりに、つなげて1つの秘密の単語にしましょう！🧩

let word = 'cat'
let shift = 1
let secret = ''
for (let i = 0; i < word.length; i++) {
  secret = secret + String.fromCharCode(word.charCodeAt(i) + shift)
}
console.log('Secret:', secret)

後ろへずらす ⬅️

秘密のメッセージを読むには、同じ量だけ文字を後ろへずらします！⬅️

let n = 'd'.charCodeAt(0)
console.log('d shifted back by 3:', String.fromCharCode(n - 3))

Zの場合は？🌀

zを先へずらすと、アルファベットの範囲を超えてしまいます。実際の暗号では、折り返してaに戻します。🌀

console.log('z is tricky! It should wrap to a 🌀')

ずらす関数 🛠️

文字をずらす処理を、再利用できる関数にまとめましょう！🛠️

function shiftLetter(letter, amount) {
  return String.fromCharCode(letter.charCodeAt(0) + amount)
}
console.log(shiftLetter('a', 2))

いろいろな量で試す 🔢

ずらす量を大きくすると、別の秘密の文字列になります。5つずらしてみましょう！🔢

function shiftLetter(l, a) { return String.fromCharCode(l.charCodeAt(0) + a) }
console.log('Shift 5:', shiftLetter('a', 5))
console.log('Shift 10:', shiftLetter('a', 10))

ずらし方の全体例 🎮

単語全体を秘密の文字列へずらす例はこちらです！🎮

let word = 'dog'
let shift = 2
let secret = ''
for (let i = 0; i < word.length; i++) {
  secret += String.fromCharCode(word.charCodeAt(i) + shift)
}
console.log(word, 'becomes', secret)

確認してみましょう ✅

文字をずらす腕前を試してみましょう！🧠

文字スライダー！🌟

すばらしいです、エージェント！🕵️ 文字をずらす方法を学びました！🎉

  • 先へずらして隠します ➡️
  • 後ろへずらして読みます ⬅️
  • ループで単語全体をずらします 🔁

次は、メッセージ全体をエンコードします！🔐

console.log('Shifting letters: LEARNED! 🌟')

よくある質問

「文字をずらす」レッスンは無料ですか？

はい。「文字をずらす」の完全なテキストはこのウェブで無料で読めます。インタラクティブに演習し（組み込みコードエディタと24時間対応のAIチューター）、Javascript for Kidsコースの残りをアンロックするには、CoddyKit PROにアップグレードしてください。 Javascript for Kidsコースには全4レッスンが含まれています。

「文字をずらす」で何を学びますか？

簡単な暗号を学びます ブラウザで直接実行するハンズオンコードでJavascript for Kidsを演習し、24時間対応のAIチューターがレッスンを進める中での質問に答えます。

Javascript for Kidsを始めるのに経験は必要ですか？

事前経験は必要ありません。CoddyKitのJavascript for Kidsは初級者から上級者向けに構成されているため、ここから始めるか最初から始めて、自分のペースで進むことができます。 これはレッスン2/4です。

「文字をずらす」レッスンにはどのくらい時間がかかりますか？

ほとんどのCoddyKitレッスンは約5～10分かかります。各レッスンはコンパクトでインタラクティブなので、着実に進歩し、ウェブとアプリ全体で正確に前回の場所から再開できます。

このJavascript for Kidsレッスンでコードを書いて実行できますか？

はい。すべてのJavascript for Kidsレッスンに組み込みコードエディタが含まれているため、ブラウザでリアルコードを書いて実行し、即座のAIフィードバックを取得できます。ローカル設定は不要です。

このコースのすべてのレッスン

  1. コードとは
  2. 文字をずらす
  3. エンコード
  4. デコード
← Javascript for Kidsに戻る