masalibの日記

システム開発、運用と猫の写真ブログです

2020-01-01から1年間の記事一覧

2020年の学習について

React 以前にも勉強していたがReduxやクラスコンポーネントが苦手だった。 またマシンが貧弱でビルドや「npm intall」するのにも時間がかかっていた。 ネットのcodesandboxもたまに「create-react-app」で落ちていた。 マシンも購入してビルド時間も短縮され…

猫2020

Z-V1になってちょっとかわいく撮れるようになった気がする きなこちゃん にゃーちゃん しかちゃん ああ・・・こんなかわいい猫に囲まれて暮らす・・・これ以上の幸せはないです。

2020年に買ってよかったもの

冷蔵庫 生活感がハンパなくでますが、冷蔵庫を購入しました。それまでの冷蔵庫は20年以上前に購入したものなのでうるさく、そして電気代が高かった。 でもそこまで優先順位は高くなかったので放置していた。 突然、冷凍がまったく冷えない状況になり、そして…

画像のEXIF情報をもとに自動回転を一括でおこなう

とある作業で画像を直接ファイルサーバーにアップするとう事をおこなった。 管理画面でみると何故か、縦画像が横になっていたりした。 調べてみると撮影した写真には内部的には傾いた状態になっていた。 傾きはEXIFのOrientation情報として保存されているが…

GTMでjavascripを実行

Reactのお仕事をしたくてランサーズを見ていたらjavascriptがあった https://www.lancers.jp/work/detail/3332844 依頼内容は以下のとおりです 当方がユーザーとして利用している予約システムで、エンドユーザーが完了契機に到達したタイミングで、指定され…

FirebaseのupdatePasswordとupdatePasswordが仕様変更?

現在、Zenn.devの本を記入しています。 zenn.dev 本にする事なのでもう1度、プログラム入力をしてテストしています。 メールアドレス変更とパスワード変更をおこなう処理を作っているのですが updateEmail(state.email) updatePassword(state.password) を…

React Material UI入門5 ButtonBaseがかっこいい件

ButtonBaseはかっこいいです。 codesandboxでサンプルがあります。

Reactでlinear-gradientをやってみた

www.youtube.com linear-gradientについて紹介されていた。 やっすんのサイトでも使われているみたいなので真似てみた。 ちなみにソースとか公開してくれないので自分で調べるしかなかった テキストにlinear-gradientをつけるのは簡単だった。 単純につける…

zenn.devを使ってみた

いい点と悪い点について記載しました。

React Firebase入門 FirebaseAuthのToken(jwt)の発行と認証(php)

FirebaseAuthのToken(jwt)の発行と認証(php)

ESlint、Prettierを入れていない事に気がついて後悔

今更ながらReactのアプリを開発するならVS CodeでESlint、Prettierを使用した方に気がついた。 コードのタブとかもちゃんと設定できるみたい。 そんな事も知らないのかよ プークスクス、プークスクス /#このすば2 再放送TOKYO MX 25:35~KBS京都 25:35~\…

React Firebase入門 FirebaseStorageのファイル圧縮してアップ

FirebaseStorageのファイル圧縮してアップ(本来、圧縮はFunctionsでやるべきです)

React Firebase入門 Realtime Databaseでchatアプリ(一覧)

Realtime Databaseでchatアプリ(一覧取得)、入力部分を結合

React Firebase入門 Realtime Databaseでchatアプリ(書き込み)

Realtime Databaseでchatアプリ(書き込み)

React Material UI入門4 チャット画面

Material UIでチャット画面を作りました。動きはないのでご注意。

Firebase入門 Cloud Functionsでslackに通知する

FirebaseのCloud Functionsでslack通知をしてみた。

Firebase入門 Cloud Functionsでメール送信(SendGrid)

FirebaseのCloud Functionsでメール送信(SendGrid)をしました。迷惑メールフォルダにいかなかったので感動!!

はてなブログのsitemap.xmlの仕様が変わっていたのね

いくら記事を更新してもなぜかgoogle先生から検索してもらえませんでした。 放置していたからかな~・・・全然わからないまま1ヶ月ぐらい立ちました。 今日、久しぶりにGAの値をみてあいも変わらずヒットしていませんでした。 不思議だったのが検索する人間…

Firebase入門 ユーザーの作成時にCloud Functionsを実行

Firebaseのユーザーの作成時にCloud Functionsを実行する。裏で実行できるので本当に便利

Firebase入門 Cloud Functionsをエミュレータで実行

FirebaseのCloud Functionsをエミュレータで実行。効率があがるので必須です。

Firebase入門 Cloud FunctionsでHello,world

FirebaseのCloud FunctionsでHello,world

React Firebase入門 Hosting(デプロイ)

Firebaseにデプロイする。コマンドに従うだけなので簡単!!

React Firebase入門 Google認証(既存ユーザーも含む)と解除

FirebaseAuthのGoogle認証を追加してみた。

React Firebase入門 Twitter認証(既存ユーザー向け)と解除

FirebaseAuthのメールアドレス認証してくれたユーザーに対してもTwitter認証できるようにする

React Firebase入門 Twitter認証

FirebaseAuthの目玉のツイッターログイン機能です。簡単にできたのでマジでびっくり

React Firebase入門 Authの拡張項目追加

FirebaseAuthの拡張項目追加。実際にはFirestoreと結合させているだけです。

React Firebase入門 Storageのファイルの移動

Firestorageでファイルの移動のプログラムを組みました。バイナリーの操作があって難しい。

React Firebase入門 Firestoreのコレクション(テーブル)のJOIN

FirebaseのFirestoreのコレクション(テーブル)のJOINをやってみました。データの読み込み順番が大切でした

React Firebase入門 Firestoreのページネーション処理

FirebaseのFireStoreでページネーションを作ってみました。オフセットが使えない、レコード件数がとれないとないないづくしで、大変でした

React Firebase入門 Firestoreのデータ取得の補足

masalib.hatenablog.com の補足記事になります データ取得を色々試してみた結果になります。 whereとorderbyの関係について whereとorderbyのカラムが違う場合 単一のカラムに複数の条件をいれる場合 whereが複数になった場合 レコード件数のみ取得 offset(…