JavaScript 配列のソート：Array.sort()で数値・文字列・複数条件を並べ替える はじめに JavaScriptの Array.prototype.sort() を使って、数値・文字列を昇順・降順でソートする方法と、複数条件での多段ソートをまとめます。 注意：sort() は破壊的メソッド…

Rustの標準入力：stdin・read_line・flushの使い方まとめ use std::io; fn main() { let mut input = String::new(); io::stdin().read_line(&mut input).unwrap(); println!("入力値: {}", input.trim()); } やりたいこと 方法 標準入力を1行受け取る stdin…

Mac tree コマンドの使い方：brew install からオプションまで はじめに tree コマンドはディレクトリ構造をツリー形式で表示するコマンドです。プロジェクトの構成を確認したい、READMEにディレクトリ構成を載せたいといった場面で役立ちます。 . ├── src │…

今回はRustで開発する際にbin配下にアプリを配置しアプリ単体を実行する方法を紹介したいと思います。 結論 bin配下に作成したアプリをcargo run --bin アプリ名で対象のアプリ単体で実行できます。 例 アプリの作成 通常通りcargo new xxx(xxxは任意のアプ…

今回はReactアプリを作成する際にReferenceError: fetch is not definedエラーが出た際の解消方法をエントリーします。 ケースとしてはcreate react appではなくwebpackやviteでアプリを作成しアプリ内でfetchを使いAPIなどを利用したケースをJest + Testing…

SMARTフレームワークとは5つの要素「具体的」「測定可能」「行動指向」「関連がある」「時間制約」を含んだ問いかけや目標設定です。 5つの要素 具体的 その問いかけ（目標設定）は具体的か？ 測定可能 その問いかけ（目標設定）は測定可能か？ 行動指向 そ…

今回はNode.js Express QueryString（クエリストリング）の取得方法についてエントリーします。 req.query.xxx（xxxはリクエスト時に指定したパラメータ名）で取得できます。 コード例 http://localhost:xxxx/sample?num=10とした場合res.json(req.query.num…

Node.js Expressでパスパラメータの取得方法 http://localhost:5000/sample/123でパスパラメータの123を取得したい場合"/sample/:id"でエンドポイントを定義しreq.params.idで取得できる。また123は文字列なのでabc,1b3なども取得できる。ただし/sample/123/…

今回はTypeScript + Express + ESLintの導入をしたので備忘録としてエントリーしたいと思います。 インストール 開発環境のみで利用するためnpmの場合は--save-dev、yarnの場合は-Dのオプションをつけます npmの場合 npm install --save-dev eslint yarnの場…

GoogleカレンダーはAPIを使わなくても、URLパラメータを組み合わせるだけで「予定を登録するリンク」を作れます。イベントページや社内ドキュメントに埋め込むと、ワンクリックでGoogleカレンダーの予定登録画面を開かせることができます。 基本的なURL構造 …

今回はRustで開発する際に便利なツールcargo watchを紹介したいと思います。 cargo-watch GitHubリポジトリ インストール cargo install cargo-watch watch cargo watch -x run 実際に試す 簡単なWebアプリのサンプルコードで試してみました main.rs use act…

今回はVSCodeを利用する際にあると便利なおすすめ拡張機能（Extensions）を紹介します。 Live Server 簡易的なWebサーバです。HTMLを右クリックから「Open with Live Server」でVSCodeからブラウザにHTMLがレスポンスされ表示ができます（当然HTMLから呼び出…

今回はJavaScriptのスプレッド構文（Spread Syntax）と残余引数（Respt Parameters）について解説します。 スプレッド構文（Spread Syntax） 配列、オブジェクトなどを展開できます。 const arr = [1,2,3,4,5] const newArr = [...arr,6] (6) [1, 2, 3, 4, 5…

今回はArray..prototype.reduce()の利用例についてエントリーしたいと思います。 足し算 1から5を足す計算例（initialValueとして0をaccに渡す） const arr = [1,2,3,4,5] const initialValue = 0 const result = arr.reduce((acc,cur) => acc += cur,initia…

cargo addでfeaturesを指定する方法：cargo-editなしで使える cargo add serde # 最新版を追加 cargo add serde --features="derive" # features を指定 cargo add reqwest --features="blocking,json" # 複数 features cargo add tokio --dev --features="f…

今回はJavaScriptで文字列の中で特定の文字数を数えるプログラムを書いていきます。 サンプルデータ 今回はこのサンプルデータからaの文字数を数える "azbdobkdlaac" 前準備 Array.fromを使い文字列を配列にする(以降arrを利用する) const arr = Array.from(…

正規表現でカッコなどに囲まれた中身を抜き出す 今回は文字列に足してカッコ(（）,「」,【】,《》)などに囲まれた中身を正規表現を使って抜き出します。実装はJavaScriptで行なっています。 正規表現で抜き出す文字列(ここでは《》で文字列を囲んでいます) c…

ここではこれからプログラミングを学習したいと思ってる方に向けて具体的にどうやって勉強するのが良いか解説していきます。 （このページはこれからも書き足していく予定です） 学習の方向性 プログラミング言語を学習する目的が転職やジョブチェンジなどの…

RustのVec初期化まとめ：vec!マクロからVec::newまで はじめに RustでVecを初期化する方法はいくつかあります。用途によって使い分けが必要で、初めて触ると迷うことが多いです。 この記事では Vec<T> のよく使う初期化パターンをまとめて解説します。サイズが</t>…

今回はArray(配列)に格納されているオブジェクトを特定のプロパティで抽出をArray.prototype.filter()を用いて行います サンプルデータ type ArrayObj = { id: number name: string category: 'a' | 'b' } const arrayObj = [ { id: 1, name: 'taro', catego…

JavaScriptのmap・filter・flatMap・reduce入門：メソッドチェーンまで解説 はじめに JavaScriptには配列を操作するための便利なメソッドが多数あります。その中でも map・filter・reduce は特によく使われ、これらを組み合わせる「メソッドチェーン」を使い…

次世代フロントエンドツールと言われているViteのテンプレート機能を利用しReact + TypeScriptの開発環境の構築例 前提 node.js,npmが利用できること node -v v16.15.0 npm -v 8.5.5 環境構築 任意のディレクトリでviteで初期化 npm init vite@latest 設定は…

VSCodeでPythonインタープリターを選択・切り替える方法：pyenv・venv・mise対応 はじめに VSCodeでPythonを使うとき、インタープリターの選択を正しく行わないとコードの実行やlintが期待通りに動きません。 複数のPythonバージョンを使い分けている プロジ…

nodenvでNode.jsのバージョン管理をしているのですが、v16の最新を利用したくなり確認をするとnodenvのlistに最新がなかったため最新を取り込むための備忘録 先に解決方法を書くとnodenvがインストールされているディレクトリに遷移しgit pullで最新化するこ…

VSCodeでTypeScript tsxをPrettierに認識させフォーマットさせる方法

JavaScript、ASCII文字での大文字、小文字判定

TypeScriptをインストールしたバージョン(version)の確認方法