JavaScript関連のことを調べてみた

JavaScript関連のことを調べてみた

ブラウザでのJavaScirptの動作について

## JSの実行にかかわるもの
– JavaScript エンジン
– Web APIs
– コールバックキュー
– イベントループ

## JavaScriptエンジン
### 仕事
JSを解析→コンパイル→実行

ブラウザによって使用されているJavaScriptエンジンは異なる。
Googleであれば、V8エンジン。

### JITコンパイル
プログラミング言語には、コンパイラ言語とインタプリタ言語がある。

コンパイラ言語:実行前に実行可能ファイルへと変換し、それを実行する形式。
インタプリタ言語:実行しながら評価する形式。

JavaScriptはその中間である、JITコンパイラが使用されている。
JITコンパイラは頻繁に実行されるコードや実行に時間がかかるコードをマシンコードにコンパイルする形式。

### 実行までの流れ

#### parsing
コードを解析し、AST(抽象構文木)と呼ばれるデータ構造を作成する。

#### compile
頻繁に実行されるコードをコンパイルする。

#### execute
作成したコードを実行する。
コンパイル部分はそのまま実行

元記事を表示

ジュニアエンジニア備忘録:アルゴリズム(2) – バブルソートについて

アルゴリズムの中には様々な整列方法がありますよね。
その中で今回はよく聞くけど、実際に使われているのはあまり見ない「バブルソート」についてまとめてみました。

## バブルソートとは?
### 自分の言葉で整理してみる
配列中で連続した2つの要素を比較し、交代し続けること

### 定義
wikipediaさんによる定義は以下のようです。
>バブルソート(英: bubble sort)は、隣り合う要素の大小を比較しながら整列させるソートアルゴリズム。

https://ja.wikipedia.org/wiki/%E3%83%90%E3%83%96%E3%83%AB%E3%82%BD%E3%83%BC%E3%83%88

## バブルソートの動き
「隣り合う要素の大小を比較」を繰り返すことで整列をしています。
その過程の中で毎回「最大値を最終indexまでに持っていく」をすることになっていますね。

以下のサイトから可視化されたバブルソートのみることができたので、持ってきました。

https://visualgo.net/en/sorting

今回用いるデータはこれ。`[29, 1

元記事を表示

1.Javascript基本文法

# JavaScriptの基本的な文法

> 警告: 記事に機械翻訳するものがあるので、学習メモとして保存、参考学習用のみ

## 文法

JavaScriptプログラムのエグゼクティブユニットは、一般的に1つずつ実行されます。

ステートメントは、特定のタスクを完了する操作です。以下は、割り当てステートメントの行です。

“`javascript
var a = 1 + 3;
“`

このステートメントは最初に使用されます`var`コマンド、変数を宣言しました`a`、それから`1 + 3`計算結果は変数に割り当てられます`a`次に、

`1 + 3`これは、声明と表現の違いを取得するための計算式を指しますたとえば、JavaScript言語で価値があると予想される人は、等しい数の右側が値になると予想されるため、さまざまな表現を配置できます。

ステートメントはセグメントの最後で終了し、セクションは1つのステートメントが終了したことを示しています。

“`javascript
var a = 1 + 3 ; var b = ‘abc’;
“`

セグメント番号の前にコンテンツはあ

元記事を表示

Vue.jsのchart.jsについてざっくりと解説

### はじめに

Chart.jsは便利ですね。凝ったグラフをサクッと作ってくれるので、
重宝すべきライブラリです。

### 最も簡単なサンプルを

QIitaの記事らしく、概要を総なめしてもいいのですが、まずは最小限のコード量でサンプルを描画しつつ、コードについて解析し、一般的な書き方に帰属していくことにしましょう。

“`Chart.vue