AWS CLI で S3 の静的ファイルのホスティングを設定する

概要 AWS S3 で静的ファイルのホスティングをするにはバケットへいくつか設定が必要です。 静的ウェブサイトホスティングを有効にする パブリックアクセスの...

December 12, 2021

Input タグを使わないでファイル選択ボタンを作る

概要 window.showOpenFilePickerを使用することでファイル選択ダイアログを表示できます。 これによってinputタグを使わ...

December 5, 2021

javascript でのクリップボードとのやりとり

概要 javascript の Clipboard API を使ったクリップボードへの書き込みや読み込みの方法を紹介します。 クリップボードへの書き込み 例として、次のようなHTML要素がある...

November 28, 2021

Node.js で AWS SES を使うなら Nodemailer がおすすめ

概要 Javascriptで AWS SES を使ってメールを送信したい場合はメールクライアントとして nodemailer がおすすめです。 AWS SESが提供するAPIでメール送信...

November 21, 2021

Serverless で .env を使って環境変数を設定する

概要 Serverless フレームワークで .env を使った環境変数の設定方法について紹介します。 サンプルプロジェクトの作成 まず、サンプル用のプロジェクトを作成します。...

November 7, 2021

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' }, {...

June 22, 2021

Python Urllib.request パッケージの基本的な使い方

概要 Urllib.request とは Python の標準パッケージに含まれる HTTP クライアントライブラリです。 ここでは基本的な使用方法について紹介します。 GETリクエスト from urllib import request request.urlopen('https://httpbin.org/get') P...

April 30, 2021

FontAwesome を Rails で使う場合のセットアップ方法

概要 FontAwesome5 を Rails6 + Webpacker で使う場合のセットアップ方法について紹介します。 パッケージのインストール FontAwesome のパッケージをインストールします。 yarn add @fortawesome/fontawesome-free Webpacker での読み込...

January 7, 2021

Rails + Webpacker で Plotly.js を使う方法

概要 Plotly.js を Webpacker で使う場合のセットアップ方法について。 ライブラリのインストール Plotly.js 本体と Webpack を使う場合に必要になるローダーをインストールします。 yarn add plotly.js-dist...

December 7, 2020

Nginx の Docker イメージを Heroku にデプロイする

概要 Nginx の Docker イメージを Heroku へデプロイする方法について。 ベースイメージの作成 デプロイする Nginx の Docker イメージを作成します。 プロジェクトのルートに以下3つ...

November 9, 2020