こんにちは!

キャスレーコンサルティングのSI(システム・インテグレーション)部の嵯峨です。

今回は、Sails.jsを利用して簡単なWEBアプリケーションを作ってみたいと思います。

(続きを読む…)


はじめまして、技術ブログ初投稿のキャスレーコンサルティングのSD(システム・デザイン)部・瀬戸口です。
フロント技術とデザインが好きなエンジニアです。よろしくお願いします。

今回は、HTML5で新たに実装された機能「フォームバリデーション」について、少し触ってみたのでご紹介します。
長年HTML4に慣れ親しんだ身としては、HTML5でフォームバリデーションができる!と知った時、とても感動しました。
是非実務にも取り入れたいと思ったので、どういった使い方をすると良さそうか、また、何に注意すべきかを検証してみました。

(続きを読む…)


こんにちは!キャスレーコンサルティングSI(システム・インテグレーション)部の栗田です

Windowsアプリの開発者がWebアプリなるものを作ってみたい!と思うことはよくあります。
しかし以下のような理由で、手を付けられないことがしばしばあります。

1. VisualStudioのようにFormにTextboxなどのコントロールを簡単に貼って、融通の利くアプリは作れるのか。
2. 速度的な問題はどうなのか。メモリの問題は?
3. 自作DLLやOCXのように資源を再利用できるのか。
4. イベント等で動的にコントロール等の内容を書き換えられるのか。(定期的にリロードなんかしたくない)

しかし始めてみると上記のことはもちろん、かなりのことが出来ることを実感できます。
むしろ、わざわざインストーラーを作って配布する手間すらありません。
すごい時代ですよね…。

今回はHTML5+jQueryで、UIと速度面の実験をしてみたいと思います。
それではまず準備から… (続きを読む…)


こんにちは。SD部の濱地です。
今回はjQueryプラグイン「pjax」についての紹介と
簡単な使い方について書きたいと思います。

pjaxとは

「pjax」とは「Ajax」と「pushState」を組み合わせた機能を
もったjQueryプラグイン
です。

通常、jQueryのajax()を使ってウェブページ内のコンテンツを入れ替えた場合、
ブラウザのURLは変更されません。

しかし、今回ご紹介する「pjax」を使用することによって、
コンテンツを入れ替えるのと同時に、URLの変更も行うことができるのです。

pushStateとは・・
HTML5から追加されたHistory APIのメソッドで、
ページ遷移せずに、ブラウザの履歴に追加することが出来ます。

対応ブラウザ

pushStateは、Chrome、Firefox、Safari、Operaの主要なブラウザはサポートしていますが、
IE9以下は未サポートになっています。
※pushStete未サポートのブラウザへは「History.js」を使うなどの対処が必要となります。
本ブログでは「History.js」についてはふれませんので、ご興味がある方は別途調べてみてはいかがでしょうか。

それでは、導入方法について見ていきましょう。 (続きを読む…)


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を使ってみた」をベースに名前・メールアドレス・年齢を一覧表示、新規登録、更新、削除する簡単なアプリケーションを作成したいと思います。 (続きを読む…)


こんにちは。SI部の加藤(祐)です。

前回は「jqplot」を使ったチャートグラフの書き方をを紹介していきましたが、

このチャートグラフの表示にはCanvasを利用しています。 (続きを読む…)


こんにちは。

SI部の加藤(祐)です。

今回はExcelなどで作成できるチャートグラフを書くことができる「jqPlot」について紹介します。 (続きを読む…)


はじめまして!SI部の杉田と申します。
現在マークアップエンジニア目指して勉強中です。
今日はその中で勉強した、「インラインSVG」についてご紹介したいと思います! (続きを読む…)


こんにちは
SI部の宮内です。
今回はJQueryUIを使用して、ブラウザ上で簡単TODOリストを作成してみたいと思います。

まずは完成形から、今回、以下のようなTODOリストを作成します。 (続きを読む…)



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