タグ

ブックマーク / tech-blog.tabelog.com (2)

  • 理想のUIをめざして!Webでハーフモーダルを作って磨き上げた話 - Tabelog Tech Blog

    こんにちは!飲店システム開発部オーダーチームの開発エンジニアを担当している堀口です。 べログオーダーは、レストランでの飲体験をより快適にするためのモバイルオーダーシステムです。飲店に来店したお客様が自身のスマートフォンを使用してQRコードを読み取り、Web上でメニューをカートに追加し注文することができます。メニュー選択や注文操作はWebでありながら、ハーフモーダルを使用したネイティブアプリのような注文体験ができます。 この記事では、モバイルオーダーシステムのUI改善に焦点を当てます。ハーフモーダルの採用がどのようにして決定されたのか、その開発プロセス、そして実際に達成された改善点について詳しく掘り下げていきます。Reactを使用したフロントエンド開発で遭遇した課題と、それらをどのように解決したかの具体例を紹介します。 目次 なぜ「ハーフモーダル」を採用したか ハーフモーダルの導入と

    理想のUIをめざして!Webでハーフモーダルを作って磨き上げた話 - Tabelog Tech Blog
    delimiter
    delimiter 2024/07/01
  • 設計書を書かない設計で開発効率を向上させた話 - Tabelog Tech Blog

    この記事は べログアドベントカレンダー2023 の23日目の記事です🎅🎄 こんにちは。べログシステム技術部 仕入チームの@shohei-yです。 今回は、新規事業の「べログ仕入」プロダクト開発において所謂「設計書」を書かない設計に挑戦して開発効率を向上させた話を書きます。 (結局「書くの?書かないの?どっちなんだい!」と感じた人は、ぜひ読み進めてください。) 所属している仕入チームについてはこちらの記事をご覧ください。 目次 なぜ設計書を書かない設計に挑戦したのか 設計書を書かないチーム 設計書を書かないことによる問題 1. チーム協力の課題 2. ソースコードの複雑化 3. チーム変動に関わる問題 設計工程導入のきっかけ 設計書を書かない挑戦の背景 設計書を書かない設計 フロントエンド・バックエンドのインターフェースの明確化 ソースコードのスリム化対策 設計のレビュー方法

    設計書を書かない設計で開発効率を向上させた話 - Tabelog Tech Blog
    delimiter
    delimiter 2023/12/27
  • 1