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

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

オリジナルアプリ開発#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のインストール
続きを読む

Lesson#7 環境変数をconfig gemで設定してみるよ

Lesson#7 config gemでだいじなパスワードをまもろう

GitHub環境変数?アカウント名…パスワード…あ、頭が痛い…!!!

こんにちは。はくたむです。
今週のレッスンまでにRailsのカリキュラムはすべて終わらすぞーー!!
と意気込んでいたのですが終わらず
カリキュラムで作ったSNSに応用編として色々実装してみよう(ただしあるのはヒントだけだよ)でコケにコケまくって意気消沈の一週間でした。笑

さて今回は授業で、カリキュラムに書いてある方法でやったけどダメだった件について別のアプローチから実装したお話を書こうかと思います。
よろしくお付き合いお願いしますm(__)m

  • GitHub環境変数?アカウント名…パスワード…あ、頭が痛い…!!!
    • 今回の問題点
    • 解決策
    • このgemを使うポイント
      • gitignore…?
    • 英語力なさすぎは効率が悪い
    • 次回の課題
続きを読む

Lesson#6 Railsのエラー解決法!

Lesson#6Railsエラー解決法

なぜ起こってるかわからないエラー…pryさんが解決するよ!!

どうも、はくたむです!
え?名前が変わってる?よく気づきましたね!
なんとなくひらがなの方がかわいくて親しみやすいかなって思って変えてみました。笑
ひとつ、よろしくお願いします。

さて、今回のメインはエラーの解決法を探る!でお送りしようと思います。
今回のお悩みはこちら!

なんかCSSが反映されていないーー!!原因がわからん…(;ω;)

カリキュラムを進めていく中で、どうしても原因のわからない現象が起きていました。
はくたむは先生に導かれながらどうやって解決したのか?!順を追って書いていきたいと思います。
どうぞ、お付き合いください。

  • なぜ起こってるかわからないエラー…pryさんが解決するよ!!
    • 何が起きたのか
    • 原因を探る
      • CSSが適用されてないってことはやっぱりCSSが原因だよね?
      • じゃあ、実際に吐き出されたHTMLはどうなっている?
      • 引数の中身は何だ?
      • binding.pryを使って確かめる
    • じゃあ結局error部分は何だったのか
    • まとめ
    • 課題のフィードバック
    • 次回の課題
続きを読む

勉強メモ@自分用

勉強中に調べた用語などをここに記録していきます。

簡単なまとめだったりあとで読みたい記事などのストック!
本当の記録用なので意味不明でもご容赦ください。
なお、万が一間違っているところがあれば教えて下さると幸いです。

  • 勉強中に調べた用語などをここに記録していきます。
    • add_index
      • indexとは
      • indexを作成するカラム
    • マークダウン記法
    • リレーションシップ
    • default_scope
    • 遅延評価
    • Proc、ラムダ
    • time_ago_in_words
    • Strong Parameters
    • build
    • SQLインジェクション
    • SQL プレースホルダ
    • foreign_key、primary_key
    • ||=
    • map
    • join
    • bundle exec
    • エラー(例外)処理
    • sorcery
    • CarrierWave
    • devise
    • config
    • AWS cloud9にheroku CLIがない
続きを読む