2ch作ってて追加できなくなって詰まったからシンプルに整理してみる https://medium.com/get-it-working/get-googles-firestore-working-with-react-c78f198d2364 これを参考にする そもそも必要なのはfirestoreのWriting Tableのref userの入力を取得するin…

React useState使い方 なぜ使うか A: Class, super, this... と書くより短くかけるから code www.udemy.com これを参考にした まずcreate-react-app で作ったprojectに import React, { useState } from 'react'; で, {useState }を追加 アローfnで入れ物を…

Reactなどを始めてGithubに追加するまで 何回か躓いたので記録 前提 Reactはcreate-react-appで作ると，foderごと作ってしまう つまりgit cloneしてきてそこで作ると 作業フォルダの中に二重構造になってしまう． githubでnew repo -> react-testing termina…

メリット hostingとdbを一括でできる Netlifyと違ってRouteのblockがない。 デメリット 先にHostingをすると何故か後からfirestoreが追加できなくなる。 公式ドキュメントでCare your eyesが使えない Project Limit project作成数の上限が無料では12個。 htt…

react-bootstrapでのCardの使い方 Why, なぜ？ 電気屋のコーポレートサイトを制作していて， こういうのを複数並べるデザインが必要になった． 結果的に青枠，Google Map, 店舗名，電話番号， のシンプルなカードが並べられた．もちろんスマフォでは 縦に揃…

concept Reactでcomponentに分ける 色以外はReact-Bootstrapを使用．cssは書かない． 設計図 index, Router index.jsにRouterを組み /, shops, works, news, parts, airs, links, にアクセスされた際に src/containers/ Home, Works, News, Parts, Airs, Lin…

なぜ 事務の仕事でauto-fillで終わらない繰り返し作業が生じた page, sheet ごとになる. Target 2019.03.01 to 03.31までのJ1 to J43 これを一つのtableにまとめて重複を簡単に見つけられるようにする この操作を2019.02.xlsxから2020.03.xlsxまでやる uxmil…

firebase timestamp cannot render why 単に2chなサービスを作ろうとして，NoSQLなfirestoreにはauto-incrementなidがないから（idはあるけどrandなhex），created_at のtimestampのdataをrenderの時のsortのindexにしようとした． 何をしているか 単純なFir…

md 2: 10 でGridでlogo: textにしている だがテキストの「お電話はこちら」が 縦方向center 横方向rightにならない getbootstrap.com jusify-content-end だけでは右上になる align-self-center をつけても動かない つまりd-flex- justify-contentで左右は調…

Reactは最終的にbundle.jsに全てを襲爵するSingle Page App, SPAである しかしRouteを使うことによってRequestが来た時に擬似的に複数ページを ユーザーに見せることができる．やってみる why 職場のコーポレートサイト制作での複数ページ導入に． code $ np…

## why 2020.05 Twitterのbloggerは感想を書くことを条件に本がもらえるキャンペーンで，linkからformにblogのurlを入れて申し込んだら当選した 「当選は発想を持って変えさえていただきます」 なので連絡などは一切なかった https://nihonzuno.co.jp/books-…

why HP Builderで作成された電気屋のHPの改修をやっている 非推奨であるiFrameのSideBarのNavigationをなるべく近いデザインで置き換える際に，Bootstrap Gridを採用したのでここに記す． qiita.com これがBootstrap Grid なおRowとColを包括するタグは，Con…

まずAppの中身をCLEAR Bootstrap4をnpmで食わせる npm i bootstrap 4.4.1が入った npm i react-bootstrap これも必要？1.01が入った import 'bootstrap/dist/css/bootstrap.min.css'; これをimportして import Button from 'react-bootstrap/Button'; btnで…

firebaseでのproject作成からreact app作ってlocalで動かしてbuildしてdeployするまでシンプルに書いた

why, なぜFTP? 職場のhogedenki.comが消滅した．どのサービスを使っていたかも不明だ． そこでサブで使われていたHP builderで94年とかに作られたwin96らしいカラフルなサイトを更新することになり，いにしえの書類が発掘されて最終的に接続に成功した． 職…

why 職場のサイトを作ることになって，headerを作るのに採択した medium.com mediumを参考にする npm install @material-ui/core --save npm i contentful --save import React from 'react' import AppBar from '@material-ui/core/AppBar' import Toolbar …