PowerShell
PowerShellスクリプトでデータ型を調べる方法
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トピック作成トピック作成します。特別な設定は不要です。ここではサブスクリプションの作成は行いません。Chatbo...
winget wingetでScreenToGifをインストールする – Windows10
wingetでScreenToGifをインストールする – Windows10wingetでScreenToGifを一発でインストールします。C:\>winget install -e --id NickeManarin.ScreenToG...
7-Zip wingetで7-zipをインストールする – Windows10
wingetで7-zipをインストールする – Windows10wingetで7-zipを一発でインストールします。C:\>winget install -e --id 7zip.7zip
Git Bash wingetでgitをインストールする – Windows10
wingetでgitをインストールする - Windows10wingetでgitを一発でインストールします。C:\>winget install -e --id Git.Git...C:\>git --versiongit version...
Angular Reactive Formsでフォーム作成方法 – Angular
Reactive Formsでフォーム作成方法 - Angular 項目 バージョン Angular 16.0.2 node 18.16.0 npm 9.5.1プロジェクト作成プロジェクト作成します。$ ng n reactive-test...
自転車 北浜駅・淀屋橋近辺の格安自転車駐輪場（一時利用無料有のみ）
北浜駅・淀屋橋近辺の格安自転車駐輪場（一時利用無料有のみ）サイカパーク北浜エリア北浜1の交差点に駐輪場があります。ここは1時間無料です。以降150円となります。 トレードピア淀屋橋トレードピア淀屋橋ビルの西側に駐輪場があります。ここは1時間...
Angular Visual Studio CodeにESLintプラグインをインストールする方法(Prettier連携) – Angular
Visual Studio CodeにESLintプラグインをインストールする方法(Prettier連携) - AngularプラグインVSCodeにESLintプラグインをインストールします。依存関係インストール$ npm i --sav...
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 To...
Azure WSL2(Ubuntu22.04)にAzure CLIをインストールする
WSL2(Ubuntu22.04)にAzure CLIをインストールするインストールドキュメントにあるコマンドを実行します。$ curl -sL | sudo bashazコマンドが実行できるようになります。$ az --versionaz...
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 --versionazure-cli 2.48.1...
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$ wget ...
Vite vanilla-tsアプリでbuild先を変更する方法 – Vite
vanilla-tsアプリでbuild先を変更する方法 - Vitebuild先変更 項目 バージョン npm 9.5.1 vite vite/4.3.6 linux-x64 node-v18.16.0npm 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@lates...
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に、具体的にどんな値が入るか確認します。 fi...
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 upgr...
便利ツール DBeaverの使い方
DBeaverの使い方長らくA5M2を愛用していたのですが、DBeaverに乗り換えました。読み方は多分ですが、「デービーバー」です。wingetでインストールすることができます。C:\>winget install -e --id dbe...
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.04...
シェル ${}内の##の意味 – シェルスクリプト
${}内の##の意味 - シェルスクリプト変数展開する${}ですが、この中で色々指定することができます。$ 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.jsindex.jsからProps.childrenを渡します。...
react.js Props – 【React】
Props - 【React】Propsをコンポーネントに渡すことができます。呼び出し元のjsからコンポーネントにデータを渡します。index.jsindex.jsからPropsを渡します。titleとcolorを追加してコンポーネントにP...
Vite React + Viteでvite.config.tsの設定でhttpsに変更する
React + Viteでvite.config.tsの設定でhttpsに変更するvite.config.tsを変更します。import { defineConfig } from 'vite'import react from '@vit...
react.js useState – 【React】
useState - 【React】コンポーネントの状態をステートとして管理します。イベントが発生したときにステート変数を更新してレンダリングを行います。import { useState } from 'react';useStateus...
Step Funtions AWS Step Functionsコマンドチートシート
AWS Step Functionsコマンドチートシートステートマシン作成ステートマシン作成します。コードはworkflow.jsonファイルです。 パラメータ 意味 --name ステートマシン名 --definition ワークフロー定...
Vite React + Vite + vikeでプリレンダリングを有効にする
React + Vite + vikeでプリレンダリングを有効にするvikeをインストールします。npm i vikevite.config.tsを変更します。import { defineConfig } from 'vite'impor...
Vite React + Vite + vikeでファイルシステムルーティング
React + Vite + vikeでファイルシステムルーティングデフォルトでvikeはファイルシステムルーティングを行います。 ファイルシステム URL src/pages/index.page.tsx / src/pages/logi...
WSL WSL1からWSL2へバージョンアップする方法
WSL1からWSL2へバージョンアップする方法WSLのバージョンを2にアップデートします。現在のバージョンを確認します。>wsl -l -v NAME STATE VERSION* Ubuntu-22.04 Stopped 1PSを管理者権...
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 editorT...
Linux WSL2(Ubuntu22.04)でsudoersの設定追加する
WSL2(Ubuntu22.04)でsudoersの設定追加する新たに作成したユーザで、sudoコマンドを使用できるようにするためにsudoersの設定をします。前提$ id testuseruid=1001(testuser) gid=1...
Ansible WSL2(Ubuntu22.04)にAnsibleをインストールする
WSL2(Ubuntu22.04)にAnsibleをインストールする前提 OS Ubuntu-22.04Ansibleインストールapt installでインストールします。$ sudo apt install ansibleインストール確...
php WSL2(Ubuntu22.04)にcomposerをインストールする
WSL2(Ubuntu22.04)にcomposerをインストールする前提phpインストール済みであること。$ php -vPHP 8.2.5 (cli) (built: Apr 14 2023 04:27:02) (NTS)Copyrig...
WSL WSL2(Ubuntu22.04)でsystemdをPID=1で起動する
WSL2(Ubuntu22.04)でsystemdをPID=1で起動するsystemctlコマンドを使用するとエラーとなります。$systemctlSystem has not been booted with systemd as ini...
コマンドプロンプト コマンドプロンプトでコマンド結果をクリップボードにコピーする
コマンドプロンプトでコマンド結果をクリップボードにコピーするWindows10でclip使用clipコマンドを使用すると、コマンド結果をクリップボードにコピーすることができます。C:\>dir | clipこれでエディタにctrl + vす...
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で開発者ツールを開きます。「ネットワーク」タブをクリックします。赤枠のアイコンを...