BLOG
-
プログラミング
JavaScriptのアロー関数の省略記法について
アロー関数は複雑です。 Javaなどの言語に慣れている方は、アロー関数の記法の統一性のなさに毎回苦労します、、 ReactやVueなどで他人のソースコードを見る時など、初学者は非常に苦労します。 なので省略記法について記事にまとめました。 【普通のアロ... -
プログラミング
【Nuxt3】Props・Emitsを使うときのオブジェクト記述方法の違いについて
おはようございます。そうすけです。 PropsとEmitsの機能はVUE3(Nuxt3)では開発のメインの機能になってくると思います。 最初は人のソースコードを見ながら学習します。 しかし他の人のソースコードが人や参考書によって異なり、初心者のうちは困惑す... -
プログラミング
【Nuxt3】tailwindcssでダークモード機能を実装する
おはようございます。そうすけです。 Nuxt+Tailwindcssを使って開発する人へ、ダークモードの設定方法を記載します。 最近はどのアプリケーションでもダークモード機能が当たり前になってきています。 ポートフォリオなどにあるとユーザビリティの評価に... -
プログラミング
【Nuxt3】v-bindで使用する変数や関数に「ー」ハイフンを入れる理由
おはようございます。そうすけです。 NuxtやVue初心者がv-bindを学習するとき、表示の仕方に違和感を感じることがあります。 scriptタグ内の変数をバインドさせようとしたとき、宣言した変数にハイフンがついた形でないとエラーがおきるのです。 例えば下... -
プログラミング
簡単デプロイ!AWS Toolkitを使ってVSCODEからNuxt3を本番環境へ
Lambdaを使用して簡単にローカル環境で作成したNUXT3プロジェクトをデプロイしていきます。 【Lambdaの注意点】 データがキャッシュされないことです。 サーバーが起動し、利用後は起動が終了します。つまり、サーバー内にデータを残したいようなシステム... -
ライフハック
Googleフォトからダウンロードした写真の日付を写真日付にする方法
おはようございます。そうすけです。 グーグルフォトって便利ですよね。。15ギガまで無料で使える便利なクラウドサービスです。 でもいっぱいになったら、課金して容量増やしませんか?と警告がきます。 その時の選択で、クラウドに課金するか、データを削... -
プログラミング
Nuxt3とGoogleMapApiを使用したアプリで本番デプロイする~NetlifyやFirebase利用~
おはようございます。そうすけです! 本記事ではNetlify・FIREBASEにnuxt3を使ってGoogleMapApiを使用して本番デプロイしたときのエラーをまとめています。 個人開発でに数日つまづいたので、記載しておきます。 アプリ開発ポートフォリオ作成でGoogle関係... -
プログラミング
nuxt3でswiperを使ってカルーセル(スライダー)を作る
nuxt3で外部モジュールでカルーセルを実装するのに苦労したので記載します。 【背景】 Nuxt.jsでスライダーを使用する方法を検索すると、vue-awesome-swiper、Swiper Vue.js Componentsの使用手順が多く紹介されています。 しかし、使用が非推奨(deprecate... -
プログラミング
nuxt3にtailwindcssとvuetifyを入れるとtaliwindcssが反映されない
vuetifyとTailwindcssを組み合わせてデザインしたい。 細かく言うとvuetifyで大まかに作って、tailwindでデザインの細かい部分を調整したかった。 事象としてはどちらのCSSも反映自体はされるようですが、htmlタグやTailwindcssのクラスによっては反映でき... -
ライフスタイル
【リベ大】広島・大阪・京都オフィスに初めていって感じたこと
おはようございます😊そうすけです。 全国のリベ大オフィスをに行ってきたので、備忘録としてその感想を書きます。 自分の記録として、リベ活している人に参考になる方思って書いています、 もし参考になれば幸いです。 【よかったこと】 リベ大オフィスに...