プログラミング 【Firebase】ファイルをStorageにアップロードする
firebase.jsimport { initializeApp } from "firebase/app";import { getStorage } from "firebase/storage";const firebaseConf...
プログラミング
プログラミング プログラミング 【React】inputタグでファイルを取得する
App.jsximport React from 'react';import Upload from './Upload';const App = () => { return ( <React.Fragment> <Upload /> ...
プログラミング 【Terraform】Route53で独自ドメインを設定する
目標Route53で独自ドメインを設定する。やることドメインの登録レコードの作成ドメインの登録.comの料金は1年で$12.00(約1380円)今回はS3に対して独自ドメインを設定するので、S3にドメイン名と同じ名前のバケットを作成している...
プログラミング 【Terraform】S3で静的なWebサイトを公開する
目標S3で静的なWebサイトを公開する。やることバケットの作成静的ウェブサイトホスティングの有効化バケットポリシーの編集ファイルのアップロードバケットの作成バケット名はグローバルで一意でなければならない。また、独自ドメインを設定する場合はド...
プログラミング 【AWS】Route53で独自ドメインを設定する
目標Route53で独自ドメインを設定する。やることドメインの登録レコードの作成ドメインの登録.comの料金は1年で$12.00(約1380円)今回はS3に対して独自ドメインを設定するので、S3にドメイン名と同じ名前のバケットを作成している...
プログラミング 【AWS】S3で静的なWebサイトを公開する
目標S3で静的なWebサイトを公開する。やることバケットの作成静的ウェブサイトホスティングの有効化バケットポリシーの編集ファイルのアップロードバケットの作成バケット名はグローバルで一意でなければならない。また、独自ドメインを設定する場合はド...
プログラミング 【p5.js】noise
sketch.jslet noise;function preload() { noise = loadShader('shader.vert', 'shader.frag');}function setup() { createCanva...
プログラミング 【p5.js】light
sketch.jslet light;function preload() { light = loadShader('shader.vert', 'shader.frag');}function setup() { createCanva...
プログラミング 【p5.js】box
function setup() { createCanvas(400, 400, WEBGL); createLoop({gif: {render: false, download: true, fileName: 'box.gif'}}...
プログラミング 【p5.js】radius.gif
<script src=""></script>function setup() { createCanvas(400, 400); createLoop({gif: {render: false, download: true, file...