56~57日目

プログラミング日記

サイトの骨組みが完成した。
https://susumeru.herokuapp.com/

Railsチュートリアルを参考にしながらdbやらモデルやらを作ってログインまわりの基本機能、フィード（タイムライン）、フォロー機能を実装した。

ここからは独自機能を追加していく。チュートリアルの応用で出来そうな範囲で。

TODOリスト
・gemなどのバージョンを上げてセキュリティ対策
・プロフィールの説明欄
・ミュート
・カテゴリー・ジャンル・タグ
・検索
・お気に入り
・ソート
・タグ作るときや検索するときのサジェスト
・ツイッターID・Gメールなどでログイン
・通知
・RSSフィード
・シェア機能
・日本語化

全部できたらいいな…

52~55日目

プログラミング日記

期間が空きがちになってきたけども、進捗は順調。
webサイトのほうはメール認証まで進んだ。明日にmicropostまわりを完成させて、独自機能の追加に移る予定。カテゴリー・ジャンル・タグ機能、検索機能、お気に入り機能、ソート機能。このあたりは最低限実装したい。

相変わらずエラーとの格闘の日々だけれども、上手くいったときの達成感はかなり良い。

The HackerRank Interview Preparation Kit | HackerRank

ちょくちょく解いている。Ruby文法の復習に良い。正答率50%以下の問題を一発で通せたの本当に気持ち良かったな。

49~51日目

プログラミング日記

webサイト制作をしつつ。

ぼちぼち就のために色々やってかないとな、とのことで

The HackerRank Interview Preparation Kit | HackerRank
https://paiza.jp/challenges

このへんの類題みたいなのを ruby で書いたりしている。atcoderではc++で書いてたので文法の違いに四苦八苦しながらも、アルゴリズムの仕組み自体は変わらないのでまあまあ順調に解けている。

bootstrapでコンテナの幅を固定する方法

bootstrap

デフォルトの設定ではディスプレイ画面に合わせて自動でコンテナの幅を決められてしまうので、それを固定する方法を探しました。

いくつか見つかったのですが、自分は以下のようにscssファイルでcontainerクラスを上書きする方法で解決させました。この記述だとディスプレイの大きさに依らずコンテナの幅が 750px に固定されます。

.container {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 750px;
  }
}


他にも、新たにcontainer-fluidクラスをscssで定義して用いる方法もあるようです。
参考：https://crafrite.com/web-pc/web/9.html

46~48日目

プログラミング日記 javascript

railsチュートリアル読破。
webサイトの構想も固まってきたし、ぼちぼち作っていこう。

そういえばこの前作ったサイトで初回読み込み時にJSでDOMエラーが出て、ページ更新したら直るみたいなよく分からん現象が起きていたのですが、経験者の人に相談してみたらあっけなく解決した。

どうやらonloadで囲む前のjsをブラウザのキャッシュで保存してしまっていたみたいでした。