卒業制作OneMessage資料

One Message
河原電子ビジネス専門学校　ITエンジニア科4年
和田直海

チーム紹介
● チーム名　OneMessage
● メンバー和田直海
○ ソロチーム全て担当

どのようなものか？
1つのメッセージを送るだけで、
同時に様々なSNSにメッセージを送ることができるWebサービス

なぜ作ったのか？
課題解決
スキルアップ

課題解決
● ユーザー　営業やお知らせをメッセージ送信する人たち
● 課題　お知らせを手動で、LINEとTwitter両方に送っていた
● 解決方法　LINEもTwitter両方まとめて送る

スキルアップ
● 目標　内定した会社の技術を取得する
● 取得方法　卒業制作で、会社の技術を採用

デモンストレーション

送信メッセージを入力

メッセージの送信が完了

メッセージ送信の仕組み

フロントエンド側が、以下のJSONをバックエンドに送信する

JSONの構造 ● message
送信するメッセージ内容
● sendingAddresses
プラットフォームごとの送信先情報一覧配列
● platformType
プラットフォームの種類 (Enum)
● addresses
送信先ID一覧配列
● id
送信先ID

Controllerクラスプラットフォーム対応した
Serviceクラス
メッセージ内容
送信先ID一覧
メッセージ送信

類似サービス
● TwiPla(ツイプラ)
● LINE@

類似サービスとの比較
サービス名 One Message LINE@ TwiPla
対象プラットフォー
ム
LINE,Twitter LINE Twitter
できることの違い
複数のSNSの
メッセージ送信に特
化
ビジネス用途
様々な
Twitterユーザーに
出欠確認や
日程調整ができる

開発環境
● 開発OS WSL2(Ubuntu)
● エディタ Visual Studio Code
● APIテストツール Postman

フロントエンド
● 言語 TypeScript
● フレームワーク Angular
● ソーシャルアカウント認証ライブラリ
Firebase Authentication
● テストフレームワーク Jasmine
● UIライブラリ Angular Material

バックエンド
● 言語 Java
● フレームワーク SpringBoot
● テストフレームワーク JUnit
● ORM SpringJPA

インフラ
● デプロイ先サーバー Amazon Lightsail
● データーベース Amazon Lightsail MySQL
● フロントエンド用Webサーバー
Nginx (Docker-Compose環境)
● デプロイ作業効率化　Shell Script(sh)

その他
● CI GitHub Actions
● API設計ツール OpenAPI
● 外部API
○ TwitterAPI
○ LINE Messaging API

技術面
● スキーマ駆動開発　▶　フロントとバックの連携効率化
● CI構築　▶　コードの品質担保
● シェルスクリプトで、デプロイの効率化
● 複数のプラットフォームに対応

デザイン面
● SPA
● Ajax処理時に、ロードエフェクト、
処理後に結果を表示
● マテリアルデザイン

できなかったこと
● SSL化　▶　ACMのSSL証明書の審査不通過
● もっと多くのプラットフォームの対応 ▶　2つだけ
● 自動デプロイ ▶　Amazon LightsailとGitHubActionsの相性
● 送信先履歴機能　▶　工数不足
● ファイル送信機能　▶　工数不足

反省点
● 休日作業前提のスケジュール　▶　でも休日にやらなかった
● スケジュールの後ろ回し ▶　工数不足に
○ 当初の計画よりも、小さいものになった
○ テストコードの実装をやめた
● 命名で、複数形と単数形の使い分け

感想
● 個人開発の物理的な負担と精神的な気楽さ
● AngularとVue.jsとの関係性
● Java11の機能
● 今回の経験から
○ 内定先で、テックリード目指す
○ 個人開発でQiitaやZennでバズらせる

ご清聴ありがとうございました！！

Recommended