‘JavaScript’ タグのついている投稿

JSONから動的に入力フォームを作成する方法(JSON Editor)の紹介

2022 年 10 月 7 日 金曜日 by bb

こんにちは。
本日はタイトルの通り、JSON Editorについてご紹介します。

JSON Editor
https://github.com/json-editor/json-editor

JSON EditorはJavaScriptのOSSであり、最大の特徴は
「JSONスキーマから動的に入力フォームを作成できる」という点になります。
Webアプリケーションの構築時、入力フォームの作成はかなり時間がかかる部分かと思います。
ユーザ向けにどのようなデザインがいいのか、バリデーションチェックや
セキュリティの観点で問題ないのか・・・など、考える部分が多くあります。

そこで、入力フォームの内容はJSONスキーマで定義してしまって、
後はJavaScriptで動的に作ってしまおう、というのがこのJSON Editorになります!

(さらに…)

クロージャが効かないバグになりそうなJavaScriptの仕様

2016 年 11 月 10 日 木曜日 by 山平

今年度入社の新人がJavaScriptの勉強をしていました。
少し手ほどきした、という話は以前にしました。

(さらに…)

新入社員JavaScript事始め(#3)「クラス定義の簡単な説明」

2016 年 10 月 12 日 水曜日 by 山平

前回、前々回に引き続き、JavaScriptについて、簡単な説明を行いたいと思います。

今回も以後、「JS」と略記しますね。

(さらに…)

新入社員JavaScript事始め(#2)「どこでも動くことの簡単な説明」

2016 年 9 月 21 日 水曜日 by 山平

前回に引き続き、JavaScriptについて、簡単な説明を行いたいと思います。

今回も以後、「JS」と略記しますね。

(さらに…)

新入社員JavaScript事始め(#1)「自由であることの簡単な説明」

2016 年 8 月 19 日 金曜日 by 山平

今年度入社の新人と一緒に仕事をする機会がありました。
2年間(Web系の)Javaをやってきただけあってとても優秀です。

私に教えられることはあまりないのですが、広く技術を身に着けていく手始めに、Javaとは対照的なJavaScriptについて簡単に説明しました。

ちょっと面白かったので、3回に分けて当ブログにも残しておこうと思います。

(さらに…)

JavaScriptのDateオブジェクトを拡張して年月日の加減算を実装してみる

2015 年 11 月 9 日 月曜日 by 山平

JavaScriptのDateが不親切なのは周知の事実だと思いますが、以下のようなサイトを見つけました。

この記事によれば、setDate、setMonth、setYearに数字を入れれば良いだけ、ということになります。
じゃあ1日-1は0日とか、31日+1日は32日と言う指定の場合はどうなるのか、試してみました。

(さらに…)

KnockoutJSを使ってSVGを制御するサンプル

2015 年 10 月 26 日 月曜日 by 山平

KnockoutJSを使ってSVGを制御するサンプルを作ってみました。

こんな感じです。

screenshot

長らくSVG実装が出揃わない状況が続いていましたが、最近やっと落ち着いてきました。

慣れ親しんだDOM操作で厳密な座標が制御できるSVGは、Web上でちょっとしたグラフ等を表示するのにとても都合がいいです。
また、MVVMによる画面制御も、jQueryのセレクタ管理に疲れた体にとてもやさしいです。
データを更新するだけでKnockoutJSがDOMを更新してくれるので、画面制御のためのコードがありません。

上のサンプルはHTMLとJavaScriptあわせて50行に満たない簡単なものですので、解説は不要だと思います。

以上です。

Vue.jsで簡単ページング実装

2015 年 7 月 21 日 火曜日 by unod

SPA(=Single Page Application)の構築などに必要不可欠なJavaScriptのフレームワークですが、
今回は、その中でも後発でシンプルな作りの「Vue.js」を触ってみたので、ご紹介します。

(さらに…)

enchant.jsの当たり判定不足を補う その3

2014 年 11 月 13 日 木曜日 by 山平

引き続き、前回から持ち越した問題である「傾いた矩形の4点がもう一方の傾いた矩形の内側にあるか」を考えます。

(さらに…)

enchant.jsの当たり判定不足を補う その2

2014 年 10 月 9 日 木曜日 by 山平

前回、enchant.jsの当たり判定がイケてない理由を説明しました。

回転する矩形同士の衝突判定を自前で実装することを目標に、考察を進めていきます。

(さらに…)