KAEDE Hack blog

JavaScript 中心に ライブラリなどの使い方を解説する技術ブログ。

Entries from 2021-01-01 to 1 year

基本情報 負の 10 進数の 2 進数変換と 8 bit ( 1byte ) 表記。補数変換+1

参考 https://note.cman.jp/convert/bit/ cman jp の変換サイトが計算も出るので便利。 任意の数を入力して 変換と 8bit 表記の計算まで解説してくれる。 ユーザー登録も通信もいらないし、私もフロントでこういうサイトを作りたい。 1 と -1 の実例。反転+1…

Vuetify v-select でフォームを作る。-- 初期値のセットと関連する選択肢の非活性化切り替え

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

基本情報技術者試験 (FE) を受けようとしたがまだ受け付けていなかった

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

Day.js -- 月と週の日本語化と日付のYYMMDD の表示を変えられるライブラリ

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

Nuxt アプリを立ち上げてディレクトリ構造を見る

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

基本情報 10進数と2進数の双方向計算、小数部と循環小数、2進数から8,16進数の変換。

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

技術と資格の方針 From 2021-7-25 to 11-30

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

AWS S3 の buckets に html を upload してアクセスできるようにする

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

Vue.js 説明記事書くことリスト

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

Vue Prop の値を v-bind で親コンポーネントを継承して子コンポーネントで表示する

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

Vue Vuetify prop ? な name を data のように出力しようとしたができなかった

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

Vue watch, Watcher での状態監視処理の使い方。

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

Vuetify v-select の items と v-model の違いを比較する

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

Vue computed(), data(), watch(), を調べる

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

Vuetify テンプレの HelloWorld コンポーネントの 内部ベタ書きのデータの取り回しを見てみる

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

Vuetify を動かしてテンプレートの template, v-app, v-app-var, v-main, を見てみる

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…

Vue Learning 1 -- {} と vue data

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

Linuc 101 合格 613点 -- 初IT資格

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

Docker で 複数の distribution を動かすためにやり方を思い出す

why Linuc level1 の勉強で、apt, yum, dpkg, などを使っていて、各種 OS を入れ替えて使いたくなった そこでは Virtual Box を使っていたが、重いアプリをポチポチ動かすより、CUI でカーネルリソースを割り当てられて快速なはずの Docker でやりたくなった…

Linux 標準入出力と入出力先の切り替え

Linux Redirect, File descriptor, 標準入出力とは en.wikipedia.org Linux では 0, 1, 2, のコマンドの引数として使える数値がある これは 標準入力と標準出力、標準エラーのことだ 英語だと stdin, stdout, stderr, と表記される steams of { input, outpu…

マスタリング TCP/IP 1章 -- インターネットの成立までの歴史とOSI 7層

なぜ読んだ? メールサーバーの作成時に色々なインフラの概念にぶつかり全然理解出来ずにいるところを、この本読んで体系的に理解した方がいいよと言われていて、それが会社の研修室にあった どんな本? TCP/IP という 2021 年現在のデファクトスタンダード(…

生産的な記事を読む

ゴシップとか pvp ゲームの tips とかではなく、実務に役に立つ記事を楽しく読む習慣をつけたい Linux 中心に、面白かったサイトをきろくしておく itfoss https://itsfoss.com デーモンなどを詳しく説明してくれてる lpic 公式 圧縮の違いなどを実例ベースで…

Vmware で Vagrant の 記事をみて Postfix のメールサーバーを構築する

why Ubuntu でメールサーバーを作成する記事をみながら Vmware の仮想環境で構築していたところ、ethernet が起動していなかったのでうまくいかなくなってしまった なので、仮想環境で動かす記事を参考にしてやりなおしてみる 参考記事 qiita.com 2y 前の記…

Vmware の Ubuntu で Postfix を使ってメール送信サーバーを立てるが、ethernet がダウンしていた

why Ubuntu が vm に無事入ったので、サーバーとネットワークの勉強にメールサーバーを立ててみる。 参考 qiita.com これをやってみる root@localhost に送れば、ドメインを契約しなくてもいけるようにみえる。 一応 www.kaede.dev は保有しているが、実際に…

一人暮らしを始める時のメモ

https://blog.p1ass.com/posts/moving-when-new-graduates/ ちょうどプラスさんが詳しくまとめていたから参考にする時に忘れないようにリンクを貼っておく 理由は長くなるので最後に貼りました 場所の候補 都内ではなくとも品川に1本で行ければいいので 駅に…

Windows 10 Home に vmware で ubuntu を入れられた。

why kei-s-lifehack.hatenablog.com いろいろ試したが、どうしても centOS を vm でいれることができなかった。 なので Ubuntu で試してみた。 vm が iso を検知 CentOS ならどれも検知できなかったのに、 Ubuntu なら Detect できた single file として sto…

Linux シェル変数コマンド

set set BASH=/bin/bash BASH_ARGC=() BASH_ARGV=() BASH_LINENO=() BASH_REMATCH=([0]="z") BASH_SOURCE=() BASH_VERSINFO=([0]="3" [1]="2" [2]="57" [3]="1" [4]="release" [5]="x86_64-apple-darwin19") BASH_VERSION='3.2.57(1)-release' COLUMNS=145 C…

Linuc 101 Linux コマンド -- gzip, tar, xz, -- ファイルのアーカイブと圧縮 

why Linuc 101 の学習中、 ファイル圧縮をするコマンドが多く、オプションも混じりやすいくなったので整理する gzip, tar, xz, をまとめた 圧縮コマンド の比較 qiita.com Qiita の圧縮コマンド一覧 gzip が一般的で、bzip がより強力で、xz はもっと強力だ…

マイナンバーカード申請をする(横浜市)

https://www.kojinbango-card.go.jp/kofushinse-smartphone/ 説明わかりやすい スマフォ申請をするには交付申請書というのが必要 マイナンバーカード通知カードではない 申請書 と ID はあったが、調べたら申請書の申請に身分証明が複数必要なので私は無理だ…

Linuc 101 Linux コマンド -- fmt, nl, pr,sort -- cat の拡張。

たくさんある una.soragoto.net ここをみると fmt の他にもたくさんあるが、使ったものから覚える fmt ふみちゃん!ではなく ForMaT fmt -w MaxWidth FileName で表示の最大幅を指定して出力できる I am kaede のテキストファイルを作成 fmt -w 1 self I am …