TechAcademy（テックアカデミー） フロントエンドコース プログラミング JavaScript JavaScriptのtoFixedメソッドの使い方を現役エンジニアが解説【初心者向け】
icon
icon
JavaScript

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

初心者向けにJavaScriptのtoFixedメソッドの使い方について現役エンジニアが解説しています。toFixedメソッドはNumberクラスのメソッドで、小数点以下の数を指定した桁数にした文字列を返すメソッドです。toFixedメソッドを使って実際に桁数を指定したサンプルプログラムを解説しています。

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

JavaScriptのtoFixedメソッドの使い方について、TechAcademyのメンター（現役エンジニア）が実際のコードを使って初心者向けに解説します。

JavaScriptについてそもそもよく分からないという方は、JavaScriptとは何なのか解説した記事をまずご覧ください。

 

なお本記事は、TechAcademyのオンラインブートキャンプ、JavaScript/jQuery講座の内容をもとにしています。

 

田島悠介

今回は、JavaScriptに関する内容だね！

大石ゆかり

どういう内容でしょうか？

田島悠介

JavaScriptのtoFixedメソッドの使い方について詳しく説明していくね！

大石ゆかり

お願いします！

 

Numberオブジェクトとは

JavaScriptに標準で入っている数値を表すオブジェクトです。文字列を数値に変換したり、整数かどうかを判定するメソッドなどの数値に関わる処理を持っています。

toFixedメソッドとは

小数点以下の数を指定した桁数にした文字列を返すメソッドです。その際に指定した桁数以下の桁がある場合は四捨五入されます。また、指定した桁数に満たない場合は0で埋められます。

MDNのリファレンスはこちら

[PR] フロントエンドで副業する学習方法を動画で公開中

toFixedメソッドの使い方

数値に.toFixed()として引数に小数点以下の桁数を指定することで使用できます。引数を省略した場合は0を指定したのと同じ動作になります。

var num = 1.23456;
num.toFixed(【指定する桁数】)

 

実際に書いてみよう

「12.3456」という数値にtoFixedを使ってみます。指定した桁数によって、四捨五入されたり0で埋められたりする動きが確認できるかと思います。

var num = 12.3456;

num.toFixed(); //1
num.toFixed(1);  //12.3
num.toFixed(3);  //12.346
num.toFixed(5); //12.34560

 

まとめ

基本的な数値を扱うNumberオブジェクトは使用する機会も多いのですぐに慣れるかと思います。toFixedは、返り値が文字列であること、指定した桁以下の小数で四捨五入されることに注意して使用してください。

筆者プロフィール

横山茂雄（よこやましげお）

フリーエンジニアとして活動中。サーバーサイドからフロントまで時代の波に合わせてスキルを変化させてきました。

言語、フレームワーク、DB、現場、いずれも転々としながら、筋トレも欠かさない体育会系エンジニアです。TechAcademyジュニアのゲームアプリコースを担当しています。

 

大石ゆかり

内容分かりやすくて良かったです！

田島悠介

ゆかりちゃんも分からないことがあったら質問してね！

大石ゆかり

分かりました。ありがとうございます！

 

TechAcademyでは、初心者でも、JavaScript・jQueryを使ったWebサービス公開を習得できる、オンラインブートキャンプを開催しています。

また、現役エンジニアから学べる無料体験も実施しているので、ぜひ参加してみてください。

記事を検索

関連するキーワード

関連する記事

JavaScriptで配列内の値を加算する方法を現役エンジニアが解説【初心者向け】

JavaScriptで配列内の値を加算する方法について、テックアカデミーのメンター（現役エンジニア）が実際のコードを使って初心者向けに解説します。 &nb...
JavaScript

JavaScriptで文字列を日付オブジェクトに変換する方法を現役エンジニアが解説【初心者向け】

JavaScriptで文字列を日付オブジェクトに変換する方法について、テックアカデミーのメンター（現役エンジニア）が実際のコードを使用して初心者向けに解説します...
JavaScript

JavaScriptでボタンのデザインを変更する方法を現役エンジニアが解説【初心者向け】

JavaScriptでボタンのデザインを変更する方法について、TechAcademyのメンター（現役エンジニア）が実際のコードを使って初心者向けに解説します。 ...
JavaScript

JavaScriptでlocationオブジェクトを使う方法【初心者向け】

JavaScriptをプログラミング初心者向けに紹介した記事です。 今回は、JavaScriptでlocationオブジェクトを使う方法について解説します...
JavaScript

手軽に利用できる！jQueryで親要素を取得する方法【初心者向け】

jQueryで親要素を取得する方法について、テックアカデミーのメンター（現役エンジニア）が実際のコードを使用して初心者向けに解説します。 そもそも...
JavaScript

JavaScriptで文字列を操作する方法【初心者向け】

JavaScriptについてプログラミング初心者向けに紹介した記事です。 今回は、JavaScriptで文字列を使う方法について解説します。 また、...
JavaScript

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

JavaScriptで数値の桁数をチェックする方法を現役エンジニアが解説【初心者向け】

本記事では、JavaScriptで数値の桁数をチェックする方法について、テックアカデミーのメンター（現役エンジニア）が実際のコードを使用して初心者向けに解説します。 lengthメソッドを使ってもうまくいかない、やり方が分からないという方は、本記事でぜひマスターしてみてくださいね。 目次NumberオブジェクトとはtoFixedメソッドとはtoFixedメソッドの使い方実際に書いてみようまとめ筆者プロフィール そもそもJavaScriptについてよく分からないという方は、JavaScriptとは何なのかについて解説した記事を読むとさらに理解が深まります。   田島悠介 今回は、JavaScriptに関する内容だね！ 大石ゆかり どういう内容でしょうか？ 田島悠介 数値の桁数をチェックする方法について詳しく説明していくね！ 大石ゆかり お願いします！   数値にlengthが使えない理由 JavaScriptで文字列の文字数を取得するには、lengthプロパティを使います。 しかし、lengthプロパティは、数値の桁数を取得できません。   プログラミングには、情報の形、データ型という概念があります。 var integer  = 123; /数値*/ var context = 'hello world'; /*文字列*/ var array    = [123 , 456]; /*配列*/   lengthのようなプロパティは、それぞれのデータ型にひもづいた専用の処理です。 lengthプロパティを提供しているのは、文字列型と配列型だけなんです。 数値型のデータは、lengthメソッドを提供していません。   数値の桁数をチェックする方法 ここでは、数値の桁数を取得する方法についてみていきましょう。 See the Pen Num digits by TAKAYOSHI (@lspuwbkv) on CodePen.   ポイントはこちらです。 /*桁数を返す関数*/ function numDigits(num){ /*一旦数値を文字列に変換し、長さを求める*/ return num.toString().length; }   toString()メソッドを使って、数値をいったん文字列に変換します。 その文字列に対して、lengthプロパティを使い、長さを求めています。   [PR] フロントエンドで副業する学習方法を動画で公開中小数点以下の桁数をチェックする方法 小数点以下の桁数を取得するための方法をみていきましょう。 See the Pen Numdigits under 1 by TAKAYOSHI (@lspuwbkv) on CodePen.   ポイントはこちらです。 /*小数点以下の桁数を返す関数*/ function numDigitsUnder1(num){ /*一旦数値を文字列に変換し、小数点で分割、2つめの長さを求める*/ return num.toString().split('.')[1].length; } 数値をtoString()メソッドで文字列に変換し、splitメソッドで小数点を区切りに2つに分割します。 1以上の数と文字列と、1以下の数の文字列に分割され、配列になります。 例 数値     
JavaScript

Pythonで小数点以下の桁数を指定する方法を現役エンジニアが解説【初心者向け】

Pythonで小数点以下の桁数を指定する方法について解説します。 目次NumberオブジェクトとはtoFixedメソッドとはtoFixedメソッドの使い方実際に書いてみようまとめ筆者プロフィール そもそもPythonについてよく分からないという方は、Pythonとは何なのか解説した記事を読むとさらに理解が深まります。   田島悠介 今回は、Pythonに関する内容だね！ 大石ゆかり どういう内容でしょうか？ 田島悠介 Pythonで小数点以下の桁数を指定する方法について詳しく説明していくね！ 大石ゆかり お願いします！   桁数を指定して出力する方法 桁数を指定して出力する方法は、format関数を使う方法や、f文字列を使用する方法があります。 ここではそれぞれの方法の書き方や特徴を学んでいきましょう。   formatを使用する方法 formatは出力の際に、コード内で定義された変数を代入する関数です。 formatで使用する置換フィールド ({} のこと) 内に : から始まる書式指定を行うことで、桁数を指定して数値を出力できます。 まずは何も指定しない場合を見てみましょう。 num = 123.456 print('{}'.format(num)) # => 123.456   次に桁数を10桁に指定してみます。 置換フィールドを {:10} とすることで、10桁で出力されます。 num = 123.456 print('{:10}'.format(num)) # => 123.456 分かりづらいですが、先頭に3文字分の余白が追加されて表示されています。 これは「整数部3桁 + 小数点を意味するドットで1桁 + 小数部3桁」の合計 7桁の数値に対して、3桁分の余りがあります。 そのため、3文字分の余白として表示されています。   なお、実際の数値よりも少ない桁数を指定してもそのまま表示されるので注意しましょう。 num = 123.456 print('{:2}'.format(num)) # => 123.456   f文字列を使用する方法 Python3.6以降では f文字列 (f-string) という表示方法が使用可能です。 f”もしくは f”” で囲むと、{} 内に変数などを指定できます。 num = 123.456 print(f'{num}') # => 123.456   f文字列でも同じように桁数の指定ができます。 num = 123.456 print(f'{num:10}') # => 123.456 print(f'{num:2}') # => 123.456   小数点以下の桁数を指定して出力する方法 formatを使用する方法 小数点以下の桁数を指定するには、置換フィールドを {:.1f} のように指定します。 ドット(.)以降が小数点部の桁数を意味していて、{:.1f} であれば小数点1桁まで出力されます。 num = 123.456 print('{:.1f}'.format(num)) # => 123.5   小数点8桁までで、123.456を123.45600000のようにゼロ埋めして表示したい場合には {:.08f}
Python

PHPで数値を3桁ずつカンマで区切りにする方法を現役エンジニアが解説【初心者向け】

今回は、PHPで数値を3桁ずつカンマで区切りにする方法について、テックアカデミーのメンター（現役エンジニア）が実際のコードを使用して初心者向けに解説します。 目次NumberオブジェクトとはtoFixedメソッドとはtoFixedメソッドの使い方実際に書いてみようまとめ筆者プロフィール そもそもPHPについてよく分からないという方は、PHPとは何なのか解説した記事を読むとさらに理解が深まります。   田島悠介 今回は、PHPに関する内容だね！ PHPで数値を3桁区切りで出力させるには、ゆかりちゃんだったらどんなプログラムを作るかな？ 大石ゆかり ズバリ、表示形式の数値で「桁区切り（,）を使用する」ですか！？ 田島悠介 それは表計算ソフトExcelのセルの書式設定だよ。 大石ゆかり それじゃあ・・・String.formatで「”%,d”」ですか！？ 田島悠介 それはJavaだよ・・・（というか、よく知ってるね） 大石ゆかり う～ん。それじゃあ、わからないです。 田島悠介 PHPでは数値を3桁区切りするときに使われる関数があるから見てみよう。 大石ゆかり お願いします！ この記事は、number_format関数を使用して数値を3桁ずつカンマ区切りにする方法について記載した記事です。 PHPでの開発にあまり慣れていない方でも理解できる内容となっています。 number_format関数とは 数字を千位毎にグループ化して3桁ごとにカンマをつけた文字列にフォーマットする関数です。 例えば1000という数字があったら、1,000のようにフォーマットされます。 もちろん、3桁未満の数値ならそのまま文字列に変換されます。 number_format関数のパラメータで３桁区切りの文字や小数点の区切り文字も変えられます。   number_format関数を利用して数値を3桁ずつカンマで区切りにする方法 それでは、数値を3桁ごとにカンマで区切るためにnumber_format関数の使用方法について見ていきましょう。 使用方法： number_format(数値) 上記のようにnumber_format関数に数値を引数で渡すことで、数値を3桁ずつカンマで区切った値を返却します。 [PR] フロントエンドで副業する学習方法を動画で公開中実際に書いてみよう それでは、実際にnumber_format関数で数値を3桁ずつカンマで区切ってその結果を見てみましょう。 サンプルコード： <?php // 数値を3桁ごとにカンマで区切って出力 echo number_format(1000000); ?>   実行結果： 1,000,000   上記の例では、1000000という数値をnumber_format関数に引数として渡して、3桁ごとにカンマで区切った値にフォーマットし出力しています。 実行結果から分かる通り引数で渡した数値が3桁ごとにカンマで区切られていることが確認できます。   小数に3桁区切りをつける 大石ゆかり 整数に3桁区切りをつける方法はわかったんですが、小数を3桁区切りにすると小数部分がなくなっちゃいました・・・ echo number_format(123.45678); 実行結果： 123 田島悠介 number_formatで小数を扱うには、２つ目の引数で小数点以下の桁数を指定する必要があるよ。 この2つ目のパラメータが省略された場合には、小数点以下が出力されないから注意する必要があるね。 number_formatの２つ目のパラメータを指定すると、出力する小数点以下の桁数を指定できます。 使用方法： number_format(数値, 出力する小数点の桁数) 小数点の桁数指定が数値の小数点の桁数より大きい場合は「0」ゼロで埋められます。 サンプルコード： <?php // 数値を3桁ごとにカンマで区切って出力 echo number_format(123.45678, 0); //小数点以下が出力されない（デフォルト） echo "\n"; echo number_format(123.45678, 3); //小数点以下を3桁 出力する echo "\n"; echo number_format(123.45678, 5); //小数点以下を5桁 出力する echo "\n"; echo number_format(123.45678, 8); //指定桁数が多い場合「0」が出力される ?>   実行結果： 123 123.457 123.45678 123.45678000 大石ゆかり 田島メンター！小数点の桁数の指定が少ないと四捨五入になっています！ 切り捨てじゃないんですね・・・ echo number_format(123.45678, 3); 実行結果： 田島悠介 そうなんだよ。 number_format関数は小数点以下の指定した桁数以上なら四捨五入してしまうから注意が必用だね。 大石ゆかり もしかして、２つ目の引数を指定せずに小数を指定すると四捨五入されちゃうんでしょうか？ 田島悠介 次のPHPコードと実行結果を見てくれるかな。 echo number_format(12345.678); 実行結果： 12,346 大石ゆかり 見事に1の位が四捨五入されています・・・ 田島悠介 そんなわけで、number_format関数に小数を指定する場合は注意が必用だね。 PHPで経理のプログラムを作る場合、知らない間に四捨五入された「1円」が入ってしまうこともあるかもね。 大石ゆかり ひえー。 そんなことになったら大変です！ 気を付けます！   3桁区切りの文字列を数値に戻す方法 3桁区切りが入った文字列「123,456,789」を「123456789」のようにカンマなしの数値に戻せます。 表計算ソフトなどで出力されたCSV形式のファイルをPHPで読み込むときなどに使えるでしょう。 str_replace関数を使うと、文字列を置換できます。 使用方法： str_replace(検索文字列, 置換文字列, 操作対象文字列); str_replace関数で文字列を削除するには、２つ目の置換文字列に””（空白文字）を指定します。 str_replace関数でカンマを削除してみましょう。 $num = number_format($num); //3桁区切りにする echo $num . "<br>\n"; $num = str_replace(",", "",$num); //3桁区切りの解除（カンマを削除） echo $num; 実行結果： 123,456,789 123456789 このようにstr_replace関数でカンマを削除し、数値に戻すことができます。 大石ゆかり 文字列操作でカンマを削除できるんですね。 そういえば型変換なんてありましたけど、(int)で3桁区切りの文字列を整数に型変換できますか？ 田島悠介 いい質問だね。 実際にやってみるといいよ。 大石ゆかり 普通に文字列から整数にできそうなんだけどなあ？ echo (int)"12,345,678"; 実行結果： 12 うわあ。 ほとんど切り捨てられちゃいました。 田島悠介 PHPの型キャストでは、最初の数値として認識できる文字列までしか変換してくれないから左端の「12,」からカンマまでの数字「12」だけが変換されたんだよ。 大石ゆかり なるほどおー。 いろいろ勉強になりますね。   まとめ 以上、number_format関数を使用して、数値を3桁ごとにカンマで区切る方法についてご紹介しました。 このように画面に数値をカンマ区切りで表示したいなどの要件があった場合にnumber_format関数を使用した方法を採用するといいかもしれません。 指定した小数点以下の桁があると四捨五入されるので、注意しましょう。 監修してくれたメンター 井上祐介 テックアカデミーのメンター。 NEC・Microsoftの認定インストラクター。 学生時代からのプログラミング経験を経て業務で使用するプログラムの開発を行う。 新入社員研修でプログラミング初心者がサーバーサイドプログラムを組めるようになるまでの講師を担当した。 プログラム作成初心者がプログラミングを楽しめる講師でありたいというモットーがある。   大石ゆかり 内容分かりやすくて良かったです！ 田島悠介 ゆかりちゃんも分からないことがあったら質問してね！ 大石ゆかり 分かりました。ありがとうございます！   PHPを学習中の方へ これで解説は終了です、お疲れさまでした。 つまずかず「効率的に」学びたい 副業や転職後の「現場で使える」知識やスキルを身につけたい プログラミングを学習していて、このように思ったことはありませんか？ テックアカデミーのPHP/Laravelコースでは、第一線で活躍する「プロのエンジニア」が教えているので、効率的に実践的なスキルを完全オンラインでしっかり習得できます。 合格率10%の選考を通過した、選ばれたエンジニアの手厚いサポートを受けながら、PHP/Laravelを使ったWebアプリケーション開発を学べます。 まずは一度、無料体験で学習の悩みや今後のキャリアについて話してみて、「現役エンジニアから教わること」を実感してみてください。 時間がない方、深く知ってから体験してみたい方は、今スグ見られる説明動画から先に視聴することをおすすめします！
PHP

【開発現場で使える！】Ruby on RailsでのValidationの使い方

普段サイトなどで会員登録をする際に「パスワードは最低8文字以上でなければなりません」といった文言をよく見るかと思います。 こういった制約をRubyのフレームワークのRuby on Railsではバリデーション(Validation)という仕組みで用意することができます。 ここではValidationの使い方について、テックアカデミーのメンター（現役エンジニア）が実際のコードを使用して初心者向けに解説します。 目次NumberオブジェクトとはtoFixedメソッドとはtoFixedメソッドの使い方実際に書いてみようまとめ筆者プロフィール Rubyについてそもそもよく分からないという方は、Rubyとは何なのか解説した記事を読むとさらに理解が深まります。   田島悠介 今回はバリデーションについて説明するよ。 大石ゆかり 田島メンター！！バリデーションというのは何ですか〜？ 田島悠介 バリデーションは、ある値に対して指定した条件に当てはまるかどうかというのを検証するものだよ。例えばメールアドレスが正しく入力されているかとか、パスワードの文字は8文字以上であるかとかだね。 大石ゆかり なるほど、実際によく見るやつですね。ぜひ覚えておきたいです！   バリデーションとは Ruby on Railsには、ユーザが入力した値を検証する為にバリデーション(Validation)という仕組みがあります。 例えば入力必須の項目や、最低何文字以上入力必須などの制約を設ける際に利用します。 この仕組みを利用すれば、データベースに不正なデータが登録されることを防ぐことができます。 例えば、あるWEBサイトで年齢を入力する欄があったとします。 何も対策していない状態で-1を入力して登録ボタンを押してしまうと、-1が年齢としてデータベースに登録されてしまいます。 このような不正な状態が起きないようにするため、バリデーションを利用します。 おかしい値が入力された場合は「年齢に不正な値が入力されています」といったエラーメッセージを表示し、登録されないようにします。 これがバリデーションの役割です。 バリデーションの構文 バリデーションはモデルに対応するファイルに記載していきます。 例えばUserモデルのnameに対して、必須入力であることを表すバリデーションを設定する場合は以下のように書きます。 class User < ApplicationRecord validates :name, presence: true end これでnameの入力は必須になりました。 nameの入力がない状態でUserを保存しようとするとこのようなエラーになります。 Validation failed: Name can't be blank (ActiveRecord::RecordInvalid) nameが空白の状態だというメッセージが表示されていますね。 バリデーションにはいくつか種類がありますので、のちほど説明します。 バリデーションがトリガーされるメソッド バリデーションがトリガー(実行)されるメソッドがいくつかあるので紹介します。 create データベースに登録するときに使用するメソッドです。 User.create(name: "tarou") バリデーションで不正なデータが見つかった場合はデータベースに保存されません。 create! createメソッドと同じくデータベースに登録するときに使用するメソッドです。 User.create!(name: "tarou") createメソッドと異なるのは、バリデーションで不正なデータが見つかった場合は例外エラーとして処理されます。 前述でも紹介した Validation failed: Name can't be blank (ActiveRecord::RecordInvalid) このようなエラーが表示され、実行中の処理は止まります。 save データベースに登録するときに使用するメソッドです。 User.new(name: "tarou").save 正常に保存できた場合はtrue、保存できなかった場合はfalseを返します。 save! saveメソッドと同じくデータベースに登録するときに使用するメソッドです。 User.new(name: "tarou").save! saveメソッドと異なるのは、バリデーションで不正なデータが見つかった場合は例外エラーとして処理されます。 実行中の処理は止まります。 update すでに存在するデータを更新するときに使用するメソッドです。 User.update(name: "tarou") 正常に更新できた場合はtrue、更新できなかった場合はfalseを返します。 update! updateメソッドと同じくデータを更新するときに使用するメソッドです。 User.update!(name: "tarou") updateメソッドと異なるのは、バリデーションで不正なデータが見つかった場合は例外エラーとして処理されます。 実行中の処理は止まります。 valid?メソッド valid?メソッドはバリデーションの結果を確認できます。 user = User.first user.name = "tarou" user.valid? valid?メソッドを実行したときのモデルの状態でバリデーションを実行します。 不正なデータが見つかった場合はfalseを、問題なければtrueを返します。 データベースへの保存はしません。 バリデーションがスキップされるメソッド 逆にバリデーションがスキップされる(実行されない)メソッドもありますので注意してください。 バリデーションはスキップしますが、データベース上の制約に引っかかる場合はデータベース側での保存時にエラーになりますのでご注意ください。 increment! increment!メソッドはある数値項目をいくつか増分して、保存するメソッドになります。 以下の例はユーザーのidを1増やして、データベースに保存しています。 user = User.first user.increment!(:id, 1) また増分ではなく減算をするdecrement!メソッドもあります。 こちらもバリデーションはスキップします。 increment_counter increment_counterメソッドもある数値項目を増分させるメソッドですが、複数のデータを対象に更新できます。 以下の例はユーザーのageが25であるユーザーのageを1増やして、データベースに保存しています。 User.increment_counter(:age, 25) また増分ではなく減算をするdecrement_counterメソッドもあります。 こちらもバリデーションはスキップします。 toggle! toggle!メソッドは真偽値(true/false)を反転させて、データベースに保存します。 以下の例はユーザーのanswered(アンケートなどの回答有無)を反転させています。 user = User.first user.toggle!(:answered) touch touchメソッドはupdated_at(更新日時)を更新して、データベースに保存します。 user = User.first user.touch update_all update_allメソッドは複数のデータに対して、項目を更新し、データベースに保存します。 以下の例はすべてのユーザーのnameをtarouに更新しています。 User.update_all(name: "tarou") update_attribute update_attributeメソッドは指定した項目を更新し、データベースに保存します。 以下の例はユーザーのnameをtestに更新しています。 user = User.first user.update_attribute(:name, "test") update_column update_columnメソッドは指定した項目のみを更新し、データベースに保存します。 update_attributeメソッドと異なる点は、updated_atの更新はされないということです。 以下の例はユーザーのnameをtestに更新しています。 user = User.first user.update_column(:name,"test") update_columns update_columnsメソッドは複数項目を更新し、データーベースに保存します updated_atは更新されません。 以下の例はユーザーのidを100に、nameをtestに更新しています。 user = User.first user.update_columns(id: 100, name: "test") update_counters update_countersメソッドは条件に合致したユーザーの項目を増分させて、データベースに保存します。 以下の例はidが1～100のユーザーのageを1増分しています。 User.where(id: 1..100).update_counters(age:
Ruby

Rubyでputsメソッドとprintfメソッドを使い分ける方法を現役エンジニアが解説【初心者向け】

Rubyでputsメソッドとprintfメソッドを使い分ける方法について、TechAcademyのメンター（現役エンジニア）が実際のコードを使用して初心者向けに解説します。   Rubyについてそもそもよく分からないという方は、Rubyとは何なのか解説した記事を読むとさらに理解が深まるでしょう。   なお本記事は、TechAcademyのオンラインブートキャンプRuby講座の内容をもとに紹介しています。 田島悠介 今回は、Rubyに関する内容だね！ 大石ゆかり どういう内容でしょうか？ 田島悠介 Rubyでputsメソッドとprintfメソッドを使い分ける方法について詳しく説明していくね！ 大石ゆかり お願いします！   putsメソッドとprintfメソッドの違い putsメソッドとprintfメソッドは、標準出力に対して出力（表示）するメソッドになります。   putsメソッドは与えられた引数を文字列に変換して表示するものです。 また、引数と改行を交互に出力するため、必ず改行されます。   対してprintfメソッドは出力フォーマットを指定して表示するものです。 自動で改行されることはなく、改行する場合は意図をもって改行コードを記述しましょう。   putsメソッドとprintfメソッドのメリット putsメソッドは、表示ごとに どんどん改行したいときやとりあえず表示させたいときに使用しやすいメソッドです。 しかし、printfメソッドは右詰めや左詰めや桁のゼロ埋めや数値の符号を表示させたいなど、フォーマットを整えて表示させたいときに便利だといえるでしょう。   [PR] フロントエンドで副業する学習方法を動画で公開中putsメソッドとprintfメソッドを使い分ける方法 putsメソッドは下記の形式で使用し、引数は複数渡すこともできます。 puts 引数 printfメソッドは下記の形式で使用し、引数は複数渡すことも可能です。 printf "フォーマット", 引数 フォーマットの指定についてはいろいろあるものの、主に次のものを覚えておきましょう。 rn ：表示を改行させます。 %幅d : 整数値を指定の桁数で右詰めにします。 %-幅d ：整数値を指定の桁数で左詰めにします。 %+幅d ：整数値を符号付きで表示します。 %0幅d : 整数値の余った空白をゼロで埋めます。 %幅.小数点以下桁数f ：小数点以下の桁数を指定しています。 %幅s ：文字列を右詰めで表示します。 %-幅s ：文字列を左詰めで表示します。   実際に書いてみよう # puts は 引数と改行を交互に出力します。 puts "hoge", "huga" # puts は引数がない場合は改行だけ行われます。 puts # printf は出力フォーマットを指定します。 # 改行させたい場合は意図的に改行コードを含める必要があります。 printf "what is %s and %s ? rn", "hoge", "huga" __END__   実行結果 #=> hoge huga what is hoge and huga ?   まとめ 今回の記事では、下記の要素に触れてきました。 puts メソッドは引数を文字列に変換して出力する。 puts メソッドは引数を出力後、強制的に改行する。 printf メソッドは出力フォーマットを指定する。 printf メソッドは自動では改行してくれない。 putsメソッドとprintfメソッドを使い分けていきましょう。   執筆してくれたメンター メンター古川さん Rubyが得意で、Webエンジニアとして最上流から最下流までセルフスターターとして活躍してきました。 近年セミリタイアし、フリーランスとして適度に働きながら穏やかな生活を楽しでいます。   大石ゆかり Rubyでputsメソッドとprintfメソッドを使い分ける方法がよく分かったので良かったです！ 田島悠介 ゆかりちゃん、これからも分からないことがあったら質問してね！ 大石ゆかり 分かりました。ありがとうございます！ TechAcademyでは、初心者でも、Ruby on Railsを使ったプログラミングを習得できる、オンラインブートキャンプを開催しています。 また、現役エンジニアから学べる無料体験も実施しているので、参加してみてください。
Ruby

Javaで文字列の空白を削除する方法を現役エンジニアが解説【初心者向け】

Javaで文字列の空白を削除する方法について、テックアカデミーのメンター（現役エンジニア）が実際のコードを使用して初心者向けに解説します。 入力された名前や電話番号に含まれる不要な空白文字を削除する方法が分かります。 目次NumberオブジェクトとはtoFixedメソッドとはtoFixedメソッドの使い方実際に書いてみようまとめ筆者プロフィール そもそもJavaについてよく分からないという方は、Javaとは何なのか解説した記事を読むとさらに理解が深まります。   大石ゆかり 名前を入力させるプログラムを作っているんですが、余分なスペースが入っていてデータがそろわないんです・・・ 山田　太郎　　, 　　　山田　花子, 　山田　三郎 田島悠介 それは大変だね。 文字列を扱うString型からstripメソッドやreplaceAllメソッドで余分な空白文字を削除した文字列を取得できるよ。 大石ゆかり そんな便利な機能がString型にあるんですね。 田島悠介 そうなんだ。 文字列の前後の空白を削除するならstripメソッド、文字列中のすべての空白を削除するならreplaceAllメソッドが使えるよ。 どちらのメソッドも全角と半角スペースの両方に対応できるんだ。 大石ゆかり そうなんですね！さっそく使い方を教えてください！   前後の空白を削除する（stripメソッド） 文字列を扱うStringクラスにあるstripメソッドで、文字列の前後にある半角スペースと全角スペースの空白文字を削除した文字列を取得します。 ※stripメソッドは2017年から使えるようになったJava 11に含まれるメソッドです。stripメソッドが使えない場合、replaceAllメソッドかtrimメソッドを使います。replaceAllメソッドについては後半の解説記事「文字の間の空白を削除する（replaceAllメソッド）」、trimメソッドとstripメソッドの違いについては「stripメソッドとtrimメソッドの違い」の解説記事をご覧ください。 ※文字の間にある空白文字を削除する場合は、後半の解説記事にあるreplaceAllメソッドを使います。   書式 結果を代入する変数 = String型.strip(); stripメソッドに引数はありません。 String型で宣言した変数などからstripメソッドを呼び出します。 stripメソッドを呼び出された文字列から文字列の前後の空白文字（半角スペースと全角スペース）を削除した文字列が返されます。 また、改行コードやタブコードなども同様に削除できます。 stripメソッドを呼び出した文字列そのものが変化するわけではなく、戻り値として結果が返ります。   【参考】Javaの特殊な文字 Javaでは改行やタブなどの特殊な文字を表現する方法があります。 特殊な文字の前に、エスケープシーケンス（\または¥）をつけます。 改行は「\n」（または¥n）、タブは「\t」（または¥t）と表記します。 ※Windowsでは使用しているアプリやフォント（書体）により、バックスラッシュ（\）が円記号（¥）で表示される場合があります。   サンプルコード 前後に空白文字がある文字列から、前後の空白文字をstripメソッドで削除したものを取得します。 ソースコード public class StripSample { public static void main(String[] args) { //前後に空白文字が入った文字列 String str_han_sp = "   前後に半角スペース     "; String str_zen_sp = "　　前後に全角スペース　　　"; //加工前の文字列を表示
Java

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

副業したい方

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

はじめての副業コース

転職したい方

未経験から16週間で
エンジニアに

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

スキルアップしたい方

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

Pythonコース

※ 経済産業省の第四次産業革命スキル習得認定講座で、厚生労働省指定の専門実践教育訓練給付制度の対象です。条件を満たすことで支払った受講料の最大70％（最大306,460円）が給付金として支給されます。詳しくは エンジニア転職保証コース のページ内の注意事項をご確認ください。

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

テックアカデミーGAIナレッジベース
TechAcademy（テックアカデミー） フロントエンドコース プログラミング JavaScript JavaScriptのtoFixedメソッドの使い方を現役エンジニアが解説【初心者向け】