今回は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…

Rustのcargo-editの機能でCargo.tomlにcrateの設定などができます。その際に併せてfeaturesの設定をしたい場合もあります。今回はその方法を解説していきます。 方法 reqwestを追加し併せてfeaturesにblockingを追加する例 cargo add reqwest --features="bl…

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

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

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

今回はRustで配列、Vectorで数値での初期化について解説します。 配列 コンパイル時にサイズが確定している必要があります。 OK fn func() { const SIZE: usize = 10; let array: [usize; 10] = [1; SIZE]; println!("{:?}", array); } [1, 1, 1, 1, 1, 1, 1…

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

今回はJavaScript(TypeScript) Arrayに連番でnumberの初期値の設定方法をmapとforを使って解説します。 解説では0オリジンで0から9までの10個の連番、1オリジンで1から10までの10個の連番を例で解説しています。 Array.prototype.map() 0オリジン const arra…

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

Pythonの開発をVSCodeで行っていた時にVSCodeのバージョンアップ後からpython.pythonPathが設定できなくなり調べたメモ 普段なら画像の赤枠にpythonPathを選択するための表示があるのだがないため選択ができず調べてみると どうもpythonPathはdeprecated(非…