マガジンのカバー画像

チャットアプリを作りながら学ぶゼロワン講座

4
今回はゼロワンを使ってチャットアプリを作成していきます! ぜひ一緒に手を動かしながら作成していきましょう!
運営しているクリエイター

記事一覧

【Part1 要件定義~データベース】チャットアプリを作りながら学ぶゼロワン講座

はじめまして!ゼロワンエバンジェリストの大内です! この記事では、ゼロワンでチャット機能を実装する方法を解説していきます! ※グループチャットの実装は行いません。 仕様が変わってしまっているところや、もしわからないところあれば概要欄から飛べるゼロワンのフォーラムで質問してください。 要件定義今回作成するページは以下の通りです。 ・SignUp(=新規登録) ・Home(=トークルーム一覧) ・Message_userA(=チャット画面) ・Message_userB(

【Part2 SignUpページ】チャットアプリを作りながら学ぶゼロワン講座

こんにちは。 今回の記事では、SignUpページの作成について説明していきます。 仕様が変わってしまっているところや、もしわからないところがあれば概要欄から飛べるゼロワンのフォーラムで質問してください。 それでは、始めましょう! SignUpページのフロントエンドまず、ページのレイアウトを設定します。 『Body(ページの空白部分)』をクリックし、画面右側の『外観』から設定できます。 下にスクロールし、『レイアウト』の『垂直(下向きの矢印)』を選択します。 画面左側の

【Part3 Homeページ】チャットアプリを作りながら学ぶゼロワン講座

こんにちは。 今回の記事では、Homeページの作成について説明していきます。 仕様が変わってしまっているところや、もしわからないところがあれば概要欄から飛べるゼロワンのフォーラムで質問してください。 それでは、始めましょう! Homeページのフロントエンドまず、ページのレイアウトを『垂直』にします。 『テキスト』をドラッグしてきて、「Home」と入力します。 Homeページではトークルームの一覧(相手の名前一覧)を表示したいので、『コンテナ』から『垂直リピーター』をド

【Part4 Messageページ】チャットアプリを作りながら学ぶゼロワン講座

こんにちは。 今回の記事では、Message_userAページ、Message_userBページの作成について説明していきます。 仕様が変わってしまっているところや、もしわからないところがあれば概要欄から飛べるゼロワンのフォーラムで質問してください。 それでは、始めましょう! 変数の設定まず、変数の設定を行います。 サイドバーの上から7番目にあるマークをクリックすると、『変数』ページに遷移します。 『Message_userAページ変数』に変数を3つ追加していきましょう