ha6_6ruブログ

主にフロントエンドの技術ネタを中心にしていく予定です。

2022-01-01から1年間の記事一覧

障害解析の進め方

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

VSCode Dev Containers(旧Remote Containers)を使った開発環境構築

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

Docker Comose バインドマウントと相対パスの名前付きボリューム

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

PiniaのactionからVue Routerを使ってルーティング

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

動くWebデザインアイディア帳

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

Vue 3 Auth Guard(未認証の場合にログインページにリダイレクト)

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