f@ctor

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

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

Vue.jsとは ？ #JavaScript初心者

## はじめに

JavaScriptについてチュートリアルを用いて基礎的な部分を中心に学習を進めていく中で少し自信がついてきたので今回はフレームワークの一つであるVue.jsについて触れていきたいと思います！

最初は描き方ではなく、Vue.jsの概要についてまとめ、具体的な記述方法については学習が終わり次第、記事にまとめて公開したいと思います。

本記事の作成にあたって参考にしたサイトのリンクを掲載しておきます。いまいち理解出来なかった方は是非参考にしてみてください。

https://ja.vuejs.org/guide/introduction

https://www.sejuku.net/blog/10766

## Vue.jsとは？

Vue.jsは、標準的な HTML、CSS、JavaScript の上に構築されるユーザーインターフェースの構築のためのJavaScriptフレームワークです。

ほかの開発ツールと組み合わせやすく、保守・運用が簡単に行える（らしい）のでフロントエンド開発を行う方に人気なフレームワークとなっています。

> フレームワーク：
ソフトウェ

元記事を表示

山の位置をARで表示する技術ブログ：ロケーションARの基本

# はじめに
現実世界にデジタル情報を重ね合わせる技術、ロケーションAR。今回は、ユーザーの位置情報を基に山の位置をリアルタイムで表示する方法について説明します。この技術を使えば、観光や登山の際に周囲の山々を簡単に識別することができます。

# 使用技術とライブラリ
このプロジェクトでは、以下の技術とライブラリを使用します：
– **AFRAME**：3DおよびARコンテンツをウェブ上で作成するフレームワーク
– **AR.js**：ウェブベースのARライブラリ
– **Geolib**：地理座標の計算を簡単にするライブラリ
– **JavaScript**：クライアントサイドのスクリプティング
– **HTML**：ウェブページの構造を定義

# HTMLの基本構造
以下は、HTMLの基本構造です。AR.jsとAFRAMEを使用して、ユーザーのカメラビューに方角を示す矢印を配置します。

“`html




元記事を表示

JavaScript入門 #文字列型 #数値型 #配列 #日付型

## はじめに

本記事では、JavaScriptにおける[数値](#数値型)や[文字列](#文字列)や[日付](#日付と時刻)など様々なデータ型について関わりのあるメソッドを中心に周辺知識をまとめていきます。

今回の記事も[以前書いた記事][記事]と同様に以下のサイトのチュートリアルを進める中で学んだことをまとめていますのでJavaScriptを勉強している、してみたい方は是非参考にしてください！

https://ja.javascript.info/

## プリミティブのメソッド
JavaScriptにおけるプリミティブはオブジェクトとは別物ですがそれぞれメソッドも提供されています。最初にそのメソッドがどのように動作しているのかについて学びます。

> このプリミティブなデータとは、文字列、数値、長整数、論理値、`undefind`、シンボル、`null`のことを指します。
[参考][参考１]

最初に与えられた文字列をすべて大文字に変換するメソッドを用いて説明します。

“`javascript:プリミティブのメソッド
let str = “Hello”;

alert(

元記事を表示

JavaScriptにおけるオブジェクト指向プログラミング

JavaScriptにおけるオブジェクト指向プログラミング

JavaScriptのオブジェクト指向プログラミングは、プロトタイプベースの継承を利用しています。これは、オブジェクトが他のオブジェクト（プロトタイプ）から機能を継承する仕組みです。

## 目次：
– [プロトタイプ](#プロトタイプ)
– [ファクトリ関数](#ファクトリ関数)
– [コンストラクタ関数](#コンストラクタ関数)
– [クラス構文](#クラス構文)
– [JavaScriptにおける継承: extendsとsuper](#javascriptにおける継承-extendsとsuper)

## プロトタイプ
プロトタイプとは？

オブジェクトのプロパティやメソッドを共有するためのテンプレートオブジェクトです。
各オブジェクトは一つのプロトタイプを持ち、そのプロトタイプからメソッドやプロパティを継承します。

使い方の例

配列オブジェクトの push や pop メソッドは、各配列が持っているわけではなく、プロトタイプオブジェクトから継承されています。
Array.prototype.push などがその例

元記事を表示

バーコード画像を解読するWebアプリケーション

### 目的

Webページ上に``で表示した画像に含まれたバーコードを解読し、その値を文字列として表示します。こんな感じです。

処理には、画像処理ライブラリの定番[OpenCV](https://opencv.org/)を使います。JavaScript版なので、OpenCV.jsと呼ばれます。

＋

JavaScriptなので、`