HTML

プログラミング

【Firebase】閲覧機能を実装する

firebase.js import { initializeApp } from "firebase/app"; import { getStorage } from "firebase/storage"; import { getFir...
プログラミング

【Firebase】プレビュー機能を実装する

firebase.js import { initializeApp } from "firebase/app"; import { getStorage } from "firebase/storage"; const firebaseC...
プログラミング

【Firebase】ボタンを押したとき送信されるようにする

firebase.js import { initializeApp } from "firebase/app"; import { getStorage } from "firebase/storage"; const firebaseC...
プログラミング

【Firebase】複数のファイルをアップロードできるようにする

firebase.js import { initializeApp } from "firebase/app"; import { getStorage } from "firebase/storage"; const firebaseC...
プログラミング

【Firebase】画像ファイルのみアップロードできるようにする

firebase.js import { initializeApp } from "firebase/app"; import { getStorage } from "firebase/storage"; const firebaseC...
プログラミング

【Firebase】ファイルをStorageにアップロードする

firebase.js import { initializeApp } from "firebase/app"; import { getStorage } from "firebase/storage"; const firebaseC...
プログラミング

【React】inputタグでファイルを取得する

App.jsx import React from 'react'; import Upload from './Upload'; const App = () => { return ( <React.Fragment> <Upload ...
プログラミング

【Terraform】S3で静的なWebサイトを公開する

目標 S3で静的なWebサイトを公開する。 やること バケットの作成静的ウェブサイトホスティングの有効化バケットポリシーの編集ファイルのアップロード バケットの作成 バケット名はグローバルで一意でなければならない。また、独自ドメインを設定す...
プログラミング

【AWS】S3で静的なWebサイトを公開する

目標 S3で静的なWebサイトを公開する。 やること バケットの作成静的ウェブサイトホスティングの有効化バケットポリシーの編集ファイルのアップロード バケットの作成 バケット名はグローバルで一意でなければならない。また、独自ドメインを設定す...
プログラミング

【HTML】音声を再生する

<!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title>【HTML】音声を再生する</title> </head> <body> <h1>正弦波のラ(440...