この記事は2020年3月31日に更新しました。
Java Scriptは、1995年、ネットスケープ・ナビゲーションズにより開発されたプログラミング言語。
WEBブラウザで動作するものにはほぼ標準的に組み込まれており、
「クリックすると写真が大きくなる」
「画像が定期的に横にスライドする」
「ポップアップで注意が出る」
「住宅ローンなどの試算フォーマットに使われる」など、
サイトをリッチにする上で欠かせないプログラム言語として知られています。
Java Scriptについて
オンラインコミュニティ「Stack Overflow」の調査によると、世界のWEB業界において、Java Scriptを使う会社の割合は、6年連続で世界一。
Webデザイナーの指示を元にCMS構築やカスタマイズを担当する「フロントエンド」、サーバー側でプログラムを実行したりデータを管理する「サーバーサイド」、共に開発が可能で、最近ではスマホアプリやVRアプリの開発にも利用されています。
オールラウンドなプログラミング言語として、日々進化を遂げています。
Java Scriptは、EC/toC向けサービス、ゲーム、エンタメ系、金融系、メーカー系など、幅広い業界で、WEBページの動作、WEBアプリの開発、スマホアプリの開発、ゲームの開発などの現場で必要とされています。
Java Scriptに加え、HTML、CSSのスキルがあれば、フロントエンジニアとして転職が可能です。
フロントエンジニアとしてある程度キャリアアップできれば、サーバーサイドの開発を行うWEBプログラマーとしての活躍も期待できます
Java Scriptのサンプルコード
コードがシンタックスハイライトされてない場合は、ページを再読み込みしてください。
(例)戻る
ブラウザで表示した履歴の一つ前のページへ戻ります。
※ ブラウザの「戻る」ボタンと同じ機能をもつリンク。
<a href="javascript:history.back()">戻る</a>
実際の画面
(例)おみくじ
※ ボタンをおすと、乱数が決定され、0から4番までの1つが表示されます。
HTML
<form><input type="button" value="おみくじ" onClick="omikuji()"></form>
javascript
<script type = "text/javascript" >
function omikuji() {
rand = Math.floor(Math.random() * 5);
if (rand == 0) msg = "大吉";
if (rand == 1) msg = "中吉";
if (rand == 2) msg = "吉";
if (rand == 3) msg = "凶";
if (rand == 4) msg = "大凶";
alert(msg);
}
</script>
出典:メッセージをランダム表示
実際の画面
(例)現在の日時を表示する
HTML
<span id="view_clock"></span>
javascript
<script type="text/javascript">
timerID = setInterval('clock()',500); //0.5秒毎にclock()を実行
function clock() {
document.getElementById("view_clock").innerHTML = getNow();
}
function getNow() {
var now = new Date();
var year = now.getFullYear();
var mon = now.getMonth()+1; //1を足すこと
var day = now.getDate();
var hour = now.getHours();
var min = now.getMinutes();
var sec = now.getSeconds();
//出力用
var s = year + "年" + mon + "月" + day + "日" + hour + "時" + min + "分" + sec + "秒";
return s;
}
</script>
出典:現在の日時を表示する
実際の画面
Java Scriptのフレームワーク
Java Scriptの代表的なフレームワークとして知られているのは下記です。
Vue.js
「Vue.js」は、MVVMとよばれる設計パターンを採用しているフレームワーク。学習コストが低く、経験の有無を問わず開発に使用しやすいという特徴があります。
Directive(ディレクティブ)という属性をもつため、これを利用することによりDOM操作が可能になり、HTML要素の表示、非表示などを柔軟に操作することができます。
AngularJS
「AngularJS」は、googleが開発したJava Scriptのフレームワーク。MVW(Model,View、Whatever)フレームワークともよばれており、難易度は高めですが複雑なことができるため、仕様変更の少ない管理画面などで採用されています。
React
「React」は、Facebookが2013年に開発したフレームワーク。ユーザーとコンピュータが情報をやりとりするための「UI(ユーザーインタフェース)」が作りやすいため、ユーザーがより使いやすい環境を作り出すことが可能です。
幅広いWEBアプリに活用することができますが、中でも、単一のWEBページでコンテンツの切り替えを行う「SPA(シングルページアプリケーション)」の開発に向いていると考えられています。
jQuery
「jQuery」は、読み込みが簡単で初歩的なフレームワークで、学習コストが低いのが特徴。
動きのあるページや通信に関わる部分まで対応します。現在、最も支持されているフレームワークとして知られていますが、最近は、他のフレームワークに押され気味。
それぞれ特徴が異なるため、目的により、どのフレームワークを使用するか的確な判断が必要です。
Java Script関連のお仕事しませんか?
当サービスでは、Java Scriptの案件を豊富に取り揃えております。ぜひ魅力的なJava Scriptの案件をお探しください。
また、本記事で紹介したJava Scriptのフレームワークのスキルを必要とする案件も多数ございます。こちらも合わせてお探しください。
Vue.js案件
検索結果:365件(2020/03/31時点)
AngularJS案件
検索結果:139件(2020/03/31時点)
React案件
検索結果:201件(2020/03/31時点)
jQuery案件
検索結果:478件(2020/03/31時点)