投稿者:

HTML, JavaScript

4月にシステム部に異動してきました、岡田です。

業務的には、HTMLやCSSなどのデザイン部分と、JSもちょこちょこと触っています。

今回は、パフォーマンス改善のために、色々遅延読み込みをやってみよう
ということで、IntersectionObserverを使ってみたので備忘録も兼ねてまとめてみました。

IntersectionObserverとは

特定の要素がViewPortに入っているかどうかと、その位置を取得できるAPIで ...

投稿者:

EcmaScript, ES2019, JavaScript

No Image
New ES2019 JavaScript features every developer should be excited about

https://blog.logrocket.com/new-es2019-javascript-features-every-developer-should-be-excited-about/
ってことで、ES2019がうまあじだそうです。

https://node.green/#ES2019
LTS ...

投稿者:

JavaScript

大きい値を扱っていたところ計算がめちゃくちゃになったんで、浮動小数点演算的にダメなんだろうなーと思って調べたところ

https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Number/MAX_SAFE_INTEGER

MAX_SAFE_INTEGER 定数は 9007199254740991 である値です。その数である理由は JavaScript ...

投稿者:

HTML, JavaScript

はじめに

JavaScriptで submit() 関数が上手く動かずハマってしまいました。

どんなことが起こったか

以下実際の状況を簡易化したコードです。

<!DOCTYPE html><html lang="ja"><head></head><body>  <form id="fm">    <button type ...

投稿者:

CoffeeScript, JavaScript

Array.Prototype.Includesとは

Ecmaスクリプトを読み直してたらArray.prototype.includesというのが実装されていたのを知りました。

2016 2016年6月 冪乗演算子、Array.prototype.includes

というかべき乗演算子もわりと最近だったんですね・・・

配列の中にその値があるかを判定します。

coffee> arr = [1,3,5,7,9][ 1, 3, 5 ...

投稿者:

HTML, JavaScript, jQuery

はじめに

任意の要素から一番近い特定の要素のみを取得したかったので調べてみました。
以下のようなHTMLで、item2のli要素から一番近いlistクラスを持ったli要素(item4)を取得したい、ということです。

<ul>  <li>item1</li>  <li id="target">item2</li>  <li>ite ...

投稿者:

IoT, JavaScript, MESH

はじめに

社内で暑さと乾燥がひどいという話をうけて、IoTがハヤっているようで先日ビックカメラでMESH(温度・湿度)というものみつけましたのでこれを使って計測しようと思いました。
https://meshprj.com/jp/
ソニーが発売しているIoTビーコンタグで人感や動作や明るさなどを検知し、専用のアプリへ情報を送信するそうです。
(けっこう前からあるらしいんですが最近まで知りませんでした。)

アプリの画面はこんな感じ。 ...

投稿者:

Ajax, HTML, JavaScript, Vue.js

今回は、Vue.jsにおけるAjax処理について書いてみたいと思います。
一旦、このような画面を考えてみます。

環境Mac OS X El Capitan (ver. 10.11.3)
zsh 5.0.8 (x86_64-apple-darwin15.0)


package.json


{  "name": "playpass",  "version": "1.0.0",  ...

投稿者:

backlog, JavaScript

Backlogで課題登録する際に楽にテンプレート設定できないか調べていたところブックマークレットというものを見つけたので設定してみました。

ブックマークレットとは、ブックマークにjavascriptを埋め込むことで特定のページに対してワンクリックでちょっとしたアクションができるようになります。

使い方は簡単で「backlogテンプレ」というブックマークを作成し、URLにjavascriptを埋め込んで完了です。

今回、URLには以下の ...

投稿者:

JavaScript, jQuery

前回の続きです。
宣言通り、let, template, fetch の三本立てです。

局所変数を定義する let

注意) Safari では動きません

JavaScript では変数を定義するときに var を使います。
この場合、変数のスコープは関数単位になります。
そのため、以下のような場合には for のスコープの外でも i の値が参照できてしまいます。

for (var i = 0; i < 5; i+ ...