管理人

SEとして働く「分かる君」がつ運営するサイトです。 ITの難しい用語や、仕事で感じた事などを中心に"わかりやすさ"を意識して記事にしています。少しでも共感や参考にしていただける人がいたら嬉しいです。

メール

2020/9/13

Javaでメールアドレスのチェックを実装する方法

はじめに メールアドレスのチェックをインターネットで検索すると、正規表現を使ったチェック方法が多く紹介されています。 しかし、RFCで定義されているメールアドレスの書式を満たしている正規表現は、ほとんど見たことがありません。 たとえば、以下はRFCの規定において有効なメールアドレスです。 Abc@example.com (dot-atom) Abc.123@example.com (dot-atom) user+mailbox/department=shipping@example.com (dot-at ...

2022/12/25

LIFO（Last-In First-Out）とは

LIFO（後入れ先出し） LIFOは、Last-In First-Outを表す頭文字であり、後入れ先出しとも呼ばれています。 複数のデータを取り扱う際、後に入れたデータを先に取り出すという方式です。また、最初に入れたデータを後に取り出す言葉である FILO（First In, Last Out）は LIFOの同義語です。   コンピュータ上でデータの集まりを取り扱うデータ構造で、LIFOの方式を採用しているのが「スタック」（stack）です。 上記の図例では、スタックに「データ1」→「データ2」 ...

待ち行列

2022/12/25

FIFO（First-In First-Out）とは

FIFO（先入れ先出し） FIFOとは、First-In First-Outを表す頭文字であり、先入れ先出しとも呼ばれています。 複数のデータを取り扱う際、先に入れたデータを先に取り出すという方式です。   FIFOは「キュー（queue）」の動作原理を表すものです。 キューは、お店に並ぶ待ち行列のように、先にキューに格納されたデータから順番に取り出されます。 以下の図例では、「データ1」「データ2」「データ3」「データ4」「データ5」の順番にキューに格納しています。そして、キューから取り出す時 ...

2022/12/25

スタック（stack）とは

スタック（stack） スタックとは、データ構造の一つ（データを格納する入れ物）で、入ってきたデータを順番に格納し、最後に格納したデータから順に取り出す、 後入れ先出し（LIFO：Last-In First-Out）方式のデータ構造です。 上記はスタックのイメージ図です。スタックに入れる時は、順番に格納していき、スタックから取り出す時は、最後に格納したデータから順番に取り出します。   スタックと似たようなデータ構造に「キュー（queue）」があります。 キューは、先に格納したデータから順に取り ...

2020/8/31

Leafletで地図やマーカーを削除(remove、removeLayer)する方法

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

2020/8/31

OpenStreetMapとLeafletで表示位置を変更する方法

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

2020/8/31

【OpenStreetMap】Leafletでマーカーの色を変更する方法

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

2020/8/31

【OpenStreetMap】Leafletで複数のマーカを表示する方法

はじめに OpenStreetMapとLeafletで地図にマーカーを複数を表示する方法を紹介します。 地図の表示イメージは以下の通りです。（東京タワー、東京スカイツリー、六本木ヒルズ にマーカーを表示しています） Leafletで地図にマーカを複数表示する方法 JavaScriptの実装例 <!DOCTYPE html> <html> <head> <title>OpenStreetMapとLeafletで地図にマーカーを複数表示する</title& ...

地図にピンを立てる

2020/8/31

OpenStreetMapとLeafletで地図にピン(マーカー)を立てる

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

地図

2020/8/31

OpenStreetMapとLeafletで簡単に地図を表示する方法

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

2021/5/15

Javaで時刻チェックを実装する方法

はじめに Javaで時刻チェック（正規表現を使用）を実装する方法を紹介します。 今回のチェックでは「HH:ｍｍ:ss」形式 または「HH:mm」形式で、有効な時刻のみチェックOKとしています。 正規表現による時刻チェック 正規表現を使用した時刻チェックは以下の通り。 /** * 時刻チェック * @param value 検証対象の値 * @return 結果（true：時刻、false：時刻ではない） */ public static boolean isTime(String value) { boo ...

2024/11/10

Javaで日付チェックを実装する方法

はじめに JavaのDateTimeFormatterで日付チェックを実装する方法を紹介します。 今回のチェックでは「yyyyMMdd」「yyyy/MM/dd」「yyyy-MM-dd」形式を許容し、更に有効な日付（2021/02/29（うるう年ではない）のような存在しない日付はチェックNG）のみチェックOKとしています。 DateTimeFormatterによる日付チェック DateTimeFormatterを使用した日付チェックは以下の通り。 /** * 日付チェック * @param value 検証 ...

2020/9/13

Javaで数値チェックを実装する方法

はじめに Javaで数値チェックを実装する方法を紹介します。 数値チェックといっても「正の数」「負の数」「小数を許容するか」「小数を許容しないか」など、細かい条件によりチェック方法が異なります。 本記事では、「正規表現」を使い様々なパターンの数値チェックを実装しています。 正規表現による整数チェック 整数チェック 整数チェックは以下の通り。 /** * 数値（整数）チェック * @param value 検証対象の値 * @return 結果（true：数値、false：数値ではない） */ public ...

待ち行列

2022/12/25

キュー（queue）とは

キュー（queue） キューとは、データ構造の一つ（データを格納する入れ物）で、入ってきたデータを順番に格納し、先に格納したデータから順に取り出す、 先入れ先出し（FIFO：First-In First-Out）方式のデータ構造です。 上記図は、キューのイメージです。お店などに並ぶ待ち行列と似ていることから「待ち行列」とも呼ばれています。 キューに追加する（enqueue） キューに追加する操作ことを、エンキュー（enqueue）といいます。 以下は、エンキュー（enqueue）の動作イメージです。 「デ ...

フレームワークとは

2024/5/23

フレームワークとは

フレームワーク（framework） フレームワークとは、「枠組み」「骨組み」「構造」を意味する言葉で、システム開発をする際の土台となる部分であり、システム開発の効率を上げるために用意されたものです。 なぜフレームワークが必要なのか？ 例えば、Webアプリケーションを開発するとします。同じ言語を使用していても、フレームワークを利用しないと 開発担当者により、作り方がバラバラになる可能性があります。 また、フレームワークがないので、一から作りこむ必要があります。 その結果、ソースコードの書き方に統一性がなく ...

2024/5/27

フロントエンドとバックエンドの違い

フロントエンドとは フロントエンド（front-end）とは、Webアプリケーション開発などで、利用するユーザーが直接目に触れる部分のことです。 一般的なWebのシステムは、クライアントとサーバに分かれています。利用するユーザーはクライアント側にある画面を操作して、Webサーバとやり取りすることでデータを読み込んだり、登録したりしています。 フロントエンドは、このクライアント側（クライアントサイド）を指す言葉です。 そして、フロントエンドの開発を行うエンジニアのことを フロントエンドエンジニアといい、フロ ...

2024/5/29

【JavaScriptの判定】null、undefined、==、===の違い

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

2020/8/19

【JavaScript】Cognitoでパスワードを変更する方法

はじめに 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 ...

2020/8/27

【Cognito】getSessionでトークン情報を再取得する方法

はじめに JavaScript用のSDKでAmazon Cognitoのユーザープールを使いログイン処理を実装し、ログインに成功すると「アクセストークン」や「IDトークン」などが取得できます。 ただ、この「アクセストークン」や「IDトークン」には有効期限（デフォルトの設定は1時間と短い）があり、有効期限が切れるとトークン情報は無効になってしまいます。 そこで、更新トークン（refreshToken）を使い、トークン情報を再取得することができます。※JavaScript用のSDKでは「getSession」 ...

2020/8/27

【Amazon Cognito】JavaScriptでログイン処理を実装する方法

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

1 … 32 33 34 35 36 … 53