- 1. ブラウザでのJavaScirptの動作について
- 2. ジュニアエンジニア備忘録:アルゴリズム(2) – バブルソートについて
- 3. 1.Javascript基本文法
- 4. Vue.jsのchart.jsについてざっくりと解説
- 5. TSL(Three.js Shader Language)入門
- 6. 【Figma Plugins】Figma Pluginsでページ遷移をする
- 7. stliteのソースコードをPythonファイルから読み込む方法
- 8. datatableでCSVダウンロードボタンを検索要素の隣に配置する
- 9. (Vue3)vue-useでdebounceとthrottleを使う
- 10. 【JavaScript】行頭〇文字のみ表示する
- 11. React 19 の 新機能 useOptimistic を触ってみた
- 12. 「前文」を味わう:法律は「プログラム」に置き換えられるか?②《法令.app》
- 13. 【プレゼン/スピーチ用】任意の経過時間と回数でベルを鳴らすサイト - JavaScript -
- 14. 【javascript】Promiseの使い方
- 15. 適応型Huffman符号
- 16. ニコニコ動画が停止して暫定バージョンをリリースしたので、暫定バージョンで遊んでみる
- 17. JavaScript での Cronbachのα信頼性係数の実装
- 18. グラフから差枚数計算するサイトを作ってみた
- 19. Reactの開発環境をDockerで構築してみた
- 20. vue3のscriptタグ内のメソッドを、外部のtsファイルに定義して呼び出す!
ブラウザでの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