Reigle 技術ブログ

プログラミング、IT関連の記事中心

Flutterのプロジェクトのファイル構成

目次 はじめに 全ディレクトリ構成 ディレクトリの説明 はじめに 本記事では、Flutterプロジェクトを作成した直後のファイル構成に関して説明を記載します。 全ディレクトリ構成 第一階層の全ディレクトリは以下の構成になっています .dart_tool .idea andro…

Flutterのプロジェクト作成方法(VSCode、Mac)

目次 VSCodeの事前準備 VSCodeでFlutterプロジェクトの作成 VSCodeの事前準備 VSCodeの拡張機能で、以下の2つをインストールします。 Dart marketplace.visualstudio.com Flutter marketplace.visualstudio.com VSCodeでFlutterプロジェクトの作成 VSCodeの…

JavaScriptの配列ソートを数字でも文字列でもソートできる関数

目次 数字の配列をソートする方法 文字列の配列をソートする方法 数字でも文字列でもソートする方法 数字の配列をソートする方法 以下のサンプルのように、sort関数を使用してソートを行うことができます。 const numArrayData = [1, 3, 2] numArrayData.sor…

React(TypeScript)でライブラリを使用せずに、ソートとページャーがついたテーブルを実装する方法(table、sort、pager)

目次 完成したテーブル テーブルのコンポーネント作成 テーブルコンポーネントを使用 ソートの方法 フィルターの方法 完成したテーブル 本記事のコンポーネントでは、以下の画像のテーブルが作成できます。 テーブルのコンポーネント作成 以下、「CustomTabl…

React v18でVFCなどの使用に関して(React、TypeScript)

目次 React v17以前 React v18以降 React v17以前 React v17以前では、以下のサンプルのように「VFC」を使用してPropsを渡していました。 また、初期値などのdefaultPropsで設定していました。 import React, { VFC } from "react"; import styles from "./i…

JavaScriptでswitch文を使用した条件分岐の方法(switch)

目次 分岐処理とは 条件分岐 条件に当てはまらない場合 複数の条件分岐 分岐処理とは 信号が青の場合は、進む。 信号が赤の場合は、止まる。 といったように、「〜の場合は、〜する」という分岐する処理のことを、分岐処理と言います。 条件分岐 以下のよう…

JavaScriptでif文を使用した条件分岐の方法(if)

目次 分岐処理とは 条件分岐 条件に当てはまらない場合 複数の条件分岐 分岐処理とは 信号が青の場合は、進む。 信号が赤の場合は、止まる。 といったように、「〜の場合は、〜する」という分岐する処理のことを、分岐処理と言います。 条件分岐 以下のよう…