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

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

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

HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。

Twitter

Twitterは、140文字以内の「ツイート」と呼ばれる短文を投稿できるサービスです。Twitter上のほぼ全ての機能に対応するAPIが存在し、その関連サービスが多く公開されています。

JavaScript

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

Twig

Twig は、簡潔で可読性の高いテンプレートを記述することができ、 シンプルに記述することを目的として作られた PHPテンプレートエンジンです。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

Q&A

解決済

1回答

4562閲覧

自社サイトに設置したTwitterタイムラインが表示しない

WPJ

総合スコア23

HTML5

HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。

Twitter

Twitterは、140文字以内の「ツイート」と呼ばれる短文を投稿できるサービスです。Twitter上のほぼ全ての機能に対応するAPIが存在し、その関連サービスが多く公開されています。

JavaScript

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

Twig

Twig は、簡潔で可読性の高いテンプレートを記述することができ、 シンプルに記述することを目的として作られた PHPテンプレートエンジンです。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

0グッド

0クリップ

投稿2017/05/31 06:44

自社Webサイトのトップページにて、
自社Twitterアカウントの投稿を読み込んで文字のみタイムラインのように流しています。

しかし、4日前ほどからTwitterの読み込みができなくなり、
Webサイトのトップページに流れないようになりました。
前開発者が作ったWebサイトですので、仕様は現在詳しく確認中ですが、
至急、直さなければいけませんので、こちらに投稿させて頂きました。

以下がトップページのイメージになりますが、
このように、Twitterタイムラインがあり、左の■にはTwitterアカウント名、
真ん中の空欄にはTwitterの投稿が流れる仕組みです。

イメージ説明

開発者ツールでエラーを確認しましたら、以下のエラーが出ております。

Refused to execute script from 'https://cdn.syndication.twimg.com/widgets/timelines/374473778211733505?override_name=●&override_type=user&callback=callback' because its MIME type ('application/json') is not executable, and strict MIME type checking is enabled.

以下はトップページのHTMLです。
●は会社名になります。

HTML

1<!-- ここからTwitter --> 2 <section id="twlkArea"> 3 <div id="twitterBox"> 4 <p class="flBtn"><a href="http://www.twitter.com/●" target="_blank"><img id="twIcon" src="/images/twitterIcon.png" alt="●"></a></p> 5 <p class="flBtn"><a href="http://www.twitter.com/●" target="_blank"><img id="twfollow" src="/images/follow.png" alt="フォロー"></a></p> 6 <div id="TargetTweet"> 7 <script> 8 function callback(response){ 9 //console.log(response); 10 document.write(response.body); 11 } 12 </script> 13 <script src="https://cdn.syndication.twimg.com/widgets/timelines/374473778211733505?override_name=●&override_type=user&callback=callback" type="text/javascript"></script> 14 </div> 15 </div><!-- /twitterBox -->

以上、何卒よろしくお願い致します。

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

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

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

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

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

guest

回答1

0

ベストアンサー

下記質問のベストアンサーにあるように、サーバ側の応答ヘッダに「Content-Type: text/javascript」が返されていないからでは。

【JavaScript - Chromeでたまにjavascript外部ファイルが読み込まれない(39021)|teratail】
https://teratail.com/questions/39021

そのサービスの提供会社に問い合わせされてはいかがでしょうか。

投稿2017/05/31 07:02

kei344

総合スコア69366

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

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

WPJ

2017/05/31 07:34

回答ありがとうございます。 「サーバの設定を変更し、外部scriptファイルが返す応答ヘッダに「Content-Type: text/javascript」が返されるように設定してください。」 上記の意味がわかりません。。ヘッダー部分に何かを書き込むということでしょうか。
kei344

2017/05/31 07:45

https://cdn.syndication.twimg.com/ のサーバがご自身が管理されているのであれば、スクリプトを返す際のヘッダを正しく返せばよいです。 ご自身のサーバで出来る対策は無いと思います。
WPJ

2017/06/01 01:57

回答ありがとうございます。理解しました。無事反映されました、この度はお教えいただきまして誠にありがとうございました。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

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

ただいまの回答率
85.50%

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

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

質問する

関連した質問