JavaScriptを活かせる仕事

もっと見る

JavaScriptとは?

Java Scriptの案件・業界分布について

Java Scriptは、1995年、ネットスケープ・ナビゲーションズにより開発されたプログラミング言語。WEBブラウザで動作するものにはほぼ標準的に組み込まれており、「クリックすると写真が大きくなる」「画像が定期的に横にスライドする」「ポップアップで注意が出る」「住宅ローンなどの試算フォーマットに使われる」など、サイトをリッチにする上で欠かせないプログラム言語として知られています。


Java Scriptについて

オンラインコミュニティ「Stack Overflow」の調査によると、世界のWEB業界において、Java Scriptを使う会社の割合は、6年連続で世界一。Webデザイナーの指示を元にCMS構築やカスタマイズを担当する「フロントエンド」、サーバー側でプログラムを実行したりデータを管理する「サーバーサイド」、共に開発が可能で、最近ではスマホアプリVRアプリの開発にも利用されています。オールラウンドなプログラミング言語として、日々進化を遂げています。


Java Scriptは、ECtoC向けサービス、ゲーム、エンタメ系、金融系、メーカー系など、幅広い業界で、WEBページの動作、WEBアプリの開発、スマホアプリの開発、ゲームの開発などの現場で必要とされています。Java Scriptに加え、HTMLCSSのスキルがあれば、フロントエンジニアとして転職が可能です。フロントエンジニアとしてある程度キャリアアップできれば、サーバーサイドの開発を行うWEBプログラマーとしての活躍も期待できます


Java Scriptのサンプルコード

赤字=Java Scriptの命令や重要なタグ

青字=用途に応じて変更する部分

緑字=変更可能な変数名やユーザー関数名

(例)戻る

<a href="javascript:history.back()">戻る</a>

※ ブラウザの「戻る」ボタンと同じ機能をもつリンク。


(例)お気に入りに追加 (InternetExplorer専用の機能)

<form><input type="button" value="お気に入りに追加" onClick="AddPageLink()"></form> <script type="text/javascript"> function AddPageLink() {   window.external.AddFavorite("http://www.shurey.com/","Labyrinthe Noir"); } </script>


(例)おみくじ

<form><input type="button" value="おみくじ" onClick="omikuji()"></form>

<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>

※ ボタンをおすと、乱数が決定され、0から4番までの1つが表示されます。


(例)現在の日時を表示する 2019年8月15日13時32分50秒

<span id="view_time"></span> <script type="text/javascript"> document.getElementById("view_time").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>

※ new Dateで日付と時間を取得し、変数nowに入れ、日付、時間の各変数へ数値を取り出していきます。


Java Scriptのフレームワーク


Java Scriptの代表的なフレームワークとして知られているのは、「Vue.js」「AngularJS」「React」「jQuery」など。


■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のフレームワークのスキルを必要とする案件も多数ございます。こちらも合わせてお探しください。


■Vue.js案件

https://freelance.akkodis.co.jp/projects/?skill=476

■AngularJS案件

https://freelance.akkodis.co.jp/projects/?skill=448

■React案件

https://freelance.akkodis.co.jp/projects/?skill=477

■jQuery案件

https://freelance.akkodis.co.jp/projects/?skill=425



JavaScriptについて

JavaScriptは、プログラミング言語の一つで、オブジェクト指向のスクリプト言語ですが、Javaと名前が似ていますが異なるプログラミング言語となっています。 文字、画像、ページ等を動かす仕掛けを作るためのもので、ウェブブラウザに実装されることで動的なウェブサイトを構築したり、クライアントの機能を活かした柔軟なインターフェースを持つリッチインターネットアプリケーションなどの開発に用いられます。 Web作成の際、HTML内に埋め込むことで、マウスの動きにあわせてデザインが変化するなど、HTMLやCSSでは表現できない様々な機能を付加でき、複雑なホームページを作ることができます。 スクリプト言語なのでコンパイルは必要なく、特別な開発環境もなしでHTMLファイルに書き込むだけで、JavaScriptに対応したブラウザならサーバーに負担をかけず実行できるのが特徴となっています。 プログラム言語の一つ、C言語に似ているので、C言語を習得している人はすぐに対応でき、慣れれば自分でゲームを作成することもできます。 計算や情報検索等に効果がありますが、ホームページ上の個人情報を盗むなど、悪用されることもあるので、パソコン上ではネットを利用する際、JavaScriptを有効にするか無効にするかをユーザーが設定できるようにしてセキュリティ機能に配慮されています。

続きを見る