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

昨今、目覚しく進化し続けるJavaScriptフレームワーク。
最近では大変多くのJavaScriptのフレームワークを目にするようになりました。
今回はその中でもとりわけ人気な「AngularJS」というフレームワークについて取り上げて勉強してみました。

AngularJSとは

logo (続きを読む…)


こんにちは!

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

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

(続きを読む…)


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

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

(続きを読む…)


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

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

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

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

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


Use the AltJS, Luke

Posted on 12月 28, 2015

こんにちは、SI部のfkmtです。

みなさん「JavaScirpt」はお好きでしょうか?

JavaScriptはブラウザで動く言語として、他に選択肢のない唯一の存在として君臨してきました。
好き嫌いに関わらず、Web開発者たちはJavaScriptを使わざるを得なかったわけです。

しかしそれも「CoffeeScript」に端を発した「AltJS」の登場で状況は大きく変わりました。
今やWeb開発者たちは使う言語を選択する自由を手に入れたのです!

・・・と仰々しい前置きで
今回はAltJSの1つ「LiveScript」をご紹介しようと思います。 (続きを読む…)


こんにちは。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ファイルに処理が混入しているのが良くないように見えます。 (続きを読む…)


こんにちは、ムキムキフロントエンドエンジニアを目指す杉田です。

今回紹介させて頂きますのはこちら。
SugarJs_logo
『Sugar.js』です。

題名のとおり、こちらの「Sugar.js」はJSライブラリで、
日付、時間、オブジェクト等のデータを操作することができます。
特に日付の操作が人気のようで、また日本語に対応した
処理もあり、日本人にとって有り難いですね。 (続きを読む…)


こんにちは、SD部の秦(はた)です。

前回、DOM操作の基本についてご紹介させて頂きました。

【JavaScript】今更聴けない!?DOM操作(1)

今回はもう一歩踏み込んだ操作についてご紹介します。 (続きを読む…)


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

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

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



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