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

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

WEB制作8日目

おはようございます

たるティスです

 

きょうも始めていきたいと思います

関係ないですがミスターチルドレンのボーカルがやっているユニット「ウカスカジー」というバンドの「anniversary」という曲がすごく気に入っています

 

nico and ...という洋服ブランドとのタイアップ曲なのですが優しくて希望があってオススメです

 

昨日は一覧のデザインを考えました、シンプルなものになりましたが言葉を選ぶときはこれでいいかな?と思っています

 

文字合成もただの白背景にしてみようかな・・・?

 

top画面のパワーワード表示

 

f:id:tarutexisu:20180313091657p:plain

 

 トップ画面のスクロールしていくと出てくるパワーワード表示はこんな感じにしました

コメントの場所は、こんな感じ

f:id:tarutexisu:20180313092029p:plain

 

投稿ページとデザインの印象がだいぶズレてしまった気がしますね

でもまぁギリギリセーフでしょう(アウトかも)

 

トップページにいくと最初に映し出されるタイトル画面的なの作りたいと思います

まったく完成ではありませんが、なんか情緒てきなカワイイ感じのものができました(笑)

f:id:tarutexisu:20180313093250p:plain

 

 うーむ微妙だ

f:id:tarutexisu:20180313094955p:plain

 

少しカオスっている

 ダサいツアーチラシみたい

f:id:tarutexisu:20180313100314p:plain

 

もうこれでいこうかな

 

f:id:tarutexisu:20180313110051p:plain

 

1日おきに背景画像が変わるようにしてみた

でもやっぱびみょい気がするな

 

タグみたいに「新着、ランダム、人気」を見る一覧ページを作りました

お昼にしたいと思います、なんだかシンプルなデザインの部分かなり気に入ってきました

 

ものすごくさぼりました、、

映画「告白」をみました、あれは鬱になりますね

 

考えた人は凄まじい哲学をしていそうです

 

少年法に守られた人にどうやって復習するかを真剣に考えたのでしょうか?

最初はエグいなー、きつい。。。という感覚で見ていたのですが途中からいやーすごい事考えるなーと作者の人への興味ばかりになっていました

 

でも作者を調べると作品への印象がかわってしまいそうなのでやめました、映画みたあとのレビュー見る儀式はしましたが

 

とまぁ関係ない事はほっておいて少しでも進めようと思います、毎回帰ってこなくて終わるなんて寂しいですからね、、、

 

 「おっ金田更新してる」を目標に

f:id:tarutexisu:20180313191933g:plain

 

一覧のタグ検索てきなデザインはこんな感じにしました

 

スクロールした場所からでも「現在見ている項目が判る」「違う項目へうつれる」事ができるように意識しました

 

ページネート含めすべて遷移はajaxにしてあります(turbolinkではないですが)

 

これで大体は出来た気がしますイェーイ

 

WEB熟練系の人「パワーワードのurlを貼るとtwitterカードが出るようになっているのですが、この機能を使おうと思ってくれるような同線をデザインしていきたいと思います、拡散力は大事ですからね」

 

僕「パワーワードのurlを貼るとtwitterカードが出るようになっているのですが、この機能を使おうと思ってくれるような同線をデザイン出来るような人になれたらいいなと心から思います、拡散力は大事ですからね」

 

こんな感じなので、どうやったらみんながurlをtwitterに呟こうと思ってくれるのかさっぱりわかりません

 

ひとまずは「urlを呟いてtwitterパワーワードを共有しよう」みたいなものをかこうかな

 

f:id:tarutexisu:20180313195814p:plain

 

ひとまずurlをコピーできるボタンを作った

これを押すとコピーされて、自動的にtwitterへ移動するボタンがでてくるようにした

「内容をコピーする」を押すと

f:id:tarutexisu:20180313200001p:plain

twitterへ移動する」リンクが出てくる

 

これでもう良しとしましょう、でも色が増えてしまったのが非常に嫌な感じがしますが、やっぱりtwittertwitter色していてなんぼなのでしょうきっと

 

こういうmarginがはいってる状態にするか、

f:id:tarutexisu:20180313201735p:plain

 

はたまた、トップページとかと合わせてmarginなしのしきつまった感じにするか迷う

 

 

f:id:tarutexisu:20180313201842p:plain

 

左右の灰色の部分はただのブラウザの色なので無視してください

 

とりあえずは、marginなしパターンでいこうかな

でもそうなると肝心のパワーワードエリアだけmarginあって浮いている感じもするけどまぁ無視しましょう(いい考えが浮かんだら変えよう)

 

 というかこの余白なしデザインかなり気に入ったので次何か作るときは問答無用でこれにしようかな、考える時間減らせそうだし、背景白だからなんでもできそうだし

 

 それじゃあサーバ構築作業やっていきますかー、、、

サーバー代って本当赤字ずーっと赤字

 

なんのためにやってるのかよく迷子になりますが作ったので載せます、公開します

だれか一人でも使ってくれたら嬉しいですね

サーバー構築作業(conoha)

サーバーはconoha使います

メモリは1GBのやつ、かりにも人がきたら速攻プランをあげないとだめですね

 

構成はこんな感じ

CentOS

・Nginx

Unicorn

MySQL

デプロイ時にrailsのアプリをgitからいい感じにデプロイしてくれるツール

・capistranos

を使います

 

この構成はネットに知識が多いのでこれにしています

まったく詳しくないです

 

あっ、ドメイン名決めてなかった

まだとりませんが考えます

 

短いのが好きなのですが、短いのって結構とられてるんですよねー

やっぱめんどくさいので後回しします

 

先にconoha様からレンタルしようと思います、月900円です

借金が増えそうですね、考えない事にします

 

パーミッションを間違えていてsshで戸惑ってしまっていましたorz

全然覚えられませんね700 600

sshの設定までして一旦終わりです