BLOG

駆け出しエンジニアのそうすけです！ Webアプリでコンポーネントの再利用が多いのは入力フォームやボタンかと思います。 処理・表示・スタイルをいちいち変えるのは面倒…再利用したいけど、どう実装したらいいの？ そういった方に向けての記事になります。...

一般的なWebアプリはCRUDは必須機能です。 だがミドルウェア、バックエンドの知識が必要になってくるの実装が大変。 そこで簡易的にDB機能を作るのがIndexedDBです。 環境構築も不要でブラウザがあれば簡単に使用できます。 【Nuxtでの使用注意点】 必ずon...

おはようございます！そうすけです。 VUEはコンポーネントを使いまわしできる部分が特徴です。そして双方向バインディングも特徴。 ですが、親子コンポーネント間で双方向バインディングの組み合わせはどうでしょうか。 例えば入力フォームです。inputタグ...

JavaScriptでは、文字列を表現する際にシングルクォート「'」とバッククォート「`」の2つの記号が利用されます。 学習初期の時、これの間違いでかなり詰まりました。 これが他人のコード見る時、めっちゃ見にくい！！ この記事では、「'」（シングルクォー...

年末はイベントが多く、日々勉強している人も習慣が崩れがち。 転職を目指して勉強する私も、家族と過ごしたり娯楽に使って5~6日過ごしまして、感じたことがありますので書き留めておきたいと思います。 【実家で何もせずに感じたこと】 何もしてない変に...

ウェブページにおいて、buttonタグを使用してボタンを作成することは一般的ですが、時折、ボタンを押すとページが自動的にリロードされてしまうという問題が発生します。 この記事では、この問題に対処する方法に焦点を当て、buttonタグを使ったボタンを押...

IndexedDBでアプリを作った時のサンプル例と失敗事例をまとめました。 【IndexedDB　サンプルアプリコード】 書き込みページ 読み込みページ 読み取りレシピページのコード <template> <TheContainer > <AppH1>レシピアプリ</AppH1&g...

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/かなり良かったので皆さん読んでみて。 いままで作ったことがなかったので、面白いやり方を参...