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で開発者ツールを開きます。「ネットワーク」タブをクリックします。 赤枠のアイ...