sousuke– Author –
-
【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のインフラをコー... -
【変化を恐れるな】チーズはどこに消えた？を読んで
有名な本ですが、衝撃を受けたので感想を書いておきます。 【概要】 この本は、変化や困難に対する柔軟性と適応力を教える寓話です。 物語では、ネズミと小人たちがチーズ（＝変化や未知の状態）を求めて冒険します。 変化にどう対処するかを通じて、成功... -
【Nuxt3】Vueで再利用できるボタンコンポーネントを作ろう
駆け出しエンジニアのそうすけです！ Webアプリでコンポーネントの再利用が多いのは入力フォームやボタンかと思います。 処理・表示・スタイルをいちいち変えるのは面倒…再利用したいけど、どう実装したらいいの？ そういった方に向けての記事になります。... -
【Nuxt3】IndexedDBを使って簡単にアプリを作成する方法
一般的なWebアプリはCRUDは必須機能です。 だがミドルウェア、バックエンドの知識が必要になってくるの実装が大変。 そこで簡易的にDB機能を作るのがIndexedDBです。 環境構築も不要でブラウザがあれば簡単に使用できます。 【Nuxtでの使用注意点】 必ずon... -
【Nuxt3】computedのget/setで親子間をリアクティブにやり取りする
おはようございます！そうすけです。 VUEはコンポーネントを使いまわしできる部分が特徴です。そして双方向バインディングも特徴。 ですが、親子コンポーネント間で双方向バインディングの組み合わせはどうでしょうか。 例えば入力フォームです。inputタグ... -
【Javascript】「’」と「`」の違いについて
JavaScriptでは、文字列を表現する際にシングルクォート「'」とバッククォート「`」の2つの記号が利用されます。 学習初期の時、これの間違いでかなり詰まりました。 これが他人のコード見る時、めっちゃ見にくい！！ この記事では、「'」（シングルクォー... -
【今と未来のバランス】実家で全く生産的活動をしなかった年末に感じたこと
年末はイベントが多く、日々勉強している人も習慣が崩れがち。 転職を目指して勉強する私も、家族と過ごしたり娯楽に使って5~6日過ごしまして、感じたことがありますので書き留めておきたいと思います。 【実家で何もせずに感じたこと】 何もしてない変に... -
buttonタグを使ったボタンを押すとリロードしてしまう対策
ウェブページにおいて、buttonタグを使用してボタンを作成することは一般的ですが、時折、ボタンを押すとページが自動的にリロードされてしまうという問題が発生します。 この記事では、この問題に対処する方法に焦点を当て、buttonタグを使ったボタンを押... -
【Nuxt3】IndexedDBでの実装例と失敗例
IndexedDBでアプリを作った時のサンプル例と失敗事例をまとめました。 【IndexedDB サンプルアプリコード】 書き込みページ 読み込みページ 読み取りレシピページのコード <template> <TheContainer > <AppH1>レシピアプリ</AppH1&g...
