l12a

白ウサギを追え

【未解決】Safari / Chrome における、フォーカスされたボタン操作時の挙動の違い

本記事の内容は投稿時点で解決していませんので、答えを探して来た方はごめんなさい。ここには何もありません。 情報お待ちの方は教えていただけると幸いです。 問題の挙動について 端的に言うとフォーカス状態の button 要素を操作した時、 Safari でのみ b…

もくもく寺の話

今日は僕が運営メンバーの一人として参加しているコミュニティ「もくもく寺」とはどんなもので、何をやっているのか、運営としての気持ちなどを記事にします。 frontend-temple.connpass.com

Terraform + Cloud build + GitOps で Infrastructure as code に挑戦する

wikipediaより。 Infrastructure as Code(IaC) はコンピューティング・インフラ(プロセス、ベアメタルサーバー、仮想サーバーなど)の構成管理・機械処理可能な定義ファイルの設定・プロビジョニングを自動化するプロセスである。 以下の公式チュートリア…

Vue 3.0 (vue-next) ベータ版 Composition API watchEffect / watch を習得する

Vue 3.0 (vue-next) ベータ版 Composition API の学習の続きです。 リアクティブプロパティの変化に応じて別の処理 (副作用) を実行する方法を習得します。 これを実現するのが watchEffect と watch です。 この2つでは watchEffect の方が簡単ですし、それ…

Vue 3.0 (vue-next) ベータ版 Composition API 書き込み可能な算出プロパティ

こちらの記事で computed() を使って算出プロパティを作りました。 その派生として、書き込み可能な算出プロパティを作ってみます。 学習リソースは相変わらず公式ドキュメントを使います。 できればそちらを参照することをお勧めします。 書き込み可能な算…

Vue 3.0 (vue-next) ベータ版 Composition API 算出プロパティ / 読み取り専用プロパティ

Vue 3.0 (vue-next) ベータ版 Composition API の学習を進めていきます。 前回までに ref() や reactive() を用いた基本的なリアクティブプロパティを取り扱いました。 続いて算出プロパティと読み取り専用プロパティについて試していきます。 学習リソース…

Vue 3.0 (vue-next) ベータ版 Composition API リアクティブプロパティを試す(2)

Vue 3.0 (vue-next) ベータ版 Composition API を使って、リアクティブプロパティの使い方を試していきます。 前回は ref() を使って、プリミティブ値をリアクティブプロパティとしてコンポーネント上で利用しました。 次は reactive() を使った場合のリアク…

Vue 3.0 (vue-next) ベータ版 Composition API リアクティブプロパティを試す(1)

前回 Vue 3.0 (vue-next) ベータ版の導入からビルドまでできるようになりました。 次は新機能である Composition API を試してみます。 コンポーネントの中で使用するリアクティブプロパティの定義と変更をやってみます。 学習リソース 以下の公式ドキュメン…

Vue 3.0 (vue-next) ベータ版 導入からビルドまで

メジャーアップデートである Vue 3.0 のベータバージョンが vue-next として公開されているので触っていきます。 github.com 本記事では Vue-CLI を使ってプロジェクトの立ち上げから、ベータバージョンの導入と、それをエラーなくビルドできるようにすると…