プログラミング– category –

おはようございます！そうすけです！ Vue使っている皆さんが当たるのが、RefとReactiveの使用の壁です。 本記事はReactiveとRefの違いを改めて考えてみます。 Vue公式ドキュメントの【リアクティビティーの基礎】や他の記事を参考にしています。 【RefとRe...

おはようございます！そうすけです！ 【問題】 下記のような記述で、localeをvue-i18n→useI18nから呼び出し、リアクティブになっているlocaleを変更すると、言語設定をあらかじめ設定していた場合、切り替わる様になっている。 グローバルに出力した$t関数...

おはようございます！そうすけです。 現場で本格的にTypescriptを使うことになったので、一度書籍を読んで復習することにしました。 Uhyoさんという方がかかれた本です。かなりかみ砕いて書かれていて分かりやすい。 ガチ初心者でも1度読んだだけでなんと...

おはようございます！そうすけです！ 今回は有名言語phpを勉強してみました。 【なぜphp?】 新しくjoinする会社が、phpベースのYiiというフレームワークを使用しているからです。 フロントエンドエンジニアとして入ったのですが、バックエンドも読めないと...

初心者がNuxt(vue)とRailsでActiveStorageを使って画像アップロードしようと思ったときに詰まったことがかなりありそうだったので、備忘録として記事にしました。 計9個あります。。笑 今回は前編として、後編をまた出します。 【全体の流れ】 フロントエ...

【】 プロダクト名：Botanispotリンク：botanispot.com概要：観葉植物に特化した店舗情報を地図上で探すことができるユーザー投稿型サービスアイコン:観葉植物と店舗の融合をイメージ※注釈2024年5月時点、愛媛県内の店舗データのみになっております。 リポ...

認証などの情報をやり取りしたり、期限を管理したりするのに、よくCookieにトークンを載せるという方法が使用されます。 動かして身につく。RailsAPIとNuxt.jsで作るJWT（JSONWebToken）ログイン認証【22時間超解説】の講義はNuxt２のやり方でしたが、参考...

APIの結果が帰ってきてから描画したい要素をv-ifで判定するとします。 その場合、nullとundefinedを使うとうまく表示されました。 <div v-if="review.rating !== null && review.rating !== undefined"> APIで取得したよ </div> 【...

railsのshowメソッドを使用するときに理解できておらずハマりました。 【問題】 VUE側から店舗の情報を取り出すため、GETリクエストでIDを指定するとき大いになる間違えをしていました。 私が指定したエンドポイントです。 （かなり恥ずかしいですが、備忘...

Nuxt3での使い方はドキュメントのあり、色々乗っていたのですが、そのまま使うとエラーが結構出ました。 表示エラーやハイドレーションエラーが起きて結構詰まったので、そうならないカスタイマイズ方法を書きます。 【準備】 インストールする アプリディ...