TypeScript
TypeScript でnumber 型をstring 型に変換する方法
Chatbot Chatbot + SNS + CodePipelineでCI/CD結果をSlackチャネルに連携する方法
Chatbot + SNS + CodePipelineでCI/CD結果をSlackチャネルに連携する方法 前提 CodePipelineによるCI/CD設定済み。パイプライン名は「test」とします。 SNSトピック作成 トピック作成は勝...
Chatbot Chatbot + SNS + CloudWatchアラームでSlackチャネルに連携する方法(Lambda Error)
Chatbot + SNS + CloudWatchアラームでSlackチャネルに連携する方法(Lambda Error) SNSトピック作成 トピック作成します。特別な設定は不要です。 ここではサブスクリプションの作成は行いません。 Ch...
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...
自転車 北浜駅・淀屋橋近辺の格安自転車駐輪場（一時利用無料有のみ）
北浜駅・淀屋橋近辺の格安自転車駐輪場（一時利用無料有のみ） サイカパーク北浜エリア 北浜1の交差点に駐輪場があります。ここは1時間無料です。以降150円となります。 トレードピア淀屋橋 トレードピア淀屋橋ビルの西側に駐輪場があります。ここは...
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で開発者ツールを開きます。「ネットワーク」タブをクリックします。 赤枠のアイ...