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

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

オリジナルアプリ開発#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を使った開発フロー
続きを読む

オリジナルアプリ開発#1 アプリ設計を考える

オリジナルアプリ開発#1 設計を考える

アプリ開発、まずはいろんな設計を考えよう!

こんにちは、はくたむです。
3月から侍エンジニア塾で学び始めて、今月で3か月目に突入しました!
そして、やっと!オリジナルアプリの開発を始めることになりました!
開発を始めるにあたってMacBookを買ったりしましたので、よかったらこちらの記事も読んでみてください。

ちなみに髪の毛をバッサリ切ってみたり、クールビズになったりしたのでアイコンも変えてみました。笑

アプリ開発の初めは設計からです!
どんなアプリを作りたいのか?どういう機能を持たせるのか?
色んなことを考えてまとめました。

  • アプリ開発、まずはいろんな設計を考えよう!
    • まずは作りたいアプリの案を出そう
    • UI設計、DB設計、必要なgemを考える
      • UI設計
      • DB設計
      • gem
  • 自分辞書
    • アプリの概要
    • ターゲット
    • 開発環境
    • 機能
    • 必要なページ
    • UI設計
    • DB設計
      • users ユーザー
      • words 単語
      • tags タグ
      • tags_words タグと単語の中間テーブル
    • gem
    • ログイン後の画面(メイン画面)の案2
続きを読む

Lesson#8 MacBookデビューでやったこと!

Lesson#8 MacBookデビューでやったこと

祝!MacBookPro購入!!使えるようにするまでのお話

こんにちは、はくたむです!
今月からオリジナルアプリ制作に入っていくことになりました!
それにあたり…MacBookProを購入しました。。やっちまった!
前々から色々とリサーチしたり話を聞いたりしていたのですが、やっぱり何人かに聞いたところ返ってくる答えは「まぁMacの方がいいかな」だったんですよね。笑
そして無事、MacBookProの15インチ購入に至りました…高かった(もちろん後悔なんてしてませんよw)

そんなわけで今回はMac購入からセットアップのお話と、先生からおすすめされてインストールしたツールのお話をまとめてみました。
今回のレッスンはMacの設定だけやったわけではなく、オリジナルアプリ制作も進めてますが次回まとめて書き始めようと思います。

  • 祝!MacBookPro購入!!使えるようにするまでのお話
    • どのMacBookにするかの話
      • Apple Care+に入るのかどうか問題
    • MacBookを買った直後の話
      • 早速覚えておくべきショートカットキー
    • 先生推奨のツールたち
    • Ruby,Railsのインストール
続きを読む