knaka Tech-Blog

AI, IoT, DIYエレクトロニクス, データサイエンスについて投稿予定です。

更新、チャット機能に CSV出力を追加しました。 #webプッシュでチャット機能　#php #Laravel #Vue.js

Laravel Vue.js php javascript

index:

概要

前の　firebase Cloud Messaging, Notification API 等で
web push通知対応のチャット機能の。投稿データＣＳＶ出力を追加しました。

出力画面

f:id:knaka0209:20200403183946p:plain

・エクセルで開くと。会話の内容を保存できたり
　便利そうです。

参考のコード

github.com

参考のページ

knaka0209.hatenablog.com

アプデ

・UPDATE 2020/04/04
文章内のURLを、リンク付きタグに変換処理を追加しました。
クリックで、記載ＵＲＬページが開けるように。なりました

f:id:knaka0209:20200404133016p:plain

更新、チャット機能のレイアウト修正しました。 #webプッシュでチャット機能　#php #Laravel #Vue.js

Laravel Vue.js php

index:

概要

前の　firebase Cloud Messagingで web push通知対応のチャット機能で
レイアウト変更の、アップデートとなります。

画面

f:id:knaka0209:20200331113054p:plain

詳細モーダル画面を、追加しました。

・各行を、クリックすると。モーダル起動
・自分の投稿は、削除の機能を追加。

f:id:knaka0209:20200401152617p:plain

更新内容

・ リストは、上から最新表示
・ 自分の投稿、背景の変更
・ 投稿者の、アイコン。名前を。表示
・ 投稿日時を、追加
・ 投稿表示部分のBot-UI ライブラリ廃止。Vue.js で新規作成
・ 入力　部分、上に、移動

参考のコード

github.com

参考のページ

knaka0209.hatenablog.com

Update

・2020/04/01
UI調整
チャット詳細画面, メンバー/一覧追加