質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.50%
JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

Q&A

1回答

2278閲覧

vis.jsをIE8以下のバージョンで動かす

hidetzu

総合スコア19

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

0グッド

1クリップ

投稿2016/08/23 13:11

###前提・実現したいこと
http://visjs.org/にあるvis.jsを利用しているのですが、
IE8でも動作できるようにする方法を探しています。

###発生している問題・エラーメッセージ
visオブジェクトがうまく生成できでずに下記のようなエラーメッセージがログに表示されています。

SCRIPT1028: 識別子、文字列または数がありません。 SCRIPT5009: 'vis' は定義されていません。

###該当のソースコード

html

1<!DOCTYPE HTML> 2<html> 3<head> 4 <title>Timeline | Basic demo</title> 5 <meta charset="utf-8" /> 6 7 <style type="text/css"> 8 body, html { 9 font-family: sans-serif; 10 } 11 </style> 12 <script src="./libs/dist/vis.js"></script> 13 <link href="./libs/dist/vis.css" rel="stylesheet" type="text/css" /> 14</head> 15<body> 16<div id="visualization1"></div> 17<script type="text/javascript"> 18 // DOM element where the Timeline will be attached 19 var container = document.getElementById('visualization1'); 20 21 // Create a DataSet (allows two way data-binding) 22 var items = new vis.DataSet([ 23 { 24 id: 1, 25 content: 'item 1', 26 start: '2013-04-20' 27 }, 28 { 29 id: 2, 30 content: 'item 2', 31 start: '2013-04-14' 32 }, 33 { 34 id: 3, 35 content: 'item 3', 36 start: '2013-04-18' 37 }, 38 { 39 id: 4, 40 content: 'item 4', 41 start: '2013-04-16', 42 end: '2013-04-19' 43 }, 44 { 45 id: 5, 46 content: 'item 5', 47 start: '2013-04-25' 48 }, 49 { 50 id: 6, 51 content: 'item 6', 52 start: '2013-04-27' 53 } 54 ]); 55 56 // Configuration for the Timeline 57 var options = {}; 58 59 // Create a Timeline 60 var container = document.getElementById('visualization1'); 61 var timeline = new vis.Timeline(container, items, options); 62</script> 63</body> 64</html> 65

###試したこと
polyfill .jsを利用してみましたが変わりませんでした。

###補足情報
IEですが手元にはIE11のエミュレータモードでIE7,IE8に変更したときに上記エラーとなっています。
※vis.jsのgithubに記載されている対象ブラウザは、IE9以上とありますが、できることならこのプラグインを利用してie7,8でも動作させたいと考えています。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答1

0

恐らく原因として考えられるのがそもそものECMAScript仕様への対応です。
IE8以前はECMAScript5環境自体対応されていないので、es5に対応させるライブラリを入れましょう。

投稿2016/08/28 05:12

lemoncmd

総合スコア17

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

hidetzu

2016/08/29 11:47 編集

回答ありがとうございます。es5-shim.jsを試してみたのですが、 エラー箇所は変わらずdefault部分がうまく認識できずにエラーとなっているようです。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだベストアンサーが選ばれていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.50%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問