HTML
<input type="text">で数値のみ入力する方法
高橋
GRPC WSL2(Ubuntu22.04)でprotocをインストールする
WSL2(Ubuntu22.04)でprotocをインストールするインストールbrewがインストールされている場合はbrewでインストールします。$ brew install protobuf$ protoc --versionlibpro...
D-ID API Keyを発行してAPIを実行する – 【D-ID】
API Keyを発行してAPIを実行する - 【D-ID】D-IDではAPIが提供されていて、使用するにはAPI Keyを発行する必要があります。トライアル版でもSettings & APIからAPI Keyを発行できます。「GENERAT...
kintone Kintoneアプリからkintone.proxyを使用してAPI Gatewayを実行する
Kintoneアプリからkintone.proxyを使用してAPI Gatewayを実行するkintoneアプリにバンドルするjsファイルで、以下のようにAPI Gatewayを実行することができます。外部のAPIを実行するにはkinton...
D-ID 赤ちゃん画像から指定したテキストを話す動画を作成する – 【D-ID】
赤ちゃん画像から指定したテキストを話す動画を作成する - 【D-ID】D-IDというサービスを使用して画像から動画を簡単に作成することができます。最近流行の生成AIです。ログインorサインアップログインorサインアップします。Googleア...
MySQL WSL2(Ubuntu22.04)でmysqldumpコマンドを使用してRDS(DB)のDDLをダンプする
WSL2(Ubuntu22.04)でmysqldumpコマンドを使用してRDS(DB)のDDLをダンプするインストールmysql clientをインストールします。$ sudo apt install mysql-clientこれでmysq...
DataSpider DataSpider Studio 現在日時
DataSpider Studio 現在日時スクリプト「基本」ー「変数代入」アイコンを使用してスクリプト作成します。変数代入「日付」ー「基本」ー「現在日時」アイコンを使用してをスクリプト内にドラッグします。以下のように設定します。テスト 変...
Amazon Kinesis Amazon Kinesis + Lambda(node.js v18)
Amazon Kinesis + Lambda(node.js v18)チュートリアルをします。前提 項目 バージョン AWS CLI aws-cli/2.11.23 Python/3.11.3 Windows/10 exe/AMD64 p...
winget wingetでAmazon WorkSpacesをインストールする – Windows10
wingetでAmazon WorkSpacesをインストールする – Windows10wingetでAmazon WorkSpacesを一発でインストールします。C:\>winget install -e --id Amazon.Wor...
winget wingetでAWS CLIをインストールする – Windows10
wingetでAWS CLIをインストールする – Windows10wingetでAWS CLIを一発でインストールします。C:\>winget install -e --id Amazon.AWSCLI
AWS SAM CLI wingetでAWS SAM CLIをインストールする – Windows10
wingetでAWS SAM CLIをインストールする – Windows10wingetでAWS SAM CLIを一発でインストールします。C:\>winget install -e --id Amazon.SAM-CLI
winget wingetでnvmをインストールする – Windows10
wingetでnvmをインストールする – Windows10wingetでWindows Terminalを一発でインストールします。C:\>winget install -e --id CoreyButler.NVMforWindows
winget wingetでWindows Terminalをインストールする – Windows10
wingetでWindows Terminalをインストールする – Windows10wingetでWindows Terminalを一発でインストールします。C:\>winget install -e --id Microsoft.Wi...
winget wingetでMicrosoft Visual Studio Codeをインストールする – Windows10
wingetでMicrosoft Visual Studio Codeをインストールする – Windows10wingetでMicrosoft Visual Studio Codeを一発でインストールします。C:\>winget inst...
winget wingetでGoogle Chromeをインストールする – Windows10
wingetでGoogle Chromeをインストールする – Windows10wingetでGoogle Chromeを一発でインストールします。C:\>winget install -e --id Google.Chrome
winget wingetでAWS VPN Clientをインストールする – Windows10
wingetでAWS VPN Clientをインストールする – Windows10wingetでAWS VPN Clientを一発でインストールします。C:\>winget install -e --id Amazon.AWSVPNCli...
winget wingetでDockerDesktopをインストールする – Windows10
wingetでDockerDesktopをインストールする – Windows10wingetでDockerDesktopを一発でインストールします。C:\>winget install -e --id Docker.DockerDeskt...
Lambda(Java) AWS-Parameters-and-Secrets-Lambda-Extensionレイヤーを追加してSystems Managerのパラメータストアにアクセスする方法 -node.js v18
AWS-Parameters-and-Secrets-Lambda-Extensionレイヤーを追加してSystems Managerのパラメータストアにアクセスする方法 -node.js v18AWS-Parameters-and-Sec...
Lambda(node.js) LambdaからSystems Managerのパラメータストアの値を取得する(node.js v18) – AWS SDK for JavaScript v3
LambdaからSystems Managerのパラメータストアの値を取得する(node.js v18) – AWS SDK for JavaScript v3パラメータストアにテキストを保存し、Lambdaから取得します。暗号化できるため...
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...
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 ワークフロー定...