sousuke– Author –

2023年10月のNuxt3.8へのアップデートより、型のimportの定義がより厳密になりました。 Vue requires that type imports be explicit (so that the Vue compiler can correctly optimise and resolve type imports for props and so on). See core Vu...

プロジェクト内で何度も同じオブジェクトを定義するのは面倒です。 /types └ entities.ts → / レシピオブジェクトを多用するときはここで定義。 export interface RecipeEntity { //料理名 name:string; //材料名 items:{ name:string; amount:""...

おはようございます。そうすけです。 ポートフォリオサイトでパンくずリストを作成してみました。 参考書籍：https://news.nextpublishing.jp/news/detail/1282/かなり良かったので皆さん読んでみて。 いままで作ったことがなかったので、面白いやり方を参...

アロー関数は複雑です。 Javaなどの言語に慣れている方は、アロー関数の記法の統一性のなさに毎回苦労します、、 ReactやVueなどで他人のソースコードを見る時など、初学者は非常に苦労します。 なので省略記法について記事にまとめました。 【普通のアロ...

おはようございます。そうすけです。 PropsとEmitsの機能はVUE３（Nuxt３）では開発のメインの機能になってくると思います。 最初は人のソースコードを見ながら学習します。 しかし他の人のソースコードが人や参考書によって異なり、初心者のうちは困惑す...

おはようございます。そうすけです。 Nuxt＋Tailwindcssを使って開発する人へ、ダークモードの設定方法を記載します。 最近はどのアプリケーションでもダークモード機能が当たり前になってきています。 ポートフォリオなどにあるとユーザビリティの評価に...

おはようございます。そうすけです。 NuxtやVue初心者がv-bindを学習するとき、表示の仕方に違和感を感じることがあります。 scriptタグ内の変数をバインドさせようとしたとき、宣言した変数にハイフンがついた形でないとエラーがおきるのです。 例えば下...

Lambdaを使用して簡単にローカル環境で作成したNUXT３プロジェクトをデプロイしていきます。 【Lambdaの注意点】 データがキャッシュされないことです。 サーバーが起動し、利用後は起動が終了します。つまり、サーバー内にデータを残したいようなシステム...

おはようございます。そうすけです。 グーグルフォトって便利ですよね。。15ギガまで無料で使える便利なクラウドサービスです。 でもいっぱいになったら、課金して容量増やしませんか？と警告がきます。 その時の選択で、クラウドに課金するか、データを削...

おはようございます。そうすけです！ 本記事ではNetlify・FIREBASEにnuxt3を使ってGoogleMapApiを使用して本番デプロイしたときのエラーをまとめています。 個人開発でに数日つまづいたので、記載しておきます。 アプリ開発ポートフォリオ作成でGoogle関係...