マガジンのカバー画像

プログラミング

59
本
プログラミング関係のことをまとめます。
運営しているクリエイター
bkc

#nextjs

vercelへのデプロイと環境変数

以下の前回の記事でvercelへのデプロイの際のContentfulのAPI Keyの設定を後回しにしていまし…

bkc
bkc
4年前
3

自分のWebサイトでも作ってみるか

これまでに 楽天APIを叩いたレシピ検索サイト「今日の献立何にしよ？」 必要最低限の機能し…

bkc
bkc
4年前
9

チャットApp（完成）

今回でチャットAppが完成です！！長かったですね！めっちゃ嬉しいんですが、落ち着いて最後に…

bkc
bkc
4年前
5

チャットApp（リアルタイムデータベース）

今回はとても苦戦した、firebaseのonSnapchatを使ったリアルタイムデータベース通信の機能を追…

bkc
bkc
4年前
5

チャットApp(書き込みフォーム)

今回は書き込みフォームです。コンポーネントで作ります。components/compo/chatform.tsxを作…

bkc
bkc
4年前
1

チャットApp（chatroomのビュー)

今回はチャットルームの見た目を整えていきます。その為に最初にチャットルームを作った時点で…

bkc
bkc
4年前
1

チャットApp(chatroom)

前回匿名認証のみにし、ログアウトしたらユーザアカウントを消去するようにしました。 今回はチャットルームを作ります。前回からディレクトリの配置を以下のように変えました。 動的ルーティングはディレクトリでも可能で、この場合[roomid]ディレクトリをURLで指定した場合はindex.tsxが読み込まれます。[roomid]/signinと指定すると[roomid]内のsignin.tsxが読み込まれます。このsignin.tsxは例えばURLを教えてもらったりしてこのURL

bkc

チャットApp番外編(Black lives matter)

twitterを今日こんなツイートを見ました。私がJavaScriptの勉強を動画でする際に使わせてもら…

bkc
bkc
4年前
1

チャットApp(認証の変更)

前回言った通り認証を匿名認証のみにし、ログアウトしたら関係情報を全て消去するようにしよう…

bkc
bkc
4年前
1

チャットApp(チャットルームを検索する)

今回はユーザが作成したチャットルームを検索する機能を追加していきます。それで最初に少し仕…

bkc
bkc
4年前
4

チャットApp(チャットルーム作成機能)

これまでチャットAppについての記事をある程度の量出してきたのですが、見てくださる人が複数…

bkc
bkc
4年前
3

チャットApp(仕様変更とprofileページ)

今回は、前回のfirebaseの仕様に伴う修正でわかってきたfirebaseの仕組みを踏まえてプロジェク…

bkc
bkc
4年前
2

チャットApp(next.jsでfirebaseを使う時の注意点)

今日は、firebaseに登録したユーザ情報の取得で苦戦したので、それを書き残しておこうと思いま…

bkc
bkc
4年前
4

チャットApp(プロフィール作成・画像の登録)

今回は前回の登録・ログインの機能で登録したユーザのうち、メール・パスワードで登録したユーザ・匿名ユーザのユーザネームとプロフィール画像を登録する機能を追加しようと思います。 google, twitterのいわゆるOAuth機能を利用してログインしたユーザはすでにgoogle, twitter側で登録されたものを使用するので必要ありません。 FireStorageへの保存機能画像などのファイルはfirestoreに直接保存することは出来ないので、firestorageに保存

bkc