アプリケーション開発で使用される言語は数多く存在します。
しかし、それぞれに特徴があり、用途によって向き不向きがあり、利用目的に合わせて適切な言語を選択する必要があります。

 

webアプリケーション開発の言語

webアプリケーション開発言語と一言に言っても、JavaScriptやHTML5、CSS3といったクライアントサイドで実行されるアプリケーション言語と、JAVAやPHPなどのようにサーバーサイド・アプリケーションで使用される言語があります。
さらに、HTML5、CSS3のようなマークアップ言語、JavaScript、PHPなどのスクリプト言語、JAVAやPerlなどのプログラム言語に分類することが出来ます。
現在主流である従来型のwebアプリケーションでは、クライアントサイドでJavaScriptを使った情報取得や動的な画面表示などを行うものの、主な処理はサーバーサイドにあるJAVAやPHP、Perlなどのプログラムが実行する、という形が一般的です。

しかし、HTML5・CSS3の機能の充実や、HTML5から実装されたWeb Storageといった技術の登場により、主となる処理自体をクライアントサイドのみで行うことが出来るJavaScriptフレームワークを用いたWebアプリケーションなども増えてきています。

 

webアプリケーション開発の流れ

webアプリケーション開発の流れにおいても、通常のシステム開発と同様に必要となる機能要件や扱うデータ、ユーザーインターフェースとなる画面仕様などの要件が定義され、そこから仕様書、設計書を作成し、それに沿って開発を進めていくという点は同じです。

しかし、webアプリケーションの場合、クライアントサイドとサーバーサイドで異なる技術や言語を使用するため、開発工程と作業を行うエンジニアに多少の違いがあります。
クライアントサイドでは、仕様書で定められたる画面仕様に基づいて、web画面のデザインを行いますが、主にwebデザイナーと呼ばれる技術者がこの工程を担当します。
そうして作成されたwebデザインに基づいて、クライアントサイドで動作するソフトウェアを担当のプログラマーがHTML・CSS・JavaScriptなどのクライアントサイドの技術を使って開発していきます。

一方、サーバーサイドでは、サーバーサイドソフトウェアの担当のプログラマーが仕様書や設計書に沿ってJAVAやPHP、Perlなどを使った開発を進めていきます。
その後、クライアントサイドで作成されたソースファイルに対し、サーバサイドプログラムに対応する処理を組み込んでいきます。

 

webアプリケーションのテスト方法

webアプリケーション開発においても、通常のシステム開発で行われるような単体テストや結合テストを行います。

しかし、webアプリケーションは、インターネット等のネットワークを介する、クライアント環境(デバイス、ブラウザ等)が不特定であるといった特徴があり、それに応じたテストが必要となります。

主なテストの種類としては、ユーザーインターフェースでのレスポンス性能をテストする性能テストや、同時使用にどれだけ耐えられるかをテストする負荷テスト、想定されるユーザーの使用方法などから使い勝手の良さやユーザーがストレスとなるような要素を確認するユーザビリティテスト、セキュリティテスト、などがあります。

ユーザー事例

日本商工会議所
Web版に進化しSaaS/クラウド利用が拡大中
全国の商工会議所を支援する「TOAS」
事例の詳細
茨城電通
Accessで自社開発した電柱広告システムを
仕様書無しでMagic xpa RIAへ移行
事例の詳細
クラブ メッド
エクスプレス チェックイン モバイル アプリを開発し
お客様チェックインの効率化と顧客満足度を向上
事例の詳細

お問合せ

Magic製品やサービスについて ご要望、ご質問をメッセージにご記入ください

“担当者からご連絡します”

{ "ja": { "FirstName": { "placeholder": "\u540d" }, "LastName": { "placeholder": "\u59d3" }, "Email": { "placeholder": "Email" }, "Company": { "placeholder": "\u4f1a\u793e\u540d" }, "Department": { "placeholder": "\u90e8\u7f72\u540d" }, "Country__c": { "placeholder": "\u56fd\u540d\u3092\u9078\u629e" }, "Phone": { "placeholder": "\u96fb\u8a71\u756a\u53f7" }, "Requested_quote__c": { "placeholder": "\u30e1\u30c3\u30bb\u30fc\u30b8" }, "Opt_in__c": { "placeholder": "\u30d7\u30e9\u30a4\u30d0\u30b7\u30fc\u30dd\u30ea\u30b7\u30fc\u3092\u7406\u89e3\u3057\u540c\u610f\u3057\u307e\u3059\u3002 \u30b7\u30b9\u30c6\u30e0\u9023\u643a\u3001\u81ea\u52d5\u5316\u3001\u304a\u3088\u3073\u30d3\u30b8\u30cd\u30b9\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u958b\u767a\u306b\u95a2\u3059\u308b\u60c5\u5831\u3092\u53d7\u3051\u53d6\u308a\u307e\u3059\u3002" }, "thank_you": { "placeholder": "\u003Cp style=\u0022font-size: 35px; padding: 12px 0px; font-weight: bold; text-align: center;\u0022\u003E\u003Cimg class=\u0022wp-image-13388 aligncenter\u0022 src=\u0022https:\/\/www.magicsoftware.com\/wp-content\/uploads\/2018\/08\/animat-checkmark.gif\u0022 alt=\u0022\u0022 width=\u0022121\u0022 height=\u0022121\u0022 \/\u003E\u3042\u308a\u304c\u3068\u3046\u3054\u3056\u3044\u307e\u3057\u305f\u003C\/p\u003E\n\u003Cp style=\u0022text-align: center;\u0022\u003E\u30e1\u30c3\u30bb\u30fc\u30b8\u306f\u9001\u4fe1\u3055\u308c\u307e\u3057\u305f\u3002\u003C\/p\u003E\n" } } }