TOP

はじめに 前回の記事では、while文を使った繰り返し処理について紹介しました。 本記事では、ループを中断するbreak文、ループ処理の途中で、残りの処理をスキップして次のループ処理に移るcontinue文について紹介します。 繰り返しを中断する（break文） for文やwhile文などの繰り返しを途中で中断するには「break文」を使います。 次の例では、int型の変数「total」が500を超えたらループを途中で中断しています。 [break文の使用例] public class BreakSamp ...

はじめに 前回の記事では、Javaの演算子（算術演算子、代入演算子、インクリメント演算子、デクリメント演算子）について紹介しました。 本記事では、Javaの演算子（比較演算子、条件演算子、論理演算子）について紹介します。 比較演算子とは 比較演算子とは、2つの値を比較するときに使う演算子のことです。比較演算子で比較した結果、条件が成立した場合は true（読み：トゥルー）、成立しない場合は false（読み：フォールス）を返します。 比較演算子の種類 比較演算子には次のようなものがあります。 比較演算子意 ...

はじめに 前回の記事では、Javaの配列について紹介しました。 本記事では、Javaの演算子（算術演算子、代入演算子、インクリメント演算子、デクリメント演算子）について紹介します。 算術演算子とは 算術演算子とは、足し算や掛け算などの計算で使われる記号のことです。 算術演算子の種類 Javaで数の計算に用いる演算子（算術演算子）には次のものがあります。 算術演算子算術演算子の意味使用例使用例の説明+加算（足す）a = b + cbとcを足した値をaに代入-減算（引く）a = b - cbからcを引いた値を ...

はじめに 前回の記事では、Javaのアクセス修飾子について紹介しました。 本記事では、Javaの継承について紹介します。 継承とは 継承とは、クラスが持っているメンバ（フィールドやメソッド）を別のクラスに引き継がせることです。継承元のクラスをスーパークラス（または親クラス）、引き継いだクラスをサブクラス（または子クラス）といいます。 サブクラスを作成するには「extends」（読み：エクステンズ）を使用します。次のように「extends」の前にサブクラス名（子クラス名）、後にスーパークラス名（親クラス名） ...

はじめに 前回の記事では、Javaのクラスについて紹介しました。 本記事では、Javaのメソッドについて紹介します。 メソッドとは メソッドとは、クラス内に書かれた処理（いくつかの処理をまとめたもの）のことです。 メソッドには、処理を実行するための条件である「引数」（パラメータ）を渡すことができます。そして、処理の実行結果を「戻り値」として返却します。 ※複数の引数を指定する場合は「total(int a, int b）」のようにカンマ区切りで指定します。また引数を指定しない場合は「total()」のよう ...

はじめに 前回の記事では、Javaについて紹介しました。 本記事では、Javaの統合開発環境（コンパイラ・エディタ・デバック機能などがセットになったツール）であるEclipseを使い、Javaの開発環境を構築し簡単なプログラム作成を紹介しています。 Eclipseのダウンロード Eclipseのダウンロードは以下のサイトからおこないます。 https://willbrains.jp/ 【手順1】ダウンロードするバージョンを選択する ダウンロードするEclipseのバージョンを選択します。 バージョンに指定 ...

はじめに 前回の記事では、PHPのbreak文とcontinue文について紹介しました。 本記事では、switch文を使った条件分岐について紹介します。 switch文を使った条件分岐 switch文とは、if文と同じように条件分岐を行う制御文です。if文は else-if文を使うことで複数の条件式を書けますが、switch文の条件式は1つです。 1つの式に対して、式の値が case のどれにあてはまるか確認します。あてはまる case があれば、その case の処理を実行し、caseのどれにもあてはま ...

はじめに 前回の記事では、PHPの変数について紹介しました。 本記事では、PHPの配列について紹介します。 配列とは 配列とは、複数の値を入れることができる変数です。 変数は、数値や文字などを格納しておく箱のようなものであり、変数には1つの値しか格納することができません。それに比べて配列は、数値や文字などを格納しておく箱のようなものが複数あるため、複数の値を格納することができます。 以下は、変数と配列のイメージ図です。 PHPの配列は、実際には順番付けられたマップであり「array」関数を使って次のように ...

はじめに 前回の記事では、PHPの「値渡し」と「参照渡し」について紹介しました。 本記事では、PHPの可変長引数について紹介します。 可変長引数 可変長引数とは、引数の数が決まっていない引数のことです。ピリオドを3つ「...」書くことで、可変長引数を表します。 可変長引数の書き方は次のとおりです。 可変長引数の使用例 それでは、実際にPHPのプログラムで可変長引数の使い方を紹介します。 次の例では、関数「total」の引数に可変長引数「...$score」を使用しています。そして、関数「total」を呼び ...

はじめに 前回の記事では、PHPの論理演算子について紹介しました。 本記事では、PHPの条件分岐（if文）について紹介します。 if文を使った条件分岐 if文は条件によって処理を分けるときに使う制御文です。 if文の使用例 それでは、実際にPHPのプログラムでif文を使用した条件文の例を紹介します。 if文の書き方は次のとおりです。 次の例では、if文を使い変数「$age」が20だったら"20歳です"という文字列をprint関数で出力しています。 [if文の例] <?php $age = 20; i ...

はじめに 前回の記事では、PHPのコールバック関数について紹介しました。 本記事では、PHPのエラーと例外について紹介します。 PHPのエラー エラーが発生したときの挙動 PHPでは実行中にエラーが発生しても、基本的には処理を続けようとします。ただし、続行できないFatal error（致命的なエラー）が発生した場合は処理を停止します。 例えば、次の例では「Warning（警告）」と「Fatal error（致命的なエラー）」を発生させています。 [エラーの例] <?php // 警告のエラーを発生 ...

はじめに 前回の記事では、PHPの算術演算子、代入演算子、複合演算子、インクリメント演算子、デクリメント演算子について紹介しました。 本記事では、PHPの比較演算子、配列演算子、条件演算子について紹介します。 比較演算子 比較演算子とは、2つの値を比較するときに使う演算子のことです。 比較演算子で比較した結果、条件が成立した場合は true（読み：トゥルー）、成立しない場合は false（読み：フォールス）を返します。 比較演算子の種類 PHPの比較演算子には次のようなものがあります。 比較演算子意味使用 ...

Ruby on Railsで入力チェック（validates）を実装する Railsでは、入力データを検証するためのメソッド「validates」が用意されており、「validates」をmodelクラスに定義するだけで、入力チェックを実装することができます。 本記事では、「validates」メソッドを利用した入力チェックの実装方法について紹介します。 必須チェック presenceでカラムにデータが存在するか（空でないこと）を検証します。 [modelクラスの例] class User < Ap ...

はじめに 前回の記事では、Ruby on Rails（Rails6） と AdminLTE を利用して編集画面を作成しました。 本記事では、詳細画面を表示させる方法について紹介しています。※データベースの作成やAdminLTEの設定等は こちらの記事 で紹介しているので、本記事では省略しています。 [詳細画面イメージ] View（ビュー） 共通レイアウト（application.html.erb） 共通レイアウトである「application.html.erb」は下記の通り。 <!DOCTYPE h ...

【Rails6】AdminLTE3の導入手順 AdminLTEとは、Bootstrapをベースとして作られた管理画面の制作でよく利用されるCSSのフレームワークです。 本記事では、Ruby on Rails（Rails6）で AdminLTE3を導入する手順を紹介しています。 AdminLTEのインストール まずは、yarnでAdminLTEをインストールします。 PS C:\ruby\adminlte_sample> yarn add admin-lte yarn add v1.22.4 [1/4 ...

Ruby on Railsのインストール手順（Windows版） Rubyの人気フレームワークである「Ruby on Rails」のインストール手順を紹介します。 すでにRubyがインストールされていることを前提としているため、もし、Rubyをインストールしていない場合は、下記の記事をご覧ください。 Bundlerのインストール手順 Bundlerとは 「Ruby on Rails」をインストールする前に、「Bundler」をインストールします。bundlerとは、gem（rubyのライブラリ）の依存関係 ...

はじめに 前回の記事では、Ruby on Rails（Rails6） と AdminLTE を利用して登録画面を作成しました。   本記事では、一覧画面から「編集」ボタンを押下して、編集画面に遷移、そして 編集画面から更新処理を行う方法を紹介します。   [一覧画面イメージ]   [編集画面イメージ] 事前準備 事前準備として、AdminLTEの設定と一覧画面を作成します。AdminLTEの設定と一覧画面の作成手順は下記の記事をご覧ください。   View（ビュー） ...

【Rails】Webpackerに関するエラーが出た時の対処法 Webpackerのエラー内容 「rails new test_app」でrailsアプリケーションを作成後、サーバーを起動しようとするとWebpackerに関するエラーが発生。 PS C:\ruby\test_app> rails s => Booting Puma => Rails 6.0.3.2 application starting in development => Run `rails server -- ...

はじめに 地図データを扱うためのJavaScript ライブラリである「Leaflet」と「OpenStreetMap」を使い、マーカー（ピン）の色を変更する方法を紹介します。 地図の表示イメージは以下の通りです。 Leafletでマーカーの色を変更する方法 「leaflet.sprite.js」の読み込み マーカーの色を変更するには「leaflet.sprite.js」が必要です。「leaflet.sprite.js」はGitHubからダウンロードすることができます。 GitHub：https://gi ...

Leafletとは Leafletとは、地図データを扱うためのJavaScript ライブラリです。 Leafletの公式サイト：https://leafletjs.com/ Leafletはあくまでも地図データを扱うためのライブラリなので、Leaflet単体では地図を表示させることはできません。地図を表示させるためにはLeafletとは別に、地図サービスを使う必要があります。   本記事では、クレジット表記をすれば、無料で利用できる地図サービスである「OpenStreetMap」を利用していま ...

はじめに JavaScript用のSDKでAmazon Cognitoのユーザープールを使いログイン処理を実装する方法を紹介します。 事前準備として、次のライブラリが必要となるので、npmコマンドでインストールします。 amazon-cognito-identity.min.js ※npmコマンドはNode.jsをインストールすることで使うことができます。 【JavaScript SDK】Amazon Cognito（ユーザープール）の使い方 ライブラリの読み込み 事前準備で取得したライブラリを読み込みま ...

はじめに 地図データを扱うためのJavaScript ライブラリである「Leaflet」と「OpenStreetMap」を使い地図の表示位置を変更する方法を紹介します。 地図の表示イメージは以下の通りです。ボタンを押下することで、地図の表示位置が変わります。 JavaScriptの実装例 <!DOCTYPE html> <html> <head> <title>OpenStreetMapとLeafletで表示位置を変更する</title> &lt ...

JavaScriptの判定方法 JavaScriptには、様々な判定方法があります。例えば「if (値)」と「if (値 != null)」、「==」と「===」など。この違いを理解せず使用していると、思わぬバグを作りこんでしまう危険性があります。 本記事では、JavaScritpの判定方法について紹介しています。 「if (値)」と「if (値 != null)」の違い if (値)による判定 if (値)の判定では、以下の例の通り「null」「undefined」「空文字」「0」が偽（false）です ...

はじめに 地図データを扱うためのJavaScript ライブラリである「Leaflet」と「OpenStreetMap」を使い、地図やマーカーを削除する方法を紹介します。 地図の表示イメージは次の通りです。ボタンを押下することで、地図の削除・再表示、マーカーの表示・削除をすることができます。 OpenStreetMapとLeafletで地図やマーカーを削除する方法 HTMLとJavaScriptの実装例は以下です。 <!DOCTYPE html> <html> <head&g ...