TypeScript のコンパイラーの処理の流れ
はじめに 最近、typescript のコンパイラーのコードをサラサラーっと読んでいたのですが、なんとなく区切りがついたので、簡単にまとめておこうと思います。いつも通りではありますが、この記事で...
1
0
Comment0
21 search resultsShowing 1~20 results
Stocked
You need to log-in
この文法何？？ ~ パート1（T extends HTMLElement = HTMLDivElement）~
前置き OSS のコードを読んでいると、私はよく知らない文法を目にします。 この記事は、私がコードを読んでいてナンダコレとなった文法について書いています。 以下、注意点。 ※ ナンダコレとなって...
0
1
Comment0
vue と react の DOM の再レンダリングの実行タイミングの差
はじめに 私自身、vue は 2019 年頃から書いており、今年で 3 年目くらいです。たいして vue に詳しくもないですが、それなりのコード量を書いてきたので、フレームワークとして愛着はあり...
26
7
Comment1
イケてないコードのイケてない理由が言語化できなかったときに確認する結合度という観点
はじめに 以前、コードレビューをしているときに、イケてないと感じるコードを見たが、そのイケてないコードのイケてない理由が言語化できず、また、その改善方法もわからなかった。それに対してモヤモヤしな...
3
8
Comment0
イケてないコードのイケてない理由が言語化できなかったときに確認する凝集度という観点
はじめに 以前、コードレビューをしているときに、イケてないと感じるコードを見たが、そのイケてないコードのイケてない理由が言語化できず、また、その改善方法もわからなかった。それに対してモヤモヤしな...
66
72
Comment3
Vue3 の nextTick は何か
DOM の更新は非同期に行われる Vue は 3.x, 2.x に関わらず、非同期に DOM 更新を実行しています。 DOM 更新が非同期であることは、以下の例で確認することができます。 <...
18
6
Comment0
Vue 3 の Composition API における watch vs watchEffect
はじめに Composition API を使用する上で、watch と watchEffect って何の違いがあって、どういう時にどっちを使えばいいのか、わからない... Vue3 の公式ドキ...
67
48
Comment1
Vue3 の reactivity 部分のソースコードを読む
はじめに あとで何か書く。 事前知識 Proxy 知っておかないと Vue3 のソースコードが読めないと思います。 https://developer.mozilla.org/ja/docs/W...
5
2
Comment0
Vue3 の Composition API の reactive() は Map や Set も扱える
前置き Vue3 の Composition API で使う reactive() は、Map(), Set(), WeakMap(), WeakSet() も扱えることに気づいたので、メモ程度...
11
8
Comment0
new Proxy の get() の引数である receiver って何 ?
new Proxy のトラップ (trap)にある get メソッドの引数の receiver は何が渡ってきているのかを調べました。 const target = { name: "k", g...
0
0
Comment0
Web Components の Slots から見る Vue の Slot
Vue の Slot って何のためにあるのか？ もう既に Slot を使いこなしている方は即答できる疑問だとは思うのですが、私は中途半端に Vue を使ってきたこともあり、Slot を特に使用し...
0
0
Comment0
フロントエンド( Vue )の単体テストのテストケース作成とテストコード作成
単体テストは奥が深い テストコード書いてみたいな、ということで以下の作ったものを対象に、テストケースとテストコードを作成したため、そのプロセスを記事にする。単体テストは難しいし、奥が深い... ...
9
12
Comment0
コンパイルされた Typescript の列挙型( Enums )のコードを見てみる
書かないこと Enums の是非。Union 型使うべきとかは一切触れません。 Enums とは 列挙型は、関連する値の集合を編成する方法です。 https://typescript-jp.gi...
1
0
Comment2
new Proxy() の set() の返り値は true でいい
Uncaught TypeError JavaScript らしいエラーに出会ったので残しておく。 エラーは以下。 VM213:16 Uncaught TypeError: 'set' on p...
1
0
Comment0
Vue2 のリアクティブシステムをプレーンな Javascript で実装する
目的 Object.definePropertyの getter/setter を使って簡易的な Vue のリアクティブシステムを実装していくことがこの記事の目的です。実装は、Vue Maste...
1
1
Comment0
次世代画像フォーマットに対応してランディングページのパフォーマンスを改善する
パフォーマンスのスコアが低い... 作成したランディングページを Lighthouse で診断した結果、パフォーマンスのスコアが 63 というアウト寄りの結果になりました。ランディングページはけ...
2
1
Comment0
ボルダリングで登ったコースの効率性を評価するアプリを作った
こんなの作りました ボルダリングのコースを登っている動画をアプリで分析して、登ったコースの効率性を評価します。評価結果は数値出ます。数値が大きければ大きいほど効率の良い登りです。 分析できる動画...
4
1
Comment0
Docker とユーザー名前空間
ユーザー名前空間は、Linux カーネルに実装されている機能。ユーザー名前空間内では、ホストOSとは独立した UID,GID を持つことができる機能になっている。Docker コンテナを立ち上げ...
5
5
Comment0
GitLab の CI/CD で Docker in Docker
GitLab の CI/CD の中で dockerコマンドを実行するには、いくつか方法があるが、今回やるのは Docker in Docker(Dindとよく呼ばれている)の構成である。 Doc...
16
17
Comment0
Docker Engine API について
普通に Docker を使っている分にはあまり気にしなくてもいい領域だが、Docker in Docker などの使い方をすると、ここらへんの知識がないと理解できない。ので、そこらへんをまとめた...
15
15
Comment0
21 search resultsShowing 1~20 results
Qiita is a knowledge sharing service for engineers.
- You can follow users and tags
- You can stock useful information
- You can make edit suggestions for articles