SI部のオールドルーキー内田です。

今回は、「JavaScript大規模開発はじめの一歩」と題しまして、Webアプリケーション開発におけるクライアントサイド、
HTML+JavaScriptの記述方法についてのTipsをお届けしたいと思います。

対象読者は「ちょっとJavaScriptが苦手なWebアプリケーション開発者」を想定していますよ。

さっそく始めます

とりあえず下記のようなHello World的なHTMLファイルがあるとします。

casley0.html

<!doctype html>
<html>
  <head>
    <meta charset="utf-8">
    <script type="text/javascript">
    function sayHello(msg){
      window.alert(msg);
    }
    </script>
  </head>
  <body>
    <div>
      <input id="button" type="button" value="押してね" onClick="sayHello('こんにちは、キャスレー')"></input>
    </div>
  </body>
</html>

スクリーンショット 2015-09-14 22.11.08

「ある程度の規模でのチーム開発を想定したWebアプリケーションを構築する」という観点に立つと、「表示と実装を分離したい」という要望が出てくると思います。 先の例に当てはめると「HTMLファイルから処理記述を排除したい」ということで、まずHTMLファイルに処理が混入しているのが良くないように見えます。 (続きを読む…)


こんにちは、SI部の藤沢です。
今回は、以前作成した「【初心者向け】Playframework2.3(Scala)でPlay-ReactiveMongoを使ってみた」をベースに名前・メールアドレス・年齢を一覧表示、新規登録、更新、削除する簡単なアプリケーションを作成したいと思います。 (続きを読む…)


Bootstrapをはじめよう

Posted on 09月 04, 2013

こんにちは、キャスレーコンサルティングSI部の宮内です。
今回はフロントエンドツール『Bootstrap』について
その概要と導入方法、簡単な使い方について書きたいと思います。 (続きを読む…)



  • Profile
    キャスレーコンサルティングの技術ブログです。
    当社エンジニアが技術面でのTips、技術系イベント等についてご紹介いたします。
  • CSV社長ブログ
  • チーム・キャスレーブログ