【JavaScript入門】関数を定義する – function命令

JavaScript
スポンサーリンク

初心者の独学でのプログラミング学習はとてもツライ…

プログラミングをマスターしたい!

今のIT業界はプログラミングエンジニアが不足していると言われています。
高収入の職業とも言われる分野もありますし、AI、機械学習、ディープラーニング、IOTといった注目される分野が目白押しです。

でも、いざ初心者がプログラミングをマスターしようとすると…

  • 本を読んだりネットの記事で自力で勉強しているけど限界を感じる
  • プログラミングスクールに定期的に通うのは面倒だ
  • 地方に住んでると家の近くにプログラミングスクールなんてない
  • どのプログラミング言語を学べばいいのか悩む
  • 実際の就職や転職にプログラミングが活かせるのか心配だ

など、プログラミングを自分で勉強しようとすると悩みが尽きません。

プログラミングに詳しい友人に教えてもらおうと思っても、そんな友人なんて滅多にいません。いたとしても細かく教えてくれるほど時間に余裕がある人はいないでしょう。

そんな独学でプログラミングをマスターするのに限界を感じてる方に、オンラインプログラミングスクールをがおすすめです。

おすすめのオンラインスクールはこちら

JavaScriptの基本的な内容として、ここでは関数(functions)を扱っていきましょう。

関数はJavaScriptをはじめとしたプログラミングにおいての基本的な概念の一つです。

これまでプログラミングのコードを書いて来ましたが、同じ処理をするコードであっても、その都度書いてきました。この何度も同じようなコードを書くのはとても手間がかかります。

関数を使ってこういったコードをまとめると、何度も書く必要がなくなり、その代わりに関数を利用することでとても見通しがよくなります。

ここでは関数の基本的な使い方を見ていきましょう。

スポンサーリンク

関数を定義する

関数はfunctionキーワードを使って、次のような形で基本的に定義します。

このfunction命令に続けて関数名を付け、丸括弧()で引数を指定します。複数必要であれば、カンマ(,)で区切って指定します。引数は仮引数ともいい、関数内部でのみ参照します。続けて波括弧{}でブロックを作り、その中に処理コードを書き、returnキーワードで戻り値を指定します。

変数名の書き方に規則がありましたが、関数名もそれに合うように作ります。関数名はどのような処理をするのか見てわかる単語を組み合わせて名付けます。一般的に「動詞+名詞」の形で命名して、キャメルケース(camelCase)で記述するのが一般的です。

スポンサーリンク

関数を利用する

では実際に簡単なコードで関数を作って実行してみましょう。

2019年の年齢を計算する関数を定義してみました。

関数名をcalculateAge()、引数を誕生年のbirthYearとします。2019年から誕生年を引くと2019年時点での年齢が計算できますので、「2019 – birthYear」をreturnで戻り値にします。

これで関数が定義できました。

関数を実行するには、関数に引数を与えるだけです。ここではそれを変数に格納しています。それをconsole.log()でJavaScriptコンソールで表示してみるとこうなります。

ここでは3名の年齢を計算してみましたが、関数に誕生年を入れるだけで計算できていることがわかります。

関数を使わなければ、それぞれ計算式のコードを書く必要があるので、関数の威力が理解できると思います。

この関数を利用して処理する関数をさらに書いてみましょう。

上のコードの関数定義部分に続けて次のように選挙権があるかどうかを判断する新たな関数を定義してみます。

冒頭の関数は上で定義したものです。途中の表示処理をコメントアウトしています。

二つ目のfunctionからみていきましょう。関数名をvotingRightAge()とします。選挙権年齢ですね。引数にyear、nameを与え、誕生年と名前を渡すことにします。

波括弧のブロック内では、冒頭の年齢計算の関数を利用して、変数ageに格納しています。選挙権は18歳なので18から年齢であるageを引いて変数votingに渡しています。

続けて、if-else文を使って、このvotingのが0より大きい時とそうでない時で条件分岐させます。votingのが0より大きい時は選挙権はなく、そうでないときは選挙権があるということをconsole.log()で表示する処理を書いています。

これで関数の完成です。この関数に、誕生年と名前を入れて実行しています。

ChromeブラウザのJavaScriptコンソールにはこのように表示されます。

それぞれ条件によって、表示が変わっているのがわかります。

このように同じ処理コードを書かなくても、引数を関数に渡すだけでそれぞれの処理ができるのが関数の威力です。

スポンサーリンク

まとめ

JavaScriptに限らずプログラミングにおける基本的な概念である関数(functions)についてみてきました。

関数に処理をまとめると、同じ処理をするコードをその都度何度も書く必要がなくなり、与える引数を変更するだけで繰り返し利用することができます。

関数の定義の形と使い方を確認しておきましょう。

自宅学習はオンラインプログラミングスクールを活用!

自宅学習にはオンラインプログラミングスクールがおすすめ!

オンラインプログラミングスクールは独学でプログラミングを学習する時のデメリットを解消する仕組みが備わっています。

気になるところは…

学習がオンラインで完結するのはもちろんですが、独学ではできない質問サポートがあるかどうか。わからないことを現役のエンジニアが質問に答えてくれるといいですよね。

受講者個人に担当のメンターがつき、マンツーマンで学習の相談に乗ってくれることも必要で、ITエンジニアの世界についても伺えたりもすると幅が広がります。

オンライン面談だけでなく、チャット機能を使って気軽に質問を投げかけることができることも大切です。

また、オリジナルプロダクトの開発とサポートがコースの中に組み込まれていて、独学ではなかなか難しい実践的なスキルの習得にもつなげたい。

プログラミングをマスターした後の実際の仕事につながる転職サポートでがあると、ITエンジニアの世界に飛び込むのに不安が解消されます。

そんな豊富なメニューが揃っているおすすめのオンラインプログラミングスクールがこちらにあります。

おすすめのオンラインプログラミングスクールはこちら

TechAcademyはおすすめのオンラインプログラミングスクール!

オンラインのプログラミングスクールでは、テックアカデミーの充実度が目を見張ります。

オンラインで受講が完結するので、自宅学習でプログラミングをマスターしたい人にはテックアカデミーがおすすめです。

メンター制度も現役のプロが対応してくれます。大学生などが対応しているスクールに比べて本気度と専門性が違います。メンター制度の無いスクールもありますし、担当では無いメンターが対応するスクールもあったりするので、相談の質が違いますね。

チャットサポートもあるので、それが無いスクールに比べて相談の気軽さの違いがあります。

プロダクト開発のサポートで実践力が養われるだけでなく、どの講座を利用しても転職サポートが受けられるのはありがたい。

用意されているコースも、初心者向けのプログラミングコースから、Python、Java、PHP、iPhoneアプリ、AndroidといったITエンジニアのベースとなる主要な言語だけでなく、AI、データサイエンス、ブロックチェーン、webアプリケーションと行った実践的なコースまで用意しています。

他にも、webデザインやUI/UXデザイン、動画編集、webディレクションやwebマーケティングといったプログラミング以外での役立つコースまであります。

このようなたくさんの選択肢から自分にあったコースを選ぶことがでるのがテックアカデミーです。

コースの期間も短期間でマスターしたり、長期の受講でじっくり取り組むコースを選ぶこともできます。

複数講座のセットコースを利用することで大幅な割引が受けらるので、お得に受講することもできます。

無料体験もありますので、プログラミング学習でオンラインスクールを考えている人はTechAcademyをぜひ利用してみてください。

テックアカデミーの公式サイトはこちら

JavaScript
スポンサーリンク
CodeGraffitiをフォローする

とにかく進め!Pythonプログラミング入門 〜 コードグラフィティ
タイトルとURLをコピーしました