Chatbot Chatbot + SNS + CodePipelineでCI/CD結果をSlackチャネルに連携する方法 Chatbot + SNS + CodePipelineでCI/CD結果をSlackチャネルに連携する方法 前提 CodePipelineによるCI/CD設定済み。パイプライン名は「test」とします。 SNSトピック作成 トピック作成は勝... 2023.05.26 ChatbotCodePipelineSNS
Chatbot Chatbot + SNS + CloudWatchアラームでSlackチャネルに連携する方法(Lambda Error) Chatbot + SNS + CloudWatchアラームでSlackチャネルに連携する方法(Lambda Error) SNSトピック作成 トピック作成します。特別な設定は不要です。 ここではサブスクリプションの作成は行いません。 Ch... 2023.05.25 ChatbotCloudWatchSNS
winget wingetでScreenToGifをインストールする – Windows10 wingetでScreenToGifをインストールする – Windows10 wingetでScreenToGifを一発でインストールします。 C:\>winget install -e --id NickeManarin.ScreenT... 2023.05.24 winget便利ツール
7-Zip wingetで7-zipをインストールする – Windows10 wingetで7-zipをインストールする – Windows10 wingetで7-zipを一発でインストールします。 C:\>winget install -e --id 7zip.7zip 2023.05.24 7-Zipwinget
Git Bash wingetでgitをインストールする – Windows10 wingetでgitをインストールする - Windows10 wingetでgitを一発でインストールします。 C:\>winget install -e --id Git.Git ... C:\>git --version git ve... 2023.05.23 Git Bashwinget
Angular Reactive Formsでフォーム作成方法 – Angular Reactive Formsでフォーム作成方法 - Angular 項目 バージョン Angular 16.0.2 node 18.16.0 npm 9.5.1 プロジェクト作成 プロジェクト作成します。 $ ng n reactive-t... 2023.05.23 Angular
自転車 北浜駅・淀屋橋近辺の格安自転車駐輪場(一時利用無料有のみ) 北浜駅・淀屋橋近辺の格安自転車駐輪場(一時利用無料有のみ) サイカパーク北浜エリア 北浜1の交差点に駐輪場があります。ここは1時間無料です。以降150円となります。 トレードピア淀屋橋 トレードピア淀屋橋ビルの西側に駐輪場があります。ここは... 2023.05.20 自転車
Angular Visual Studio CodeにESLintプラグインをインストールする方法(Prettier連携) – Angular Visual Studio CodeにESLintプラグインをインストールする方法(Prettier連携) - Angular プラグイン VSCodeにESLintプラグインをインストールします。 依存関係インストール $ npm i -... 2023.05.20 AngularESLint
Azure Azure Cloud Shellの設定を行う – Windows Terminal Azure Cloud Shellの設定を行う - Windows Terminal 前提 ポータルサインイン済み。 設定 「」にアクセスし、、「Bash」をクリックします。 サブスクリプションを選択して、「ストレージの作成」をクリックしま... 2023.05.19 AzureWindows Terminal
Azure Windows10+VSCodeでAzure Functions(javascript)を作成、デバッグ、デプロイする方法 Windows10+VSCodeでAzure Functions(javascript)を作成、デバッグ、デプロイする方法 環境 項目 バージョン node v18.16.0 npm 9.5.1 Azure Functions Core T... 2023.05.18 Azure
Azure WSL2(Ubuntu22.04)にAzure CLIをインストールする WSL2(Ubuntu22.04)にAzure CLIをインストールする インストール ドキュメントにあるコマンドを実行します。 $ curl -sL | sudo bash azコマンドが実行できるようになります。 $ az --vers... 2023.05.18 Azure
Azure Windows10にAzure Functions Core Tools4.xをインストールする Windows10にAzure Functions Core Tools4.xをインストールする ドキュメント通りにAzure Functions Core Tools4.xをインストールします。 msiをダウンロードしたら、ダブルクリック... 2023.05.18 Azure
Azure Windows10にAzure CLIをインストールする Windows10にAzure CLIをインストールする インストール ドキュメントにある最新のmsiをダウンロードしてインストールします。 azコマンドが実行できるようになります。 C:\>az --version azure-cli 2... 2023.05.18 Azure
Azure WSL2(Ubuntu22.04)にAzure Functions Core Tools4.xをインストールする WSL2(Ubuntu22.04)にAzure Functions Core Tools4.xをインストールする ドキュメント通りにAzure Functions Core Tools4.xをインストールします。 $ curl | gpg ... 2023.05.18 Azure
Azure Azure無料アカウント作成する Azure無料アカウント作成する 「」にアクセスして無料アカウントを作成します。 「無料で始める」をクリックします。 電話番号を入力したら、「テキストメッセージを送信する」をクリックします。 SMSで確認コードが届くので入力します。入力した... 2023.05.18 Azure
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... 2023.05.17 serverless
Java WSL2(Ubuntu22.04)にAmazon Corretto17をインストールする WSL2(Ubuntu22.04)にAmazon Corretto17をインストールする インストール WSL2(Ubuntu22.04)にAmazon corretto17をインストールします。 $ sudo apt update $ w... 2023.05.17 JavaWSL
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すると、... 2023.05.17 Vite
Vite vanilla-tsアプリでポート番号変更する方法 – Vite vanilla-tsアプリでポート番号変更する方法 - Vite ポート変更 項目 バージョン npm 9.5.1 vite vite/4.3.6 linux-x64 node-v18.16.0 デフォルトポートは5173ですが、このポート... 2023.05.17 Vite
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... 2023.05.16 Vite
fastify fastify チュートリアル -node.js fastify チュートリアル -node.js チュートリアル 項目 バージョン fastify 4.0.0 $ mkdir fastify-test $ cd fastify-test $ npm init fastify -y ひな形... 2023.05.16 fastify
DataSpider DataSpider Studio トリガー変数 trigger.filepath,trigger.filename DataSpider Studio トリガー変数 trigger.filepath,trigger.filename トリガー変数trigger.filepath,trigger.filenameに、具体的にどんな値が入るか確認します。 f... 2023.05.14 DataSpider
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... 2023.05.13 MySQLWSL
便利ツール DBeaverの使い方 DBeaverの使い方 長らくA5M2を愛用していたのですが、DBeaverに乗り換えました。読み方は多分ですが、「デービーバー」です。 wingetでインストールすることができます。 C:\>winget install -e --id ... 2023.05.13 便利ツール
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... 2023.05.11 Docker
シェル ${}内の##の意味 – シェルスクリプト ${}内の##の意味 - シェルスクリプト 変数展開する${}ですが、この中で色々指定することができます。 $ FILE=./files/a.txt $ echo ${FILE} ./files/a.txt ./files/a.txtと表示... 2023.05.11 シェル
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)イ... 2023.05.11 phpVisual Studio Code
DataSpider DataSpider Studio 日時のパース DataSpider Studio 日時のパース スクリプト 「基本」ー「変数代入」アイコンを使用してスクリプト作成します。 変数代入 「日付」ー「基本」ー「日時のパース」アイコンを使用してをスクリプト内にドラッグします。以下のように設定し... 2023.05.05 DataSpider
react.js Props.children – 【React】 Props.children - 【React】 Propsにchildrenという変数みたいなものがあります。 呼び出し元のjsからコンポーネントにデータを渡します。 index.js index.jsからProps.childrenを渡... 2023.05.03 react.js
react.js Props – 【React】 Props - 【React】 Propsをコンポーネントに渡すことができます。 呼び出し元のjsからコンポーネントにデータを渡します。 index.js index.jsからPropsを渡します。 titleとcolorを追加してコンポー... 2023.05.02 react.js
Vite React + Viteでvite.config.tsの設定でhttpsに変更する React + Viteでvite.config.tsの設定でhttpsに変更する vite.config.tsを変更します。 import { defineConfig } from 'vite' import react from '@... 2023.05.01 Vite
react.js useState – 【React】 useState - 【React】 コンポーネントの状態をステートとして管理します。 イベントが発生したときにステート変数を更新してレンダリングを行います。 import { useState } from 'react'; useSta... 2023.05.01 react.js
Step Funtions AWS Step Functionsコマンドチートシート AWS Step Functionsコマンドチートシート ステートマシン作成 ステートマシン作成します。コードはworkflow.jsonファイルです。 パラメータ 意味 --name ステートマシン名 --definition ワークフロ... 2023.05.01 Step Funtions
Vite React + Vite + vikeでプリレンダリングを有効にする React + Vite + vikeでプリレンダリングを有効にする vikeをインストールします。 npm i vike vite.config.tsを変更します。 import { defineConfig } from 'vite' ... 2023.04.30 Vite
Vite React + Vite + vikeでファイルシステムルーティング React + Vite + vikeでファイルシステムルーティング デフォルトでvikeはファイルシステムルーティングを行います。 ファイルシステム URL src/pages/index.page.tsx / src/pages/log... 2023.04.30 Vite
WSL WSL1からWSL2へバージョンアップする方法 WSL1からWSL2へバージョンアップする方法 WSLのバージョンを2にアップデートします。現在のバージョンを確認します。 >wsl -l -v NAME STATE VERSION * Ubuntu-22.04 Stopped 1 PSを... 2023.04.29 WSL
Windows エクスプローラからWSLにアクセスする方法 エクスプローラからWSLにアクセスする方法 エクスプローラを起動し、アドレスバーに「\wsl$」と入力すればWSLにアクセスすることができます。 Linuxディレクトリアイコン Windows10でいつのアップデートからかLinuxディレク... 2023.04.29 WindowsWSL
Windows 日本語を含むURLをエンコードせずにコピー&ペーストする方法 日本語を含むURLをエンコードせずにコピー&ペーストする方法 Slackなどに日本語を含むURLを貼り付けると、日本語部分が勝手にエンコードされてしまいます。 ↓元は以下URL にweb-exportプラグインをインストールしてhtml出力... 2023.04.29 Windows
Java JavaでCompletableFuture.supplyAsync()メソッドを使用して非同期処理を行う JavaでCompletableFuture.supplyAsync()メソッドを使用して非同期処理を行う CompletableFuture.supplyAsync()メソッドは、引数として渡された処理(ラムダ式やメソッド参照など)を非同... 2023.04.27 Java
S3 WSL2(Ubuntu22.04)でMountpoint for Amazon S3を使用する WSL2(Ubuntu22.04)でMountpoint for Amazon S3を使用する 前提 WSL2(Ubuntu22.04)にてaws configure設定済みであること。 インストール Ubuntu22.04にインストールし... 2023.04.26 S3
Linux WSL2(Ubuntu22.04)でデフォルトエディタをnanoからvimに変更する WSL2(Ubuntu22.04)でデフォルトエディタをnanoからvimに変更する Ubuntuのデフォルトエディタがnanoなので、vimに変更します。 $ sudo update-alternatives --config edito... 2023.04.22 LinuxUbuntuWSL
Linux WSL2(Ubuntu22.04)でsudoersの設定追加する WSL2(Ubuntu22.04)でsudoersの設定追加する 新たに作成したユーザで、sudoコマンドを使用できるようにするためにsudoersの設定をします。 前提 $ id testuser uid=1001(testuser) g... 2023.04.22 LinuxWSL
Ansible WSL2(Ubuntu22.04)にAnsibleをインストールする WSL2(Ubuntu22.04)にAnsibleをインストールする 前提 OS Ubuntu-22.04 Ansibleインストール apt installでインストールします。 $ sudo apt install ansible イン... 2023.04.22 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... 2023.04.21 phpWSL
WSL WSL2(Ubuntu22.04)でsystemdをPID=1で起動する WSL2(Ubuntu22.04)でsystemdをPID=1で起動する systemctlコマンドを使用するとエラーとなります。 $systemctl System has not been booted with systemd as ... 2023.04.17 WSL
コマンドプロンプト コマンドプロンプトでコマンド結果をクリップボードにコピーする コマンドプロンプトでコマンド結果をクリップボードにコピーする Windows10でclip使用 clipコマンドを使用すると、コマンド結果をクリップボードにコピーすることができます。 C:\>dir | clip これでエディタにctrl ... 2023.04.17 コマンドプロンプト
CloudFormation CloudFormationでStep Functionsをデプロイする CloudFormationでStep Functionsをデプロイする Lambdaを直列に実行するだけのStep FunctionsをCloudFormationでデプロイします。 作成されるStep Functionsはこんな感じです... 2023.04.14 CloudFormationStep Funtions
家庭菜園 プランターでスナップエンドウの育て方 【家庭菜園】 プランターでスナップエンドウの育て方 【家庭菜園】 ベランダでスナップエンドウを育てました。 種はこちらを使用しました↓ ホームセンターコーナンで必要なものを揃える ホームセンターで全て揃います。種も売ってますし、なければダイソーなどでも種... 2023.04.10 家庭菜園
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... 2023.04.07 react.js
Chrome Chrome 開発者ツールでネットワーク速度を変更する Chrome 開発者ツールでネットワーク速度を変更する Chrome開発者ツールのネットワークタブの機能で、画面レンダリングの速度を調整することができます。 F12で開発者ツールを開きます。「ネットワーク」タブをクリックします。 赤枠のアイ... 2023.04.06 Chrome