未分類

firebase

投稿日:

firebaseを使ってサーバを介さずにデータをやりとりする方法を学びました。本来webアプリでは、ユーザー側からデータを受け取ってそれによってユーザーが期待しているページを返す際にサーバーがまずデータを受け取り、そのサーバーがデータベースとやりとりをしてその返答をユーザーに渡すという工程を踏みます。しかしfirebaseを使うとjavascriptファイルの中で直接データベースに保存しているデータを受け取ることができるのでサーバーが必要ありません。具体的にはfirebase上にプロジェクトを作成とrealtimedatabaseを作成し、webアプリを登録すればfirebase上で自動で作成してくれるapiキーなどが書かれたファイルをプロジェクトのファイルに記述することによってやりとりが可能になります。

Hooks

Hooksというreactでデータを格納できる仕組みを学びました。reactではサーバーとデータのやりとりをしない代わりにreactのプログラムの中でユーザーから受け取るデータを保存しておきます。そのデータはページをリロードするたびに一回一回消えてしまうのですが、reactのreduxというライブラリを使えばこちらが指示を出さないかぎりデータを消さずに保って置いてくれます。これと同じ仕組みがHooksで今回はuseStateとuseEffectを使いました。これらを使う場合はimportでreactファイルからプログラムを受け取ることで使うことができるようになります。const [name, setName] = useState(”);で使うのですが、これはuseStateに格納されているデータをnameという定数に代入して使い、このデータを変更するときにはsetName(新しいデータ)で変更します。useEffectは第二引数で与えられたデータに変更が合った場合に第一引数で指定するアクションを行います。第二引数で指定するものは動的なデータを記述します。

-未分類

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

no image

習慣化

 自分の性格上、やる気のある時とない時の差が激しいので習慣化することを意識したいと思います。一度決意したことでも続かなくなり、どうでも良くなってやめてしまうということが今までの人生で数えきれないほどあ …

no image

焼肉へいきました

 今日は焼肉を食べました。満足。カルビが韓国語で肋骨という意味だということを初めて知りました。ちなみにてっちゃんは大腸の部分だったのです。おじいちゃんがまだ真っ赤なお肉を自分のお皿入れきて殺す気かと思 …

no image

今週終わり

今週から会社が始まりあっという間に一週間画過ぎてしまいました。詰め込み過ぎて入社から1年くらい経過した気がするのですがまだ一週間ということなので驚きました。頑張りたいと思います。 git vsコードか …

no image

プログラミング(就活編)

 最近将来のことで悩んでいます。なので今日はプログラミングではなく今考えていることを書きたいと思います。まず、なぜ働かないといけないのか。この答えとしては個人的な考えで述べると、生活できるのであれば働 …

no image

音楽について

 四つ目は音楽についてです。音楽は好きです。なぜ好きなのかというと、気持ちが楽しくなるからです。良く聴くジャンルはロックンロールです。好きな音楽の種類は小さい頃から耳に馴染んでいる音楽だというのをどこ …