Vue

ゲストユーザーの診断結果を引き継ぐ方法を✅

Vue

早く就職して暖房を買いたいこと23期室温10度で凍え死にそうです。 宣伝 ZEROKENをリリースいたしました! サイトURL https://www.zeroken.site/ 簡単にお酒の強さを測る事ができて、アルハラを予防する事ができるアプリになります! 自分に合ったお酒の飲み…

YouTube Data APIを✅

30日のブシトラさん宅パーティでは「モテスパイラルの体系的な知識」が学べそうで楽しみな23期アルコリズム改良中です。 宣伝 APIとは Youtube Data APIとは Rails(バックエンド)⇨Youtube Data API ⇨Rails(コントローラー)⇨Viewのscript(フロントエンド)⇨Vie…

【Vue】Loading画面の実装方法を✅

Vue

脚に鉄アレイ入ってる?胸Bカップくらいある?と彼女に言われてすごく上機嫌な23期酒ケジュール作成中です。 進捗 多少の進捗あり! 独自ドメイン取得 SSL対応 ローディング画面実装 シェア文言を考えた こちらの記事を参考にしてSSL対応にいたしました。 SS…

【Vue】.syncを✅

Vue

分からない事を分かることで前に進むことってあるんだなぁと感じている23期酒ケジュール作成中です。 さて、今回は.sync修飾子に関して学習していきたいと思います。 .sync修飾子とは 親コンポーネントが子コンポーネントでの値の変更を購読するための修飾子…

【Vue】ルートメタフィールドを✅

Vue

RUNTEQのインタビュー記事やTwitterでしか見たことのない偉大な卒業生たちと会話をする事ができてとても喜んでいること23期髪切って誰か分からないです。 村田講師に助けていただき、酒ケジュール取得のコンポーネントを外部に切り出すことに成功しました!j…

【Vue】SPA SSG SSRを✅

Vue

どう考えてもフィナンシェとシュークリームの響きが可愛すぎるのでかわいすぎるので疲れてる時に小声で連呼して元気をもらうようにしている23期酒ケジュール作成中です。 今日の進捗 https://zeroken.herokuapp.com/ 酒ケジュールを別コンポーネントに切り出…

【Vue】シャッフルし続ける文字列を実装する方法を✅

Vue

わたくし暖房器具がない家に住んでいるのですが、ついに同居人が「俺耳から体温あげてくわ」と言い出し沖縄の民謡を流し始めて困惑している23期中野昴こと酒ケジュール作成中です。 #おじい自慢のオリオンビール~♪ 現在の進捗 なんかiphoneだと診断がカクカ…

【Vue】SPAアプリにOGP設定をする方法を✅

Vue

就活面談を通して、つくづくRUNTEQのサポートは手厚いなぁとしみじみ感じている酒ケ酒ケジュール作成中のスバスバです。 さて、今回はSPA(SinglePageApplication)アプリにOGP設定をする方法を✅していきます。 OGPとは なんで使う? アプリにOGP設定をしてい…

【javascript】ECMAScriptモジュールを✅

普段のブログは書けるのにアドベントカレンダーになった瞬間書けなくなるのはなぜなのかと悩んでいる23期中野昴です。 今回はECMAScriptモジュールに関して学習していきたいと思います。 ECMAScriptモジュールとは ECMAScriptモジュールは、ES2015で導入され…

【Vue】クラスとスタイルのバインディングを✅

Vue

緊張したら「酒ケジュール」を連呼してしまう病を就活フェーズまでに治したいこと23期中野昴です。 今回は、クラスとスタイルのバインディング方法を学習していきます。 クラスとスタイルのバインディングとは 様々な構文が用意されている オブジェクト構文 …

【Vue】親子間値受け渡しを✅

ブシトラさんと武蔵小杉の渡来部に行ってきました。ブシ渡来部ですね。何つって。殴っていいですよ。近所っていいですね。 そしてチームが決まりました。来年の2月からチーム開発を開始していきます。楽しみですね〜〜 さて、今回は親子間で値を受け渡す千本…

トランジション機能を✅

Vue

玄関が汚い家に誰が入りたいと思う?と同居人に言われてアプリのデザイン改良に必死な23期中野昴です。オフラインもくもく会に参加してきました。こんな人なんだ!の連続で楽しかったです。 さて、今回は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に直…