借金100万ニートがWEBサービス(実況)

借金100万円を抱えたニートがWEBサービスを作ります。

webサービス製作1

こんばんは、さっそくはじめてみたいと思います

さすがに初日なので続いているたるティスです

 

実況みたいにやってるときはがんがん記事が更新できたらと思っています

記事は1日ごとにわけようかしらと思っております

 

完成を目指すwebサービス

・タイトル仮

パワーワード投稿サイト P.W」

 

・こうなったらいいな

普段の生活でパワーワードを見つけた人がパワーワードを投稿する

サイトを見た人はそれをみて「フフッ」ってなる

見つけた他人と共有したいパワーワードSNSで投稿する

サイト知らない人も「フフッ」ってなる

 

・入れたい機能

パワーワードを投稿する機能

パワーワードのその時の情景などの説明を投稿する機能

あればパワーワードの出典を投稿する機能

パワーボタンを設置しみんながパワーワードの度合いを評価できる機能

パワーワードにコメントできる機能

「質問箱」みたいにurl投稿でtwitterカードで装飾されたパワーワードが呟ける機能

 パワーワードランキング閲覧機能(パワーワードの数が多くなったら、週間とかもつけてみたい)

多少の荒らし防止のため同一IPの10秒連続投稿禁止機能

twitterで「パワーワード」という言葉があればそれを自動で、取得してパワーワード一覧ページに表示させる機能

「PW」twitterアカウントとってパワーワードとつぶやかれたら自動リツイートする機能(twitterbotが禁止されたと聞いたので、無理かも)

こんな感じですかね

 

ちなみに全部出来るかどうかは分かってないですがこんな感じだたらうれしいな、という物をただただ書き連ねています

いつできるかはさっぱり分かりませんが、頑張っていきたいです・・・

 

超簡単に完成したレイアウトを考える

 ノートに書いていきます

 

世の中の人はスマホでネットするようなので、スマホの事しか考えずにいきます

レスポンシブ対応させるとしても、パソコンだとパワーワードが表示される列数が増えるとかだけだと思います

 ①トップページ

f:id:tarutexisu:20180303193506p:plain

 トップページだけできました

超汚いのはゆるしてくださいませ

はてなブログって画像の容量に制限あるのですね、こわいー

 

 ②パワーワード個別ページ

f:id:tarutexisu:20180303195315p:plain

 

場面の説明とかが書いてあってその中でパワーワードが一回出現

下で装飾されたパワーワードだけピックアップされてる場所がある感じにしようと思います

絵にすると微妙な気がしてくるけど多分こうやって途中で止める癖が強くあるので考えずに進めていこうと思います

 

あっすみませんパワーワードへコメントを入れられるようにします

書くの忘れていました

 

パワーワード見るページ

f:id:tarutexisu:20180303200741p:plain

 

 ここはこれぐらいですかね・・・

どんどん面白いのかわからなくなってきます

何かあればなんでもコメントにかいてみてください

僕はキングオブ豆腐メンタルなのですが、書いたからにはなんとか受け入れようと思っています

 

 休憩です

 休憩終わりです、あと少しだけやります

 

④投稿ページ

f:id:tarutexisu:20180303225421p:plain

 大体必要な画面はこんなところでしょうか?

最初に画面を考えたのは何となくです

 

カッコイイエンジニアの人達は解説するときそれっぽい論理がでてきて、カッコイイなーと思うのですが僕の場合はとくにないです

 

モデル図

必要になりそうなモデルを決めたいと思います

ちなみにruby on railsで開発をしようと思っているのでMVCモデルで進めていきます

 

f:id:tarutexisu:20180303234736p:plain

Pwordモデル

id:自動付与

content:パワーワードの説明文みたいなやつ

word:パワーワード

user_id:もしかしたらいつかユーザー制にするかもしれないので一応

point:パワーポイントの値を格納しておく予定

stat:なんか状態入れたいときに使う場所

created_ip:問題対処と荒らし対策のためにip記録

img_url:画像を保存する時がくるかもしれないので作っておく

created_at:作成された時間、一週間以内みたいに頻繁に検索しそうなのでindex

updated_at:timestamp機能で自動付与

 

Commentモデル

id:自動付与

content:コメントの中身

pword_id:Pwordとの関連付けの為、頻繁に検索するのでindexつけておく

user_id:もしかしたらいつかユーザー制にするかもしれないので一応

stat:なんか状態入れたいときに使う場所

created_ip:問題対処と荒らし対策のためにip記録

created_at:作成された時間、最近のコメントみたいに検索するかもしれないのでindex付与

updated_at:timestamp機能で自動付与

 

といこうと思います

書く必要のないのどのE-R図?みたいなものです

f:id:tarutexisu:20180303235649p:plain

 

ユーザ:Pword = 1:多

ユーザ:Comment = 1:多

Pword:Comment = 1:多

 みたいなな感じです

 

お気に入りとか機能とか作ることがあれば、またテーブルを増やして多対多にしようと思いますが、多分ないですね

 

 userは自分でログイン機能を作るのはセキュリティ的に怖すぎるのでrailsでとっても有名なdeviseというgemに(プラグインみたいなもの)が生成するものをアレンジしようと思っています

 

twitterログインできるようにするための項目を付加するくらいなので特に意識してないです

 今日はこのぐらいです

明日は時間が出来れば、アプリの制作にかかっていこうかなとおもいます

 

皆様の明日がよりよいあしたになりますように

つづくといいなー