投稿者：

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+ ...

投稿者：

JavaScript, jQuery

Web の勉強を2012年頃にしたのですが、そこから知識のアップデートをしていなかったので完全に取り残されていました。
たまに担当システムの要件で JS を書くことがあり、その過程で今風な書き方を色々と勉強しました。

一番驚いたのは、2012年当時は「素のJavaScriptで書くのは罰ゲーム」みたいなイメージだったのですが、
そこからかなり進化していて、jQuery などのライブラリがなくても複雑な処理が書けるようになっていることでした。 ...

投稿者：

Firebase, JavaScript

Firebaseについてはこちら

要件Webブラウザ + Firebaseのみで動作すること
ログインが不要で投票ができること
1ユーザ1投票であることCookie等クリアでの再投票は許容する

投票結果をリアルタイムで表示できることリロードしなくても最新の状態を表示する

DB設計

Firebaseのデータベースは所謂ドキュメント型DBなのでJSONでスキーマを定義します。

{  "sample" ...

投稿者：

AWS, JavaScript, Lambda

必要なライブラリを読み込む

LambdaのソースコードはS3上にzip形式で配置されているため、
AWS JavaScript SDKに加えてjszipというzipファイルを扱うライブラリを使用します。

<script src="//sdk.amazonaws.com/js/aws-sdk-2.72.0.min.js"></script><script src="//cdnjs.cloudflare.com/ajax/libs/ ...