JavaScriptを活かせる仕事(2199件)

JavaScript
の案件月額単価相場

[案件数]

平均単価:
743,300

最高単価:
1,100,000

最低単価:
400,000

  • 850,000 950,000 /月額
  • 秋葉原駅
  • 作業内容
    TypeScript/Nuxt.js/Node.js/物流DXにおける次世代WCS共通基盤構築のフルスタックエンジニア 物流拠点の刷新に向け、コンベア等のマテハン機器制御とWebシステムを統合し、 複数拠点へ展開可能な共通フレームワークを0→1で設計・構築します。 既存ソースコードが存在しない状態からの業務プロセスの分析、共通部品化の推進、 フロントエンドおよびバックエンドのアーキテクチャ設計・実装、 CI/CD環境構築、実機テストから運用保守までを一気通貫で推進していただく想定です。 【仕事内容】 下記の業務を担っていただく想定です。 ・現行業務プロセスおよび現行コードの分析、Gitでのコード管理・標準化・共通部品化の推進 ・フロントエンドおよびバックエンドのアーキテクチャ設計・共通フレームワーク選定・実装 ・スクラム体制でのアジャイル開発リード(デイリースクラム、スプリントレビュー等の推進) ・CI/CDパイプライン(GitHub Actions等)の構築および自動テスト環境整備 ・結合テストから現場実機テストの実施、および本番リリース後の安定運用保守体制の構築 ※詳細は面談時にお伝えします。 ◯開発環境・技術スタック 言語・FW:TypeScript, Nuxt.js, Node.js インフラ・CI/CD:AWS / GCP, GitHub Actions, Docker 開発手法:スクラム(アジャイル) AI支援:Codex(現場使用), GitHub Copilot(顧客環境) コミュニケーション: Google Meet、Teams等 [関連ワード]フリーランス、案件、エンジニア、プログラマー、業務委託
  • 必須スキル
    ・アジャイル/スクラム開発体制での開発・スプリント推進の経験 ・AI駆動開発ツールの実務活用経験 ・CI/CD環境の構築および運用経験 ・フロントエンド(Nuxt.js/Vue.js/TypeScript)およびバックエンド(Node.js/TypeScript)の両面を区別なく一人称で設計・実装・テストに取り組んだ経験
  • 尚可スキル
    ・独自フレームワークや共通コンポーネント・ライブラリの0からの設計・構築経験 ・WebSocketを用いたリアルタイム双方向通信、または制御系(PLC等)連携システムの開発経験 ・AWS/GCP等のクラウドインフラ設計およびコンテナ(Docker等)運用経験 ・設計からリリース・運用までの一気通貫経験 ・リリース後の運用・監視・トラブルシューティングまで見据えた設計・保守経験 ・GitHub Actions等を用いたビルド・テスト・デプロイ自動化パイプラインの構築・運用経験 ・フルスタック開発経験
  • 契約期間
    初月単月(以降複数月更新)
  • 面談回数
    1回

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のサンプルコード

(例)戻る

<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.adecco.co.jp/projects/?skill=476

■AngularJS案件

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

■React案件

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

■jQuery案件

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

JavaScriptについて

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