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);

実行結果

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

参考

• https://developers.cloudflare.com/r2

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 
})()

参考

• https://developer.mozilla.org/ja/docs/Web/API/Document_object_model/Locating_DOM_elements_using_selectors
• https://hakuhin.jp/js/selector.html

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

Ⅰ. はじめに

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

Ⅱ. 手順

1. 以下コマンドを実行する

curl -O https://raw.githubusercontent.com/angristan/openvpn-install/master/openvpn-install.sh
chmod +x openvpn-install.sh
./openvpn-install.sh

実行結果

省略

参考

https://github.com/angristan/openvpn-install

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));

実行結果

省略

参考

https://github.com/TChatzigiannakis/InputSimulatorPlus

その他

https://github.com/AVISIX/Inputs.NET

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」をメモする

参考

https://github.com/MatteoGabriele/vue-gtag