サイトマップ | メサイア・ワークス

githubにアップロードしたMkDocs仕様書を、github pagesじゃなくて、ip制限したs3にCI/CDしてみた

2025年4月14日に admin が投稿

githubにアップロードしたMkDocs仕様書を、github pagesじゃなくて、ip制限したs3にCI/CDしてみたやっていること 1, IAMロール作成(S3権限とレポジトリ指定) 2, github act 続きを読む githubにアップロードしたMkDocs仕様書を、github pagesじゃなくて、ip制限したs3にCI/CDしてみた→

港区paypay20%還元、ロータスパレス赤坂店。牛辛麺＋生春巻き1930円から386円還元で実質1544円、って高すぎ！なんか外食そのものが割高で魅力が無くなってきたな～。

2025年4月2日に admin が投稿

港区paypay20%還元、ロータスパレス赤坂店。牛辛麺＋生春巻き1930円から386円還元で実質1544円、って高すぎ！なんか外食そのものが割高で魅力が無くなってきたな～。ロータスパレス赤坂店女性客の多い店って続きを読む港区paypay20%還元、ロータスパレス赤坂店。牛辛麺＋生春巻き1930円から386円還元で実質1544円、って高すぎ！なんか外食そのものが割高で魅力が無くなってきたな～。→

index.htmlファイル１つだけの、S3にアップロードして、videoタグで再生するだけの動画アップローダー（認証なし）

2025年4月2日に admin が投稿

index.htmlファイル１つだけの、S3にアップロードして、videoタグで再生するだけの動画アップローダー（認証なし）

# 404なら、そのバケット名は使える！
aws s3api head-bucket --bucket video-uploader

# 【STEP 1：バケット作成】
aws s3api create-bucket \
  --bucket video-uploader \
  --region ap-northeast-1 \
  --create-bucket-configuration LocationConstraint=ap-northeast-1

# 【STEP 2：パブリックアクセス許可】
aws s3api put-public-access-block \
  --bucket video-uploader \
  --public-access-block-configuration BlockPublicAcls=false,IgnorePublicAcls=false,BlockPublicPolicy=false,RestrictPublicBuckets=false

# 【STEP 3：バケットポリシー追加】最初にpolicy.jsonファイル作って、それで設定。

cat <<EOF > policy.json
{
  "Version": "2012-10-17",
  "Statement": [
    {
      "Sid": "PublicReadWriteList",
      "Effect": "Allow",
      "Principal": "*",
      "Action": [
        "s3:GetObject",
        "s3:PutObject",
        "s3:ListBucket"
      ],
      "Resource": [
        "arn:aws:s3:::video-uploader",
        "arn:aws:s3:::video-uploader/*"
      ]
    }
  ]
}

EOF

aws s3api put-bucket-policy \
  --bucket video-uploader \
  --policy file://policy.json


# 【STEP 4：静的ウェブサイトホスティング有効化】
aws s3api put-bucket-website \
  --bucket video-uploader \
  --website-configuration '{
    "IndexDocument": {
      "Suffix": "index.html"
    }
  }'


#【STEP 5:CORS設定ファイルを作成】最初にcors.jsonファイル作って、それで設定。
cat <<EOF > cors.json
{
  "CORSRules": [
    {
      "AllowedHeaders": ["*"],
      "AllowedMethods": ["GET", "PUT", "POST"],
      "AllowedOrigins": ["*"],
      "ExposeHeaders": ["ETag"],
      "MaxAgeSeconds": 3000
    }
  ]
}

EOF

aws s3api put-bucket-cors \
  --bucket video-uploader \
  --cors-configuration file://cors.json

# 404なら、そのバケット名は使える！

aws s3api head-bucket --bucket video-uploader

# 【STEP 1：バケット作成】

aws s3api create-bucket \

--bucket video-uploader \

--region ap-northeast-1 \

--create-bucket-configuration LocationConstraint=ap-northeast-1

# 【STEP 2：パブリックアクセス許可】

aws s3api put-public-access-block \

--bucket video-uploader \

--public-access-block-configuration BlockPublicAcls=false,IgnorePublicAcls=false,BlockPublicPolicy=false,RestrictPublicBuckets=false

# 【STEP 3：バケットポリシー追加】最初にpolicy.jsonファイル作って、それで設定。

cat <<EOF > policy.json

{

"Version": "2012-10-17",

"Statement": [

{

"Sid": "PublicReadWriteList",

"Effect": "Allow",

"Principal": "*",

"Action": [

"s3:GetObject",

"s3:PutObject",

"s3:ListBucket"

"Resource": [

"arn:aws:s3:::video-uploader",

"arn:aws:s3:::video-uploader/*"

]

}

]

}

EOF

aws s3api put-bucket-policy \

--bucket video-uploader \

--policy file://policy.json

# 【STEP 4：静的ウェブサイトホスティング有効化】

aws s3api put-bucket-website \

--bucket video-uploader \

--website-configuration '{

"IndexDocument": {

"Suffix": "index.html"

}

#【STEP 5:CORS設定ファイルを作成】最初にcors.jsonファイル作って、それで設定。

cat <<EOF > cors.json

{

"CORSRules": [

{

"AllowedHeaders": ["*"],

"AllowedMethods": ["GET", "PUT", "POST"],

"AllowedOrigins": ["*"],

"ExposeHeaders": ["ETag"],

"MaxAgeSeconds": 3000

}

]

}

EOF

aws s3api put-bucket-cors \

--bucket video-uploader \

--cors-configuration file://cors.json

ローカルにindex.htm 続きを読む index.htmlファイル１つだけの、S3にアップロードして、videoタグで再生するだけの動画アップローダー（認証なし）→

排骨汁なし担々麺1350円＠五ノ井＠神保町。う～ん、普通！

2025年4月1日に admin が投稿

排骨汁なし担々麺1350円＠五ノ井＠神保町。う～ん、普通！排骨担々五ノ井開店してから、行こう行こうと思っている内に６～７年が経過したので行ってみた！看板が出ている排骨汁なし担々麺1350円にしよう。う～ん、普通続きを読む排骨汁なし担々麺1350円＠五ノ井＠神保町。う～ん、普通！→

react + youtube iframe apiで、youtube視聴時間を測定

2025年3月17日に admin が投稿

react + youtube iframe apiで、youtube視聴時間を測定 youtube iframe api(ブラウザ上でyoutube再生をjs操作できるライブラリ)で視聴時間をカウント(倍速なら倍)。視続きを読む react + youtube iframe apiで、youtube視聴時間を測定→