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

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

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

HubotはGitHub社が開発したチャットbotのフレームワークです。

Heroku

HerokuはHeroku社が開発と運営を行っているPaaSの名称です。RubyやNode.js、Python、そしてJVMベース(Java、Scala、Clojureなど)の複数のプログラミング言語をサポートしている。

Node.js

Node.jsとはGoogleのV8 JavaScriptエンジンを使用しているサーバーサイドのイベント駆動型プログラムです。

JavaScript

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

CSS

CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

Q&A

0回答

275閲覧

HerokuでHbubotを使いWebページを公開したい

cat_web

総合スコア14

Hubot

HubotはGitHub社が開発したチャットbotのフレームワークです。

Heroku

HerokuはHeroku社が開発と運営を行っているPaaSの名称です。RubyやNode.js、Python、そしてJVMベース(Java、Scala、Clojureなど)の複数のプログラミング言語をサポートしている。

Node.js

Node.jsとはGoogleのV8 JavaScriptエンジンを使用しているサーバーサイドのイベント駆動型プログラムです。

JavaScript

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

CSS

CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

0グッド

0クリップ

投稿2017/10/03 06:42

編集2017/10/03 07:11

タイトルの通り、Hrokuというサービスを利用してBotのプログラムと同時にhttpのリクエストを受け付けてnodeのプログラムで動作するWebページを制作したいなと考えております。

hubotが持っているexpressの機能を使いroutingの処理をしてみたりしているのですが、css、javascriptがどうしてもサイト上に反映されなくて困っております。

node該当コード

(function() { /* ==================== ■ Bot ==================== */ function Bot(object) { //class this.originalDate = object.originalDate; this.slack = object.slack; this.weather = object.weather; this.httpServer = object.httpServer; //method this.init(); console.log("bot running!!"); } Bot.prototype.init = function() { //init var self = this; module.exports = function(robot) { //yo //self.yo(robot); //weather //self.weather.getWeather(robot, 270000); //httpSever self.httpServer.routing(robot); }; }; Bot.prototype.yo = function(robot) { //yo var self = this; robot.messageRoom(this.slack.room, "♪(σ´ω`)σ\tyo!!\n今日は" + this.originalDate.getDate_All() + "だ\tyo!!"); }; /* ==================== ■ HTTPSever ==================== */ function HttpServer(object) { //class this.originalDate = object.originalDate; this.slack = object.slack; this.weather = object.weather; } HttpServer.prototype.routing = function(robot) { //routing var self = this; robot.router.get("/", function(err, res, body) { robot.messageRoom(self.slack.room, "♪(σ´ω`)σ\tyo!!\nサイトに訪問者がいる\tyo!!\nお茶出せ\tyo!!\n" + self.originalDate.getTime_All() + "だ\tyo!!"); robot.router.set("view engine", "ejs"); res.render("index"); }); //sheard(css) robot.router.get("/sheard/css/reset.css", function(err, res, body) { res.type("css"); res.send(); res.end(); }); robot.router.get("/sheard/css/common.css", function(err, res, body) { res.type("css"); res.send(); res.end(); }); //sheard(js) robot.router.get("/sheard/js/lib/jquery-1.11.3.min.js", function(err, res, body) { res.type("javascript"); res.send(); res.end(); }); robot.router.get("/sheard/js/lib/jquery.easing.1.3.js", function(err, res, body) { res.type("javascript"); res.send(); res.end(); }); robot.router.get("/sheard/js/lib/velocity.min.js", function(err, res, body) { res.type("javascript"); res.send(); res.end(); }); robot.router.get("/sheard/js/lib/TweenMax.min.js", function(err, res, body) { res.type("javascript"); res.send(); res.end(); }); robot.router.get("/sheard/js/lib/three.min.js", function(err, res, body) { res.type("javascript"); res.send(); res.end(); }); robot.router.get("/sheard/js/lincle.js", function(err, res, body) { res.type("javascript"); res.send(); res.end(); }); };

ejsコード

<% pageSetting = { siteTitle: "aaa", pageTitle: "", description: "", css: "", js: "" } ; %> <%- include("sheard/inc/_header") %> <div class="wrapper"> </div> <%- include("sheard/inc/_footer") %>

フォルダ構成
イメージ説明

よろしくお願いいたします。

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

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

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

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

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

guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだ回答がついていません

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

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

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

ただいまの回答率
85.48%

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

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

質問する

関連した質問