SVN
TortoseSVNでSVNユーザを変更する
高橋
winget wingetでScreenToGifをインストールする – Windows10
wingetでScreenToGifをインストールする – Windows10 wingetでScreenToGifを一発でインストールします。 C:\>winget install -e --id NickeManarin.ScreenT...
7-Zip wingetで7-zipをインストールする – Windows10
wingetで7-zipをインストールする – Windows10 wingetで7-zipを一発でインストールします。 C:\>winget install -e --id 7zip.7zip
Git Bash wingetでgitをインストールする – Windows10
wingetでgitをインストールする - Windows10 wingetでgitを一発でインストールします。 C:\>winget install -e --id Git.Git ... C:\>git --version git ve...
Angular Reactive Formsでフォーム作成方法 – Angular
Reactive Formsでフォーム作成方法 - Angular 項目 バージョン Angular 16.0.2 node 18.16.0 npm 9.5.1 プロジェクト作成 プロジェクト作成します。 $ ng n reactive-t...
Angular Visual Studio CodeにESLintプラグインをインストールする方法(Prettier連携) – Angular
Visual Studio CodeにESLintプラグインをインストールする方法(Prettier連携) - Angular プラグイン VSCodeにESLintプラグインをインストールします。 依存関係インストール $ npm i -...
Azure Azure Cloud Shellの設定を行う – Windows Terminal
Azure Cloud Shellの設定を行う - Windows Terminal 前提 ポータルサインイン済み。 設定 「」にアクセスし、、「Bash」をクリックします。 サブスクリプションを選択して、「ストレージの作成」をクリックしま...
Azure Windows10+VSCodeでAzure Functions(javascript)を作成、デバッグ、デプロイする方法
Windows10+VSCodeでAzure Functions(javascript)を作成、デバッグ、デプロイする方法 環境 項目 バージョン node v18.16.0 npm 9.5.1 Azure Functions Core T...
Azure WSL2(Ubuntu22.04)にAzure CLIをインストールする
WSL2(Ubuntu22.04)にAzure CLIをインストールする インストール ドキュメントにあるコマンドを実行します。 $ curl -sL | sudo bash azコマンドが実行できるようになります。 $ az --vers...
Azure Windows10にAzure Functions Core Tools4.xをインストールする
Windows10にAzure Functions Core Tools4.xをインストールする ドキュメント通りにAzure Functions Core Tools4.xをインストールします。 msiをダウンロードしたら、ダブルクリック...
Azure Windows10にAzure CLIをインストールする
Windows10にAzure CLIをインストールする インストール ドキュメントにある最新のmsiをダウンロードしてインストールします。 azコマンドが実行できるようになります。 C:\>az --version azure-cli 2...
Azure WSL2(Ubuntu22.04)にAzure Functions Core Tools4.xをインストールする
WSL2(Ubuntu22.04)にAzure Functions Core Tools4.xをインストールする ドキュメント通りにAzure Functions Core Tools4.xをインストールします。 $ curl | gpg ...
Azure Azure無料アカウント作成する
Azure無料アカウント作成する 「」にアクセスして無料アカウントを作成します。 「無料で始める」をクリックします。 電話番号を入力したら、「テキストメッセージを送信する」をクリックします。 SMSで確認コードが届くので入力します。入力した...
serverless ServerlessFrameworkでTypeScript(lambda)開発
ServerlessFrameworkでTypeScript(lambda)開発 前提 項目 バージョン sls 3.30.1 node v18.16.0 npm 9.5.1 aws cli aws-cli/1.22.34 Python/3...
Java WSL2(Ubuntu22.04)にAmazon Corretto17をインストールする
WSL2(Ubuntu22.04)にAmazon Corretto17をインストールする インストール WSL2(Ubuntu22.04)にAmazon corretto17をインストールします。 $ sudo apt update $ w...
Vite vanilla-tsアプリでbuild先を変更する方法 – Vite
vanilla-tsアプリでbuild先を変更する方法 - Vite build先変更 項目 バージョン npm 9.5.1 vite vite/4.3.6 linux-x64 node-v18.16.0 npm run buildすると、...
Vite vanilla-tsアプリでポート番号変更する方法 – Vite
vanilla-tsアプリでポート番号変更する方法 - Vite ポート変更 項目 バージョン npm 9.5.1 vite vite/4.3.6 linux-x64 node-v18.16.0 デフォルトポートは5173ですが、このポート...
Vite Viteでvanilla-tsアプリ作成とデバッグ方法
Viteでvanilla-tsアプリ作成とデバッグ方法 ひな形プロジェクト作成 項目 バージョン npm 9.5.1 vite vite/4.3.6 linux-x64 node-v18.16.0 $ npm create vite@lat...
fastify fastify チュートリアル -node.js
fastify チュートリアル -node.js チュートリアル 項目 バージョン fastify 4.0.0 $ mkdir fastify-test $ cd fastify-test $ npm init fastify -y ひな形...
DataSpider DataSpider Studio トリガー変数 trigger.filepath,trigger.filename
DataSpider Studio トリガー変数 trigger.filepath,trigger.filename トリガー変数trigger.filepath,trigger.filenameに、具体的にどんな値が入るか確認します。 f...
MySQL WSL2(Ubuntu22.04)にMySQLをインストールする
WSL2(Ubuntu22.04)にMySQLをインストールする 前提 項目 内容 OS Ubuntu-22.04 MySQL 8.0.33-0ubuntu0.22.04.1 $ sudo apt update && sudo apt up...
便利ツール DBeaverの使い方
DBeaverの使い方 長らくA5M2を愛用していたのですが、DBeaverに乗り換えました。読み方は多分ですが、「デービーバー」です。 wingetでインストールすることができます。 C:\>winget install -e --id ...
Docker ERROR: Cannot connect to the Docker daemon at unix:///var/run/docker.sock. Is the docker daemon running?
ERROR: Cannot connect to the Docker daemon at unix:///var/run/docker.sock. Is the docker daemon running? WSL2(Ubuntu22.0...
シェル ${}内の##の意味 – シェルスクリプト
${}内の##の意味 - シェルスクリプト 変数展開する${}ですが、この中で色々指定することができます。 $ FILE=./files/a.txt $ echo ${FILE} ./files/a.txt ./files/a.txtと表示...
php PHPをWSL2+VSCode(launch.json)でデバッグする方法
PHPをWSL2+VSCode(launch.json)でデバッグする方法 前提 OSはWSL2(Ubuntu-22.04) WSL2にApache2,php8.2.5インストール済 VSCodeプラグインにWSL(Remote-WSL)イ...
DataSpider DataSpider Studio 日時のパース
DataSpider Studio 日時のパース スクリプト 「基本」ー「変数代入」アイコンを使用してスクリプト作成します。 変数代入 「日付」ー「基本」ー「日時のパース」アイコンを使用してをスクリプト内にドラッグします。以下のように設定し...
react.js Props.children – 【React】
Props.children - 【React】 Propsにchildrenという変数みたいなものがあります。 呼び出し元のjsからコンポーネントにデータを渡します。 index.js index.jsからProps.childrenを渡...
react.js Props – 【React】
Props - 【React】 Propsをコンポーネントに渡すことができます。 呼び出し元のjsからコンポーネントにデータを渡します。 index.js index.jsからPropsを渡します。 titleとcolorを追加してコンポー...
Vite React + Viteでvite.config.tsの設定でhttpsに変更する
React + Viteでvite.config.tsの設定でhttpsに変更する vite.config.tsを変更します。 import { defineConfig } from 'vite' import react from '@...
react.js useState – 【React】
useState - 【React】 コンポーネントの状態をステートとして管理します。 イベントが発生したときにステート変数を更新してレンダリングを行います。 import { useState } from 'react'; useSta...
Step Funtions AWS Step Functionsコマンドチートシート
AWS Step Functionsコマンドチートシート ステートマシン作成 ステートマシン作成します。コードはworkflow.jsonファイルです。 パラメータ 意味 --name ステートマシン名 --definition ワークフロ...
Vite React + Vite + vikeでプリレンダリングを有効にする
React + Vite + vikeでプリレンダリングを有効にする vikeをインストールします。 npm i vike vite.config.tsを変更します。 import { defineConfig } from 'vite' ...
Vite React + Vite + vikeでファイルシステムルーティング
React + Vite + vikeでファイルシステムルーティング デフォルトでvikeはファイルシステムルーティングを行います。 ファイルシステム URL src/pages/index.page.tsx / src/pages/log...
WSL WSL1からWSL2へバージョンアップする方法
WSL1からWSL2へバージョンアップする方法 WSLのバージョンを2にアップデートします。現在のバージョンを確認します。 >wsl -l -v NAME STATE VERSION * Ubuntu-22.04 Stopped 1 PSを...
Windows エクスプローラからWSLにアクセスする方法
エクスプローラからWSLにアクセスする方法 エクスプローラを起動し、アドレスバーに「\wsl$」と入力すればWSLにアクセスすることができます。 Linuxディレクトリアイコン Windows10でいつのアップデートからかLinuxディレク...
Windows 日本語を含むURLをエンコードせずにコピー＆ペーストする方法
日本語を含むURLをエンコードせずにコピー＆ペーストする方法 Slackなどに日本語を含むURLを貼り付けると、日本語部分が勝手にエンコードされてしまいます。 ↓元は以下URL にweb-exportプラグインをインストールしてhtml出力...
Java JavaでCompletableFuture.supplyAsync()メソッドを使用して非同期処理を行う
JavaでCompletableFuture.supplyAsync()メソッドを使用して非同期処理を行う CompletableFuture.supplyAsync()メソッドは、引数として渡された処理（ラムダ式やメソッド参照など）を非同...
S3 WSL2(Ubuntu22.04)でMountpoint for Amazon S3を使用する
WSL2(Ubuntu22.04)でMountpoint for Amazon S3を使用する 前提 WSL2(Ubuntu22.04)にてaws configure設定済みであること。 インストール Ubuntu22.04にインストールし...
Linux WSL2(Ubuntu22.04)でデフォルトエディタをnanoからvimに変更する
WSL2(Ubuntu22.04)でデフォルトエディタをnanoからvimに変更する Ubuntuのデフォルトエディタがnanoなので、vimに変更します。 $ sudo update-alternatives --config edito...
Linux WSL2(Ubuntu22.04)でsudoersの設定追加する
WSL2(Ubuntu22.04)でsudoersの設定追加する 新たに作成したユーザで、sudoコマンドを使用できるようにするためにsudoersの設定をします。 前提 $ id testuser uid=1001(testuser) g...
Ansible WSL2(Ubuntu22.04)にAnsibleをインストールする
WSL2(Ubuntu22.04)にAnsibleをインストールする 前提 OS Ubuntu-22.04 Ansibleインストール apt installでインストールします。 $ sudo apt install ansible イン...
php WSL2(Ubuntu22.04)にcomposerをインストールする
WSL2(Ubuntu22.04)にcomposerをインストールする 前提 phpインストール済みであること。 $ php -v PHP 8.2.5 (cli) (built: Apr 14 2023 04:27:02) (NTS) Co...
WSL WSL2(Ubuntu22.04)でsystemdをPID=1で起動する
WSL2(Ubuntu22.04)でsystemdをPID=1で起動する systemctlコマンドを使用するとエラーとなります。 $systemctl System has not been booted with systemd as ...
コマンドプロンプト コマンドプロンプトでコマンド結果をクリップボードにコピーする
コマンドプロンプトでコマンド結果をクリップボードにコピーする Windows10でclip使用 clipコマンドを使用すると、コマンド結果をクリップボードにコピーすることができます。 C:\>dir | clip これでエディタにctrl ...
CloudFormation CloudFormationでStep Functionsをデプロイする
CloudFormationでStep Functionsをデプロイする Lambdaを直列に実行するだけのStep FunctionsをCloudFormationでデプロイします。 作成されるStep Functionsはこんな感じです...
react.js WSL2環境でnpm start npm run buildが遅い – 【React】
WSL2環境でnpm start npm run buildが遅い - 【React】 Reactアプリをmnt/c/~配下に作成すると、npm startやnpm run buildが極端に遅いです。 /mnt/~以外の/home/xxx...
Chrome Chrome 開発者ツールでネットワーク速度を変更する
Chrome 開発者ツールでネットワーク速度を変更する Chrome開発者ツールのネットワークタブの機能で、画面レンダリングの速度を調整することができます。 F12で開発者ツールを開きます。「ネットワーク」タブをクリックします。 赤枠のアイ...
Java instanceof – 【Java16】
instanceof - 【Java16】 Java14でプレビューとして追加されたテキストブロックがJava16で正式に追加されました。 従来の書き方 package jp.co.confrage; public class Instan...
postgreSQL クライアントのエンコーディング確認と変更 – 【PostgreSQL】
クライアントのエンコーディング確認と変更 - 【PostgreSQL】 エンコーディング確認 show client_encoding; select pg_client_encoding(); エンコーディング変更 sjisに変更します。...
Java レコード – 【Java16】
レコード - 【Java16】 Java14でプレビューとして追加されたレコードがJava16で正式に追加されました。 値を保持するだけのイミュータブルなクラスをrecordで簡単に定義することができます。 recordを使う事によってボイ...
Java テキストブロック – 【Java15】
テキストブロック - 【Java15】 Java13でプレビューとして追加されたテキストブロックがJava15で正式に追加されました。 ダブルクォーテーション3つを開始と終了で囲むことによって複数行の文字列が扱えるようになります。 pack...