Home > システム開発 > Webアプリケーション開発

Webアプリケーション開発

弊社ではPHP+MySQLを使ったWebシステムの開発を多く行っていますが、JavaScriptを駆使したWebアプリケーションの開発も得意です。ブラウザ上でネイティブアプリケーションのように動作するアプリケーションを開発します。

デスクトップアプリケーションやスマホアプリのようなネイティブアプリケーションに対するWebアプリケーションのメリットとしては以下のようなものがあります。これらのメリットを活かしたアプリケーションの開発を行います。

Webアプリケーションと一口にいってもどのようなものか範囲が広いので、どのようなものを開発しているか事例を元に説明させていただきます。

デジタルカタログ

カタログをブラウザ上でページめくりしながら閲覧できるアプリケーションです。冊子のカタログがあれば、それを電子化してWebサイト上で閲覧できるようになります。

このカタログソフトはHTMLとJavaScriptによる構築で、PHP等のサーバーサイドの処理はありません。このため、CD-ROM等で配布してPC上での実行も可能になっています。

Internet Explorer6のころから開発を行ってきており、Edge,FireFox,Safari等の各種ブラウザに対応したりスマホ対応(iOS,Android)などを行ってきました。 ブラウザは種類やバージョンによって動作が微妙に異なるのがWebアプリケーション開発の難しいところですが、これらの問題にもIE6の頃からの長い開発経験やノウハウ蓄積をいかして対応しています。

デジタルカタログ

開発実績ページ

漫画ビューワー

基本的にデジタルカタログと同じですが、ページめくりのアニメーションなどがより凝ったものになっています。

漫画の電子書籍をやりたいというお客様からの要望で開発しました。

漫画ビューワー

開発実績ページ

レイアウトエディタ

PowerPointのようなイメージで、ブラウザ上で画面上のテキストやスタンプ(画像)をレイアウトできるエディタです。ECサイトでの商品のデザインカスタマイズ機能を実現するために開発しました。

実際にECサイトと連携したケースでは以下の事例があります。

他、ハガキのデザイン機能(よくある年賀状デザインのようなもの)のプロトタイプ開発をした実績があります。

以下はレイアウトエディタでどのようなことができるのか簡単に試せるデモになります。内製で開発したものですので、お客様のご要望に応じたカスタマイズも行えます。

レイアウトエディタのデモ

吹き出し作成アプリ

これは、画像に吹き出しを入れないといけない作業があったので個人的に作成したものです。様々の形の吹き出しを作成して画像に重ね合わせることができます。

http://tools.bit-hive.com/comic_balloon/

独自のUI(ユーザインターフェース)を構築

アプリではないですが、JavaScriptに関する技術を生かしてWeb管理画面やフォーム内で使用するUIを構築することもあります。

htmlの<input>タグや<select>タグなどのフォーム要素のみに縛られない入力UIを構築し、単純なhtmlだけでは実現できない、使いやすいシステムを構築します。

カテゴリ選択UIの例

スマホにも対応

以上の事例はスマホ(iOS/Android)にも対応しています。スマホの小さい画面に使いやすさを損なうことなく、どのように機能を詰め込むかを考えて開発しています。また、ピンチ等のスマホならではのジェスチャー操作にも対応しています。

上記の事例はWebアプリケーションで実現できることのごく一部です。「こんなことができないか?」と気になることがあれば、ぜひお問い合わせください。