プログラミング 【Firebase】閲覧機能を実装する
firebase.js import { initializeApp } from "firebase/app"; import { getStorage } from "firebase/storage"; import { getFir...
React
プログラミング プログラミング 【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 ...
プログラミング 【React】迷路に合わせて床の大きさを自動で調整する
迷路のサイズと Cube の大きさに合わせて迷路の床の大きさを調整する。 App.tsx import React from 'react'; import { Canvas } from '@react-three/fiber'; imp...
プログラミング 【React】迷路を生成する
CubeとPlaneを用いて、迷路を生成する。 App.tsx import React from 'react'; import { Canvas } from '@react-three/fiber'; import { Perspec...
プログラミング 【React】オブジェクトを複製する
同じジオメトリとマテリアルから作成したメッシュをシーンに追加することでオブジェクトを複製する。 App.tsx import React from 'react' import { Canvas } from '@react-three/f...