概要 技術部門に異動してから10年以上にわたって実践してきた、他部門から依頼された障害解析における思考およびプロセスを残すものです。 初見のアプリケーションの障害解析が中心だったり、構成に利用したことのないインフラや製品などが含まれることも普…

概要 ソフトウェアやライブラリなどのアップデートを検証する際の使い捨て環境、開発環境構築の自動化などにVisual Studio CodeのDev Containersが便利です。 Dev Containersを利用すれば、開発環境で手軽にDockerコンテナーを扱うことができます。コンテナ…

概要 Dockerボリュームのバインドマウントとdriver optionの相対パス指定について記載します。 Visual Studio Code Dev Containersを使って開発環境を作る時に個人的に必要になった情報をまとめています。 バインドマウント バインドマウントはDockerコンテ…

概要 Pinia のドキュメントに記載の通り、ストアインスタンスのプロパティに Vue Router のインスタンスを設定することにより、 action から Vue Router を使うことができるようになります。これによって、action 内でルーティングを行うことができます。 公…

ナビゲーションやモーダルなどパーツごとに動作するデモがあるので、 デザインの引き出しに使えるだけでなくてクライアントとのイメージのすり合わせにも使えそう。 coco-factory.jp

はじめに 次のような振る舞いを実現する場合、Vue.js（Vue Router）ではナビゲーションガードを利用します。 ECサイトで購入手続きに入ろうとしたときにログインページに飛ばされる 最初にログインが必要なサイトで、ログイン以降に表示されるページにアクセ…