見出し画像

飲食店DX開発日記⑧ 社内SNS機能の開発

 こんにちは。
ミエルカシステムの中の人です。

 飲食店の生産性向上のため開発した内容を発信しています。

 飲食店のDX推進についてできることやポイントなどお伝えできればと思います。

第8回目 社内SNS機能の開発

 最近たくさんの方が、記事を読んでくださっているようで、とても嬉しいです。

 リリースするまでは、基本的にフィードバックはなく、ただコツコツとコードを書いていますので、とても励みになっています。ありがとうございます🙇‍♂️

 今回も、開発の進捗について書いていきたいと思います。

  • 希望シフト作成 ← 完了

  • シフト確認 ← 完了

  • 給与明細確認 ← 完了

  • マイナンバー提出 ← 完了

  • 雇用契約書サイン

  • KPI確認

  • 社内SNS ← 今回はココ。

 LINEのようなリアルタイムでチャットできる機能を開発しています。

開発中の画面です。

 社内の誰とでもコミュニケーションがとれるのはもちろん、自動でアンケートを配信したり、スタッフひとりひとりに何かしらのアラートを配信したりと、既存のシステムと連携する事でいろんな事ができるようになるハズです。

単純なようで複雑なチャット機能

 という事で開発をスタートしました。

 LINEやメッセンジャーなどを参考にさせて頂いているのですが、何も考えずに使っているSNSもいざ自分で開発すると結構複雑な処理をしている事に気がつきます。

例えば、、

  • メッセージ入力の量に応じて入力フォームが大きくなる

  • メッセージ入力が行われた後に送信ボタンが表示される

  • メッセージ一覧は常に1番下に表示される

  • 既読数カウントがリアルタイムで反映される

  • 手の込んだデザイン(CSS)

  • アイコン写真を変更すると過去の投稿の画像も全て変わる

などなど、あげればキリがありません。
そして、ひとつひとつに結構開発工数が取られます💦

PUSH通知はニフクラを利用しました。

PUSH通知機能の実装

 PUSH通知機能はニフクラmoblebackend(NCMB)を使用しています。

NCMBがユーザーを管理し、APIへリクエストを投げると、PUSH通知を該当のユーザーへ送信してくれます。

意外と大ハマりした絵文字の送受信

 これまでミエルカシステムのサーバーは、文字コードをutf-8で管理していましたが、このままでは絵文字をデータベースへ登録することができません💦

 絵文字を使用するには文字コードをutf-8mb4へ変更する必要がありました。

 サーバーのデータベースの文字コード変更、サーバー全体の文字コードの変更、PHPファイルの変更などなんとか実装できました。

 サーバーや、データベースの設定はそんなに頻繁に触らない部分ですし、下手をすると既存のシステムにもトラブルが発生してしまうので、神経を使います💦💦 ←こうやって 気軽に絵文字を使ってますが、結構大変でした。


グループトークの管理機能を作らねば

リリースまで、もう一歩!とはいきませんが大きな山場のひとつは超えたような気がします。

アプリのリリースが終わったら久しぶりに旅に出たい!


この記事が気に入ったらサポートをしてみませんか?