TOP

はじめに 前回の記事では、Javaのオーバーライドについて紹介しました。 本記事では、Javaの抽象クラス（abstract）について紹介します。 抽象クラス（abstract） 抽象クラスとは、抽象メソッドを1つ以上持つクラスのことです。抽象メソッドとは、定義だけで処理を書かないメソッドです。 そして、抽象クラスを継承したサブクラス（子クラス）で抽象メソッドをオーバーライドし処理を記述します。 以下は抽象クラスの例です。 抽象クラスは「abstract修飾子」を使って定義します。そして、抽象メソッドにも ...

はじめに 前回の記事では、Javaのコンストラクタについて紹介しました。 本記事では、Javaのオーバーロードについて紹介します。 オーバーロードとは オーバーロードとは、同じクラス内に引数の数や型が異なる同じ名前のメソッドを2つ以上定義することです。 例えば、同じような機能のメソッドで引数にint型とdouble型があるとします。オーバーロードを使わない場合は、それぞれ違うメソッド名で定義する必要があります。 そのため、メソッドを使う人は引数の型によって使うメソッドを選択します。 オーバーロードを使う場 ...

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

前回の記事では、Java APIについて紹介しました。 前回の記事 Java APIとは？初心者でもわかるJava入門 本記事では、ラムダ式とStream APIについて紹介します。 ラムダ式とは ラムダ式とは、Java 8から追加された新しい文法で、関数型プログラミングの概念を取り入れ、匿名関数を簡潔に表現する方法を提供します。 ラムダ式は次のような構文で記述します。 (型1 引数名1, 型2 引数名2, ....) -> { ....ラムダ式本体の処理.... } ラムダ式を使う理由は以下です。 ...

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

はじめに 前回の記事では、Javaのメソッドについて紹介しました。 本記事では、Javaのコンストラクタについて紹介します。 コンストラクタとは コンストラクタとは、オブジェクトの生成（インスタンスの生成）とともに自動的に呼び出される特殊なメソッドです。 次の例のように「new Sample()」とSampleクラスのオブジェクトを生成するタイミングでコンストラクタは動作します。 コンストラクタは、クラス名と同じ名前にします。 そして、コンストラクタには戻り値がありません。値を返すことができないので、re ...

はじめに 前回の記事では、PHPのクラスについて紹介しました。 本記事では、PHPの継承とオーバーライドについて紹介します。 継承（extends） 継承とは、クラスが持っているメソッド（関数）やプロパティ（変数）を別のクラスに引き継がせることです。 継承元のクラスを親クラス、継承先のクラスを子クラスといいます。 子クラスを作成するには「extends」（読み：エクステンズ）を使用します。次のように「extends」の前に子クラス名、後に親クラス名を指定します。 継承の使用例 それでは、実際にPHPのプロ ...

はじめに 前回の記事では、PHPの可変長引数について紹介しました。 本記事では、変数のスコープ（ローカル変数、グローバル変数）について紹介します。 変数のスコープとは 変数のスコープとは、定義した変数が使える範囲のことをいいます。 ローカル変数とは ローカル変数とは、関数内で定義した変数のことです。 ローカル変数のスコープは変数を宣言した関数内です。そのため、ローカル変数を定義した関数内でしか使用できません。（ローカル変数を関数の外で使用するとエラーが発生する） [ローカル変数の使用例] <?php ...

はじめに 前回の記事では、PHPの繰り返し処理（for文、foreach文）について紹介しました。 本記事では、while文を使った繰り返し処理について紹介します。 while文を使った繰り返し処理 while（読み：ホワイル）文とは、条件が成立している間 処理を繰り返し実行する制御文です。同じ繰り返し処理であるfor文、foreach文との違いは、繰り返しの回数があらかじめ決まっていないところです。 while文の書き方は次のとおりです。 while文では、条件が成立する限り処理を繰り返します。 whi ...

はじめに 前回の記事では、PHPの開発環境構築の手順について紹介しました。 本記事では、PHPの変数について紹介します。 PHPの変数 変数とは数値や文字などを格納しておく箱のようなものです。 PHPの変数は次のように先頭に「$（ドル記号）」を付けます。 $変数名 = 値; 例えば次の例では「a」という名前の変数に「1」という数値を入れています。 $a = 1; 変数名として利用できる文字は次のとおりです。 変数の型 PHPでは、変数を定義するとき変数の型を指定する必要がありません。変数に値を代入すると自 ...

はじめに 前回の記事では、PHPの配列について紹介しました。 本記事では、PHPの定数について紹介します。 定数とは 定数とは値が変化しないものであり、PHPでは「define」関数か「const」キーワードを使って定数を定義します。 値を後から自由に変更できる変数とは違い、定数は1度しか値を代入することができません。例えば次のように定数の値を変更しても、一度定義しているので値は変わりません。 define関数による定数定義 define関数を使い定数を定義することができます。定数の定義はdefine関数 ...

はじめに 前回の記事では、while文を使った繰り返し処理について紹介しました。 本記事では、ループを中断するbreak文、ループ処理の途中で、残りの処理をスキップして次のループ処理に移るcontinue文について紹介します。 繰り返しを中断する（break文） for文やwhile文などの繰り返しを途中で中断するには break（読み：ブレイク）文 を使います。 break文の使用例 それでは、実際にPHPのプログラムでbreak文を使ったループの中断について紹介します。 次の例では、配列「$money ...

【Rails6】Bootstrap導入手順 Bootstrapとは、Twitter社が開発したCSSの「フレームワーク」です。Bootstrapを利用することで簡単にWebサイトのデザインを作ることができます。 本記事では、Rails6標準の「yarn + webpacker」でBootstrapを導入する手順を紹介しています。 Bootstrapのパッケージをインストールする まず、YarnでBootstrapに必要なパッケージをインストールします。 必要なパッケージは次の通りです。 bootstrap ...

Ruby on Railsの開発環境構築手順 Ruby on Railsとは、人気開発言語Rubyを使用したWebアプリケーションを手軽に作成することができるフレームワークです。 本記事では、Ruby on Railsを使用したWebアプリケーションの開発環境構築手順を紹介します。 ◆構築する開発環境 構築する内容 名称 説明 開発言語 Ruby 人気の開発言語 開発ツール Visual Studio Code ほとんど言語に対応し、任意の OS で動作する強力なコード エディター フレームワーク Rub ...

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

Scaffold（スキャフォールド） Scaffoldとは、Railsに備わっている機能の一つで、Ruby on Railsでアプリケーションの雛形を作るための機能です。 Scaffoldとは、英語で「足場」という意味で、まさにRailsアプリの「足場」となる機能（一覧 / 登録 / 更新 / 削除するための一連の画面）を提供してくれます。 本記事では、超便利機能であるScaffoldを使い、CRUDを作成する方法を紹介しています。 ※CRUDは次の頭文字を連結させた言葉です。 C：Create（登録） ...

Rails6のvalidatesメッセージを日本語化する Ruby on Railsのvalidates機能を使うと、デフォルトではエラーメッセージが英語で表示されます。 本記事では「i18n」を利用して、validatesメッセージを日本語化する方法を紹介してきます。 言語ファイルの作成 日本語の言語ファイル作成 i18nでは、英語は「en.yml」、日本語は「ja.yml」というように、言語によりファイルが分かれています。 今回は、日本語化したいので「app/config/locales」配下に「ja ...

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

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

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

はじめに JavaScript用のSDKでAmazon Cognitoのユーザープールを使い、パスワードを変更する方法を紹介します。 JavaScriptでユーザープールを使うには「amazon-cognito-identity-js」が必要です。「amazon-cognito-identity-js」はnpmコマンドでインストールすることができます。 <script src="node_modules/amazon-cognito-identity-js/dist/amazon-cognito-i ...

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

はじめに OpenStreetMapとLeafletで地図にピン（マーカー）を立てる方法を紹介します。 地図の表示イメージは以下の通りです。 OpenStreetMapとLeafletで地図にピン（マーカー）を立てる 実装例 <!DOCTYPE html> <html> <head> <title>OpenStreetMapとLeafletで地図にピンを立てる</title> <meta charset="utf-8"> <li ...

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