Vue

stylesheet_packとstylesheet_linkの違いを✅

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

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秒で説明できるようなスクリプトを準備しようと思いました。 さて、今回は、ポートフォリオに実装中のアルコリ…

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

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

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

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

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

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

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

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

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

同じタグ内でv-onハンドラを複数使いたい。これまではv-on:clickと@clickに分けていたが、Github Actionsに設定していたvue/no-parsing-errorによって「同一タグ内で同じハンドラは使えません」と拒絶されてしまった。ぴえそぴえそ泣。 今回は、その時のエラ…

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

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

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に直…

Form Objectって何。

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