TechAcademy（テックアカデミー） Androidアプリコース スマートフォンアプリ開発 Androidアプリ開発 Androidアプリ開発でSwitch(トグルスイッチ)を追加する方法【初心者向け】
オーダーメイドコース
icon
icon
Androidアプリ開発

Androidアプリ開発でSwitch(トグルスイッチ)を追加する方法【初心者向け】

Androidアプリ開発でGUIコンポーネントの【Switch（トグルスイッチ）】を追加する方法を初心者向けに解説した記事です。Switchを使うと、オンとオフの2通りの状態を簡単に入力できるようになります。

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

Androidアプリ開発では、アプリのパーツを簡単に追加できるGUIコンポーネントが数多く用意されています。

今回はそのなかの1つである、Switch（トグルスイッチ）を追加する方法と基本的な使い方をご紹介します。

 

本記事はTechAcademyのAndroidアプリ開発オンラインブートキャンプの内容をもとに解説しています。

 

大石ゆかり

田島メンター！！Androidアプリの設定画面でオンオフで設定をしたい部分があるんですけど、何かいい方法ってないですか？ラジオボタンだと実装できるかとは思うんですけど・・・。

田島悠介

Android4.0からSwitchが導入されたから、それを使えばできるよ♪

大石ゆかり

え、どうやって使うんですか〜？

 

Switchとは

Switch（トグルスイッチ）は、Android4.0から使えるようになったGUIコンポーネントで、オンとオフの2通りの状態を入力するときに使用します。

オンとオフの入力についてはToggleButton（トグルボタン）やCheckBox（チェックボックス）が使われていましたが、Switchはより状態がわかりやすく変更されています。

001

 

 

Switchを配置する

Switchはレイアウトエディタのパレットの「フォーム・ウィジェット」から配置できます。

パレット内のSwitchを、配置したい場所までドラッグしましょう。

 

これでSwitchの配置ができました。

アプリを起動すると図のように画面にSwitchが表示されます。Switchをタップすると、ONとOFFの切り替えができます。

 

 

[PR] Androidアプリ開発コース

Switchをカスタマイズする

プロパティを変更してSwitchをカスタマイズしてみましょう。下記のようなプロパティがあります。

  • Text：ラベルの文字を変更できます
  • Text On：スイッチがOnのときのテキストを指定
  • Text Off：スイッチがOffのときのテキストを指定
  • showText：trueに変更すると、テキストを表示する
  • Checked：trueに変更すると、スイッチがOnの状態で表示される

 

xmlファイルを確認すると、次のようなコードが追加されています。

<Switch
android:id="@+id/switch1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginLeft="59dp"
android:layout_marginStart="59dp"
android:layout_marginTop="51dp"
android:checked="true"
android:showText="true"
android:text="バックライト"
android:textOff="消灯"
android:textOn="点灯"
tools:text="バックライト"
android:layout_alignParentTop="true"
android:layout_alignParentLeft="true"
android:layout_alignParentStart="true" />

 

アプリを起動すると図のようにカスタマイズされたSwitchが画面に表示されます。

今回の記事は以上です。

他のGUIコンポーネントを使ってみたい場合は、Androidアプリ開発でRatingBarを追加する方法も合わせてご覧ください。

 

大石ゆかり

Switchとてもいいですね♪

田島悠介

単純にオンオフだけじゃなくて文字も変えられるから、設定画面だと重宝しそうだね。

大石ゆかり

そうですね〜♪

 

[お知らせ]TechAcademyでは初心者でもオリジナルアプリが作れるAndroidアプリ開発講座(オンラインブートキャンプ)を開催しています。自分でアプリを公開してみたい場合はご参加ください。

記事を検索

関連するキーワード

関連する記事

Kotlinのcontainsメソッドの使い方を現役エンジニアが解説【初心者向け】

Kotlinのcontainsメソッドの使い方について、TechAcademyのメンター（現役エンジニア）が実際のコードを使用して初心者向けに解説します。 ...
Androidアプリ開発

Androidアプリ開発でChronometerを追加する方法【初心者向け】

Androidアプリ開発では、アプリのパーツを簡単に追加できるGUIコンポーネントが数多く用意されています。 今回はそのなかの1つである、Chronome...
Androidアプリ開発

覚えておくと便利！Androidアプリ開発のLayoutの使い方【初心者向け】

Androidアプリ開発において、GUI（ボタンやラベルといったパーツ）をどのように配置するかによって、いくつかのレイアウトが用意されています。 そこで今...
Androidアプリ開発

Androidアプリ開発でProgressBarを追加する方法【初心者向け】

Androidアプリ開発では、アプリのパーツを簡単に追加できるGUIコンポーネントが数多く用意されています。 今回はそのなかの1つである、Progress...
Androidアプリ開発

Androidアプリでインテントを使って画面を遷移させる方法【初心者向け】

Androidアプリの開発では、「インテント（Intent）」という機能を使って画面を遷移させることが可能です。 インテントは、Androidの特徴的な機...
Androidアプリ開発

Androidアプリ開発でアクティビティを作成する方法【初心者向け】

Androidアプリでは、画面の切り替えといった操作が可能です。そんな操作を実現する「アクティビティ」について初心者向けに解説します。   ...
Androidアプリ開発

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

Androidアプリ開発のGridLayoutの使い方【初心者向け】

Androidアプリ開発では、アプリの画面を簡単に作成できるレイアウトが数多く用意されています。 今回はそのなかの1つである、GridLayout（グリッドレイアウト）を追加する方法と基本的な使い方をご紹介します。   本記事はTechAcademyのAndroidアプリ開発オンラインブートキャンプの内容をもとに解説しています。   大石ゆかり 田島メンター！！電卓アプリを作っているんですけど、ボタンを等間隔に設置する方法ってないですか〜？ 田島悠介 それならGridLayoutがいいよ。格子状にパーツを並べることができるんだ。 大石ゆかり あ、どうやって使うんですか〜？   GridLayoutとは GridLayoutとは、パーツを格子状に並べるときに使用するレイアウトです。TableLayoutと似ていますが、GridLayoutでは列をまたいでパーツを配置することができます。 Android4.0で公開された比較的新しいレイアウトです。     GridLayoutを配置する 今回は、GridLayoutを使用してこの画像のような画面を作成してみます。   GridLayoutはレイアウトエディタのパレットの「レイアウト」から配置できます。 パレット内のGridLayoutを、プレビュー画面までドラッグしましょう。   次に、GridLayoutの列数を指定します。 列数は、プロパティの「ColumnCount」で指定できます。今回は5列必要なので、「ColumnCount」の値を「5」にします。     [PR] Androidアプリ開発コースGridLayoutにパーツを配置する GridLayoutにパーツを配置するには、レイアウトエディタのパレットから配置したいパーツを選択し、プレビュー画面へドラッグします。 ボタンを画面に配置したら、ボタンを配置するセルを指定しましょう。   セルの指定はプロパティの「Layout Parameters – Row」で、配置する行を指定できます。また、「Layout Parameters – Column」で、配置する列も指定できます。 上から2行目の3列目に配置したい場合は、layout_rowを「1」、layout_columnを「2」といった具合に指定していきましょう。   また、複数のセルをまたぐ場合は、「android:layout_rowSpan」「android:layout_columnSpan」を指定します。 「CE」ボタンや「0」ボタンのように、横にまたぐ場合は「android:layout_columnSpan」を「2」にします。   同じように、「+」ボタンのように縦にまたぐ場合は「android:layout_rowSpan」を「2」にします。 すべてのボタンが配置できたら実行して、画面を確認してください。     GridLayoutのコードを確認する XMLタブでコードを確認すると、下記のようになっています。 <GridLayout xmlns:android=”http://schemas.android.com/apk/res/android” android:layout_width=”fill_parent” android:layout_height=”fill_parent” android:columnCount=”5″ > <Button android:id=”@+id/button1″ android:layout_width=”60dp” android:layout_height=”60dp” android:layout_column=”0″ android:layout_row=”0″ android:text=”7″ /> <Button android:id=”@+id/button2″ android:layout_width=”60dp” android:layout_height=”60dp” android:layout_column=”1″ android:layout_row=”0″ android:text=”8″ /> <Button android:id=”@+id/button3″ android:layout_width=”60dp” android:layout_height=”60dp” android:layout_column=”2″ android:layout_row=”0″ android:text=”9″ /> <Button android:id=”@+id/button4″ android:layout_width=”120dp” android:layout_height=”60dp” android:layout_column=”3″ android:layout_columnSpan=”2″ android:layout_row=”0″ android:text=”CE” /> <Button android:id=”@+id/button5″ android:layout_width=”60dp” android:layout_height=”60dp” android:layout_column=”0″ android:layout_row=”1″ android:text=”4″ /> <Button android:id=”@+id/button6″ android:layout_width=”60dp” android:layout_height=”60dp” android:layout_column=”1″ android:layout_row=”1″ android:text=”5″ /> <Button android:id=”@+id/button7″ android:layout_width=”60dp” android:layout_height=”60dp” android:layout_column=”2″ android:layout_row=”1″ android:text=”6″ /> <Button android:id=”@+id/button8″ android:layout_width=”60dp” android:layout_height=”60dp” android:layout_column=”3″ android:layout_row=”1″ android:text=”×” /> <Button android:id=”@+id/button9″ android:layout_width=”60dp” android:layout_height=”60dp” android:layout_column=”4″ android:layout_row=”1″ android:text=”÷” /> <Button android:id=”@+id/button10″ android:layout_width=”60dp” android:layout_height=”60dp” android:layout_column=”0″ android:layout_row=”2″ android:text=”1″ /> <Button android:id=”@+id/button11″ android:layout_width=”60dp” android:layout_height=”60dp” android:layout_column=”1″ android:layout_row=”2″ android:text=”2″ /> <Button android:id=”@+id/button12″ android:layout_width=”60dp” android:layout_height=”60dp” android:layout_column=”2″ android:layout_row=”2″ android:text=”3″ /> <Button android:id=”@+id/button13″ android:layout_width=”60dp” android:layout_height=”120dp” android:layout_column=”3″ android:layout_row=”2″ android:layout_rowSpan=”2″ android:text=”+” /> <Button android:id=”@+id/button14″ android:layout_width=”60dp” android:layout_height=”60dp” android:layout_column=”4″ android:layout_row=”2″ android:text=”1″ /> <Button android:id=”@+id/button15″ android:layout_width=”120dp” android:layout_height=”60dp” android:layout_column=”0″ android:layout_columnSpan=”2″ android:layout_row=”3″ android:text=”0″ /> <Button android:id=”@+id/button16″ android:layout_width=”60dp” android:layout_height=”60dp” android:layout_column=”4″ android:layout_row=”3″ android:text=”=” /> </GridLayout> 今回の記事は以上です。   さらに他のレイアウトを試したい場合はFrameLayoutの使い方も合わせてご覧ください。   大石ゆかり GridLayout、とても便利ですね〜♪ 田島悠介 そうだね。Androidは色々なレイアウトが用意されているから、他のレイアウトも使ってみると良いよ♪ 大石ゆかり はい♪   [お知らせ]TechAcademyでは初心者でもオリジナルアプリが作れるAndroidアプリ開発講座(オンラインブートキャンプ)を開催しています。自分でアプリを公開してみたい場合はご参加ください。
Androidアプリ開発

Androidアプリ開発のTableLayoutの使い方【初心者向け】

Androidアプリ開発では、アプリの画面を簡単に作成できるレイアウトが数多く用意されています。 今回はそのなかの1つである、TableLayout（テーブルレイアウト）を追加する方法と基本的な使い方をご紹介します。   本記事はTechAcademyのAndroidアプリ開発オンラインブートキャンプの内容をもとに解説しています。   大石ゆかり 田島メンター！！HTMLのtableタグみたいにAndroidアプリのパーツを並べる方法ってないですか〜？ 田島悠介 TableLayoutっていうレイアウトを使うと、tableタグと同じようにパーツを設置できるよ。 大石ゆかり あ、そうなんですか〜！？   TableLayoutとは TableLayoutとは、パーツを格子状に並べるときに使用するレイアウトです。 HTMLのtableタグと似ているので、ホームページ作成をしたことがある人は使いやすいレイアウトかもしれません。 ただし、行をまたいでパーツを配置することはできませんのでご注意ください。     TableLayoutを配置する 今回は、TableLayoutを使用して次のような画面を作成してみます。 TableLayoutは、大枠である「TableLayout」とテーブルの行である「TableRow」でできています。   最初にTableLayoutを配置します。 TableLayoutはレイアウトエディタのパレットの「レイアウト」から配置できます。パレット内のTableLayoutを、プレビュー画面までドラッグしましょう。   次に、作成する画面には4行必要なので、TableRowを4回プレビュー画面までドラッグして配置します。（行の数によってドラッグする回数を変えてください） 配置をしたらアウトラインで、レイアウトが正しく配置されているか確認をしましょう。     [PR] Androidアプリ開発コースTableLayoutにパーツを配置する TableLayoutにパーツを配置するには、レイアウトエディタのパレットから配置したいパーツを選択し、プレビュー画面へドラッグします。 横の位置は後ほど調整しますので、目的の行に対して順番にパーツを配置できていれば大丈夫です。     TableLayoutのコードを確認する XMLタブでコードを確認すると、下記のようになっています。 <TableLayout xmlns:android=”http://schemas.android.com/apk/res/android” android:layout_width=”match_parent” android:layout_height=”match_parent” > <TableRow android:id=”@+id/tableRow1″ android:layout_width=”wrap_content” android:layout_height=”wrap_content” > <Button android:id=”@+id/button1″ android:layout_width=”wrap_content” android:layout_height=”wrap_content” android:text=”7″ /> <Button android:id=”@+id/button2″ android:layout_width=”wrap_content” android:layout_height=”wrap_content” android:text=”8″ /> <Button android:id=”@+id/button3″ android:layout_width=”wrap_content” android:layout_height=”wrap_content” android:text=”9″ /> <Button android:id=”@+id/button15″ android:layout_width=”wrap_content” android:layout_height=”wrap_content” android:text=”/” /> </TableRow> <TableRow android:id=”@+id/tableRow2″ android:layout_width=”wrap_content” android:layout_height=”wrap_content” > <Button android:id=”@+id/button4″ android:layout_width=”wrap_content” android:layout_height=”wrap_content” android:text=”4″ /> <Button android:id=”@+id/button5″ android:layout_width=”wrap_content” android:layout_height=”wrap_content” android:text=”5″ /> <Button android:id=”@+id/button6″ android:layout_width=”wrap_content” android:layout_height=”wrap_content” android:text=”6″ /> <Button android:id=”@+id/button14″ android:layout_width=”wrap_content” android:layout_height=”wrap_content” android:text=”*” /> </TableRow> <TableRow android:id=”@+id/tableRow3″ android:layout_width=”wrap_content” android:layout_height=”wrap_content” > <Button android:id=”@+id/button7″ android:layout_width=”wrap_content” android:layout_height=”wrap_content” android:text=”1″ /> <Button android:id=”@+id/button8″ android:layout_width=”wrap_content” android:layout_height=”wrap_content” android:text=”2″ /> <Button android:id=”@+id/button9″ android:layout_width=”wrap_content” android:layout_height=”wrap_content” android:text=”3″ /> <Button android:id=”@+id/button12″ android:layout_width=”wrap_content” android:layout_height=”wrap_content” android:text=”-” /> </TableRow> <TableRow android:id=”@+id/tableRow4″ android:layout_width=”wrap_content” android:layout_height=”wrap_content” > <Button android:id=”@+id/button10″ android:layout_width=”wrap_content” android:text=”0″ /> <Button android:id=”@+id/button11″ android:layout_width=”wrap_content” android:layout_height=”wrap_content” android:text=”.” /> <Button android:id=”@+id/button13″ android:layout_width=”wrap_content” android:layout_height=”wrap_content” android:text=”+” /> </TableRow> </TableLayout>     TableLayout上のパーツの配置を調整する 「0」ボタンは2つのセルをまたいで配置されています。 複数のセルをまたぎたい場合は、「android:layout_span」を追加してください。 <Button android:id=”@+id/button10″ android:layout_width=”wrap_content” android:layout_span=”2″ android:text=”0″ />   実行すると、この画像のようにボタンが表示されます。   また、途中のセルを空白にしたい場合は、「android:layout_column」を追加し、列番号を指定します。 列番号は、一番左から「0,1,2,3…」となっています。 <TableRow android:id=”@+id/tableRow4″ android:layout_width=”wrap_content” android:layout_height=”wrap_content” > <Button android:id=”@+id/button10″ android:layout_width=”wrap_content” android:layout_span=”2″ android:text=”0″ /> <Button android:id=”@+id/button13″ android:layout_width=”wrap_content” android:layout_height=”wrap_content” android:layout_column=”3″ android:text=”+” /> </TableRow>   さらに実行すると、この画像のようにボタンが表示されます。 これで完成です。   さらに他のレイアウトを試したい場合はFrameLayoutの使い方も合わせてご覧ください。   大石ゆかり tableタグを同じように設置できますね！ 田島悠介 そうだね。GridLayoutもそうだけど一定の間隔でパーツを並べる場面って結構あるから、そういう時に使うと良いね。 大石ゆかり そうですね〜♪   [お知らせ]TechAcademyでは初心者でもオリジナルアプリが作れるAndroidアプリ開発講座(オンラインブートキャンプ)を開催しています。自分でアプリを公開してみたい場合はご参加ください。
Androidアプリ開発

すぐに理解できる！PHPでswitch文を使う方法【初心者向け】

PHPで書くswitch文について、テックアカデミーのメンター（現役エンジニア）が実際のコードを使用して初心者向けに解説します。 目次SwitchとはSwitchを配置するSwitchをカスタマイズする そもそもPHPについてよく分からないという方は、PHPとは何なのか解説した記事を読むとさらに理解が深まります。   今回の記事の内容は動画でもご覧いただけます。 テキストよりも動画の方が理解しやすいという場合はぜひご覧ください。   switch文とは switch文は、変数の値によって処理を変えたい場合に便利です。 同じ変数を異なる値と比較して、値に応じて処理を実行できます。 例えば、変数の値が「理系」の場合は「〇〇部」を表示、「文系」の場合は「〇〇部」を表示、「その他」の場合は「〇〇部」を表示するといった場合にswitch文が便利です。 たとえば、自分の行きたい大学の学部を選択して、その内容を表示する場合を考えてみましょう。 「理系」を選択した場合 「医学部」「歯学部」「薬学部」「理学部」「農学部」「工学部」を表示する。 「文系」を選択した場合 「法学部」「経済学部」「文学部」「教育学部」を表示する。 「その他」を選択した場合 「体育学部」「看護学部を表示する。 このような分岐処理をしたい場合、if文を使用すると <?php   $study = '理系';       if($study == '理系'){               echo '医学部、歯学部、薬学部、農学部、理学部、工学部';   }   else if($study == '文系'){       echo '法学部、経済学部、文学部、経営学部、教育学部';   }   else if($study == 'その他'){       echo '体育学部、看護学部';  
PHP

Swiftでif文 / switch文を使って条件分岐処理を行う方法【初心者向け】

Swiftで書くif文/switch文の使い方を詳しく解説しています。 プログラムを書く上で必須の知識になるので、初心者の方はぜひ書きながら理解していきましょう。   なお本記事は、TechAcademyのiPhoneアプリ開発オンラインブートキャンプの内容をもとに紹介しています。   目次 if文の書き方 switch文の書き方   if文の書き方 if 文は、プログラミング言語の核とも言える構文です。Swiftでも当然サポートされています。 if 条件 { // 条件にマッチした時に実行される処理 } 「条件」は条件式とも呼ばれ、条件にマッチしていれば (条件式の結果が true であれば)、続く { } 内の内容を実行します。 マッチしない場合の処理は else を使って記述することができます。 if 条件 { // 条件にマッチした時に実行される処理 } else { // 条件にマッチしない時に実行される処理 } また else if を使うといくつかの条件を列挙することができます。 if 条件A { // 条件A にマッチした時に実行される処理 } else if 条件B { // 条件B にマッチした時に実行される処理 } else { // 条件A にも 条件B にもマッチしない時に実行される処理 } 簡単なサンプルとして、変数 a に対して、その絶対値を b に代入する if
iPhoneアプリ開発

Javaでswitch文を使う方法【初心者向け】

Javaでswitch文を使う方法について解説しています。 分岐処理を行う際に使いますが、if文との違いについても触れているので、それぞれ理解しておくと良いでしょう。 Javaについてそもそもよく分からないという方は、Javaとは何なのか解説している記事をまずご覧ください。   なお本記事は、TechAcademyのJava講座の内容をもとに作成しています。   田島悠介 今回はswitch文に挑戦してみよう。 大石ゆかり 田島メンター！switch文は何に使うんですか～？ 田島悠介 これは条件分岐のひとつなんだ。基本の書き方から見てみよう。 大石ゆかり 分かりました！ switch文について switch文とは、分岐処理を行うときに使用する命令文です。 分岐処理としては、if文という分岐処理も存在します。 if文はtrueまたはfalseの2方向への分岐です。 trueまたはfalseというのは、例えば、「もし（if）、変数numが1000より大きければ、処理を終了する」というif文の条件式の場合、変数numが1001の時はtrue、1000の時はfalseと表します。   このtrueかfalseの2方向への分岐をif文で制御するのに対し、switch文は多方向への分岐を制御します。 例えば、値（if文の説明でいうと、変数num）が1の時、10の時、100の時、1000の時という複数種類の条件に対し、多方向分岐を1回のswitch文で行うことができます。 同様の処理をif文で行う場合、最低でも4回のif文を使用する必要があります。 変数とは、値を入れる箱の事です。予約語で指定されている名前以外で、先頭に数字を使用しなければ、自由に設定できます。 なお、if文もswitch文も、名称自体はJava言語の予約語として用意されている為、変数名やメソッド名・クラス名に使用することができません。 予約語とは、Java言語の中であらかじめ特定用途に使用することが予約されている単語です。   switch文の書き方 switch (式) {   case 値１:     処理１     break;   case 値２:     処理２     break;   case 値３:     処理３     break;   case 値４:     処理４     break;   default:     処理n     break; }   [PR] Androidアプリ開発コースswitch文を使用する際の注意点 switch文は整数型、列挙型、文字列型の式を判断し、式と一致した場合のcaseラベルに分岐します。 caseラベルとは、 case 値１: と記載している部分のことです。 書き方は、caseのあとに、定数か定数を返す式を記述したのち、「:（コロン）」を書きます。 同じ値のcaseラベルは2回以上記載できません。先ほどの例でいえば、caseが10の場合、次のようにcase10を2回以上記述することはできません。 switch (式) {   case 1:     処理1     break;   case 10:     処理2-1     break;   case 10:     処理2-2     break;   case
Java

JavaScriptのswitch文で条件をネストする方法を現役エンジニアが解説【初心者向け】

JavaScriptのswitch文で条件をネストする方法について、TechAcademyのメンター（現役エンジニア）が実際のコードを使用して初心者向けに解説します。   そもそもJavaScriptについてよく分からないという方は、JavaScriptとは何なのかについて解説した記事を読むとさらに理解が深まるでしょう。   なお本記事は、TechAcademyのオンラインブートキャンプJavaScript/jQuery講座の内容をもとにしています。   田島悠介 今回は、JavaScriptに関する内容だね！ 大石ゆかり どういう内容でしょうか？ 田島悠介 switch文で条件をネストする方法について詳しく説明していくね！ 大石ゆかり お願いします！   目次 switch文の基本的な使い方 switch文で条件をネストする方法 実際に書いてみよう まとめ   switch文の基本的な使い方 switch分は式に対して、一致するcase節の処理を実行します。 一致するcase節がない場合は、default節が実行される点に注意が必要です。 また、式とはある値になるコードの単位のことであり、値と同様の意味と受け取って差し支えありません。 記述の形は下記のようになります。 switch (式）{ case 値: 値に一致した場合の処理 break; case 値: 値に一致した場合の処理 break; case 値: 値に一致した場合の処理 break; default: caseに一致するものがない場合の処理 break; } 使用する場合は、switchの式やcaseの値に判定したいものを入れましょう。 case節は、if文などと同様にいくつでも増やすことができます。   default節は、省略可能です。また、文法上はcaseの後ではなく一番上でも途中でも好きな場所に書けます。 注意点としては、break文の有無による動作の違いです。   breakを省略するとそれ以降のcaseの判定を行わずに処理が実行されます。 breakを省略した具体的なコードをみていきましょう。 let value = 'あいうえお' switch(value){ default: console.log('caseに一致するものがありません');
JavaScript

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

副業したい方

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

はじめての副業コース

転職したい方

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

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

スキルアップしたい方

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

Pythonコース

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

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

オーダーメイドコース
TechAcademy（テックアカデミー） Androidアプリコース スマートフォンアプリ開発 Androidアプリ開発 Androidアプリ開発でSwitch(トグルスイッチ)を追加する方法【初心者向け】