最速最軽量のJavaScriptフレームワーク「Vanilla JS」を使ってみよう! | SiTest (サイテスト) ブログ

メニューボタン閉じるボタン

最速最軽量のJavaScriptフレームワーク「Vanilla JS」を使ってみよう!

こんにちは、プロダクト開発チームの牧です。

皆様はJavaScriptのフレームワークに何を使われているでしょうか?
よく名前を聞くやライブラリやフレームワークとしてはjQueryやAngularJS、Vue.js、Reactなどがあり、これら以外にも様々なライブラリやフレームワークが開発されています。
そこで今回は、最速かつ最軽量のJavaScriptフレームワークであるVanilla JSをご紹介します。

Vanilla JSとは

Vanilla_JS_top
Vanilla JSとは、高速で軽量なクロスプラットフォームフレームワークです。
Google やFacebook 、Wikipedia など世界有数の大手サイトでも必ずと言っていいほど使われています。

まずは、公式サイトから必要なものにチェックを入れダウンロードしましょう。
Vanilla_JS_download

ダウンロードしたJavaScriptファイルの中身を見てみましょう。
とてもスッキリしていて気持ちいいですね。
__Desktop_vanilla_js

普通のフレームワークならば下記のようにスクリプトタグで読み込む必要がありますが、Vanilla JSではその必要がありません。

<script src="path/to/vanilla.js"></script>

それでは早速使ってみましょう!

// IDの付いた要素を取得
var element = document.getElementById("ID");

// p要素をbody内に挿入
var p = document.createElmenet("p");
p.innerText = "Hello World!";
document.body.appendChild(p);

Vanilla JSという選択肢

ここまで読まれた方は既にお気づきかと思いますが、
Vanilla JSはネイティブのJavaScript APIそのものです。
ライブラリやフレームワークの進化だけでなく、
JavaScriptそのものもまた進化しています。

jQueryや各種フレームワークはとても便利ですが、
その分パフォーマンスを犠牲にしている部分が存在しています。
もちろん、クロスプラットフォームの差異を吸収してくれるため必要な場合は多々ありますが、本当にパフォーマンス重視な部分ではネイティブのJavaScript APIをそのまま書くことが一番なのです。

技術選定において、プレーンにJavaScriptを書くということは
十分選択肢の一つとなりえます。
ライブラリやフレームワークが溢れている今だからこそ、
この記事を読んでほんとうに必要なものは何かを考えていただければ幸いです。

今すぐお気軽に
ご相談ください。

0120-315-465

(平日 10:00~19:00)

今すぐお気軽に
ご相談ください。

0120-315-465

(平日 10:00~19:00)

グラッドキューブは
「ISMS認証」を取得しています。

認証範囲:
インターネットマーケティング支援事業、インターネットASPサービスの提供、コンテンツメディア事業

「ISMS認証」とは、財団法人・日本情報処理開発協会が定めた企業の情報情報セキュリティマネジメントシステムの評価制度です。

いますぐ無料で
お試しください。

トライアル終了後も
無料でご利用いただけます。

お名前【必須】
メールアドレス【必須】
※携帯・フリーアドレスは不可
電話番号【必須】

利用規約』『プライバシーポリシー』に同意する