ボタンクリックなどで動的に入力フォームを追加する方法を実装するたびにやり方を忘れるので備忘録で残しておきます。※React 17+ 方法 まず、フォームのデータの型をTypeScriptで定義します 動的フォームを作成す […]
Vue.jsからReactへの移行を考えていく中で、Vue.jsのComposition APIにおける機能やパターンをReactでどのように再現できるか疑問に思うことが多かったのでまとめていきたいと思います。 Vue. […]
Vue.jsのバージョンを2→3に上げるといくつかの壁にぶち当たります。その中の一つに多言語ライブラリのVueI18nの中の、翻訳API（$tおよびt関数）が文字列のみを返すようになったことがあります。これにより、これら […]
Vue.js は柔軟性が高く、ライブラリの拡張も容易に実現できます。特に、公式のプラグインガイドに従ってプラグインを作成することで、多くのカスタマイズが可能です。しかし、既存の$tをapp.config.globalPr […]
reactive と ref の基本 Vue 3のComposition APIでデータのリアクティビティを実現するためのメソッドにreactiveとrefがあります。これらを使用して作成されたデータはリアクティブになり […]
Vite環境でのTypeScriptはトランスパイルのみを行い型チェックは行いません。基本的にVSCodeの拡張機能を使ってエディタ側で型チェックをしてね！という方針のようです。それでも型チェックをしたい場合は以下の公 […]
Vue2からVue3へのアップデートを@vue/compatを利用して進めていた際、vuedraggableを使用した箇所で予期せぬエラーが発生しました。 問題の発生 Vue2からVue3にアップデートする際、vuedr […]
Vue.jsの2系が2023年12月31日にサポートが終了するということで公式で提供されている@vue/compatを使用してVue 2からVue 3へ移行作業をしました。 開発環境 Vue.js2.7Laravel 9 […]
今回、新しいバージョンのNode.jsで古いコードや依存関係を実行しようとしたときに発生するエラーの対処法をご紹介します。 エラー内容 エラーの内容は以下の通りです これは、Node.jsが暗号化関連の操作（この場合はハ […]
Supabase と Next.js を使用して、ログインユーザーを削除する際にStorageに保存してある画像も一緒に削除する方法を紹介します。SupabaseではAuthのUserを削除する場合は、公式のドキュメント […]