javascript

@rails/ujs パッケージを拡張して ajax メソッドを Promise 化する

概要 Ruby on Railsフレームワークの便利なライブラリである@rails/ujsには、Ajaxリクエストを簡単に行うためのajaxメソッドがあり...

QRコードジェネレーターを Vue3 で実装する

概要 QRコードを生成できるアプリを Vue3 で実装します。生成したQRコードを読み取るとあらかじめ入力したURLにリンクするようにします。 QRコード...

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

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

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

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

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

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

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