Posts

WickedPDF を使って Rails で PDF を扱う

概要 WickedPDF というライブラリを使って Rails で PDF を扱う方法を紹介します。検証で使用した環境 Rails 6.1.4 Ruby 3.0.0 セットアップライブラリのインストールから # Gemfile gem 'wicked_pdf' gem "wkhtmltopdf-binary" イ...

Vue と D3.js を使ってチャートを作成する

概要 Vue と D3.js を使って簡単なチャートを作ってみます。セットアップ必要なライブラリをインストールします。 npm install d3-array d3-scale d3-shape チャートの描写チャート本体のコン...

名前を付けて保存する機能を javascript で作る

概要最新の一部ブラウザではローカルのファイルシステムとやりとりできるWebAPIが実装されています。今回はその一部の機能を使ってボタンを押す...

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

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

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...