あまりずーと長い間一つのものを作り続けるということがなかったので
昨日途中で何かやめてしまったのでしょう、朝起きてやろうとしたら
Migration are pendingと出ていました。
rake db:migrateで解決
Migrationを解決してね ということで
bundle exec rake db:migrate
したところmigratedされて無事解決。
再度rails s するとlocal host:3000でしっかり表示されました！
ちょっとしたエラーも焦らず行くぞ〜〜！
開発日記vol.7:seed-fuを使ってみる
要領が悪くてなかなか進まない。。。！
とりあえず自分のサービスを今ゆるゆる作ってますが
なかなか頭に染み込まないので新しいことをやる度にブログに残していこうと思います。
昨日は全くいじれなかったのですが、userページのリンクからそれぞれの動画を表示するページに飛ばせるようにidをふって行くつもりなのですが
seed-fuを入れると便利だよ、とのことで使ってみることにしました。
seed-fuとは
Seed Fu is an attempt to once and for all solve the problem of inserting and maintaining seed data in a database. It uses a variety of techniques gathered from various places around the web and combines them to create what is hopefully the most robust seed data system around.
プログラミングってまじ英語と切っても切り離せませんね。メンターが紹介するgithubだいたい英語のやつ。
てか、日本語で書かれててもあまりわからなかったりするので。これはちょっとずつ紐解いて行くしかないですね。
DBに初期データを投入するための仕組みとして、Rails(ActiveRecord)には
db:seedというrakeタスクが用意されています。
このrakeタスクには冪等性がないため、実行するたびに新たなレコードが登録されます。そのため、変更が想定されるデータにおいてはdb:seedで投入する際に工夫が必要となります。その煩雑さを解決する手段として登場するのが、seed-fuです。seed-fuでは更新されたレコードのみを操作します。つまり、値が変わったレコードは
UPDATEされ、追加されたレコードはINSERTされます。
やること （予定）
- seed-fuのgemを入れる（bundle installする）
- ディレクトリを作る
- 紐付ける動画を選ぶ
- その動画のデータを格納した何か←適当 を作る
- 紐付ける
名前のリンク→動画の紹介ページに飛ぶ という流れにしたいと思っています。
RubyMineのトライアル終了したので思い切ってライセンスを購入しました！
今までsublimetextでコードを書いていたのですが、私のメンターイチオシのRubyMineを使ってみることに。
トライアルが一ヶ月あるので、使ってみた感じで使いやすければライセンスを購入しようと思いました。
トライアルした感想
RubyMineって本当に機能がめちゃくちゃ充実してるのですが
初心者プログラマーの私はまあ、全然使いこなせてません！
ただ便利だなと思った一番のものが
勝手に保存してくれるってところです。
command＋Sが要らない。
それは便利だなと思いました。
購入した理由
もう、これはエンジニア歴十年のメンターを信じて。
というか最近お金をあまり使ってないのでこれくらい使おうかなーと思ったり。
あと、道具に投資するのはいいことですね。
ちなみに個人で開発するならindividualので
学生さんならさらに安いプランとかあります。
個人だと会社とかで買うのより半額くらい（1年で１万くらい）
仕事にするのであれば、すごい出費というわけでないので妥当な金額かと思いました。
だからと言って、まじすげーおすすめ！っていうほど使いこなせてないので
ゴリ押しはしません。
開発日記vol.6:Google_MaterialDesignLiteを使ってみる。
Google_MaterialDesignLiteというものをいれてカード状に並べてリンクページを作ろうと思ってます。
MDL - Google Material Design Lite : Grids
サイズ感がよくわからないので、結構手間取りました。。
Materializeと言うのも勧められたのですが、カード状にできなさそう、、と言うことでやはりgoogleが出してる、このマテリアルデザインライトを使うことになりそうです。
参考にさせていただいた記事
重い腰をあげて自分のサービスを作り始めました。とりあえずrails newしちゃおう。
はい、自分のwebサービスにやっと着手しだしました！
私みたいな自信の無いタイプは他人の力を借りた方が良いですね。
メンターしてもらってる人に「うちの仕事のお手伝いもいいけど、とりあえず自分のサービス作っちゃいましょ」って軽く言われてしまって。
まあ、成果物があるのと無いのとでは雲泥の差ですから。
作ることになってしまいました。（下書きしてたブログです、実際は先月から始めてます）
構想を練る
どうしても新しく作る！となると、画期的なものを！！と考えていたのですが
画期的なもの以前にフリーで仕事を取るということはとりあえず、既存のwebサービスが自分で作れなきゃ意味がないじゃん。。
ということで私は海外のwebサービスを模倣して日本語でもう少し簡単にできたらいいな、、と思っていたサービスを真似て作ってみようかと思ってrails newしました。
サンプルサイトと違う、諸々のエラー
あれ、テックアカデミーやrails tutorialしてたときはこんなエラーが出なかった！
っていうことがもう、たくさんありすぎます。
それもちょっとしたことで原因がわからなくて、止まる、止まる、止まる！
こんなとき完全な独学だと心が折れやすいけど、メンターさんのおかげでなんとか保ってます。
これから開発日記を書いていきます！発見したことなど。整理とアウトプットのため。
とりあえずrails newしましょう。
開発日記vol.5 railsでvideo_tagを使って動画を表示する
最初carrierwaveを入れたのですが
そもそもとりあえず私アップロード機能いらないやん！ということで
表示できればいい！
なのでとりあえずhtml.erbにvideo_tagを書いて見る。
そこでよくわからなかったのが解決したのをまとめます。
video_tag書き方がわからなかった
video_tag - リファレンス - - Railsドキュメント
<%= video_tag("test.mp4", :controls => true) %>これだと表示されない。そもそものvideoをどこから読み取っているのか
私の概念だとtest.mp4ってファイル名入れたら（assetsとかに入れてたら見に行ってくれるっしょと思ってたけど）
publicディレクトリ以下に入れてかつパス / を入れなきゃいけんと。
なので動画ファイルを入れたい場合、
<%= video_tag("/assets/videos/sample.mp4", :controls => true, :loop => true, :size => 20*20) %>
とこんな感じでpublic以下のurlを入れ、
セミコロン で動画のloopやらサイズやらを指定する必要がありました（この辺の書き方がわからなかった！）
サイズの変更が
| :size | 動画サイズ(幅x高さ) |
で * で表現できるのですよね。これ、書いてなくて。一日悩んだという。
新幹線で作業！やっとトップページにvideoタグでmp4の動画のせれた！まだcarrierwaveで、アップロードの機能つくんなきゃだが、、とりあえずクリアした、えらいぞ私。動画はわたしのデッドリフト 重り付き。 pic.twitter.com/1d4Jjz96UZ
— EngineerWmn (@engineerman8) September 28, 2018
参考
一番最初に買ったrailsの本ですが、パスの指定などについても書いていたので、これでちょっと理解できました！
色々ググって調べたけどなかなか出てこないこととかも意外と本ってこういう時に頼りになるのだな。。と。
開発日記vol.4 railsチュートリアルに書いていなかったこと・ナビゲーションバーの表示を修正する
railsチュートリアルではこのナビゲーションバーのアカウントとドロップダウンリストが表示されるようになるのですが、私が作ったものには、ドロップダウンリストが表示されない！
ということで解決したのでメモがてら。
application.jsがチュートリアルのものと変更する必要があった
一番下の require bootstrap 消す。
手順
まずここで確認したけど間違いはなく↓
ここに書いてあるの確認
私の場合
- gemfileは問題なかった
- パーシャルも問題なかった（というかチュートリアルのほぼそのまま）
ということでまずは上二つを確認してから挙動がうまくいかなかったのでメンターにヘルプを求めたところそんな感じ。でした。
自分だと堂々巡りだったので一瞬で解決。。
実際自分のアプリを開発してみると
— EngineerWmn (@engineerman8) September 19, 2018
え、ここ必要？？ってとこと、
ここ後回しでいいんや。。ってとこといっぱいある。
progeteやテックの教材だけだとわからんとこですね。あとgitが苦戦する！
開発日記vol.3 gitで苦戦。知らなかったことを知る毎日。
昨日ビデオチャットをして無事解決したのですが
masterブランチのリモートとローカルの内容がぶつかり合い、
さらにあとで作ったブランチもコンフリクトを起こし
コンフリクト祭りで一人ではどうにもなりませんでした！
メンターとビデオチャットして無事エラー解決😭文明の利器、、、！
— EngineerWmn (@engineerman8) September 17, 2018
無料でこんなことができる現代凄い🤔
まじで独学で開発できる人ってすごいなと思っています。
一人で解決できなかったけど、昨日もいっぱい今まで知らなかったことがたくさん知れました！
忘れないようにアウトプットしようと思います。
gitに自分の名前とアドレスを登録しておく
gitに登録するという概念が全く持ってなかったのですが
どうやら自分の情報を登録しておく必要があるようです。
githubとかbitbacketとか使ってるので、それに入ってるからそもそも登録することすら知らなかった。
Gitをインストールしたときに最初にすべきことは、ユーザー名とE-mailアドレスを設定することです。全てのGitのコミットはこの情報を用いるため、これは重要で、次々とまわすコミットに永続的に焼き付けられます：
知らなかったよねえ。私だけかな。。
vimでファイルの内容を変更する
gitでコンフリクトが起こったとき、今まではテキストエディタを開いて、ファイル探して直して、、としていたんですが、
なんとターミナル上でvim画面を呼び出し、そこでファイルを編集できてしまうということを知りました！すごいね！
開発日誌vol:2 git pushできない時
出張に持っていったけど、書籍を読むタイミングがなかった。。
お昼に3日間の出張から先ほど帰ってきて続きをやっています。
どうやら作ったブランチがリモートと差異があるようで、git pushできない。
割と試行錯誤（と言うかメンターに色々アドバイスをもらいながら）やってみたのですが
やはりダメだ。。。
と言うわけで
禁じ手のgit push -f コマンドを使うことにしました。
git push -fとは
強制的にローカルのものをpushしちゃうコマンドなので、本当はあまり使っちゃいけないらしい。
でも私の場合、
一旦ローカルブランチを削除→masterをマージする→そこから新たにブランチを同じ名前で作成 →編集 と言う形でしたので 多分大丈夫だと思い（しかも今回は自分のアプリなのでええい！やってやれーってなりました）
(｀git pull origin master｀ -> ｀git checkout ブランチ｀ -> ｀git rebase master｀ -> ~編集~ -> ｀git push origin ブランチ｀）
と言うわけで無事にpushを強制したので、メンターにプルリクエストを出すことができました。
オンラインでもオフラインでも聞ける人がいるってのは大事
テックアカデミーを受けている時も思いましたが、本当にすぐに聞ける環境ってのは大事！
オンライン上だとうまくニュアンスが伝えるのに苦労したりする場合もあるけれど、どこがどうなっていて、どう言うエラーが出ていて、ここまでやったけど、ここがどうもわからない。または、こうでは無いかと言う仮説をちゃんと伝える。
メンターさんもいくら熟練でもちゃんと書いておかないと無駄な時間がかかるので
質問はとにかく詳細に書くのを意識しています。そうすることによって自分も理解できる部分は大きいなと思います。
独学だけでやってるときはteratailとかも使っていたけど（もちろん今でも参考になるので頼れる存在ではありますが）
全然知らない人にいつ何時帰ってくるかわからない質問をしてモヤモヤするよりは絶対お金払ってでもメンターを雇うなり、プログラミングスクールで払うなり、エンジニアの彼氏を作るなり、私みたいに無給でもいいからプロジェクトに参加、みたいなのでもいいと思う。
まじで、独学はコスパ一番悪いかも知れない。。。！（一部の天才をのぞいて）
開発日記をつける！gitとbootstrapの件は解決しました。
富山出張中。
数日前から自分のwebサービスを作ることになりました。
しょっぱなからエラーが出まくり〜で
webサービスの内容は伏せながら技術的にエラーが出た部分や解決したことなどを書き留めて行きたいと思います。
gitのコンフリクトが起こってしまった
まず、ブランチで作業をしていたのですが、それをコミットするときコンフリクトが起こってしまった。
というか解決に丸2日間かかったので、何回もブランチを作ったり消したり
マージしたり、もうわけわからなくなりましたが。
気をつけたいことで今まで意識してなかったこと
- 開発の時にmasterで作業して origin masterをpushするのはとても危険だということ
- 基本ブランチを作って作業をすること
- コミット文わかりやすいものにすること日本語でももちろんok（後から自分がわかりやすい）
- 迷ったらとにかく自分の今のbranchを確認する（git branchする）
今回新しくやったこと
- リモートリポジトリに上げたmasterブランチとローカルのブランチに差異が出ていて、新たに作っているブランチでエラーが出てニッチもサッチモいかない時、問題なさそうならば一度テキストエディタを閉じて、リモートのマスターをローカルにマージし、そこからもう一度新たにブランチを作り始める。（書いていてわけわかんなくなるね）
- bootstrapの導入は基本的に全く今まで困ったことがなかったのになぜエラーが出たかというとおそらく、scssファイルをいくつも用意していてcustom.cssという作ってしまったscssファイルの方にインポート文を書きapplication.scssのファイルに書かなかったこと（だと思う）
今日進んだところ
- footerを作る
- トップページにサインインボタンの表示
- bootstrapの反映
- 仮画像の挿入（リサイズ）
いやあ、出張中で日中暇なので朝からずーっとやってたけどあまり進まなかった〜！
アプリの開発を始めました！まず最初にやったこと
先日からメンターに背中を押されて自分のアプリの開発を始めました。
仕事を受注するにせよなんにせよ、やはり自分のアプリを作っていく方が
詳しくなれるし、成長できるし、楽しいよと。
そういうわけで作ってみることにしました。
メンターに背中を押されたので独自サービスをrailsでつくります💪
— EngineerWmn (@engineerman8) September 12, 2018
すごいニッチなやつですが😅
ざっくり最初にやったこと
- 大まかな最低限何日までにトップページまで作ると決める。
- アプリのアイディアをいくつかだしてみる
- そのうちのいくつかを手書きでどういう機能が必要かなど大まかに書いてみる
- 似たサイトがあればそのサイトをざっと作りを確認する
- とりあえずタイトルを決める
- rails newする
- githubにリポジトリを作る
と、まずはrails newしてしまうと動き出せる！ということです。
今つまずいているところ
・githubがうまくプルリクエストがメンターに出せない。。
masterブランチと他のブランチの差異がないのか？とりあえず差分がないよ、と言われているためできないのです。うーん。なんなんだろう。。
そうするとgitignoreとかよくわかんないけどそこも調べています。
gitignore — 苦労する遊び人の玩具箱 1 ドキュメント
・bootstrapが導入できない謎
Scssファイルに
import文も書いているしgemもbundle installしているし application.jsも修正したのに。。。！ここ止まってて。
bootstrapの導入で止まったことなんてほぼなかったので超イライラしています。
なんなのでしょうか。。
そしてそれをチェックしてもらうためにgithubをプルリクしようとしてできない。。という堂々巡り。。。！！！
解決したらまた書きます。
今日は引きこもって仕事までは格闘するのです。
エラーを怖がらないようにする/herokuのデプロイできない
リーダブルコードを出張中読みます！
この2日間くらい昔やっていたテックアカデミーの教材を復習がてらやり直しています。
かなりスムーズに進んでいるのですが
herokuのデプロイのところでつまずきました。
何度やってもherokuのappのurlではみることができない。。。
エラーが出ているのを参考に何度か気をつけた点などを覚書程度に書いておきたいと思います。
bundle installとgit pushし忘れていた
最初gemfileを少し変更したのでそのあと普通にコミットしていたのですが、
gemfileを変更した後にbundle installをし忘れてからコミットしてしまっていました。
そしてさらにgit pushしてなかったのでリモートリポジトリの内容も変わってないわけです！
最初何度やってもherokuがデプロイできないので、今開発でお世話になってるメンターに仕事と関係ないけど聞いてみようと思って、リモートリポジトリを確認してもらおうとgithubみてみるとgemfileが変更できてなかったので、pushし忘れだと気がつきました。
で、bundle installしてコミット、git pushしてリモートリポジトリを更新。けど、動かないじゃん！
困った時はteratail 
bundle installをwithoutproductionしてみる
そもそも、そもそもgemfileをいじりまくってpg のとこ消したりつけたりしてたんですが、そもそもそもそも
bundle installじゃなくて↓ にしなきゃいけなかったようで。
bundle install --without production
その後一連の流れ
コミット→プッシュ→herokuにpush すると無事。。。
こういうのを何回もやっているとだんだん頭の中で流れが理解できてきますね。
エラーが出るといつもいやあああ！ってなってたんですけど、エラーに全て書いてあるって言われるので怖がらずにしっかり読んだりしていくとちゃんとヒントが出ているものなのですよね（今更！）
カスタムバリデーションって知らなかったのでこの機会に。
いまお手伝いしている開発で、bundle exac rspecしたけどエラーで真っ赤かになりましたと。(ちなみに配下のindex.htmlを直してもbundle exac rspecするたびにファイルが生成されるので実装コード自体を直さなければエラーは出まくりますよと）
コードを読んでもどこでエラーが出ているのかわからないのですが
ヒントをもらいまくって
どうやらバリデーションのところが問題らしいと。
そして、バリデーションってテックアカデミーの時とかは、ああなんか制限するやつってくらいしか覚えていなかったけれど
それどころじゃないらしいのでしっかり調べてみることにしました。
まずバリデーションとは
バリデーションは、正しいデータだけをデータベースに保存するために行われます。たとえば、自分のアプリケーションで、すべてのユーザーには必ず電子メールアドレスとメーリングリストアドレスが必要だとします。正しいデータだけをデータベースに保存するのであれば、モデルレベルでバリデーションを実行するのが最適です。
モデルレベルでバリデーション？？？
ということは他レベルでのバリデーションもあるということですね？
どういうことでしょうか？？
休憩。 pic.twitter.com/wurisnFman
— EngineerWmn (@engineerman8) August 27, 2018
他も見てみよう
- データベース制約やストアドプロシージャを使用すると、バリデーションのメカニズムがデータベースに依存してしまい、テストや保守がその分面倒になります。ただし、データベースが (Rails以外の) 他のアプリケーションからも使用されるのであれば、データベースレベルである程度のバリデーションを行なっておくのはよい方法です。また、データベースレベルのバリデーションの中には、使用頻度がきわめて高いテーブルの一意性バリデーションなど、他の方法では実装が困難なものもあります。
- クライアント側でのバリデーションは扱いやすく便利ですが、一般に単独では信頼性が不足します。JavaScriptを使用してバリデーションを実装する場合、ユーザーがJavaScriptをオフにしてしまえばバイパスされてしまいます。ただし、他の方法と併用するのであれば、クライアント側でのバリデーションはユーザーに即座にフィードバックを返すための便利な方法となるでしょう。
- コントローラレベルのバリデーションは一度はやってみたくなるものですが、たいてい手に負えなくなり、テストも保守も困難になりがちです。アプリケーションの寿命を永らえ、保守作業を苦痛なものにしないようにするためには、コントローラのコード量は可能な限り減らすべきです。
データベース、そしてコントローラ も出てきました。
バリデーションの実行時の動作って結局どうなるの？
バリデーションのコードを書くと、例えば文字が入力足りなかったりしたら赤字でエラーが表示されたりとかするために書くんでしょ？
とだけ（ざっくり！）思っていたんですが、中ではもっと複雑な動作がなされていたようです。
新規レコードを作成して保存すると、SQLの
INSERT操作がデータベースに送信されます。既存のレコードを更新すると、SQLのUPDATE操作が送信されます。バリデーションは、SQLのデータベースへの送信前に行うのが普通です。バリデーションのいずれかが失敗すると、オブジェクトは無効(invalid)とマークされ、Active RecordでのINSERTやUPDATE操作は行われません。これにより、無効なオブジェクトがデータベースに保存されることを防止します。オブジェクトの作成、保存、更新時に特定のバリデーションを実行することもできます。
なんというか、まとめるにまとめられない。
今日は風邪をひいて声が出ないので引きこもってずっとPC叩いてました。
でも人間の集中できる時間って短いですね。。
Rspec,git diff etc...今日も自分の知らなかったことをどんどん使いました。脳みそが痒いです。頑張る。。。
声が完全につぶれてしまったので
— EngineerWmn (@engineerman8) August 28, 2018
イベントに行かずに
引きこもってプログラミングします。
体は平気だからちょっと身体動かしてこようかな。。🤔
twitterアカウント作り直しました！
そしてUdemy 
がセール中なのもあり今日はVue.jsのコースも買ってしまいました。。。
1200円セール中！
エンジニアの知的生産術を買いました。生活がどんどんエンジニアっぽくなってきたよ。
「初学者にはどのようにプログラミングを学べばいいかかなりタイムリーな内容になると思うよ」って言われてしまったんで。
kindleじゃない本はなるべく買わないようにしてるんですけど。
買いました。
難しそ〜
メンターに勧められたらとりあえず自己投資！
もうプログラミングに関しては数年独学したけど、結局ダメだったので
今のメンター立場の方のおすすめは、全部真似してやろう！自己投資できるものはやってやろう！ってことで本もバンバン買っちゃいます。
毎日知らないことだらけが出てきて大変ですが、楽しいです。
もちろんいつものようにダンスの仕事も練習もこなしていますよ〜
発売されたばかりですが、本を読むのは好きなのでちょっと楽しみです。
やはりメンターは必要だ！
テックアカデミーを1か月だけやっていましたが、その間も質問し放題だったので進めるスピードが全然違いました！
今回たまたま縁あってメンターしていただいていますが
深くまで考えることができるし、うやむやにしていたところを見逃されないというか。
独学オンリーだと、やっぱりまあいいか〜って流しすぎてるところがたくさんありました。。
オンラインでも対面であっても質問できるってかなり良い環境です。
teratailやスタックオーバーフローももちろん役に立ちますが
自分がバンバン質問できる環境を手に入れるのって近道かもしれません。
そういう意味ではプログラミングを独学で学び始めたら、早い段階でインターンにいくなり、プログラミングバイトをするなり、メンターを雇うなりした方が良いのではないかな〜と思いました。
kindle版ないけど、推されたされたのでポチりました。
— EngineerWmn (@engineerman8) August 24, 2018
エンジニアの知的生産術。。。なんだか難しそうだよ。。。
でも迷っていたら忘れちゃいそうだからね。読みます。 pic.twitter.com/GDwFRFa9Eb
