アラサーOLだっしゅつけいかく

30代でOLを辞めて未経験からエンジニアになろうと一念発起した人の活動記録です

オリジナルアプリ開発#6 登録語詳細ページとアクセス制限

Lesson#12-2

必要なページがどんどん形になってきて楽しいです!!

自分で考えて作ったものがちゃんと動いて形になってくるのはやはりどんなものでも楽しいなぁ、って思います。
やっぱり私は作ることが好きみたいです!笑

さて、今回は登録した単語の詳細ページとログインユーザー以外が単語関係のページにアクセス出来ないよう制限をかける処理を作りました。

  • 必要なページがどんどん形になってきて楽しいです!!
    • 登録単語詳細ページ作成
      • 戻るボタンの実装
      • 削除するときにアラートを出したい
      • インデックスの並び順を新しい順に並び替える
      • 指摘事項
    • 登録語編集ページ作成
      • アクションを作る
      • 今回のコメント
    • アクセス制限をかける
      • ログインしてたらTOPページにアクセスできないようにする
    • エラー表示の作成
      • 更新時の挙動がおかしい?
    • レビューコメント
      • 単語登録機能の操作をログインユーザーにのみ許可
      • エラー表示部分の作成
    • 次回からはちょっと山場
続きを読む

オリジナルアプリ開発#5 ヘッダーメニューをアイコン化したりページネーション作ったり

Lesson#12-1

開発記録溜め過ぎてすみません…色々やってます!

こんにちは、はくたむです。
ちょっと体調崩してレッスン先延ばしになったりなんだりしていましたが、元気にアプリ制作に励んでおります。

進捗記録をどんな感じで公開して行こうかまだ手探りで、開発進めるのが楽しくて気づいたらめっちゃ溜まってました。
15,000文字くらい…。笑

何回かに分けて投稿しますので、よろしければお付き合いください。

  • 開発記録溜め過ぎてすみません…色々やってます!
    • プルリクエストの単位について
    • ヘッダーメニューをアイコンにする
      • 作業ブランチadd_header_menuiconを作成
      • railsにFontAwesomeを導入する
    • アカウント設定ページの編集
    • プルリクエスト作成&LGTM
    • Wordsテーブル作成
      • ルーティングの設定
    • ログイン後の画面を変更する
    • メイン画面のデザイン作っていくことにしました
      • ダミーデータをindexに表示させてみる
    • kaminariでページネーションの表示
    • 単語新規登録フォームの作成
    • プルリクエストがおかしい?
続きを読む

オリジナルアプリ開発#4 devise install〜Usersテーブル作成

オリジナルアプリ開発#4

devise周りを並行して進めようと思ったら色々大変だった

前回StaticPages周りを進めていましたがレビュー待ちの間にdevise周りも進めちゃおう!と思って新たにブランチを作成し、作業を進めました。
結果的にブランチの切り方を間違ったり競合を解決してマージしたり…色々勉強になったのでOKとします!笑

前回の記事はこちら↓

hak-prg.hatenablog.jp

  • devise周りを並行して進めようと思ったら色々大変だった
    • deviceを利用したユーザー周りの作成
      • まずはdevise:install
        • 1.デフォルトのURLを指定
        • 2.ルートURLを定義
        • 3.フラッシュメッセージを作成
        • 4.バージョンが3.2のRailsを利用している場合に必須の指示内容
        • 5.カスタマイズ用のビューを生成
      • ユーザーモデルの作成
    • ここでStaticPagesのレビューが返ってきました
    • とりあえず修正してみる
      • 無事LGTMいただきました!
    • で、devise周りの続き
      • deviseで生成されるルーティング
      • 追加したユーザーネームのバリデーション
      • Strong Parametersの設定
      • ログアウトボタンを作る
      • 新規登録とログインとパスワード再設定ページのビュー
    • add_deviseのレビュー
    • コンフリクト(競合)を解決してmasterへマージする
続きを読む

オリジナルアプリ開発#3 StaticPages作成

StaticPages作成

Bootstrapと格闘しながらStaticPagesを作成したよ

こんにちは、はくたむです。
いよいよアプリの作り込みに取りかかれます!ここまでなんか長かったな…笑

全体像を把握する

さて、アプリを作っていくといっても何から始めるんだ…?
チュートリアルの流れに沿ってやるべきか…?
色々悩んだのですが、まずは設計を見ながら最終的にコントローラがいくつ必要か考えました。

  • StaticPages
    • 静的ページのことなので、サービスTOP(ランディングページ)がここにあたります。
  • Users
    • ユーザー登録やログインなどユーザー周りのページになります。deviseで作成。
  • Words
    • 単語登録・編集・削除、一覧、詳細のページです。

最初あまりにも漠然としていてイメージが掴めなかったのですが、これを考えたら構成がまとまってきた気がしました!
早速作っていきたいと思います。

  • Bootstrapと格闘しながらStaticPagesを作成したよ
    • 全体像を把握する
    • StaticPages作成
      • ページごとのタイトルを設定する
      • Bootstrapの導入
      • ヘッダーメニューの実装
      • TOPページの変更
      • ヘッダー部分をパーシャルに切り分け
      • リモートリポジトリにプッシュしてプルリクエストを作成
続きを読む

オリジナルアプリ開発#2 開発の流れ〜DBの変更〜初めてのPull Request

オリジナルアプリ開発#2

GitHubの開発フローを確認して、PostgreSQLを導入して…まだコード書けてない!!

こんにちは、はくたむです。
オリジナルアプリ開発順調に…進んでると言いたいのですが、実はまだ設計の変更があったりデータベースの導入でモタモタつまづいてたりしてそんなに進んでいません。笑
今回は開発の主軸であるGitHubを使ったフローについてとPostgreSQLの導入についてです。

よろしくお願いします。

  • GitHubの開発フローを確認して、PostgreSQLを導入して…まだコード書けてない!!
    • UI設計の変更がありました
    • アプリの名前も決めました!
    • rails newする時にPostgreSQLに変更したい
      • DBってどこにある何者なのか一晩と一日悩んだ結果…
      • 仕組みがなんとなく理解できたのでPostgreSQLをインストールして新しいアプリで使用出来るようにするよ
    • GitHubを使った開発フロー
続きを読む