TechAcademy（テックアカデミー） Excel2013コース Microsoft Office Excel 【作業が圧倒的に早くなる！】知っておきたいExcel(エクセル)の関数10選
オーダーメイドコース
icon
icon
Excel

【作業が圧倒的に早くなる！】知っておきたいExcel(エクセル)の関数10選

使用頻度の高いExcel(エクセル)の関数を10種類に厳選して紹介。Excelの使用に苦手意識を持っている初心者の方にぜひとも読んでもらいたい記事です。この記事で紹介されているExcelの関数を覚えれば、作業効率が上がること間違いなしです。

テックアカデミーマガジンは受講者数No.1のプログラミングスクール「テックアカデミー」が運営。初心者向けにプロが解説した記事を公開中。現役エンジニアの方はこちらをご覧ください。 ※ アンケートモニター提供元：GMOリサーチ株式会社　調査期間：2021年8月12日～8月16日　 調査対象：2020年8月以降にプログラミングスクールを受講した18～80歳の男女1,000名　 調査手法：インターネット調査

数字に弱い方は、「Excel(エクセル)関数」というワードを聞くと、「『関数』って、学生時代に数学で習ったあの『関数』？ もう関わりたくないなぁ…」と考えてしまいますよね？

しかし、「Excelの関数」は、それほど難しいものではありません。そこで今回は、使用頻度の高い Excel関数を10種類に厳選してお伝えします。

これさえ覚えてしまえば、無駄な計算時間や入力時間を省くことができ、作業時間が圧倒的に早くなること間違いないでしょう。

 

 

なお、今回の記事の内容を動画でも解説しています。

テキストよりも動画の方が理解しやすいという場合はぜひご覧ください。

 

目次

 

関数とは

そもそも、「関数」とは、定型の計算を行うために使われる数式のことです。
Excel の場合、「=関数名(セル範囲や条件など)」の形をしているものが「関数」です。

関数名(セル範囲や条件など)

半角イコール(=)の後に、英字の関数名を入力し、その後の()で囲まれた部分(引数)には、計算に必要な数値やセル範囲、条件などを入力します。
この関数を使えば、あとは Excel が勝手にふさわしい数値を算出してくれます。

 

[PR] 生成AIを実務で使うコミュニティがなんと0円！

合計を出したいとき【SUM関数】

Excel をまだあまり使ったことがない方も、おそらく一度は目にしたことがあるのではないでしょうか？
SUM関数は、指定した範囲内の数値の合計を求める関数です。
= の後に SUM と入力し、その後の引数部分には (範囲内の最初のセル:最後のセル) を入力します。

例えば、B2 から B5 までの数値の合計を B6 に入力したいときは、

＝SUM(B2:B5)

という数式を B6 に入力します。

 

条件に当てはまる数値の合計を出したいとき【SUMIF関数】

SUMIF関数は、範囲内で指定した条件を満たす数値の合計を求める関数です。
= の後に SUMIF と入力し、その後の引数部分には (検索条件範囲内の最初のセル:最後のセル,検索条件のセル,合計範囲内の最初のセル:最後のセル) を入力します。

例えば、A2 から A9 までの中で、A12 の項目を検索し、C2 から C9 までの中で該当する数値の合計を、B12 に入力したいときは、

＝SUMIF(A2:A9,A12,C2:C9)

という数式を B12 に入力します。

 

平均値を出したいとき【AVERAGE関数】

AVERAGE関数は、指定した範囲内の数値の平均値を求める関数です。
= の後に AVERAGE と入力し、その後の引数部分には (範囲内の最初のセル:最後のセル) を入力します。

例えば、B2 から B5 までの数値の平均値を B6 に入力したいときは、

＝AVERAGE(B2:B5)

という数式を B6 に入力します。

 

小計やオートフィルタを用いて集計したいとき【SUBTOTAL関数】

SUBTOTAL関数は、指定した条件を満たすセルの数値を、指定した集計方法で集計し、その集計結果を求める関数です。
= の後に SUBTOTAL と入力し、その後の引数部分には (集計方法を表す数字,範囲内の最初のセル:最後のセル) を入力します。

例えば、C2 から C10 までの数値のを平均値を C12 に入力したいときは、

＝SUBTOTAL(1,C2:C10)

という数式を C12 に入力します。
※この場合、C6 と C11 をそれぞれ SUBTOTAL関数を用いて算出しないと、C12 は正しく反映されません。

ちなみに、平均値を求めるときは 1、最大値を求めるときは 4、最小値を求めるときは 5、合計を求めるときは 9 など、集計方法を表す数字を変えることで、いろいろな集計方法に応用できます。

 

最大値を出したいとき【MAX関数】

MAX関数は、指定した範囲内の数値の最大値を求める関数です。
= の後に MAX と入力し、その後の引数部分には (範囲内の最初のセル:最後のセル) を入力します。

例えば、B2 から B5 までの数値の最大値を B6 に入力したいときは、

＝MAX(B2:B5)

という数式を B6 に入力します。

 

最小値を出したいとき【MIN関数】

MIN関数は、指定した範囲内の数値の最小値を求める関数です。
= の後に MIN と入力し、その後の引数部分には (範囲内の最初のセル:最後のセル) を入力します。

例えば、B2 から B5 までの数値の最小値を B6 に入力したいときは、

=MIN(B2:B5)

という数式を B6 に入力します。

 

条件に当てはまるセルの数を数えたいとき【COUNTIF関数】

COUNTIF関数は、指定した検索条件に該当するセルの個数を求める関数です。
= の後に COUNTIF と入力し、その後の引数部分には (範囲内の最初のセル:最後のセル,検索条件のセル) を入力します。

例えば、B2 から B5 までの中で、A8 の項目を検索し、該当するセルの個数の合計を、B8 に入力したいときは、

=COUNTIF(B2:B5,A8)

という数式を B8 に入力します。

 

条件に当てはまるセルを表示させたいとき【VLOOKUP関数】

VLOOKUP関数は、指定した範囲内で検索条件に一致した数値や文字列を表示させる関数です。
= の後に VLOOKUP と入力し、その後の引数部分には (検索条件のセル,範囲内の最初のセル:最後のセル,列番号,検索方法の指定) を入力します。

例えば、 A2 から C5 までの中で、キーワード”二郎” を検索して、2列目 の中から該当する数値を抽出して、B8 に表示させたいときは、

=VLOOKUP(“二郎”,A2:C5,2,FALSE)

という数式を B8 に入力します。

数式の最後に出てきた FALSE ですが、これは検索値と完全に一致する値のみを検索するという指定です。
ちなみに、検索方法の指定を TRUE にすると、検索値と一致する値がない場合、検索値に一番近い値が検索されます。

 

条件によって処理を変えたいとき【IF関数】

IF関数は、指定した条件を満たしているかいないかに応じて、セルに表示する内容を変える関数です。
= の後に IF と入力し、その後の引数部分には (条件式,条件を満たす場合に表示すべき内容,条件を満たさない場合に表示すべき内容) を入力します。

例えば、B2 が 80より下である ときは ○、80より下でない ときは × を、C2 に表示させたいときは、

=IF(B2<80,”○”,”×”)

という数式を C2 に入力します。

ちなみに、80より大きいという条件は [セル]>80、80より小さいという条件は [セル]<80、80以下という条件は [セル]<=80、80と同等という条件は [セル]=80、80と等しくないという条件は [セル]<>80 で表すことができます。

 

文字列を繋げたいとき【CONCATENATE関数】

CONCATENATE関数は、指定した複数のセルに入力されている文字列を、一つの文字列に連結させる関数です。
= の後に CONCATENATE と入力し、その後の引数部分には (連結させて最初にくる文字列のセル:最後にくる文字列のセル) を入力します。

例えば、B3 の文字列の後に C3 の文字列を連結させたものを、A8 に入力したいときは、

=CONCATENATE(B3,C3)

という数式を A8 に入力します。

 

覚えておきたいExcel関数まとめ

最後に、今回紹介したExcel関数を表にまとめてみました。

関数名 数式 用途
SUM関数 =SUM(範囲内の最初のセル:最後のセル) 合計を出す
SUMIF関数 =SUMIF(検索条件範囲内の最初のセル:最後のセル,検索条件のセル,合計範囲内の最初のセル:最後のセル) 条件に当てはまる数値の合計を出す
AVERAGE関数 =AVERAGE(範囲内の最初のセル:最後のセル) 平均値を出す
SUBTOTAL関数 =SUBTOTAL(集計方法を表す数字,範囲内の最初のセル:最後のセル) 小計やオートフィルタを用いて集計する
MAX関数 =MAX(範囲内の最初のセル:最後のセル) 最大値を出す
MIN関数 =MIN(範囲内の最初のセル:最後のセル) 最小値を出す
COUNTIF関数 =COUNTIF(範囲内の最初のセル:最後のセル,検索条件のセル) 条件に当てはまるセルの数を数える
VLOOKUP関数 =VLOOKUP(検索条件のセル,範囲内の最初のセル:最後のセル,列番号,検索方法の指定) 条件に当てはまるセルを表示させる
IF関数 =IF(条件式,条件を満たす場合に表示すべき内容,条件を満たさない場合に表示すべき内容) 条件によって処理を変える
CONCATENATE関数 =CONCATENATE(連結させて最初にくる文字列のセル:最後にくる文字列のセル) 文字列を繋げる

以上、これだけは最低限覚えておきたいExcelの関数10種類をご紹介しました。
まずは簡単かつ使用頻度の非常に高い SUM や AVERAGE から使い始めて、徐々に慣れてきたら他の8種類の関数も覚え始めることをオススメします！

 

記事を検索

関連するキーワード

関連する記事

【完全保存版】わずか10日間で脱初心者！Excel(エクセル)学習サイト・記事総まとめ

新社会人になって数ヶ月… 仕事中に PC で作業をする方のほとんどは、学生の頃ほとんど使ったことがなかった Excel を、毎日のように使っていると思います。...
Excel

【これでスッキリ！】Excel(エクセル)が重くなってしまったときの対処法

「Excel で長時間作業していたら、Excel の動作がだんだん遅くなってきた…」 「え、なんでこんなにExcel のファイルサイズが大きくなってるの？」 ...
Excel

【出欠確認に使える！】Excel(エクセル)でチェックボックスを作成する方法

Excel(エクセル)は、統計的分析だけでなく、請求書などの書類発行やアンケートなどにも利用可能で、とても便利です。 ここでは、アンケートなどに便利なチェ...
Excel

【超効率的！】Excel(エクセル)でデータを並び替える方法

Excel(エクセル)は、データを元に必要な情報を引き出したり、分析したりと、思いのままに操作できる表計算ソフトです。 データの並び替えは、表計算ソフトを...
Excel

【エクセル初心者向け】学習しやすいExcel解説本10選

社会人になり、Excel(エクセル)などの PCソフトを使う機会が多くなり、勉強しようと思っている方もいるでしょう。本屋さん行くと、Excel に関する本がたく...
Excel

【見やすくしよう！】Excel(エクセル)でのセル内の改行方法

Excel(エクセル)は、データ分析はもちろん、表を作成したり請求書を作ったりと、さまざまなことができて便利ですよね。 そんなExcel のセルに文字を入...
Excel

あわせてよく読まれている記事

strstr関数の使い方！PHPで文字列を検索する方法【初心者向け】

PHPで文字列の中から特定の文字列を探す場面というのは比較的多いかと思います。 文字列を検索する方法はいろいろありますが、今回は「strstr関数」「strpos関数」「preg_match関数」について、テックアカデミーのメンター（現役エンジニア）が実際のコードを使用して初心者向けに解説します。 strstr・・・区切り文字の前後の文字列を取得します。 strpos・・・文字列が最初に見つかる位置を取得します。 preg_match・・・正規表現で文字列を検索します。 すべての関数の使い方を覚える必要はありませんが、1つでも書き方を覚えておくといざという時に便利でしょう。 目次関数とは合計を出したいとき【SUM関数】条件に当てはまる数値の合計を出したいとき【SUMIF関数】平均値を出したいとき【AVERAGE関数】小計やオートフィルタを用いて集計したいとき【SUBTOTAL関数】最大値を出したいとき【MAX関数】最小値を出したいとき【MIN関数】条件に当てはまるセルの数を数えたいとき【COUNTIF関数】条件に当てはまるセルを表示させたいとき【VLOOKUP関数】条件によって処理を変えたいとき【IF関数】文字列を繋げたいとき【CONCATENATE関数】覚えておきたいExcel関数まとめ そもそもPHPについてよく分からないという方は、PHPとは何なのか解説した記事を読むとさらに理解が深まります。   大石ゆかり PHPで文字を探すプログラムを作りたいんですけど、どうすればいいんでしょうか。 田島悠介 どうして文字を探したいのかな？ 何かの文字で区切っているから？それとも文字の位置を探したい？ 大石ゆかり ええと、文字を探す方法がそんなにいろいろあるんですか？ 田島悠介 そうなんだ。PHPではいろんな文字列の検索方法があるよ。 まずは、区切り文字で検索する方法から見てみよう！   区切り文字で分けて検索 – strstr関数 strstr関数は対象の文字列から検索文字列を探し、見つかったら検索文字列から対象の文字列の最後までを返します。 区切る文字列を境にして文字列を取得したいときに使えます。 構文 検索対象の一部分の文字列 = strstr(検索対象の文字列, 検索文字列, [検索文字列より前の部分を取得するか]) 第1引数は検索文字を探し出す対象の文字列です。 第2引数は検索する文字列です。 検索文字列が半角のアルファベットの場合は、大文字小文字を区別して検索されます。 第3引数は省略でき、検索文字より前の部分を返したい場合にtrueを指定しますが、標準ではfalseつまり検索文字より後の部分を取得します。 戻り値は検索文字列が検索対象の文字列から見つかったときに、検索文字列を含む文字から検索対象の文字列の最後までの文字列を返します。 たとえば、「dog&cat」の文字列から「&」を検索した場合、「&cat」が戻り値として返ります。 ただし第3引数にtrueが指定されている場合は、検索文字を含まない前の部分を返します。 もし検索文字が見つからなかったときはfalseを返します。 ※ある文字列中に別の文字列が存在するかどうかを確認したいだけならstrpos関数またはstr_contains関数（PHPの新しいバージョン8で使用可能)を使います。 ※大文字小文字を区別しないで検索したい場合は「stristr関数」を使うことで実現できます。   strstr関数の使い方 strstr関数を使ってある文字列で区切った文字列の分割をしてみましょう。 ソースコード フルネーム「山田 太郎」を半角スペースで姓と名に分けて出力するプログラムです。 <?php //検索文字列（半角スペース） $search = ' '; //対象文字列（空白で区切られたフルネーム） $target = '山田 太郎'; echo "対象文字列：$target<br>"; //名の取得（検索文字列の空白を含む後ろの文字） $firstName = strstr($target, $search); //空白を削除（「 太郎」->「太郎」） $firstName = trim($firstName); //姓の取得（空白より前） $lastName = strstr($target, $search, true); //検索結果はあるか if($firstName != false || $lastName != false){ //姓名の出力 echo "姓：$lastName<br>"; echo "名：$firstName"; } else { echo "文字が見つかりませんでした。"; } ?> ※ダブルクォーテーションで変数を囲うと、“$変数名”で変数の値を展開して出力できます。変数の展開について詳しくは公式ドキュメント「変数のパース」をご覧ください。 ※本来なら出力したいWebページ内で<html>タグなどを含める必要がありますが、今回はPHPのプログラムの解説が目的なので省略しています。基本的なPHPの書き方について詳しくは解説記事「基本的なPHPの書き方」をご覧ください。 表示結果 解説 //名の取得（検索文字列の空白を含む後ろの文字） $firstName = strstr($target, $search); 検索対象の文字列（$target）から検索文字（$search）が見つかったところより後ろの文字列を取得します。 検索対象の文字列
PHP

Rubyでbetween?を使う方法を現役エンジニアが解説【初心者向け】

Rubyでbetween?を使う方法について、TechAcademyのメンター（現役エンジニア）が実際のコードを使用して初心者向けに解説します。   Rubyについてそもそもよく分からないという方は、Rubyとは何なのか解説した記事を読むとさらに理解が深まります。   なお本記事は、TechAcademyのオンラインブートキャンプ、Ruby講座の内容をもとに紹介しています。   田島悠介 今回は、Rubyに関する内容だね！ 大石ゆかり どういう内容でしょうか？ 田島悠介 Rubyでbetween?を使う方法について詳しく説明していくね！ 大石ゆかり お願いします！   between?とは メソッド名の最後にクエスチョンマーク(?)のあるメソッドは、真偽判定を返すメソッドになります。 between?メソッドはオブジェクトが指定範囲内であるかどうかを判定し真偽値を返すメソッドです。 比較は UFO演算子 をもとに行われます。 似たようなメソッドのclampメソッドもあります。clampメソッドはbetween?メソッドと同樣に指定範囲内であるかどうかを判定し、範囲外であった場合は範囲内に収めた値を返します。 いい機会ですので、clampメソッドもいっしょにみてみましょう。   UFO演算子 とは 2つのオブジェクトを比較し、左辺が大きければ正の値を返します。 2つのオブジェクトを比較し、右辺が大きければ負の値を返します。 2つのオブジェクトを比較し、等価であればゼロを返します。 一回の比較で「大きい」「小さい」「同じ」を判定することができます。   [PR] 生成AIを実務で使うコミュニティがなんと0円！betweenを使うメリットと使用されるシーン 数値や文字列は指定の範囲内であるかどうかを判定したいときに便利です。   betweenを使う方法 数値や文字列オブジェクトに対して以下の形式で使用します。 数値オブジェクト.between?(範囲の下端, 範囲の上端） 文字列オブジェクト.between?(範囲の下端, 範囲の上端)   実際に書いてみよう # 範囲内にあるかどうかを判定し、真偽値を返してくれます。 puts 5.between?(1, 10) #=> true puts 10.between?(1, 10) #=> true puts 11.between?(1, 10) #=> false puts -1.between?(1, 10) #=> false # 文字列の比較も可能です。 # 比較は UFO演算子によって行われます。 puts "bbb".between?("aaa", "ccc") #=> true puts "ccd".between?("aaa", "ccc") #=> false # clamp メソッドは範囲内に収めた値を返します。 puts 5.clamp(1, 10) #=> 5 puts 999.clamp(1, 10) #=> 10 puts -3.clamp(1, 10) #=> 1 puts "a".clamp("aaa", "ccc") #=> "aaa" puts
Ruby

PHPのpreg_matchで正規表現によるマッチングする方法

今回は、preg_matchについて、テックアカデミーのメンター（現役エンジニア）が実際のコードを使用して初心者向けに解説します。 preg_matchを利用することで、文字列の検索や置換を行うことができます。 実務でも、preg_matchを利用した文字列の検索や置き換えを行う処理を実装するので、ぜひ学習してみてください。   目次関数とは合計を出したいとき【SUM関数】条件に当てはまる数値の合計を出したいとき【SUMIF関数】平均値を出したいとき【AVERAGE関数】小計やオートフィルタを用いて集計したいとき【SUBTOTAL関数】最大値を出したいとき【MAX関数】最小値を出したいとき【MIN関数】条件に当てはまるセルの数を数えたいとき【COUNTIF関数】条件に当てはまるセルを表示させたいとき【VLOOKUP関数】条件によって処理を変えたいとき【IF関数】文字列を繋げたいとき【CONCATENATE関数】覚えておきたいExcel関数まとめ   そもそもPHPについてよく分からないという方は、PHPとは何なのか解説した記事を読むとさらに理解が深まります。   preg_matchとは preg_matchでは、ある文字列から正規表現で指定したパターンにマッチした文字列を検索できます。 パターンにマッチした場合は1を返し、マッチしなかったら0を返します。 例えば、検索対象の「これからphpを勉強します。」という文字列から、パターン「php」を検索すると1を返します。 一方、「ruby」を検索すると0を返します。 「php」の場合は文字列内にありますが、rubyはないのでこういった結果になります。 他にも大文字・小文字を区別せずにパターンにマッチさせることや、指定文字列が先頭にあるだけマッチさせることもできます。   正規表現とは 正規表現とは、文章中の特定文字を検索、置き換え、削除することができる文法です。 正規表現を利用する例として、文章中にある「,」という英文字のカンマを、「、」という日本語の読点に一括変換する場合などです。 その他にも、次のような使い方が可能です。 〇〇〇から始まる文字列を検索したい ×××で終わる文字列を▼▼▼に置き換えたい 大文字で始まる英単語を検索したい HTML内のcol-から始まり、そのあとは1～2桁の数字となっているコードを別のコードに置き換えたい 全角と半角、両方のスペースを削除したい 正規表現には非常に多くの指定方法があり、正規表現だけで1冊の本を書くことができるほど非常に深い内容です。 まずは、基本的な使い方を、サンプルコードを利用して使っていきましょう。     大石ゆかり 正規表現で指定したパターンにマッチするかどうかって少し難しいですね。 田島悠介 そうだね。簡単に言うと、ある形式にマッチしているかどうかってことなんだ。 大石ゆかり ある形式とは何ですか？ 田島悠介 例えばメールアドレスの形式になっているかどうかだったり、電話とか日付でもいいね。そういう単純には表せないものに使うんだよ。書き方を見てみよう！   [PR] 生成AIを実務で使うコミュニティがなんと0円！preg_matchの書き方 preg_matchの書式は以下の通りです。 [ ]はオプションで省略できます。 preg_match(/正規表現パターン/,検索対象の文字列,[配列],[動作フラグ],[検索開始位置])   返り値 preg_match関数の返り値は、パターンにマッチすれば1、マッチしなければ0です。 返り値の部分に変数を指定することで、パターンマッチの結果である1か0が代入されます。   正規表現パターン 「正規表現パターン」でマッチさせたいパターンを指定します。 正規表現は/で囲んで記述します。   検索対象の文字列 「検索対象の文字列」では、正規表現でマッチさせる対象文字列です。   配列 「配列」を指定した場合は、検索結果が配列として代入されます。   動作フラグ 「動作フラグ」で「PREG_OFFSET_CAPTURE」を指定すると、マッチした文字列の登場した位置（オフセット）をバイト数で取得できます。   検索開始位置 「検索開始位置」では、先頭ではなく検索を始めたい位置を指定できます。 ただし、指定はバイト数なので注意が必要です。   実際に書いてみよう それでは実際に、preg_match関数を使用してPHPのプログラムを書いてみましょう。   文字列「PHP」を検索する 以下は、文字列「PHP」にマッチするか確認しています。 サンプルコード <?php if (preg_match("/PHP/", "今PHPを勉強しています。")) { echo "マッチしました。"; } else { echo "マッチしませんでした。"; } 出力結果 解説 <?phpでは、PHPプログラムを開始することを意味します。 if (preg_match(“/PHP/”, “今PHPを勉強しています。”)) {では、preg_matchを利用して、今PHPを勉強しています。という文字列からPHPという文字列がパターンマッチするかどうかを調査しています。 if文で、もし適合していたらという条件分岐を行っています。 echo “マッチしました。”;では、if文の条件に合致したら、マッチしました。と表示しています。 } else {では、if文の条件に合致しない場合の条件を指定しています。 echo “マッチしませんでした。”;では、if文の条件に合致しない場合、マッチしませんでした。と表示しています。 }ではif文の処理を終了します。   文字列「PHP」を大文字、小文字を区別せずに検索する 以下では、大文字・小文字の区別をせずにマッチするか確認しています。 これは、preg_matchの/正規表現パターン/の最後にアルファベットのiを記載することで、大文字、小文字を区別せずに検索します。 サンプルコード <?php if (preg_match("/PHP/i", "今phpを勉強しています。")) { echo "マッチしました。"; } else { echo "マッチしませんでした。"; } 出力結果 解説 <?phpでは、PHPプログラムを開始することを意味します。 if (preg_match(“/PHP/”, “今phpを勉強しています。”)) {では、preg_matchを利用して、今phpを勉強しています。という文字列からPHPという文字列がパターンマッチするかどうかを調査しています。 if文で、もし適合していたらという条件分岐を行っています。 echo
PHP

JavaScriptでif文を使って条件分岐させる方法【初心者向け】現役エンジニアが解説

JavaScriptの使い方を初心者向けに紹介した記事です。 今回は、JavaScriptでif文を使って条件分岐させる方法について解説します。   目次 条件分岐（if文）の書き方 実際にif文を書いてみよう if文の注意点   【動画でも解説しています。クリックで見る！】 大石ゆかり 田島メンター！if文というのは何でしょうか？ 田島悠介 条件によって処理を変えたり、値によって処理したりしなかったりするための書き方なんだよね。 大石ゆかり 処理の幅が広がりそうですね。 田島悠介 他のプログラミング言語でも同じなので、if文はしっかり覚えよう！さっそく書き方を見てみよう！   条件分岐（if文）の書き方 if文の基本文法 まずはif文の基本的な文法を説明します。 if (条件) { //条件がtrueであれば実行 } (  )内に条件を書き、条件が一致すれば{  }内の処理が実行されます。   「条件がtrueである」とは？ JavaScriptをはじめとするプログラミング言語には、trueとfalseという概念があります。 どのようなコードがtrueでどのようなコードがfalseなのか理解するための第一歩として、「比較」を用いたサンプルコードを見てみましょう。 //(1) if (1 === 1) { console.log('実行された') } //(2) if (1 === 2) { console.log('実行された') } (1)と(2)のコードは、どちらも2つの数値を===（厳密等価演算子）を使って比較しています。 === は、「比較した値同士が同一ならばtrue、異なればfalse」という役割を持っています。 したがって、(1)では1と1が同一なので条件がtrueとなり、console.logによって「実行された」と表示されます。 一方で、(2)では1と2が異なるので条件がfalseとなり、「実行された」と表示する処理は行われません。 このようにif文の条件には、必ずtrueかfalseを表すような内容を記述しなければなりません。   条件がfalseである時の条件式 「条件がtrue」である場合に処理を実行するにはifを使いましたね。 では、逆に「条件がfalse」である場合に処理を実行するにはどうするのでしょうか。 そのような場合、elseという記述を加えます。   具体的には、下記のようなコードになります。 if (1 === 2) { //この部分の処理は実行されない } else { //1と2は異なるのでfalseになり、この部分の処理が実行される } ここではわかりやすくするために1と2を比較するという条件を使っているため、まだ実際にどのように活用できるのか伝わらないかもしれません。 しかし、本記事の後半で実際にif文を用いて実用性のあるコードを書いていきますので、現段階では文法を理解することに集中してみましょう！   条件が複数ある時の条件式 内容が多くなってきましたが、これで基本文法は最後です。 あと一息がんばりましょう。 JavaScriptの条件式には、ifとelseの他にelse ifという3つ目の記述があります。 これは判定したい条件が1つではない時に活用できます。 例えば以下のようなコードです。 const id = 2; if (id === 0) { console.log('idが0') } else if (id === 1) { console.log('idが0ではなく1') } else if (id === 2) {
JavaScript

JavaScriptでオセロゲームを作成する方法を現役エンジニアが解説【初心者向け】

JavaScriptでオセロゲームを作成する方法について、テックアカデミーのメンター（現役エンジニア）が実際のコードを使用して初心者向けに解説します。 実際のコードをもとに解説していきますので、理解を深めていきましょう。 目次関数とは合計を出したいとき【SUM関数】条件に当てはまる数値の合計を出したいとき【SUMIF関数】平均値を出したいとき【AVERAGE関数】小計やオートフィルタを用いて集計したいとき【SUBTOTAL関数】最大値を出したいとき【MAX関数】最小値を出したいとき【MIN関数】条件に当てはまるセルの数を数えたいとき【COUNTIF関数】条件に当てはまるセルを表示させたいとき【VLOOKUP関数】条件によって処理を変えたいとき【IF関数】文字列を繋げたいとき【CONCATENATE関数】覚えておきたいExcel関数まとめ そもそもJavaScriptについてよく分からないという方は、JavaScriptとは何なのかについて解説した記事を読むとさらに理解が深まります。   田島悠介 今回は、JavaScriptに関する内容だね！ 大石ゆかり どういう内容でしょうか？ 田島悠介 JavaScriptでオセロゲームを作成する方法について詳しく説明していくね！ 大石ゆかり えっ？オセロゲームを作るなんて、難しそうですね、、、 田島悠介 大丈夫！1つ1つの処理を丁寧に解説するから、一緒に頑張ろう。 大石ゆかり はい！よろしくお願いします！   はじめに 対象読者 本記事は、JavaScriptを学習中であり、変数や関数などひととおりの基礎知識を学習した初心者の方向けに書いています。 本記事が難しすぎると感じた場合や、JavaScriptの基礎を学習してから挑戦したい場合には、以下で紹介しているサイトなどを用いて学習してみましょう！ 入門向けのJavaScriptを学習できるサイト   本記事の目的 本記事の目的は、JavaScriptを用いたオセロゲームの実装を通して、以下のようなスキルを習得・向上させることです。 設計から実装までの、エンジニアの思考プロセスを体験する ゲームロジックに基づいたプログラム実装を通して、論理的思考能力を鍛える オセロゲームの実現に必要な様々な処理を学び、JavaScriptという言語の仕様をより深く理解する 上記の目的を達成するために、本記事は読者のみなさんが実際に手を動かしながら学べるハンズオン形式をとっています。 解説に沿ってコードを書きながら、プログラミングに親しんでいきましょう！   注意点 本記事では、オセロゲームを0から実装するために必要な解説のすべてを記載しているため、記事の分量が多くなっています。 一気に最後まで進めようとせずに、ご自身のペースで学習を進めることを推奨します。 本記事では章ごとに所要時間の目安を記載しているので、学習の区切りを決める参考にしてください。   オセロゲームのルールに基づいて設計をしよう 🕛目安時間：1時間 ゲームに限らず、いかなる実装においても設計は非常に重要です。 機能要件を満たしつつも、できるだけシンプルでメンテナンスしやすい設計を考えるのもエンジニアの醍醐味の1つです。 「その設計、自分ならどうするかな？」ということを考えながら読み進めてみてください。   オセロゲームのルールを確認しよう オセロゲームを実装する上での機能要件は、一言でいうと「オセロゲームのルールに従って盤面の状態が変えられる」ということです。 まずは前提条件となるオセロゲームのルールを確認していきます。   オセロゲームのルール 盤は8×8マスを利用する 初期状態で真ん中の4マスに白黒の石を交互に配置する 先攻を黒とし、黒⇨白⇨黒…の順番で石を置いていく 石を置ける場所は、下記の条件を満たしている 置くマスに他の石がないこと 置くマスの上下左右、斜め1マスの場所に相手の石があること 置いた石、相手の石があった方向の延長上に自身の石があること 石を置ける条件を満たせない場合は、パスをして相手の番になる すべてのマスに石が置かれた時点でゲーム終了（「空きがあるが、白黒どちらも置けない」状況は今回は考えないことにする） ゲーム終了時点で石の数が多い方が勝ちとなる 以上がオセロゲームのルール概要です。   ルール以外の要件を定めよう ゲームのルールのほか、今回の実装では以下の条件を適用することとします。 自動でパスする機能は実装せず、「パス」ボタンを設置する 「現在どちらの手番であるか」を表示する ゲーム終了後、白黒それぞれの石の数と勝敗を表示する ゲームの初期化機能は実装しない 石が裏返るなどのアニメーションは実装しない CPUとの対戦機能は実装しない jQueryなどのフレームワークは使用しない 画像は用いない それでは、要件を確認したところで実際の設計に移りましょう。   要件に沿って実装設計をしてみよう 同じルールや条件でも、それをどのように実装に落とし込むかはエンジニア次第です。 実装設計では、いかに無駄なくすべての要件を満たした実装ができるかを考え尽くします。 それでは、紙やプレゼンスライドなどに、大まかな処理の流れを考えて書いてみてください。 想定されるケースを洗い出し、そのケースに応じてどう処理を分岐するかを矢印で表してみましょう。   本記事の執筆者は、以下のように流れを作成しました。 上図のように場合分けをしつつ、プログラムのフローを書き出すことで、コードに落とし込む際に整理がしやすくなります。 もちろん上記のフロー図が唯一の正解ということではなく、他にもいろいろなパターンの表現方法が考えられます。 想定されるケース・条件を網羅し、かつ無駄のない流れで設計できると、「良いフロー図」と呼ぶことができます。 本セクションは以上です。 休憩・復習などをして、ご自身のペースで次のセクションへ進んでください。   [PR] 生成AIを実務で使うコミュニティがなんと0円！開発環境を整えよう 🕛目安時間：30分 今回の開発に必要な環境は以下の通りです。 コードエディタ（図解ではVisual Studio Codeを使用します） Webブラウザ（Google Chrome推奨）   コードエディタを用意しよう コードエディタは普段使い慣れているもので構いませんが、解説に用いるVisual Studio Codeを導入したい方は、以下の記事を参考にセットアップしてください。 Visual Studio Code（VSCode）とは？インストールや使い方も現役エンジニアが解説   Webブラウザの環境を整備しよう 主要なWebブラウザには、コードの構造を確認したり、エラーを発見したりするための開発者用ツールが備えられています。 本記事では、実務現場の多くで使われているGoogle Chromeを用いて開発を進めていきます。 開発者ツールの使い方をまだ学習していない方は、次のセクションに進む前に以下の記事に目を通しておいてください。 Chromeの開発者ツールを使ってJavaScriptのデバッグを行う方法を現役エンジニアが解説【初心者向け】 盤面と石をブラウザ上に表示しよう 🕛目安時間：1時間30分 このセクションでは、オセロゲームに必要な盤および石を表示するための実装を行います。 本格的にHTML / CSS / JavaScriptのコードが登場するので、要点を1つ1つ理解しながらコーディングをしていきましょう。   必要なフォルダとファイルを作成しよう まずはプロジェクトのルートとなるフォルダを1つ、PCの任意の場所に作成してください。 （例ではオセロゲームの一般的な英語名であるreversiというフォルダ名にしました）   フォルダ内には、以下の3つのファイルを作成してください。 index.html style.css main.js 下図のような構成にできていればOKです。   HTMLをコーディングしよう いよいよコーディング作業に入ります！ 今回はサンプルコードに従って、index.htmlの中身を記述してみましょう。 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>オセロゲーム</title> <link rel="stylesheet" href="style.css"> </head> <body> <!-- 盤 --> <div id="stage" class="stage"></div> <!-- 各マスを描画するためのテンプレート --> <div id="square-template" class="square"> <div class="stone"></div>
JavaScript

【作業効率が絶対に上がる！】押さえておきたいExcel(エクセル)のショートカットキー18選(Windows編)

Excel(エクセル)を使用する際に、作業効率を上げるためには、「関数」と「ショートカットキー」の2つを使いこなせればよいのです。 その中でも、ショートカットキーは、マウスを動かす時間をかなり削減できる方法なのです。 そこで今回は、使用頻度が高くてわりかし覚えやすいショートカットキーを18種類に厳選して紹介します。     なお、今回の記事の内容は動画でもご覧いただけます。 テキストよりも動画の方が理解しやすいという場合はぜひご覧ください。     目次 選択範囲のコピー 選択範囲の貼り付け 選択範囲の切り取り 直前の操作を元に戻す 操作のやり直し [印刷]ダイアログボックスの表示 [名前を付けて保存]ダイアログボックスの表示 変更内容の保存 シート全体の選択 コンテキストメニューの表示 ブックの前のシートへの移動 ブックの次のシートへの移動 行全体の選択 列全体の選択 リボンの最小化・復元 [セルの書式設定]ダイアログボックスの表示 数式バーの展開・折りたたみ 関数の挿入 覚えておきたいExcelショートカットキーまとめ   選択範囲のコピー [Ctrl]＋[C] コピーは、貼り付けとセットでよく行う操作ですね。 その2つに切り取りを加えた、3種類のショートカットキーはすぐに覚えてしまいましょう。 コピーしたいセルもしくは範囲を選択し、[Ctrl]を押しながら[C]を押してできます。 下の画像は、B2 のセルが緑の破線で囲まれており、B2 がコピーされている状態であることを示します。   [PR] 生成AIを実務で使うコミュニティがなんと0円！選択範囲の貼り付け [Ctrl]＋[V] 貼り付けは、コピーや切り取りを行った後に必ず行う操作ですね。 コピーまたは切り取り後、貼り付けしたいセルもしくは範囲を選択し、[Ctrl]を押しながら[V]を押してできます。 下の画像は、B2 のセルをコピーした後、B7 に貼り付けた直後の状態です。   選択範囲の切り取り [Ctrl]＋[X] 切り取りは、選択範囲に内容を残すコピーとは違い、選択範囲から内容を消して他へ貼り付けるときに行う操作ですね。 切り取りたいセルもしくは範囲を選択し、[Ctrl]を押しながら[X]を押してできます。 下の画像は、コピー時と同様、B7 のセルが緑の破線で囲まれており、B7が切り取られている状態であることを示します。   直前の操作を元に戻す [Ctrl]＋[Z] この操作は、入力内容を間違ったときによく行いますよね。 下の画像のように、A7 のセルの入力内容を間違えてしまったときは、[Ctrl]を押しながら[Z]を押して、空欄に戻すことができます。   操作のやり直し [Ctrl]＋[Y] この操作は、元に戻したけどやっぱり戻す前の状態の方が良かった、というときに よく使いますね。 なので、元に戻すとセットで覚えてしまいましょう。 下の画像のように、A7 のセルの入力内容を元に戻すで消してしまったけど、入力内容を復元させたいときは、[Ctrl]を押しながら[Y]を押して、復元させることができます。   [印刷]ダイアログボックスの表示 [Ctrl]＋[P] この操作を行うために、マウスを動かすことはもう必要ありません。 [Ctrl]を押しながら[P]を押せば、下の画像のような[印刷]ダイアログボックスが瞬時に出てきます。   [名前を付けて保存]ダイアログボックスの表示 [F12] これも印刷のときと同様に、マウスに触れることなく一瞬で出すことができます。 [F12]をポチッと押せば、下の画像のような[名前を付けて保存]ダイアログボックスが瞬時に出てきます。   変更内容の保存 [Ctrl]＋[S] Excelの編集中、PCが突然強制終了になったときなどに備えて、こまめに上書き保存をすることがあると思います。 そんなときは、[Ctrl]押しながら[S]を押すことをこまめにしておけば、何があっても最新のデータを残しておくことができます。   シート全体の選択 [Ctrl]＋[A] Excelのシートのサイズが大きいとき、マウスでドラッグして全体を選択するのは大変ですよね。 そんなときは、[Ctrl]を押しながら[A]を押せば、下のように瞬時に全体を選択することができます。   コンテキストメニューの表示 [Shift]＋[F10] コンテキストメニューとは、Windowsで右クリックしたときに表示されるメニューのことです。 [Shift]を押しながら[F10]を押せば、もうマウスの右クリックは不要です。   ブックの前のシートへの移動 [Ctrl]＋[PageUp] Excelのブックをいくつも作るのではなく、1つのウィンドウに何枚も作るということもありますよね。 そんなときは、[Ctrl]を押しながら[PageUp]を押せば、さっと前のシートに移動できます。   ブックの次のシートへの移動 [Ctrl]＋[PageDown] 前のシートへの移動と一緒に覚えましょう。 [Ctrl]を押しながら[PageDown]を押せば、さっと次のシートに移動できます。   行全体の選択 [Shift]＋[Space] 使っているシートの範囲は小さくても、行全体を切り取ったり削除したりするときはありますよね。 そういうときは、[Shift]を押しながら[Space]を押すことで、行全体を選択できます。   列全体の選択 [Ctrl]＋[Space] 行全体の選択と共に覚えてしまいましょう。 [Ctrl]を押しながら[Space]を押すことで、列全体を選択できます。   リボンの最小化・復元 [Ctrl]＋[F1] リボンとは、画面上部に「ホーム」や「挿入」などのタブが多く並んでいる横長の領域 のことです。 普段は展開されていることが多いリボンですが、実は、折りたたむことができます。 [Ctrl]を押しながら[F1]を押すことで、リボンを折りたたんだり展開したりすることができます。 下の画像は、リボンが折りたたまれている状態を示しています。   [セルの書式設定]ダイアログボックスの表示 [Ctrl]＋[1] セルの書式設定では、セルに入力されたデータや文字列の書式設定を確認したり、変更したりできるツールです。 右クリックをして、マウスを動かして、セルの書式設定をクリックする、という流れで開く方が大半でしょう。 しかし、[Ctrl]を押しながら[1]を押すだけで開くことができるので、手間が省けます。   数式バーの展開・折りたたみ [Ctrl]＋[Shift]＋[U] 数式バーとは、中央上方に位置する入力バーのことです。 長文をセルに直接入力するよりも入力しやすい数式バーですが、[Ctrl]と[Shift]と[U]を押せば、展開でき、かなり長い文章でも入力しやすくなります。   関数の挿入 [Shift]＋[F3] 関数の数式を、英字から条件や範囲までいちいち自分で入力するのは面倒くさいですよね。 [Shift]を押しながら[F3]を押せば、[関数の挿入]ダイアログを呼び出すことができ、数式の細かな部分がわからない方も入力しやすくなります。   覚えておきたいExcelショートカットキーまとめ 最後に、今回紹介したExcelのショートカットキーを表にまとめてみました。 キー 機能 [Ctrl]＋[C] 選択範囲のコピー [Ctrl]＋[V] 選択範囲の貼り付け [Ctrl]＋[X] 選択範囲の切り取り [Ctrl]＋[Z] 直前の操作を元に戻す [Ctrl]＋[Y] 操作のやり直し [Ctrl]＋[P] [印刷]ダイアログボックスの表示 [F12] [名前を付けて保存]ダイアログボックスの表示 [Ctrl]＋[S] 変更内容の保存 [Ctrl]＋[A] シート全体の選択 [Shift]＋[F10] コンテキストメニューの表示 [Ctrl]＋[PageUp] ブックの前のシートへの移動 [Ctrl]＋[PageDown] ブックの次のシートへの移動 [Shift]＋[Space] 行全体の選択 [Ctrl]＋[Space] 列全体の選択 [Ctrl]＋[F1] リボンの最小化・復元 [Ctrl]＋[1] [セルの書式設定]ダイアログボックスの表示 [Ctrl]＋[Shift]＋[U] 数式バーの展開・折りたたみ [Shift]＋[F3] 関数の挿入 以上、これだけは覚えておきたいExcelのショートカットキーを紹介しました。 使用頻度が高く、かつ、割と覚えやすい順に紹介しましたので、ぜひ上から順番に少しずつマスターしてもらえればと思います。 これらのショートカットキーを覚えたら、次は関数を使いこなせるようにして、作業スピードを更に上げてみてはいかがでしょうか？  
Excel

あなたの目的に合わせて学べるコース

副業したい方

Web制作の力を身につけ
副業までサポート

はじめての副業コース

転職したい方

未経験から
Webエンジニアに

Webエンジニア転職保証コース

スキルアップしたい方

AIも統計解析もできる
Pythonを学ぶ

Pythonコース

※ 経済産業省の行うリスキリングを通じたキャリアアップ支援事業の補助金対象コースです。条件を満たすことで支払った受講料の最大70％がキャッシュバックされます。詳しくは こちら のページをご確認ください。

TechAcademyから
現役エンジニアの方へ
お知らせ

オーダーメイドコース
TechAcademy（テックアカデミー） Excel2013コース Microsoft Office Excel 【作業が圧倒的に早くなる！】知っておきたいExcel(エクセル)の関数10選