備忘録

備忘録

C#でCloudflare R2を利用する方法

Ⅰ. はじめに

タイトルの通り「C#でCloudflare R2を利用する方法」です。

Ⅱ. 手順

1. Cloudflare R2のWebページでバケットを新規作成する

2. 必要なパッケージをインストールする

dotnet add package AWSSDK.S3 --version 3.7.9.58

3. サンプルプログラムを書く(ファイルアップロード)

using Amazon;
using Amazon.S3;
using Amazon.S3.Model;

var accountId = "aaaaaaaa";
var accessKey = "bbbbbbbb";
var secretKey = "cccccccc";
var bucketName = "test";
var key = "directory/test.jpg";
var filePath = "test.jpg";

var s3Config = new AmazonS3Config() { ServiceURL = $"https://{accountId}.r2.cloudflarestorage.com" };
using var client = new AmazonS3Client(accessKey, secretKey, s3Config);

var request = new PutObjectRequest
{
    BucketName = bucketName,
    Key = key,
    FilePath = filePath,
    // InputStream = stream,
    DisablePayloadSigning = true
};
await client.PutObjectAsync(request).ConfigureAwait(false);

実行結果

ファイルがアップロードされた

JavaScriptでセレクターを利用する方法

Ⅰ. はじめに

タイトルの通り「JavaScriptセレクターを利用する方法」です。

Ⅱ. Webブラウザの場合

document.querySelector('body > div > h1').innerText

// 「http://example.com/」での実行結果
// Example Domain

Ⅲ. NodeJSの場合

1. 必要なパッケージをインストールする
npm install jsdom
2. サンプルプログラムを書く
const { JSDOM } = require('jsdom');

(async () => {
  const dom = await JSDOM.fromURL('http://example.com')
  const text = dom.window.document.querySelector('body > div > h1').textContent
  console.log(text)
  // 実行結果
  // Example Domain 
})()

LinuxにOpenVPNサーバをインストールする方法

Ⅰ. はじめに

タイトルの通り「LinuxOpenVPNサーバをインストールする方法」です。

Ⅱ. 手順

1. 以下コマンドを実行する
curl -O https://raw.githubusercontent.com/angristan/openvpn-install/master/openvpn-install.sh
chmod +x openvpn-install.sh
./openvpn-install.sh

実行結果

省略

C#でマウスとキーボードを操作する方法

Ⅰ. はじめに

タイトルの通り「C#でマウスとキーボードを操作する方法」です。

Ⅱ. 手順

1. 必要なパッケージをインストールする
Install-Package InputSimulatorPlus -Version 1.0.7
2. サンプルプログラムを書く
double GetAbsoluteX(int x) => x * 65535 / Screen.PrimaryScreen.Bounds.Width;
double GetAbsoluteY(int y) => y * 65535 / Screen.PrimaryScreen.Bounds.Height;

var inputSimulator = new InputSimulator();
inputSimulator.Keyboard.KeyPress(VirtualKeyCode.VK_A);
inputSimulator.Mouse.LeftButtonClick();
inputSimulator.Mouse.MoveMouseTo(GetAbsoluteX(100), GetAbsoluteY(100));

実行結果

省略

Vueでvue-gtagを利用してGoogle Analytics4(GA4)の計測を行う方法

前提条件

  • VueRouterを利用している事

手順

1. vue-gtagをインストールする
# Vue3
npm i vue-gtag

# Vue2
npm i vue-gtag@1.16.1
2. app.jsを編集する
import VueGtag from 'vue-gtag'

Vue.use(VueGtag, {
  config: {
    id: 'G-**********'
  }
}, router)

実行結果


旧バージョンからGA4に移行する手順

1. 「GA4設定アシスト」を開く


2. 画面の指示に従う
3. 「データストリーム」を開く


4. 「測定ID」をメモする