Input タグを使わないでファイル選択ボタンを作る
概要 window.showOpenFilePickerを使用することでファイル選択ダイアログを表示できます。 これによってinputタグを使わ...
javascript でのクリップボードとのやりとり
概要 javascript の Clipboard API を使ったクリップボードへの書き込みや読み込みの方法を紹介します。 クリップボードへの書き込み 例として、次のようなHTML要素がある...
Node.js で AWS SES を使うなら Nodemailer がおすすめ
概要 Javascriptで AWS SES を使ってメールを送信したい場合はメールクライアントとして nodemailer がおすすめです。 AWS SESが提供するAPIでメール送信...
Serverless で .env を使って環境変数を設定する
概要 Serverless フレームワークで .env を使った環境変数の設定方法について紹介します。 サンプルプロジェクトの作成 まず、サンプル用のプロジェクトを作成します。...
AWS SDK for Javascript v3 を使って DynamoDB を操作する
概要 AWS SDK for Javascript v3 を使って DynamoDB を使う方法を紹介します。 インストール npm install @aws-sdk/client-dynamodb テーブルの作成 const { DynamoDBClient, CreateTableCommand } = require("@aws-sdk/client-dynamodb") const client = new DynamoDBClient({ region: 'ap-northeast-1' }) const params = { TableName: 'music', AttributeDefinitions: [ { AttributeName: 'Artist', AttributeType: 'S' }, {...
Python Urllib.request パッケージの基本的な使い方
概要 Urllib.request とは Python の標準パッケージに含まれる HTTP クライアントライブラリです。 ここでは基本的な使用方法について紹介します。 GETリクエスト from urllib import request request.urlopen('https://httpbin.org/get') P...
FontAwesome を Rails で使う場合のセットアップ方法
概要 FontAwesome5 を Rails6 + Webpacker で使う場合のセットアップ方法について紹介します。 パッケージのインストール FontAwesome のパッケージをインストールします。 yarn add @fortawesome/fontawesome-free Webpacker での読み込...
Rails + Webpacker で Plotly.js を使う方法
概要 Plotly.js を Webpacker で使う場合のセットアップ方法について。 ライブラリのインストール Plotly.js 本体と Webpack を使う場合に必要になるローダーをインストールします。 yarn add plotly.js-dist...
Nginx の Docker イメージを Heroku にデプロイする
概要 Nginx の Docker イメージを Heroku へデプロイする方法について。 ベースイメージの作成 デプロイする Nginx の Docker イメージを作成します。 プロジェクトのルートに以下3つ...
CircleCI Orbs で ECR にイメージのビルドとプッシュを行う
概要 Docker イメージのビルドとプッシュを ECR へ行う config.yml の書き方を紹介します。 テスト用イメージの作成 まずは、適当なイメージを用意。 ここでは nginx を使っていま...