全てのコンテンツ

Flutter

【Flutter】Navigatorを使い、前のページに戻るボタンを作成する

Flutter で一つ前の画面に戻る機能を作成します。 まずは、MyHomePage、MySecondPage、MyThirdPage を作成します。 MyThirdPage で戻るボタンを作成し、MySecondPage へ遷移します。 MyThirdPage…

続きを読む
2022年03月15日1 分
Flutter

【Flutter】Navigatorを使い、ページ遷移の履歴を削除する

Flutter…

続きを読む
2022年03月15日1 分
Flutter

【Flutter】Navigatorを使い、遷移元のデータを遷移先へ受け渡す

今回は、Flutter で遷移元のデータを遷移先へ受け渡します。 遷移元は MyHomePage。遷移先は MySecondPage とします。 まずは、MyApp クラスの MaterialApp 内で、MyHomePage と MySecondPage…

続きを読む
2022年03月14日1 分
Flutter

【Flutter】Navigatorを使い、簡単にページ遷移する

今回は、Flutter でページ遷移をする方法を紹介します。 まずは、MyHomePage と MySecondPage を作成します。 MyHomePage にあるボタンをタップすると、MySecondPage…

続きを読む
2022年03月13日1 分
Flutter

【Flutter】TextFieldで入力した内容を状態管理する

Flutter を使い、TextField で入力した内容を状態管理します。 まずは、flutter create で作成されるカウンターアプリを修正し、画面を作成します。 タスクアプリを作成したいので、AppBar には、タスクを表示させます。 _MyHomePageState…

続きを読む
2022年03月12日2 分
Firebase

【Firebase】最新メッセージが表示されるよう、ローディング後、一番下の画面まで移動する

前回は、画面に表示されている日付を、 SNS…

続きを読む
2022年03月11日1 分
Firebase

【Firebase】画面に表示されている日付を、 SNSのように〇〇時間前にする

前回は、Firestore Database に保存しているデータを基に、React でチャット画面を作成しました。 今回は、画面に表示されている日付を、 SNS のように〇〇時間前にします。 現在は、投稿した日付が表示されています。 こちらを、1 分未満なら『たった今』、…

続きを読む
2022年03月10日1 分
Firebase

【Firebase】Firestore Databaseに保存しているデータを基に、Reactでチャット画面を作成する

前回は、メッセージにプロフィール情報を追加し、Firestore Database に保存しました。 今回は、Firestore Database に保存しているデータを基に、React…

続きを読む
2022年03月09日2 分
Firebase

【Firebase】メッセージにプロフィール情報を追加し、Firestore Databaseに保存する

前回は、Firestore Database に保存しているプロフィール情報を更新しました。 今回は、メッセージにプロフィール情報を追加し、Firestore Database に保存します。 まずは、MEssageInput.tsx で useProfile.ts…

続きを読む
2022年03月08日1 分
Firebase

【Firebase】Firestore Databaseに保存しているプロフィール情報を更新する

前回は、プロフィール画面にデフォルトでユーザー情報を表示しました。 今回は、Firestore Database に保存しているプロフィール情報を更新します。 まずは、Firebase Database に保存している users のドキュメント ID…

続きを読む
2022年03月07日2 分