sousuke– Author –
-
【Nuxt3×Rails7】API通信を行ってみよう
【フロントとバックで通信するときには設定が必要】 RailsとNuxtで通信するのは異なるオリジン間の通信とになるのでCORS設定をしないといけません。 CORS設定を行う CORSとは、オリジン間リソース共有（Cross-Origin Resource Sharing）の略で、異なるオリ... -
【Docker×Nuxt３】npmモジュール入れると重くて起動しない
Docker上でnpm install tailwind 等、他のパッケージを導入したらうまく立ち上げることができなくなった。 tailwindのパッケージはDockerのボリューム上にnode_moduleに入っているのになぜ？ 【原因予測】 ①プラグイン関係のファイルがローカルにあって... -
回線速度を上げるためにお金を掛けず取り組んでみたこと
快適なインターネット接続は、PCで作業される方の永遠の課題かと思います。 でも個人的にはネットワークなどのITインフラは正直必要十分に使えたらいいというスタンスです。 それ自体が価値を生み出すことは少ないので、勉強もめんどくさいと思っていまし... -
rails７ 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 を押すと下記フォルダ構成なってい... -
【Nuxt3】アプリをAWS CDKでデプロイする方法＃１
本記事ではNUXT３で作成したアプリケーションを簡単にAWSにデプロイできるAWS CDKというサービスを利用したので、初心者と自分の知識定着のため発信する。 参考書籍はこちらです。 【CDKって？】 AWS CDK（Cloud Development Kit）は、AWSのインフラをコー...
