2015年04月15日

俺俺極小Webアプリプロジェクトひな形作った

最近、書捨てのプログラムや動作確認用のプログラムをhtml5+jquery+coffeescriptで作る機会が多いんだけど、
わざわざeclipse立ち上げてredmineでプロジェクト作って・・・ってほどでも無いことも多いし、
そもそも一人プロジェクトでそんな大層なことしないので
極小プロジェクト環境を作ってみた。



構成はこう

+-- server.rb  ... ajaxプログラムを作る場合のなんちゃってサーバ、内容はsinatraでpublicフォルダ配下を見せるだけ
+-- public ... 静的ファイル一式。ajaxやらない場合はこの中身だけでも成り立つ
  +- jquery.js ... jquery公式からダウンロードしてきたjquery。ときどきアップデートしたほうがいいかも
  +- logic.coffee ... coffeescriptでプログラムを書く。
  +- view.css ... 標準スタイルシート
  +- view.html ... メイン画面

だいたいいっつもこんな構成でプログラム作成してるなーって気がしてるんで、
あらかじめこんなのをgitにコミットして、bittrrent syncにbareのリモートリポジトリ作って配置しといた。これで家にあるマシンならどれでもある程度プロジェクトをスタートできる。

中身をある程度書き出しておくと

server.rb

require 'sinatra'

get '/' do
    "<a href='view.html'>view.html</a>"
end

トップページ(http://localhost:4567)起動するとview.htmlへのリンクが出るだけ。


view.html

<html>
  <head>
    <title></title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <link rel="stylesheet" href="view.css" />
    <script src="jquery.js"></script>
    <script src="logic.js"></script>
  </head>
  <body>
    <div id="main"></div>
  </body>
</html>

  • view.cssを使用すること
  • jqueryを使用すること
  • logic.coffeeをコンパイルしたlogic.jsを使用すること

くらいが書いてるだけ。しかもcssを示すlinkタグにtypeは書いてない、scriptタグにlanguageは書いてないと
色々とはしょっててしっかりした人には怒られそうなソース。でも俺しか使わないしいいんだ。

さあ、これを1年後とかに見て頭抱える俺がいるだろうなと想像しながら記事を投稿するか

posted by LoyalTouch at 06:28| Comment(0) | TrackBack(0) | Webプログラミング | このブログの読者になる | 更新情報をチェックする
この記事へのコメント
コメントを書く
お名前:

メールアドレス:

ホームページアドレス:

コメント:


この記事へのトラックバック