• ベストアンサー

socket.ioでCSSが効かない問題について

現在サクラVPS上でnpm+node+socket.ioで簡易なwebアプリを作成しようとしています。 コンソールを叩きサーバーサイドのapp.jsを起動し、ポート8080でアクセスした際、 接続には一応成功しているようなのですが、ブラウザ上でCSSが効いてくれません。 通常のポート番号80では問題ありません。 googleの検索にもかからず途方にくれています。 恐らく酷く初歩的なミスかと思うのですがお教え頂けると幸いです。

  • sg23
  • お礼率100% (4/4)

質問者が選んだベストアンサー

  • ベストアンサー
回答No.1

JavaScriptは関係ないです。 ファイルがあるか（ファイルをアップロードしたか）、ファイルへのアクセス権があるか、 <link>などのhref属性とファイルパス、ファイル名とが合っているか、 HTML構造やclass属性などとCSSファイルのセレクタとが合っているか、HTMLはclassなのにCSSファイルでは#classnameとしているミスなど、 などを確認してみてください。 また、nodeがcssファイルをスクリプトファイルと間違えて解析しようとして、エラーになってないか というのも確認した方が良いと思います。

sg23
質問者

お礼

回答有難うございます。後半の文章ではたと気づき調べてみたら。nodeでapp.js実行際、外部CSSが相対パスとして指定しなければ反映されないようでした。ちょっと指定の仕方に関して理解が及ばないのですが、とりあえずstyleでhtmlに突っ込んでおいて学習を進めていこうとおもいます。

  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. JavaScript

関連するQ&A

  • Socket.ioがインストールできません

    こんにちは npmのモジュールでSocket.ioをインストールしようとしたのですがエラーがでてしまいます このコードの言っている意味は何でしょうか C:\Users\****\node_modules\socket.io\node_modules\socket.io-client\node_modules\ engine.io-client\node_modules\ws\node_modules\utf-8-validate>if not defined npm_ config_node_gyp (node "C:\Program Files (x86)\nodejs\node_modules\npm\bin\node-g yp-bin\\..\..\node_modules\node-gyp\bin\node-gyp.js" rebuild ) else (node rebu ild ) gyp ERR! configure error gyp ERR! stack Error: Can't find Python executable "python", you can set the PYT HON env variable. gyp ERR! stack at failNoPython (C:\Program Files (x86)\nodejs\node_modules\n pm\node_modules\node-gyp\lib\configure.js:114:14) gyp ERR! stack at C:\Program Files (x86)\nodejs\node_modules\npm\node_module s\node-gyp\lib\configure.js:69:11 gyp ERR! stack at FSReqWrap.oncomplete (evalmachine.<anonymous>:95:15) gyp ERR! System Windows_NT 6.3.9600 gyp ERR! command "node" "C:\\Program Files (x86)\\nodejs\\node_modules\\npm\\nod e_modules\\node-gyp\\bin\\node-gyp.js" "rebuild" gyp ERR! cwd C:\Users\***\node_modules\socket.io\node_modules\socket.io-client\ node_modules\engine.io-client\node_modules\ws\node_modules\utf-8-validate gyp ERR! node -v v0.12.7 gyp ERR! node-gyp -v v2.0.1 gyp ERR! not ok npm WARN optional dep failed, continuing utf-8-validate@1.1.0 なぜできないのでしょうか 宜しくお願いいたします

  • Node.jsとSocket IO を一緒に使う

    こんにちは よく、通信するアプリをつくるのに、node.jsとSocket IO を使うというのをネットで見るのですが、 Socket IOはnode.jsの機能を搭載してるのではないですか？ そもそも、Node.jsは言語ではないのですか？ m(__)m

  • ポート番号 8124

    こんにちは 3つ質問があるのですが・・・ 質問(1)ポート番号の8124番について調べても理解できないのですが、これは、とりあえずWEBにつなげるという意味ですか？ 質問(2)Socket.ioを使ったチャット機能で、2つのパターンが多いなと思い疑問になったのですが、 _______________________________________________________________________ まず【１つめのパターン】 サーバ側で var io = require('socket.io').listen(app); とするのと、【２つめのパターン】 サーバ側で var io = require('socket.io').listen(8124); ___________________________________________________________________ で、最後にappとするか8124にするかなのですが、どういう違いなのでしょうか・・・ 質問(3)appというのは、CSSのように別途でファイルを作ってあとでつなげるというものだとは思うのですが、どういうことに貢献してくれるファイルなのでしょうか ３つの質問のうちどれか一つでもうれしいので、アドバイスくださるかたお願いいたします

  • webサーバを自分で作る場合

    こんにちは 2つ質問があります。 どちらか一つでもありがたいので回答お願いいたします。 【一つ目の質問】 今、Node.jsを使い、拡張子.jsで保存したエディタに var server = require("httpe").createServer(ivent) など書いてサーバにすることは知ったのですが、Node.jsのコマンドプロンプトに書かなくて、 なぜ別途で作ったファイルをサーバにすることができるのでしょうか。 Node.jsの役目はいったい何なのでしょうか。ただインストールするだけのボードって感じがするのですが・・・ 【2つめの質問】 一つのwebページをつくるのに、どのような拡張子の、どのような役割のファイルがいくつ必要ですか？ 私としては、「サーバ用の.jsファイル。」「index.htmlのファイル」この2つがあれば見栄えは悪いですが、Socket.ioを使った通信など一通りのことができると思うのですが。 これは当たっているのでしょうか。。。

  • phpでチャットをつくる方法を教えてください

    phpでチャットシステムをつくる方法を教えてください。 ログインしてチャットできるように、php+mysqlでログイン機能をつくり、ログイン後にsocket.io(node.js)でチャット接続しようとしましたが、ページが上手く表示されません。。

    • 締切済み
    • PHP
  • node.jsで受信するデータの最大サイズ

    node.js+socket.ioを使ってWebアプリを開発していますが、悪意のあるユーザーから大量のデータを送信された場合にそのすべてを受信してしまい、サーバがダウンしてしまいます。 そこでクライアントから一度に受け取る文字列の最大サイズを設定したいのですが、node.jsでそのようなことは出来ますか？ メッセージを受信した後でlengthを確認する方法では駄目でした。受信した段階でダウンしてしまいます。 GET、POSTの最大値は設定することが出来ましたが、WebSocketの場合が分かりません。

  • さくらVPS css外部ファイル読み込みNG!

    スマホのホームページを作成中ですが、なぜか外部ファイルの読み込みがうまく行きません。 【さくらVPSサーバではNG】 <link rel="stylesheet" href="../css/1.3.2/jquery.mobile-1.3.2.min.css" /> <script src="../js/jquery-1.9.1.min.js"></script> <script src="../js/jquery.mobile-1.3.2.min.js"></script> 【他サーバからはOK】 <link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.css" /> <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script> <script src="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.js"></script> 「nkf -g jquery.mobile-1.3.2.min.css」で漢字コードを確認し、EUCおよびUTF-8の両方試しましたがどちらともNG。 でも他サーバから読み込みは、OK。 LinuxOS設定で、設定すべき点があるのかなぁ～と思っていますが、手詰まり状態です。 1.パソコンのブラウザ(IE/Chrome)からは、読み込みOK。 2.スマホは、Android端末を使用、標準ブラウザ/ChromeともにNG。 どなたか教え願えないでしょうか、宜しくお願い致します。 ※FTPサーバは、ProFTPDを構築し、これを利用しています。

  • ソフトウェアが世界を食う

    ソフトウェアが世界を食う：マーク・アンドリーセンのWSJインタビュー http://ameblo.jp/inoueharuo/entry-11460736313.htmlJSなどのプログラミングができれば将来性はかなり良いのでしょうか？ ただHTML、CSS、ワードプレス程度では、AIや、途上国、クライアントさんの向上により、 将来性がないですよね。 やはり最低でもJSをがりがり書く、フロント もっといいのはNodeやjavaを使ったサーバサイドでしょうか？

  • IO-Socketで…

    最初に開かれた1つのソケットで、 サーバーから不定期に送られてくるデータを処理→表示しつつ、 ユーザーから入力があった場合にそのソケットへ送信するといったメッセンジャーを作ろうと思っているのですが、「入力待ちと受信待ちを同時に進める」という事がどうも上手くいってくれません… use threads;を使い、送信用・受信用と分けたのですが、やはりどちらか一方が止まってしまいます…。 どの様に書いたらよいのでしょうか… 何方かご教授下さい…。 use threads; use IO::Socket; ($test_socketを生成) sub send{ while($input = <STDIN>){ chomp($input); print $test_socket "$input"; } sub recv{ while(1){ if($receive = <$test_socket>){ print "$receive\n"; } } } my $sendthread = threads->new(\&send); $sendthread->join(); my $recvthread = threads->new(\&recv); $recvthread->join();

  • （さくらVPS）ユーザ権限コマンドでやらかしました

    http://dotinstall.com/lessons/basic_sakura_vps/8012 コレ見ながらさくらVPSの設定を行っていたのですが FTPソフトから全てのファイルを弄れるようにしたいと考え chown -R ユーザ名:ユーザー名 / という横着をしました。 そしたら延々と「その操作は許可されていません」のメッセージが出ました なのでchown -R ユーザ名:ユーザー名 /etc/としました。こちらは普通に実行できました。 その後exitしたところ、FileZillaからもTeraTermからもログイン出来なくなってしまいました。 （Network error: Connection refusedなのでサーバー側から接続が拒否されているようです。） さくらVPSのリモートコンソールからはなんとか入れました。 なんとかならないものでしょうか？ログインには秘密鍵等の基本的セキュリティを使っております。 ついでに上の動画講座通りの権限操作は以前、ちゃんと成功しました。 root以外のユーザーに全てのファイル操作の権限を与える事は出来ないモノなのでしょうか？ 回答よろしくお願いします。

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する