why 仕事で必要になったから。 最小限でフォームとして必要な機能が揃っているものを作る。 todo -- この記事でやること Vuetify の セレクトボックス作成ツールである v-select の使い方の説明 初期のセット 関連する選択肢の無効化 v-selct フォーム周りで…

why 超基本的なコンテキストとして身につけておく必要があるから what is this 基本情報技術者試験(FE) ～ ITエンジニアの登竜門 ～ [ Fundamental Information Technology Engineer Examination ] 午前 80 問 午後 5/11 問 ( 選択 ) how to apply www.jitec…

why 日本語化の際に 苦戦したのでやってみる dayjs とは 特定の言語の週と月の名前の配列を取れるライブラリ install day.js.org npm i dayjs added 1 package, and audited 2 packages in 1s シンプルだからかとても軽い。 locale: [Function: S], [11/39] …

why 仕事で Nuxt を使っていて、下記の目的を1から実装できるようになりたいため。 S3 に静的サイトを上げられるようになったし、個人サイトの人と会ったり Zoom したりゲームする予約フォームを作成したい。Vue で。 To Do -- 目的 Nuxt での基本的な _id …

参考 やさしい基本情報技術者講座 2016, 高橋麻奈, P7 ~ www.rapidtables.com 変換テーブルアプリ、検算とか問題作るのに使える 10 進数からの変換 2進数 への変換が計算が必要で一番難しい。 10 進数から 2進数 -- 2 to 10 , 4 to 100, 8 to 1000 2進数へ。…

Vue 現状の技術は遅れない程度にタスクの補完と復習中心の勉強をする FE 基本情報。これをメインでやる。インフラでもアプリでも必要。 書籍を購入して過去問道場に一番時間を使うことにする。 Linuc 102 いつでも受けられるから、忘れない程度に持っている…

why シンプルに FW なしで S3 での公開を試してみたくなった ref https://qiita.com/dogwood008/items/a92abae789f4b0466f38 AWS アカウントの作成と Amazon の買い物アカウントのリンク これらを作成すると S3 の buckets を作成できるようになる ROOT と I…

解決できそうなことは解決して記事にする 少し試せば理解できそうなこと そもそも bind とは何？ $emit の使い道 v-model を v-bind と v-on のサンプルと使い分けて詳しく説明 Vue.component での template とタグとして template 書いちゃう場合の違い Vue…

まずは Vuetify 起動時の data からの表示を見てみる App 側でのとってくるコンポーネントの指定と描画 Vuetify の App コンポーネントで HelloWorld コンポーネントを import して使うコードを見てみる。 まず script のタグのところから見ていくと import …

michaal in thiessen の説明、子供に渡す方法 michaelnthiessen.com Data は プライベートで、なんでもストアできるところ Props は data を親コンポーネントから子供コンポーネントに渡す「方法」 と書いてある。 <HelloWorld coolProp="coolprop"/> のように継承するのは React と同じのよう</helloworld>…

watch とは 監視メソッド。値をとって、それが変化する時に処理を走らせることができる。 data: () => ({ message: 'How is you job status?', jobStatus: 'your status is ...', jobItems: ['never change', 'changing', 'changed recently'], }), watch: {…

qiita.com Vue では data に書いた変数をを v-model で双方向 binding といって、input の側からも変数を変更できるようにできる。 これを v-select でだめす 試す 普通に vuetify の v-select を使ってみる サンプルは公式の vuetifyjs.com この見た目を実…

css-tricks.com この記事によると Methods はそのまま関数 Computed は data と同じで特定のデータの変更に反応する。依存性に基づく。 フォームに v-model と使うことで、入力中に検索される UX を実現できるらしい。 Watcher は Vue にストアされたプロパ…

why 前回は vuetify でのルートの App.vue を見た kei-s-lifehack.hatenablog.com App では template の中に v-app, v-app-var, があり、v-main で HelloWorld コンポーネントを呼び出していた。 なので HelloWorld コンポーネントを見てみる template 全体…

install libraries Vue の Install vuejs.org npm install vue added 1 package, and audited 2 packages in 5s found 0 vulnerabilities npm notice npm notice New minor version of npm available! 7.6.1 -> 7.19.1 npm notice Changelog: https://github…

## ref https://youtu.be/F7PLPJqVotk 11m50s ## ブラケットの展開 ´´´ div app {{ title }} div ´´´ と言う app の id をつけた html を書いて ´´´ const app = {... data return title = 'hoge' } ´´´ vue で仕込める ## クリックで関数発火 v-on:click = …

合格詳細 2021-07-04 合格 ボーダーライン 480 獲得点数 613 why インフラでもアプリでも役に立つとの事で。 工数 約2ヶ月 受け方 ピアソン vue のサイトで申し込んだ 申し込んだ翌日の横浜西口テストセンターで受けられた。 税込 16,500 円 概要 Linux のイ…