Vue.js(主にNuxt.jsとVuetify)選択肢が少ない場合はセレクトボックス(v-select)で良いのですが、数が多い場合はサジェスト(suggest)して選択させた方が良いですよね。候補はいくつかありますが、最終的にv-autocompleteを使用する事にしました。元の値を復元するのに手間取ったり、無駄なAPIリクエストが走ったりと。作り込んでみたので、メモしておきます。こんな感じになりました。vue-cool-select有名どころだと思います。この中ではvue-cool-selectが一番良かった。入力中にフォーカスが外れると元の値に戻るとか。他もですが、Vuetifyに入れているので当然かもですが、デザインが合わなかったり、darkテーマだと文字が読めなかったりするので、デザイン調整も必要となります。HTML5のautocomplete属性iPhoneでは動かないという情報(古いOSだけかも)があったり、PCだと直下にリスト表示されるのに対して、Androidでは下に候補が横並びで出たりとUIの一貫性がなかった。v-autocompleteVuetifyを使っているなら、素直にこれ使う冪ですね。早く気付けば良かった。デザインも用意されているので作り込む必要がない。Vuetifyが動く前提です。そのまま動くようにAPIリクエストはせずに値を設定しています。ここだけ直せば実用にも耐え得るのではないかと。'候補が見つかりません。return-objectでもitem-value(ユニークな値)は必要。v-model(:value.syncと同じような動きになる)に変更して、より実用的になるようにdisabledとerror-messagesも追加してみました。これをベースに忘れん坊に機能追加しました。コメントをキャンセルメールアドレスが公開されることはありません。※サイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。定期タスクの管理・リマインダー(Slack・メールに対応)タスクをカレンダーや一覧で管理し、チームで共有できます。リマインドで、忘れやすい年次・月次タスクの実施忘れや、メンバー間の譲り合いによる実施漏れを防ぐ事ができます。公開リポジトリ・動作確認サイトnuxt-app-originhttps://nuxtapp.nightonly.com/rails-app-originhttps://railsapp.nightonly.com/自己紹介フリーランスから法人成りして、業務委託で上場企業の会計ソフトの開発(スクラム)と、副業で上場企業の社内システム(取引先等の管理やSalesforce連携等で業務改善)の開発や改善・提案、フォロー等を行なっています。両社ともフルリモートです。ECやモール連携、決済、動画のストリーミング配信、YouTubeのデータ分析等の経験もあります。AWSを主に使っています。日々、技術の積み上げを意識して、価値提供を目指しています。Flowを使っている案件に携わってみて、疑問を感じたので、どっちが(もしくは別の方法)が良いかを改めて考えてみました。RailsRuboCopにRSpecのルールを導入してみたRuboCopにRSpecのルールが提供されているので導入してみました。RSpecのルールはデフォルトだと厳し過ぎるのと、あえて従いたくないルールもあるので設定変更しました。半自動でマネ活・ポイ活:SBI新生銀行+住信SBIネット銀行、auじぶん銀行+PayPayチリも積もれば山となる。APIかRedux等を使って値を保持しようしたら、毎回初期化されたので原因を調べました。法人口座開設:初期・月額無料で、振込手数料も抑えたい(振込先の個人口座も)昔は簡単に作れたと思いますが、マネーロンダリング対策で審査が厳しくなっているようです。当然ながら、審査にも時間が掛かるようです。タスクをカレンダーや一覧で管理し、チームで共有できます。リマインドで、忘れやすい年次・月次タスクの実施忘れや、メンバー間の譲り合いによる実施漏れを防ぐ事ができます。