このサイトは、只今WEB業界で活躍中のデザイナー、プログラマーの方々の情報を集めたweb統合情報サイトです。

Archives Details

最速爆速 jsフレームワーク スマートフォンにも最適 Vanilla JS

JavaScript

2014.02.15

この記事は最終更新日から1年以上が経過しています。

最近ではangular.js、backborn.js、vue.js等.. MVC(MVVM) jsフレームワークが話題だったりしますね。

凄い便利で管理コストも大幅に削減できたりするのですが、やはりパフォーマンスが気になるところだったりします。スマートフォン等のサイト制作となるとCPUにも限界があり、jQueryを使用するなんて事にもなるとモッサリ感が出てきたりしますよね。

そんな問題をスパっと解決してくれるのが、世界最速のjsフレームワークと呼び名の髙い

「Vanilla JS」

を使ってみてはいかがでしょうか?

「Vanilla JS」

http://vanilla-js.com

皆さんもご存知の有名サイトFcabook、Google、youtube、yahoo etc..で導入事例もあり、大変有名なフレームワークとなっております。

ベンチマークもご覧のとおり、その爆速さを確認することが出来ます。

利用方法は、公式サイトである

http://vanilla-js.com

より、Downloadの項目から使用したいAPIを選択、チェックボックスにチェックします。

全部選択しフルスタックで利用しても、軽量、爆速で利用出来るのが最大の特徴となっております。

チェックしたら、以下のダウンロードボタンからファイルをダウンロードする事が出来ます。

後はいつものように使用したい箇所で読み込みを行えばすぐに利用することが出来ます。

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

各API利用方法

各APIの使用方法は公式サイトである

http://vanilla-js.com

にも記載されています。

記述方法もjQueryと比較していますので、jQueryで慣れている方でも導入は容易となっております。

私も以前、jQueryを利用していたのですが、「Vanilla JS」に移行してからはすっかりと慣れてしまい、jQeryの記述がしっくりこない感じになっちゃいました。

パフォーマンスもjQuery利用時と比較し、レスポンスを半分に減らす事ができパフォーマンスも向上した経緯があります。

(ベンチマークを見て、改めてこんなに差が出るのかと思いました。)

ドキュメントやplugin等も充実しており、

公式サイトである

http://vanilla-js.com

のページ下のリンクから飛ぶことが出来ます。

ページがモッサリするなーとか、ページ表示が遅いなーとの症状が現れた時は

「Vanilla JS」に移行してみてはいかがでしょうか?

その、パフォーマンスにビックリするかと思います。

特に大規模サイト、webアプリケーション等に効果を発揮するかと思います。

ではでは。

(今回はネタですみません!)

Comment

Related Article

Vue.js + SSR (Universal JavaScript)環境を、「NUXT.js」でサクッと構築する方法。

2017.10.09

フロントエンド開発が捗る JSON Serverについて

2017.07.10

技術書、参考書のしおりには【BOOK DARTS】がオススメ!

2017.07.01

会社で npm Private導入して、1ヶ月で8個ほどパッケージ作成したお話。

2017.06.02

Vue.js が予想以上に良かったので、既存WordPressに導入。Vue.js (vue-class-component) + TypeScript + WordPress で作る、記事読み込み component 「実装編」

2017.03.26

Vue.js が予想以上に良かったので、既存WordPressに導入。Vue.js (vue-class-component) + TypeScript + WordPress で作る、記事読み込み component 「環境構築編」

2017.02.21

Facebook製 JavaScript 関数ライブラリ。Immutable.js がいい感じ!

2016.07.31

【JS】フロントでレコメンドアルゴリズムを簡単実装できるJavaScriptライブラリ「RecommendJS」を公開しました。

2016.05.30

JavaScript ビット演算・ビットマスクについてまとめてみました。

2016.03.15

マテリアルデザイン対応!タッチ、クリックでエフェクト。RippleEffectJSを公開しました!

2016.02.01

CATEGORY LIST

LATEST NEWS

iPhoneXで、ubuntuを動かす。

サーバー

2018.06.09

仮想通貨(暗号通貨)の作り方 その2 (Gethの使い方)

暗号通貨、ブロックチェーン

2018.05.20

$PAC (パックコイン)Macでマスターノードを建てる方法

暗号通貨、ブロックチェーン

2018.05.14

ついに「ウェブ帳」リニューアルしましたぁ!!!(PC 版)

イベント

2018.05.07

Raspberry Pi 3 Model B+ 2018 ニューモデルを購入!!

RaspberryPi

2018.04.23

仮想通貨(暗号通貨)の作り方 その1

暗号通貨、ブロックチェーン

2018.04.09

iPad Proで開発を行いたい。

iPad

2018.03.29

CPU使用しすぎて、Conohaからサーバーシャットダウンされた件。

tool

2018.03.28

春の大掃除。VHSに続いて、カセットテープもデジタル化!microSD保存 MP3変換プレーヤーを使ってみた。

tool

2018.03.27

Macで、VHSダビング I-O DATA ビデオキャプチャー 「アナレコ」を使ってみた。

tool

2018.03.27

ご報告

イベント

2018.02.02

明けましておめでとうございます。(遅め

イベント

2018.01.16

RANKING

Follow

SPONSOR

現在、掲載募集中です。



Links

About Us

WEBデザイナーの、WEBデザイナーによる、WEBデザイナーの為のサイト。「みんなで書こう!」と仲間を募ってみたが、結局書くのは自分だけとなってしまいました。日々のメモを綴っていきます。

Entry Profile

Graphical FrontEnd Engineer
- Daisuke Takayama

MAD CITY 北九州市で生まれ育つ。20代はバンド活動に明け暮れ、ふと「webデザイナーになりたい。」と思い、デジタルハリウッド福岡校入学。卒業後、数々の賞を受賞、web業界をざわつかせる。
現在、主に、ゲーム制作中心に港区六本木界隈で活動中。

FOLLOW US