はてなブックマーク

WEBアプリケーションでユーザに意思を確認したいときはwindow.confirmが使われるかと思います。 しかし、window.confirm系で出せるダイアログはブラウザ依存なので、独自のスタイルを当てることができません。 無機質な確認ダイアログだと統一性がなくて悲しい気持ちになりますよね。 そこでVue.jsで独自の確認ダイアログを作成してみたいと思います。 実装方針 簡単に実装方針をまとめます。 メソッドはVueのグローバルミックスインとする 引数は表示するメッセージ 返り値は非同期で受け取る メソッドの結果はPromise<boolean> Vuetifyのv-dialogを使用する スタイルやアニメーションを考えるのが面倒なので コンポーネントは呼び出し毎に作成・破棄する 常に用意しておくことはしない bodyの末尾に追加 実装 上記の観点から確認ダイアログを実装します。 確認

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

書かれなかったみたいなので、代わりに先日投稿したものを紹介します。 Vue.jsを使っているときに、scoped内で別のコンポーネントにスタイルを当てるときにはまったので備忘録として残しておきます。 概要 scopedを使っている際に親のコンポーネントで子のコンポーネントのスタイルを変更しようとしても、別のスコープとなるため変更できません。 グローバルに書いていくという手もありますが、するとSFCの利点が得られませんし、すぐに管理できなくなります 外部で定義された汎用コンポーネントとかを使う場合によく遭遇します。 例 簡単な例で確認していきます。 ※ pugとsassを使っています 子コンポーネント デフォルトで赤色のテキストを表示するだけのコンポーネントです。

普段はVisualStudioCodeでRailsのコードを書いているのですが、Rubyのフォーマッターがほしいと常々思っていました。 そこで、週間Railsウォッチで紹介されていたRufoというRubyフォーマッターを使ってみたところ、非常に使いやすく、自分の使い方にもマッチしていたので紹介します。 変更点 2018/09/30 Setting.mdに合わせて設定の内容を更新しました。 設定できる項目が減り、いずれ設定をする必要がなくなるようです。 細かく設定したい人にはうれしくない話かもしれませんが、フォーマットは統一できればさほど問題ないので、細かく設定できて差分が生じるより良い話かと思います。 フォーマッターに求めること 自分がフォーマッターに求めることは主に以下の4つです。 保存時に自動でフォーマットがかかること フォーマット設定が容易で、共有できること ストレスなく使えること