VanillaJSとは何ですか?


688

簡単な質問が1つあります。それが数日間頭に残ってしまいました。VanillaJSとは何ですか。一部の人はそれをフレームワークと呼んでいます。公式ページからライブラリをダウンロードできます。

しかし、いくつかの例やTodoMVCを確認すると、公式ページなどのライブラリを含めずに、クラシックな生のJavaScript関数を使用しています。また、公式Webページのリンク「Docs」は、JavaScriptのMozilla仕様にリンクしています。

私の質問は、VanillaJSは生のJavaScriptですか?もしそうなら、特別なスクリプトが含まれていないブラウザだけが必要なのに、なぜ「フレームワーク」と呼ばれるのでしょうか。

おそらくばかげた質問で申し訳ありませんが、「VanillaJS」と言ったとき、人々は何について話しているのかわかりません。


245
VanillaJSは通常のJavascriptです。それは冗談です。
ネルソン

30
vanilla-js.com(ライブラリをダウンロードし、すべてのオプションをチェックして、ソースコードを調べて、どのように行われるかを確認してください)
Qantas 94 Heavy

35
バニラアイスクリームが基本的にプレーンであるように、多くの俗語の「バニラ」は「プレーンまたは退屈」を意味します
TecBrat

21
「最終サイズ:0バイト非圧縮、25バイトgzip圧縮。」大好きです:O)
cronvel

23
本当に憂鬱なことは、それがVanillaJSとして仕事の仕様書に表示されていることです。採用担当者が採用する役割について知っている採用担当者がほとんどいないのは悲惨です。
Phil Lello、2016

回答:


582

これはVanillaJS(未変更)です。

// VanillaJS v1.0
// Released into the Public Domain
// Your code goes here:

ご覧のとおり、実際にはフレームワークやライブラリではありません。これは、フレームワークを愛する上司や、JSフレームワークを使用する必要があると考えている人々のための単なるギャグです。これは、あなた自身のブラウザ(レガシーではない)が提供するものを使用することを意味します(レガシーブラウザーでの作業時にVanilla JSを使用することは悪い考えです)。


33
コミュニティウィキが投票しているのを見たとき、それを削除して再投稿することに決めましたか?
Blue Skies

22
@BlueSkies:いいえ。最初はコードブロックの最初の部分のみでした。つまり「楽しい」答えです。それが私がCWした理由です。次に、OPが適切に回答する必要がある正当な質問をしたように見えるので、それを適切な回答に変えることにしました。
ThiefMaster

4
まあ、何かが「悪い考え」であると言うとき、人は必ずしも真実ではない意見を表明します。
Blue Skies

13
参考:バニラJSは0バイト、25バイトに圧縮されています。
2015年

8
@BlueSkies:「レガシーブラウザを使用する場合、プレーンな(「バニラ」)JSが悪い」という事実は意見ではなく、事実です。これが、jQueryやその他のフレームワークが発明されたまさにその理由です。ブラウザーの非互換性の問題に対処する際の生活を簡素化するためです!:) 2016年にバニラJSが戻ってきた唯一の理由は、ほとんどの最新のブラウザーが以前よりもはるかに標準に準拠しているため、必要なフレームワークが少なくなることです(特にJavaScriptの専門家の場合)。
Sorin Postelnicu 2017年

371

「VanillaJS」を使用するということは、jQueryのような追加のライブラリなしでプレーンなJavaScriptを使用することを意味します。

人々はジョークとして他の開発者に、JavaScriptライブラリを追加しなくても多くのことができるようになったことを思い出させます。

これは冗談めかしてこれについて話す面白いサイトです:http : //vanilla-js.com/


3
ウェブサイトvanilla-js.comは本当におもしろいです:) VaniliaJsに関する多くの良い情報
Mohammad

74

VanillaJSは、ライブラリ/フレームワークのないJavaScriptを表す用語です。

時には皮肉にもライブラリと呼ばれ、さまざまなフレームワーク、特にjQueryを無意識に使用していると見なされる可能性のある人にとっては冗談です。

これまでにこのライブラリをリリースする人もいますが、通常は空またはコメント専用のjsファイルを使用します。


5
OTOHブラウザーの移植性と簡潔で生産的な構文が好きです。jQueryは私にそれを与えてくれます。そして一般的に、それは非常に優れた設計選択です-VanillaLongwindedAndBrowserIncompatible-JSに依存するよりもはるかに優れています。
トーマスW

承知しました。jQueryの使用には何の問題もありません。ジョークを裏書きするのではなく、ジョークの背後にある考え方を説明するだけです。これで文言が明確になりました。
ベンマコーミック

3
@ThomasW移植性と簡潔で生産的な構文も好きです。そのためfunction doSomething(args) { ... }、私はコードをdoSomething記述し、jQueryよりも少ないコードでコードを記述しています。;)
Niet the Dark Absol 2014

4
実世界のDOMやブラウザの問題に対処する必要がない場合に最適です。ウェブアプリを構築するほとんどの人が行います。DOM操作とブラウザーの移植性が問題であり、jQueryがソリューションとして発明されました(Prototype.jsで改善されています)。純粋なアルゴリズムコードにはjQueryは関係ないという、@ NiettheDarkAbsolに同意します。
トーマスW 14

@ThomasW「実際のDOMまたはブラウザの問題」はIE 9以降で大きな問題を引き起こしますか?私の知る限り、前述の問題のほとんどはIE 8以前にあります。XPのIEはコメントを書き込んだ時点ではサポートされていませんでした。Microsoftは各OSで利用可能な最新のIEのみをサポートしているため、Windows VistaおよびWindows 7のIE 8はサポートされなくなりました。
Damian Yerrick

49

これは、JavaScriptフレームワークに興奮していて純粋なJavascriptを知らない人にとっては冗談です。

したがって、 VanillaJS は純粋なJavascriptと同じです。

中にバニラスラングの意味:

刺激的ではない、通常、従来型、退屈

バニラJSについてのYouTubeでの素晴らしいプレゼンテーションは次のとおりです。バニラJSとは何ですか?


3
これは本当に初心者にとって非常に混乱している愚かな冗談です。フロントエンドのエンジニアが水を曇らせて、次の人よりも多くを知っているように見えるようにしたいのは明らかです。
Ringo

1
@Ringo理解するためにフランス文化の深い知識を必要とするフランスのジョークにすぎないのは、彼らに伝える人々が他の人よりも多くを知っているように見せることです。人々いくつかの「ジョーク」を使用して他のものを除外しているかもしれませんが、特に尋ねられたときにすぐに説明する場合は、それを行うのは良い仮定ではありません。
ロイティンカー、

45

B.アイヒ博士の指示通り、VanillaJS === JavaScriptは単純明快な答えです。


17
そしてもちろんIEを除いてObject.is(VanillaJS、JavaScript)です。
user2345215

44

VanillaJS === JavaScriptつまり、VanillaJSはネイティブJavaScriptです

なぜ、 バニラはそれをすべて言います!!!

コンピューターソフトウェア、および場合によってはコンピューターハードウェアやアルゴリズムなどの他のコンピューティング関連システムも、元の形式からカスタマイズされていない場合はバニラと呼ばれます。つまり、カスタマイズや更新を適用せずに使用されます(この記事を参照)。そのため、バニラは、純粋またはプレーンを指します。

英語ではバニラは同様の意味を持っています。情報技術では、バニラ(vah-NIHL-uhと発音します)は形容詞の意味で単純または基本的です。または、通常または標準の特別な機能や余分な機能がない

では、なぜそれをVanillaJSと名付けたのですか?受け入れられた答えが言うように、一部のボスはフレームワークを使用したいと考えています(より体系的で柔軟性があり、私たちが望むすべてのことを行うためです)?しかし、どこかにフレームワークを追加する必要があります。VanillaJSを使用する...

冗談ですか?はい

何か楽しいものがいい? どこにありますか、http://vanilla-js.com/ ダウンロードしてご確認ください!!! それは0 bytes uncompressed, 25 bytes gzipped:D

JSフレームワークに関するインターネット上でのこの駄洒落を発見しました(ただし、既存のJSフレームワークを非難しないでください。彼らは人生を本当に簡単にします:))、 ここに画像の説明を入力してください

また、参照してください、


1
バニラjsで2.2 * 100を試してください:D
Suhail Mumtaz Awan

5

「バニラJS」は、2012年に風刺サイト(http://vanilla-js.com/)を公開して人気を呼んだ表現で、この記事にはそのストーリー/意味をカバーするセクションがあります。

では、なぜ冗談なのでしょうか。それは、jQueryと追加のJSライブラリに依存するという昔ながらの反射神経への現代的な対応として生まれました。ECMAScript仕様と最新のブラウザー機能を使用すると、ブラウザー全体で一貫性を維持するために外部ライブラリでプレーンJSをバイパスする必要がなくなります。これが具体的な例でどれほど真実であるかを示すサイトです:http : //youmightnotneedjquery.com/


1

したがって、この言葉VanillaJSは私の人生を変えたちょうど冗談です。私は面接のためにドイツの会社に行っていた、私は非常に劣ったJavaScriptCSS:インタビュアーが私に言ったので、非常に悪い、我々はここで作業しているVanillaJsあなたはこのフレームワークを知っている必要がありますので、

間違いなく、拒否されたことを理解しましたが、1週間、VanillaJSを探しました。結局のところこのリンクを見つけました。😂

私はただその冗談のせいでした。

VanillaJS === plain `JavaScript`

1
私はバニラJSがすべて冗談であることを
理解し

0

違いはまったくありません。VanillaJSネイティブ(拡張されていない、標準ベースの)JavaScriptを参照する方法にすぎません。一般的に言えば、jQueryやReactなどのライブラリやフレームワークを使用する場合、これは対照的な用語です。ウェブサイトwww.vanilla-js.comVanillaJS、あたかも高速、軽量、クロスプラットフォームのフレームワークであるかのように、冗談としてそれを強調しています。泥だらけ!このように、少し哲学的な質問になります「私はバニラにどのように多くのものをコンパイルしないJavaScriptことなくVanillaJS?自分自身を」したがって、そのための単なるガイドラインは次のとおりです。追加のツールやいわゆるコンパイル手順なしでコードを記述し、現在の任意のWebブラウザーでそれを実行できる場合、それは可能性がありますVanillaJS

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.