Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Cloudy
Search
kn21304024
May 30, 2022
Programming
0
68
Cloudy
使用スキル:Java/JavaScript/SQL/ Tomcat 形式:GitHub
kn21304024
May 30, 2022
Tweet
Share
More Decks by kn21304024
See All by kn21304024
comop_設計書
kn9244
0
150
リアルタイム性を追求した簡易版 SNS
kn9244
0
65
comop_概要
kn9244
0
53
Other Decks in Programming
See All in Programming
CSC509 Lecture 02
javiergs
PRO
0
160
ACES Meet におけるリリース作業改善の取り組み
fukucheee
0
120
RemixとCloudflare Stack におけるFile Upload
ossamoon
1
120
Cancel Next.js Page Navigation: Full Throttle
ypresto
1
140
DevFest Android in Korea 2024 - 안드로이드의 문단속 : 앱을 지키는 암호화 이야기
mdb1217
1
130
4年間変わらなかった YOUTRUSTのアーキテクチャ
daiki1003
0
140
ECS向けのドリフト検知機構を実装してみた
tkikuc
0
280
(Deep|Web) Link support with expo-router
mrtry
0
170
[KR] Server Driven Compose With Firebase
skydoves
2
170
Beyond the RuboCop Defaults
koic
2
500
XP2024 っていう国際会議に行ってきたよの記 / XP2024 Conference Report
bonotake
4
190
Cohesion in Modeling and Design
mploed
3
190
Featured
See All Featured
Facilitating Awesome Meetings
lara
49
6k
Speed Design
sergeychernyshev
22
470
ParisWeb 2013: Learning to Love: Crash Course in Emotional UX Design
dotmariusz
109
6.9k
Building Flexible Design Systems
yeseniaperezcruz
327
38k
Code Review Best Practice
trishagee
62
16k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
26
1.9k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
4
110
The Invisible Customer
myddelton
119
13k
Raft: Consensus for Rubyists
vanstee
136
6.6k
Why You Should Never Use an ORM
jnunemaker
PRO
53
9k
The Mythical Team-Month
searls
218
43k
How GitHub (no longer) Works
holman
311
140k
Transcript
Cloudy
Cloudy 1 目次 プロジェクト概要 2 開発環境 2 プロジェクト概要 3 掲示板名
3 機能説明 4 ログイン画面 4 アカウント作成画面 6 メインページ 7 リプライページ 8 マイポストページ 9 投稿画面 10 タグ検索 11 資料 12 クラス図 12 ユースケース図 14 シーケンス図 15 データベース定義書 16 感想 17 今後の展望 17
Cloudy 2 プロジェクト概要 開発環境 OS : Windows10 言語 :Java1.8.0_241 データベース
:Oracle Database 19c サーバー :Tomcat8.5 ブラウザ :Google Chrome
Cloudy 3 プロジェクト概要 Twitter をイメージして模倣して作成しました 掲示板名 【Cloudy】
Cloudy 4 機能説明 ログイン画面 ログイン画面 ログイン機能には session を使用しています。 最初にアカウントを新規登録し、そこで作成したユーザーID とパ
スワードでログイン可能です。 (パスワードは hash 化を使用しています)
Cloudy 5 ログインエラー画面 ログインエラー画面 ユーザーID かパスワードまたはどちらも違っている場合にこの ログインエラー画面が出力されます。 ログイン完了画面 ログイン完了画面 ログインに成功するとログイン完了画面が出力されます。
Cloudy 6 アカウント作成画面 アカウント作成画面 アカウントを新規作成する画面です。 名前(日本語でも英数字でも) ユーザーID(半角英数字) パスワード(4~8 半角英数字) アカウント作成完了画面
アカウント作成が完了すると出力される画面です。
Cloudy 7 メインページ メインページ Thread が表示される画面です。 主な機能 リプライページへの移動 マイポストページへの移動 Comment,Tag
入力 Tag 検索 Like(いいね) Logout
Cloudy 8 リプライページ リプライページ メインページで選択したスレッドへの返信ができます。 メインページと同様の機能が使えます
Cloudy 9 マイポストページ マイポストページ 現在ログインしているユーザーの投稿したスレッドが閲覧できま す。 タグ検索やログアウトの機能を使えます。 このページからもリプライページへ飛ぶことができます。
Cloudy 10 投稿画面 投稿画面 サイドにある Comment ボタンを押すことで投稿画面が開きます。 各投稿にはタグを付けることができ、タグをつけることによってタ グごとの検索ができるようになります。 最大
200 文字、投稿できて、200 文字を超えると投稿ボタンが押 せなくなります。 文字数オーバー例
Cloudy 11 タグ検索 タグ検索 画面右上にある検索バーを押すことで、タグの検索ができます。 検索後は検索されたタグのついているスレッドが一覧で表示さ れます。 リプライでも同様に検索が可能です。
Cloudy 12 資料 クラス図
Cloudy 13
Cloudy 14 ユースケース図
Cloudy 15 シーケンス図
Cloudy 16 データベース定義書
Cloudy 17 今後の展望 ・Ajax を用いてリアルタイム性を高める ・リファクタリングを行いコードの改修