D-ID赤ちゃん画像から指定したテキストを話す動画を作成する – 【D-ID】 赤ちゃん画像から指定したテキストを話す動画を作成する - 【D-ID】D-IDというサービスを使用して画像から動画を簡単に作成することができます。最近流行の生成AIです。ログインorサインアップログインorサインアップします。Googleア...2023.06.09D-ID
MySQLWSL2(Ubuntu22.04)でmysqldumpコマンドを使用してRDS(DB)のDDLをダンプする WSL2(Ubuntu22.04)でmysqldumpコマンドを使用してRDS(DB)のDDLをダンプするインストールmysql clientをインストールします。$ sudo apt install mysql-clientこれでmysq...2023.06.07MySQL
DataSpiderDataSpider Studio 現在日時 DataSpider Studio 現在日時スクリプト「基本」ー「変数代入」アイコンを使用してスクリプト作成します。変数代入「日付」ー「基本」ー「現在日時」アイコンを使用してをスクリプト内にドラッグします。以下のように設定します。テスト ...2023.06.01DataSpider
Amazon KinesisAmazon 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/AMD...2023.06.01Amazon Kinesis
wingetwingetでAmazon WorkSpacesをインストールする – Windows10 wingetでAmazon WorkSpacesをインストールする – Windows10wingetでAmazon WorkSpacesを一発でインストールします。C:\>winget install -e --id Amazon.Wor...2023.05.31winget
wingetwingetでAWS CLIをインストールする – Windows10 wingetでAWS CLIをインストールする – Windows10wingetでAWS CLIを一発でインストールします。C:\>winget install -e --id Amazon.AWSCLI2023.05.31winget
wingetwingetでAWS SAM CLIをインストールする – Windows10 wingetでAWS SAM CLIをインストールする – Windows10wingetでAWS SAM CLIを一発でインストールします。C:\>winget install -e --id Amazon.SAM-CLI2023.05.31winget
wingetwingetでnvmをインストールする – Windows10 wingetでnvmをインストールする – Windows10wingetでWindows Terminalを一発でインストールします。C:\>winget install -e --id CoreyButler.NVMforWindows2023.05.30winget
wingetwingetでWindows Terminalをインストールする – Windows10 wingetでWindows Terminalをインストールする – Windows10wingetでWindows Terminalを一発でインストールします。C:\>winget install -e --id Microsoft.Wi...2023.05.30winget
wingetwingetでMicrosoft Visual Studio Codeをインストールする – Windows10 wingetでMicrosoft Visual Studio Codeをインストールする – Windows10wingetでMicrosoft Visual Studio Codeを一発でインストールします。C:\>winget inst...2023.05.30winget
wingetwingetでGoogle Chromeをインストールする – Windows10 wingetでGoogle Chromeをインストールする – Windows10wingetでGoogle Chromeを一発でインストールします。C:\>winget install -e --id Google.Chrome2023.05.30winget
wingetwingetでAWS VPN Clientをインストールする – Windows10 wingetでAWS VPN Clientをインストールする – Windows10wingetでAWS VPN Clientを一発でインストールします。C:\>winget install -e --id Amazon.AWSVPNCli...2023.05.30winget
wingetwingetでDockerDesktopをインストールする – Windows10 wingetでDockerDesktopをインストールする – Windows10wingetでDockerDesktopを一発でインストールします。C:\>winget install -e --id Docker.DockerDeskt...2023.05.30winget
Lambdaレイヤー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...2023.05.29LambdaレイヤーSystems Manager
LambdaLambdaからSystems Managerのパラメータストアの値を取得する(node.js v18) – AWS SDK for JavaScript v3 LambdaからSystems Managerのパラメータストアの値を取得する(node.js v18) – AWS SDK for JavaScript v3パラメータストアにテキストを保存し、Lambdaから取得します。暗号化できるため...2023.05.28LambdaSystems Manager
ChatbotChatbot + SNS + CodePipelineでCI/CD結果をSlackチャネルに連携する方法 Chatbot + SNS + CodePipelineでCI/CD結果をSlackチャネルに連携する方法前提CodePipelineによるCI/CD設定済み。パイプライン名は「test」とします。SNSトピック作成トピック作成は勝手に作成...2023.05.26ChatbotCodePipelineSNS
ChatbotChatbot + SNS + CloudWatchアラームでSlackチャネルに連携する方法(Lambda Error) Chatbot + SNS + CloudWatchアラームでSlackチャネルに連携する方法(Lambda Error)SNSトピック作成トピック作成します。特別な設定は不要です。ここではサブスクリプションの作成は行いません。Chatbo...2023.05.25ChatbotCloudWatchSNS
wingetwingetでScreenToGifをインストールする – Windows10 wingetでScreenToGifをインストールする – Windows10wingetでScreenToGifを一発でインストールします。C:\>winget install -e --id NickeManarin.ScreenToG...2023.05.24winget便利ツール
7-Zipwingetで7-zipをインストールする – Windows10 wingetで7-zipをインストールする – Windows10wingetで7-zipを一発でインストールします。C:\>winget install -e --id 7zip.7zip2023.05.247-Zipwinget
Git Bashwingetでgitをインストールする – Windows10 wingetでgitをインストールする - Windows10wingetでgitを一発でインストールします。C:\>winget install -e --id Git.Git...C:\>git --versiongit version...2023.05.23Git Bashwinget
AngularReactive Formsでフォーム作成方法 – Angular Reactive Formsでフォーム作成方法 - Angular 項目 バージョン Angular 16.0.2 node 18.16.0 npm 9.5.1プロジェクト作成プロジェクト作成します。$ ng n react...2023.05.23Angular
AngularVisual Studio CodeにESLintプラグインをインストールする方法(Prettier連携) – Angular Visual Studio CodeにESLintプラグインをインストールする方法(Prettier連携) - AngularプラグインVSCodeにESLintプラグインをインストールします。依存関係インストール$ npm i --sav...2023.05.20AngularESLint
AzureAzure Cloud Shellの設定を行う – Windows Terminal Azure Cloud Shellの設定を行う - Windows Terminal前提ポータルサインイン済み。設定「」にアクセスし、、「Bash」をクリックします。サブスクリプションを選択して、「ストレージの作成」をクリックします。「ファ...2023.05.19AzureWindows Terminal
AzureWindows10+VSCodeでAzure Functions(javascript)を作成、デバッグ、デプロイする方法 Windows10+VSCodeでAzure Functions(javascript)を作成、デバッグ、デプロイする方法環境 項目 バージョン node v18.16.0 npm 9.5.1 Azure Functions ...2023.05.18Azure
AzureWSL2(Ubuntu22.04)にAzure CLIをインストールする WSL2(Ubuntu22.04)にAzure CLIをインストールするインストールドキュメントにあるコマンドを実行します。$ curl -sL | sudo bashazコマンドが実行できるようになります。$ az --versiona...2023.05.18Azure
AzureWindows10にAzure Functions Core Tools4.xをインストールする Windows10にAzure Functions Core Tools4.xをインストールするドキュメント通りにAzure Functions Core Tools4.xをインストールします。msiをダウンロードしたら、ダブルクリックして...2023.05.18Azure
AzureWindows10にAzure CLIをインストールする Windows10にAzure CLIをインストールするインストールドキュメントにある最新のmsiをダウンロードしてインストールします。azコマンドが実行できるようになります。C:\>az --versionazure-cli ...2023.05.18Azure
AzureWSL2(Ubuntu22.04)にAzure Functions Core Tools4.xをインストールする WSL2(Ubuntu22.04)にAzure Functions Core Tools4.xをインストールするドキュメント通りにAzure Functions Core Tools4.xをインストールします。$ curl | gpg -...2023.05.18Azure
AzureAzure無料アカウント作成する Azure無料アカウント作成する「」にアクセスして無料アカウントを作成します。「無料で始める」をクリックします。電話番号を入力したら、「テキストメッセージを送信する」をクリックします。SMSで確認コードが届くので入力します。入力したら「コー...2023.05.18Azure
serverlessServerlessFrameworkでTypeScript(lambda)開発 ServerlessFrameworkでTypeScript(lambda)開発前提 項目 バージョン sls 3.30.1 node v18.16.0 npm 9.5.1 aws cli aws-cli/1.22.34...2023.05.17serverless
JavaWSL2(Ubuntu22.04)にAmazon Corretto17をインストールする WSL2(Ubuntu22.04)にAmazon Corretto17をインストールするインストールWSL2(Ubuntu22.04)にAmazon corretto17をインストールします。$ sudo apt update$ wget ...2023.05.17JavaWSL
Vitevanilla-tsアプリでbuild先を変更する方法 – Vite vanilla-tsアプリでbuild先を変更する方法 - Vitebuild先変更 項目 バージョン npm 9.5.1 vite vite/4.3.6 linux-x64 node-v18.16.0npm run build...2023.05.17Vite
Vitevanilla-tsアプリでポート番号変更する方法 – Vite vanilla-tsアプリでポート番号変更する方法 - Viteポート変更 項目 バージョン npm 9.5.1 vite vite/4.3.6 linux-x64 node-v18.16.0デフォルトポートは5173ですが、こ...2023.05.17Vite
ViteViteでvanilla-tsアプリ作成とデバッグ方法 Viteでvanilla-tsアプリ作成とデバッグ方法ひな形プロジェクト作成 項目 バージョン npm 9.5.1 vite vite/4.3.6 linux-x64 node-v18.16.0$ npm create vite...2023.05.16Vite
fastifyfastify チュートリアル -node.js fastify チュートリアル -node.jsチュートリアル 項目 バージョン fastify 4.0.0$ mkdir fastify-test$ cd fastify-test$ npm init fastify -yひな形プ...2023.05.16fastify
DataSpiderDataSpider Studio トリガー変数 trigger.filepath,trigger.filename DataSpider Studio トリガー変数 trigger.filepath,trigger.filenameトリガー変数trigger.filepath,trigger.filenameに、具体的にどんな値が入るか確認します。 fi...2023.05.14DataSpider
MySQLWSL2(Ubuntu22.04)にMySQLをインストールする WSL2(Ubuntu22.04)にMySQLをインストールする前提 OS MySQL Ubuntu-22.04 8.0.33-0ubuntu0.22.04.1MySQLインストールapt installでインストールします。$ s...2023.05.13MySQLWSL
便利ツールDBeaverの使い方 DBeaverの使い方長らくA5M2を愛用していたのですが、DBeaverに乗り換えました。読み方は多分ですが、「デービーバー」です。wingetでインストールすることができます。C:\>winget install -e --id dbe...2023.05.13便利ツール
DockerERROR: 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...2023.05.11Docker
シェル${}内の##の意味 – シェルスクリプト ${}内の##の意味 - シェルスクリプト変数展開する${}ですが、この中で色々指定することができます。$ FILE=./files/a.txt$ echo ${FILE}./files/a.txt./files/a.txtと表示されました...2023.05.11シェル
phpPHPをWSL2+VSCode(launch.json)でデバッグする方法 PHPをWSL2+VSCode(launch.json)でデバッグする方法前提 OSはWSL2(Ubuntu-22.04) WSL2にApache2,php8.2.5インストール済 VSCodeプラグインにWSL(Remo...2023.05.11phpVisual Studio Code
DataSpiderDataSpider Studio 日時のパース DataSpider Studio 日時のパーススクリプト「基本」ー「変数代入」アイコンを使用してスクリプト作成します。変数代入「日付」ー「基本」ー「日時のパース」アイコンを使用してをスクリプト内にドラッグします。以下のように設定します。一...2023.05.05DataSpider
react.jsProps.children – 【React】 Props.children - 【React】Propsにchildrenという変数みたいなものがあります。呼び出し元のjsからコンポーネントにデータを渡します。index.jsindex.jsからProps.childrenを渡します。...2023.05.03react.js
react.jsProps – 【React】 Props - 【React】Propsをコンポーネントに渡すことができます。呼び出し元のjsからコンポーネントにデータを渡します。index.jsindex.jsからPropsを渡します。titleとcolorを追加してコンポーネントにP...2023.05.02react.js
react.jsuseState – 【React】 useState - 【React】コンポーネントの状態をステートとして管理します。イベントが発生したときにステート変数を更新してレンダリングを行います。import { useState } from 'react';useStateus...2023.05.01react.js
Step FuntionsAWS Step Functionsコマンドチートシート AWS Step Functionsコマンドチートシートステートマシン作成ステートマシン作成します。コードはworkflow.jsonファイルです。 パラメータ 意味 --name ステートマシン名 --definition ワ...2023.05.01Step Funtions
WSLWSL1からWSL2へバージョンアップする方法 WSL1からWSL2へバージョンアップする方法WSLのバージョンを2にアップデートします。現在のバージョンを確認します。>wsl -l -v NAME STATE VERSION* Ubuntu-...2023.04.29WSL
WindowsエクスプローラからWSLにアクセスする方法 エクスプローラからWSLにアクセスする方法エクスプローラを起動し、アドレスバーに「\wsl$」と入力すればWSLにアクセスすることができます。LinuxディレクトリアイコンWindows10でいつのアップデートからかLinuxディレクトリア...2023.04.29WindowsWSL
Windows日本語を含むURLをエンコードせずにコピー&ペーストする方法 日本語を含むURLをエンコードせずにコピー&ペーストする方法Slackなどに日本語を含むURLを貼り付けると、日本語部分が勝手にエンコードされてしまいます。↓元は以下URLにweb-exportプラグインをインストールしてhtml出力/この...2023.04.29Windows
S3WSL2(Ubuntu22.04)でMountpoint for Amazon S3を使用する WSL2(Ubuntu22.04)でMountpoint for Amazon S3を使用する前提WSL2(Ubuntu22.04)にてaws configure設定済みであること。インストールUbuntu22.04にインストールします。$...2023.04.26S3