stylesheet_packとstylesheet_linkの違いを✅

気合のタスキのおかげでMVPを完成させる事ができた〜(にんまり) URLはこちら↓ https://preliquo.herokuapp.com/top とりあえず動くものを作っただけなので、内装はこれから整えていきます、、 さて、今回はstylesheet_packとstylesheet_linkの違いについて…

ルートナビゲーションを✅

「7時間」気合のタスキを巻いていたおかげで少し可処分時間を確保する事ができた23期スバルです。現在heroku run rails db:migrateをすると、一生エラーが出る状況に陥っています。 Mysqlのエラーかと思いきや、Dockerのエラーかもしれないぽい。 ちょっと厳…

VueのグローバルAPIを✅

Vue

「0」残された可処分時間。。Vuexが機能していない影響で診断ができない状態ですが、URLだけ貼っておきます。。 https://preliquo.herokuapp.com/top ちなみにルートディレクトリに行くと真っ白に描画されるエラーも解決できていません。。 ついにライフポ…

Vue のi18nを✅

「3時間」MVP完成までの残された可処分時間。Herokuデプロイエラーに苦しめられているので、寝ている間に脳内で勝手にデバックしてくれないかなと期待しているスバルです。 さて、今回はVueのi18n化に関して学習していきたいと思います。 i18nとは どう使う…

Vueのトランジションを✅

「6時間」MVP作成予定日まで残された可処分時間。いよいよ後回しにしていたエラーがボディーブローのように効きだしてきて吐きそうなスバルです。 さて、今回はvueのトランジションについて学習していきたいと思います。 トランジションとは javascriptもフ…

複数のインスタンス変数をjson形式に変換する方法を✅

「13時間」MVP完成までに残された可処分時間。思いの外技術的負債が多くて無理なんじゃないかと焦っていることスバルです。 今回は複数のインスタンス変数をjson形式に変換してVueファイルで使う方法を✅していきます。 コントローラーにSQLをいっぱい書いて…

アルコリズム算出方法を✅

「20時間」MVP完成までの可処分時間。結構やばい。今日のポートフォリオ進捗会の感想は「sycall可愛すぎ」ですね。あと、自分のサービス内容を30秒で説明できるようなスクリプトを準備しようと思いました。 さて、今回は、ポートフォリオに実装中のアルコリ…

MVP作成におけるマインドを✅

昨日は24:30くらいまでですかね、Discord上でプチLT会のようなものを行っていました。輪読会終わりの現役エンジニアの方(アジャイルにかなり詳しい方です)が途中参加してくださり、MVP作成に関するアドバイスをいくつかいただきました。 めっちゃ刺さった…

コンポーネントの基本を✅

「29時間」残された可処分時間。MVP完成間に合うかな、、 さて、親コンポーネントと子コンポーネントとの値の受け渡しの復習を今一度しておきたいと思いました。 今回はVue公式に記載されている、コンポーネントの基本に関して学習していきます。 【Vue.js】…

サーバーからデータを取得する方法を✅

「36時間」残された可処分時間。頑張ろう。やるしかない。 javascriptのライブラリを使っていく上でサーバーとやりとりをする機会が何度かありました。axiosを使ってapiを叩く時がそれに当てはまります。 今一度頭の整理をするために、今回は「サーバーから…

ルートメタフィールドを✅

「39時間」恐ろしや、こちらMVPリリース日(11/15)までの可処分時間です。まだissueの進捗は60%くらいです。控えめにいってやばい。嘆いても仕方ないので、粛々とポートフォリオ作成に勤しみます、、 さて、今回はルートメタフィールドについてを学習していき…

Vuexのワークフローを改めて✅

「これ、完全にVuex理解しちゃったよね」と最高に調子に乗ってしまっています。とはいえ、エンジニアでもない自分の「完全に理解した」なんてたかが知れているので、ダニングクルーガーの最初の局面が来て喜んでるんだな〜可愛いな〜くらいの気持ちで見てい…

ActiveModelのscopeを✅

PF進捗会に参加して、酒ケジュール作成のヒントをもらった。スコープを活用して条件を決めておくことで、提供したいお酒のアルコール度数をグルーピングできるようで。 「お酒の強さがweakだったユーザーの場合はpercentageが0〜7のお酒、strongだったユーザ…

Vue @click 引き数渡し + 複数使う方法を✅

下記サイトへ移行しました。 Vue @click 引き数渡し + 複数使う方法を✅ – オクトムブログ

VueRouterのナビゲーションガードを✅

ログインしていなかったらログイン画面に遷移させたり、診断画面結果表示の前は特定の画面を表示させるようにしたい。 この画面はここからアクセスしてきた方のみ閲覧可能ですよ〜というようなものがあるらしい。 ナビゲーションガードというらしい。学習し…

スバルの進捗を✅

rails newをしてからもうすぐ1ヶ月が経とうとしています。本日でブログ投稿60日目のようです。中々ポートフォリオ作成が前に進まない原因を整理するために、今回はスバルの進捗を✅していきたいと思います。 もしかしたらPF作成フェーズの方に役立つ内容かも…

三項演算子の使い方を✅

JSONから値を取り出すことに苦戦してましたが、なんとか乗り越えることができホッとしています。 ユーザーの回答状況に応じて値を動的に変化させ、「問題1の回答が2だった場合、13という値を返す」ような式を作りたいと考えているのですが、これがまたよく分…

getter関数とsetter関数を✅

ポートフォリオ作成に着手してもうすぐ1ヶ月が経とうとしていますが、中々javascriptさんと仲良くなれなくてしゅんとしちゃってる今日この頃の俺です。 今回はセッターとゲッターについて学習していきます。 今一度セッターとゲッターについて復習しておく…

==と===の違いを✅

Vue

昨日はPF進捗報告会と技術面談を詰め込みました。つよつよな方々と話すことによってつよつよになれた気がしている勘違い野郎ことスバルです。 貴重なアドバイスをいくつかいただいたので、咀嚼するために、一つづつブログにログとして残していこうと思ってい…

グローバルな定数管理を✅

Vue

データをフロントで持たせたい。そんなことって日常茶飯事ですよね。僕は脳筋すぎて、データ?とりあえずVuexに突っ込むっしょヒェヒェとか考えてました。 技術面談でその考えは儚くも砕けさりました。 どうやら静的な値はconstに切り出して保管しておく方法が…

STI (単一テーブル継承)とポリモーフィズム関連を✅

絶賛ポートフォリオ悪戦苦闘中なわけで。 その中で、診断内容とお酒テーブルを結びつけたいと思っている。 そしてお酒テーブルから派生して同じカラムを持つ酒の種類テーブル?みたいなものを作りたい。 はいはい、中間テーブルにid持たせて多対多を作るやつ…

ライフサイクルフックって何。

vueインスタンスが生成されてとか知らんし。とりあえず動けばいいし。 と考えていた自分に鞭を打つ。ライフサイクルフックを軽くでも頭に入れておかないと痛い目にあうらしい。 Vue嫌い!無理!とイヤイヤ期に突入してしまった自分を鼓舞するために、今回は…

ActiveRecordに保存したデータをVueコンポーネントで表示させたい

ActiveModelにあるデータを.vueに呼び出すためにはどうすればいいんだ。 やり方があるみたいなので、学習していく。 Railsにあるデータをjsonに直す モデルをvueに表示させる 解説 v-for axios mounted 実際にとってきたデータ Railsにあるデータをjsonに直…

v-modelってActiveRecordのようなもの?と思ってたけどなんか違うみたい。

今後の投稿では、RUNTEQのカリキュラム内容に言及することは控えさせていただきます。 さて、エラーに詰まった時は圧倒的インプットに逃げてしまうことスバルです。 今日もアウトプットドリブンなインプットをしていきたいと思います。 今回はv-modelについ…

Vuexから呼び出す ヘルパー(map〇〇)

とりあえずVuexにデータを保存することはできた。でも、どうやって呼び出してくるの〜ドラえも〜んVuexから関数を呼び出してくる道具が欲しいよ〜〜。 しょうがないな~のび太君、はい、Google検索をあげるよ。どうやらmapState,mapGetters,mapMutations,mapA…

VeeValidateって何。

今日はバディ面談で河原さんと就活に関してお話ししたり、Discordで西村さんとお話ししたりして、エンジニアになる決意がより一層強まったぞ!みんなもバディさんや西村さんを頼ってくれよな! #らんてくん感 さて、今回はバリデーションに関して。 ログイン…

v-ifを理解する!!

ユーザーがいるページに応じて表示する内容に制限をかけたり、ゲストか会員かどうかに応じてなどの条件分岐を実装したい。 v-if条件分岐レンダリングというものがあるらしい。学習していく。 v-ifって何 v-if ディレクティブは、ブロックを条件に応じて描画…

Form Objectって何。

PF進捗報告会お疲れ様でした〜映画の予告編共有、コンビニ飯レコメンド、乃木坂46の推しメンレコメンド、みなさん個性的だったな〜参考になるコードを散見したから自分のPF作成に参考にさせていくことにします〜 さて、今回はFormObjectについて取り扱ってい…

axiosを理解するためのPromise,async,await学習

下記ブログへ移行しました。 octomblog.com

webpackerって何〜(後編)

Webpacker手強かった、、 でも倒せた!成長!ここ二日間すごい足踏みしたけど、 また明日からVueの学習に戻れるから気持ち新たに頑張るぞいっ#ぞい webpackの概要 webpackとはウェブコンテンツを構成するファイルをまとめてしまうツールです。一番多い使い…