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

CircleCI Orbs で ECR にイメージのビルドとプッシュを行う

概要 Docker イメージのビルドとプッシュを ECR へ行う config.yml の書き方を紹介します。 テスト用イメージの作成 まずは、適当なイメージを用意。 ここでは nginx を使っていま...

October 8, 2020

マップエディターで作成したタイルマップを Phaser3 で描画する

概要 TiledMapEditor で作成したタイルマップを Phaser3 で読み込む方法を紹介します。 アセットの読み込み タイルマップで使用した画像データとマップデータの JSON ファイルを読...

September 24, 2020