プログラミング– category –
-
プログラミング
【VSCODE】拡張機能が予期せぬエラーで落ちまくるときの解決策
意外と乗ってないので書いてみました。 拡張機能のホストを再起動を選択 Ctr+Shift+Pで再起動を選択します。 Ctr+Shift+Pで拡張機能のバイセクトを実施 これで障害が起きている拡張機能を洗い出せます。 アンインストールしてインストール アンインス... -
プログラミング
【Nuxt3】piniaを使用するとハイドレーションエラーがおこる。
PINIAすごい!SSRすごい! 動かして身につく。RailsAPIとNuxt.jsで作るJWT(JSONWebToken)ログイン認証【22時間超解説】を参考にしました。 教材はNuxt2なので古いので、学んでいるNuxt3に組み替えて作っておりました。 ですが理解半分でログイン認証機能... -
プログラミング
【Nuxt3×Rails7】API通信を行ってみよう
【フロントとバックで通信するときには設定が必要】 RailsとNuxtで通信するのは異なるオリジン間の通信とになるのでCORS設定をしないといけません。 CORS設定を行う CORSとは、オリジン間リソース共有(Cross-Origin Resource Sharing)の略で、異なるオリ... -
プログラミング
【Docker×Nuxt3】npmモジュール入れると重くて起動しない
Docker上でnpm install tailwind 等、他のパッケージを導入したらうまく立ち上げることができなくなった。 tailwindのパッケージはDockerのボリューム上にnode_moduleに入っているのになぜ? 【原因予測】 ①プラグイン関係のファイルがローカルにあって... -
プログラミング
rails7 Docker ソースの変更が反映されない
Version rails:7.0.8ruby:3.1.4Docker:25.0.2 【症状】 railsのソースコードがDocker上だと即時反映されない。 具体例 class EmailValidator < ActiveModel::EachValidator def validate_each (record,attribute,value) #text length max = 255 #属性... -
プログラミング
【Git】エラー fatal: transport ‘file’ not allowed でサブモジュール化できない
Git操作でのサブモジュール追加時のエラーです。 親ディレクトリから子ディレクトリをローカル環境でサブモジュール化したとき、下記のようなエラーが起こります。 $ git submodule add --force ./front_temp front Cloning into 'C:/Users/mnbsou/Des... -
プログラミング
【rails】「:」の記法でこんがらがる為整理
下記のような非常に単純な記法であるが、「:」がいっぱい出てきたのでこんがらがりましたので整理。 def index #取得 @books = Book.all #where区で記載 @books = @books.where(year:params[:year]) if params[:year].present? @books = @books.where(mon... -
プログラミング
【Nuxt】typescriptジェネリクス型の理解を深めるため例を書いてい見た
ジェネリクスをなんとなく使っていて、理解が曖昧なままだったので、簡単な例を用いて説明とoutputを含めて記事にしてみました。 参考記事 【ジェネリクスとは】 仮の型を作っておいて、実際に使うときに型を指定する方法 一般的な関数 //const 変数 =(... -
プログラミング
【Nuxt3】動的ルーティングはファイルもフォルダも対応できる
【Nuxt3のルーティング処理について】 Nuxtはルーティング処理を別途かかずとも、フォルダ構成により自動でルーティング処理をしてくれます。 【動的ディレクトリについてフォルダでもファイルでもいける】 基本的には[id].vueを作成すると、そのディレク... -
プログラミング
【Nuxt3】アプリをAWS CDKでデプロイする方法#2
本記事ではNuxt3で作成したアプリケーションを簡単にAWS上にデプロイする方法としてCDKを利用したので、解説していきます。 前回の準備編記事はこちら 【ファイル構成】 構成の説明 cdk init app --language typescript を押すと下記フォルダ構成なってい...