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

最近巷では、公開APIを使用したwebサービスが流行っておりますね!
しかし、自分でwebサービスを始めたいと思っても、お店の情報などを一から収集していくのは、ほぼ不可能ですよね…。
そんな時こそ、公開APIです!

【公開APIとは】

様々なサイトが情報を公開しており、
こちらからAPIを利用してリクエストを投げることで、そのサイトの情報を取得が出来ます。
(ちなみに、グルメサイトから行政機関まで、様々なAPIを公開しています。)

それでは、簡単なものを作成して、外部APIの仕組みを理解していきましょう!

(続きを読む…)


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

今回はMastodonのソースを参考に、数独のwebアプリを作り、その要素技術を紹介していこうと思います。

今回使用する技術(レシピ紹介)

以下が、今回のレシピになります。

【OS】
CentOS 7
【DB】
PostgreSQL9.6
【言語】
Ruby 2.4.1
JavaScript
【その他】
rbenvhaml-rails
React
Redux
ECMAScript 2015
Webpacker
dotenv-ruby

(続きを読む…)


Hi, this is PJ MARTIN

Lately I got curious about Angular JS framework and decided to give it a try.

Angular JS is a javascript MVC framework which features Double Data Binding between model and view.
Its routing engine is great for making (multi-screen) Single Page Application.

I have just learned the basics from this tutorial

https://www.airpair.com/angularjs/posts/angularjs-tutorial

and made my own example page to conjugate everything.
But in this first blog post I will introduce only the basic concepts.

After making a brief overview of Angular Concepts, I’ll first introduce a first “Hello World” example, then I will give some filters example.

(続きを読む…)


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

今回は、Angular JSフレームワークについて記事を書かせていただきます。

Angular JS は、MVC(Model View Controller)Javascriptフレームワークです。

ModelとViewの間で、「ダブルデータバインディング」があります。
「ルーティング」でシングルページアプリケーションという、
一つのページで複数の画面の表示切り替えの機能を用いています。

下記チュートリアル(英語)を参考にして、サンプルAngularJSページを作りました。
https://www.airpair.com/angularjs/posts/angularjs-tutorial

今回の投稿では、まずAngularJSの概念を説明して、
このチュートリアルを例にした”Hello World”サンプルページの紹介、AngularJSフィルターの説明を行います。

(続きを読む…)


はじめに

キャスレーコンサルティング株式会社 SI(システム・インテグレーション)部の松本(卓)と申します。
今回は、フロントエンド開発で使用されている「React.js」の入門編としてご紹介したいと思います。

React.jsについて

React.jsとは、Facebookが開発したWebサイト上のUIパーツを構築するためのJavascriptライブラリです。
Facebookで使用されているのはもちろんのこと、Yahoo!のページなどでも使用されています。

Reactの3つの特徴

  1. Declarative : 宣言的な
  2. Component Based : コンポーネントベースである
  3. Learn Once,Write AnyWhere : 一度覚えてしまえばどこにだって書ける

以上の3つが、大きな特徴となっています。 (続きを読む…)


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

私はこれまで、業務システムSEとしてキャリアを積んできましたが、
フロントエンドアプリやプロトタイプ言語に携わることは殆どありませんでした。

そのため、フロントエンドの言語も使えるようになっておこうということで、
オブジェクト指向でJavaScriptを書くようなことができるTypeScriptを覚えようと思い、
学習したことを書いていきたいと思います。

今回は、TypeScriptを始めるための入門編です。

TypeScriptとは

TypeScriptは、大規模なJavaScriptアプリケーション開発のためにMicrosoftによって作成された言語です。 (続きを読む…)


こんにちは、キャスレーコンサルティングの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と速度面の実験をしてみたいと思います。
それではまず準備から… (続きを読む…)



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