プログラミング

【プログラミング初心者】1から学ぶJavaScript(ES6)/第1回:概要と文字列/数値の表示方

スポンサーリンク
とも

どうもエンジニア×ブロガーのとも(@tomo_ITBizBlog)です!

今回は

とも
  • そもそもJavaScriptってなに?
  • JavaScriptの基礎のきから学びたい

という疑問/悩みを解決していきます。

本記事の内容

  • JavaScriptとは?
  • 文字列を出力してみよう
  • コメントアウトしてみよう
  • 四則演算してみよう
  • 文字列同士をくっつけてみよう
  • まとめ

JavaScriptとは?

Webサイトやシステムの開発に使われているプログラミング言語!
JSと略されたりします。

とも

従来のJSより効率的にコードがかける
ES2015(ES6)というバージョンを使って説明していきますね!

文字列を出力してみよう

文字列でHello Worldを出力してみる

console.log("Hello World");
実行結果: Hello World
とも

まずは定番の"こんにちは世界"から!

console.log(" "); もしくは
console.log(' ');が基本の形です。

チェックポイント

①文字列は'' もしくは"" で囲む
②文末はセミコロン( ; )
③基本形はconsole.log("文字列");

コメントアウトしてみよう

//「Hello World」はこんにちは世界

文頭に「//」を書くと、その行はコメントとみなされる
メモしたいときにおすすめ

チェックポイント

文頭に「//」を書くと、その行はコメントになる
メモを残すときに使う

四則演算してみよう

足し算と引き算

console.log(1+1);
実行結果: 2
console.log(1−1);
実行結果: 0

数値の場合,クォーテーション("" or '')をつけないから注意

チェックポイント

数値はクォーテーション("" or '')をつけない

掛け算と割り算

console.log(1*1);
実行結果: 1
console.log(12/2);
実行結果: 6

掛け算は*(アスタリスク)
割り算は/(スラッシュ)
を使います。

割ったときの余り(剰余)を出したい

console.log(13%2);
実行結果: 1
とも

13÷2=6・・・1だから
余りは1だね!

チェックポイント

①掛け算は*(アスタリスク)
②割り算は/(スラッシュ)
③割り算の余り(剰余)は

文字列同士をくっつけてみよう

console.log("こんにちは”+”世界”);
実行結果: こんにちは世界

文字列同士も足し算できます。
但し、クォーテーションを忘れずに!

チェックポイント

①文字列は'' もしくは"" で囲む
②文字列同士の連結にはを使う

まとめ

今回はJavaScriptの概要と文字列/数値の表示方
について学んでいきました。

とも

なんとなくのイメージはつかめたかな?

まずはなんとなくでOK!
徐々に深堀りしていきましょう

とも

ご覧頂きありがとうございました!

ありがとうございました

  • この記事を書いた人
  • 最新記事

とも

■エンジニア歴 8年目(2017~現在)
■複業ブロガー歴 5年目(2020~現在)
現在30歳
AWS全冠エンジニアブロガー

閲覧有難うございます!!

『新しい分野に挑戦する
大人初心者=ことな
に向けて,
「分からないが分からない」
を脱出して一歩踏み出せるよう
背中を押して応援すること』
を理念に記事を作ってます!

★プロフィールはこちら
■見やすいプロフィール
■詳細プロフィール

★Amazonアソシエイト・プログラムの参加者であり、ブログ内で紹介する書籍や商品はアフィリエイトリンク、PRである場合があります ★被リンク,コラボ依頼,
企業案件,ご意見ご質問も
ご気軽にお問合せください

イチ推し記事はこちらから!

1

スポンサーリンク AWS初心者必見!CloudTechを徹底レビュー! AWS初学者を導く体系的な動画学習サービス「CloudTech」 こんにちは!とも(@tomo_ITBizBlog)です! こん ...

2

スポンサーリンク 初心者必見!AWS全冠資格勉強におすすめの問題集5選と一発合格のコツ 初心者必見!AWS全冠資格勉強におすすめの問題集5選と一発合格のコツ こんにちは!とも(@tomo_ITBizB ...

【高的中率】クラムメディアで人気IT資格に合格しよう 3

スポンサーリンク 【高的中率】クラムメディアで人気IT資格に合格しよう 【高的中率】クラムメディアで人気IT資格に合格しよう こんにちは!とも(@tomo_ITBizBlog)です! 本記事はこんな悩 ...

-プログラミング
-, ,

© 2024 ことなの学校 Powered by AFFINGER5