不動産SaaSの開発におけるWeWebの活用方法
By WeWeb · 2024-03-20
スキップメトリクスがWeWebを使って構築した不動産SaaSについてご紹介します。
スキップメトリクス:革新的な不動産ソフトウェアの開発ストーリー
- 皆さん、こんにちは!今回のライブ配信では、スキップメトリクスのマイクと一緒にいます。スキップメトリクスは、不動産会社向けのSaaSアプリケーションで、wewebで開発されました。それでは、では話を始める前に、自己紹介をしてもらえますか?

スキップメトリクス:革新的な不動産ソフトウェアの開発ストーリー
No Code Platformの可能性を最大限に活かす方法
- そのWebとXenoとのモットーは、Xenoの人々と本当に友達だったので、私たちは自分たちもNokiaツールの新世代として位置づけています。そのため、私たちは本当にAPIを統合したいのです。レストAPIやGraphQL APIなどのネイティブコネクターを持つことで、未来はノーカットとマイクロサービスのミックスとして見ています。特定のタスクでは、AmazonやGoogleのようなカスタムコードで記述されたマイクロサービスが依然として必要です。そこで、この種のものと統合したいです。今回は、Wewebとの組み合わせがうまくいっているとおっしゃっていただいて本当に嬉しいです。これまでに、UI駆動の設計を導入する際にノーコードを使用する際に制限に遭遇しましたか?もしそうであれば、それにどう対処しましたか?

No Code Platformの可能性を最大限に活かす方法
ウェブデザインの新たな可能性を探る
- このプロジェクトでは、ウェブエディターを活用して、複数ステップフォームやアニメーションなどを駆使して、ユーザーエクスペリエンスを向上させています。テキストのスライドインやトランジションなど、細部にまでこだわったデザインが特徴です。また、ワークフローを活用してユーザーアクションに反応し、アプリの状態を更新する様子も見事に表現しています。

ウェブデザインの 新たな可能性を探る
カスタムコンポーネントの開発とファイルアップロードの仕組み
- この記事では、カスタムコンポーネントの開発プロセスとファイルアップロードの仕組みについて詳しく説明します。最初に、ウェブチームのメンバーがプロジェクト開始時から開発を始めたカスタムコンポーネントについて触れます。このカスタムコンポーネントは、ファイルをドラッグ&ドロップすることで利用でき、UIキットにも追加されました。その後、ファイルのアップロードやドロップ時の挙動に関する説明が続きます。ファイルのアップロード後は、ファイルをリセットするワークフローが機能する仕組みや、ボタンのアニメーションについても解説されます。さらに、グラデーションカラーにおけるアニメーション効果の実装方法や、ボタンのレイアウトの変更に伴うプロダクションへの反映についても言及されます。次に、テーブルのスライド効果や日付ピッカーの美しいデザインについて詳細が説明されます。日付ピッカーの背後にある仕組みやデザイン要素、プリセット機能の概要が述べられ、カスタムCSSやアニメーション、データの読み込み時のスケルトンスクリーンについても言及されます。最後に、ライブサイトにおけるカスタムコードのエディタへの組み込み機能や、今後のアップデートに期待が寄せられます。

カスタムコンポーネントの開発とファイルアップロードの仕組み
素早いAPIデータの表示方法に関する5つのヒント
- APIデータをできるだけ迅速に表示するためのヒントとして、まず最初にバックエンド側での最適化が重要です。クリックモッドなどのエージェンシーにAPI開発をアウトソースすることで、高速かつ効果的なバックエンドのセットアップと最適化が可能です。次に、REST APIプラグインを使用してwewebでAPI呼び出しを行うことで、データを効率的に読み込むことができます。さらに、wewebを使用する際には、APIデータの迅速な表示に最適化が施されているため、特に最適化作業は必要ありません。バックエンドの最適化と効率的なAPI呼び出しを組み合わせることで、APIデータの表示をスピーディーに行うことが可能となります。

素早いAPIデータの表示方法に関する5つのヒント
Conclusion:
WeWebを使いながら開発された不動産SaaSは、API統合やカスタムコンポーネントの活用、ウェブデザインの新たな可能性を示しています。