*React Nativeとは、クロスプラットフォームのアプリケーション開発用フレームワーク*の1つです。ここではReact Nativeの概要や将来性について紹介します。

**React Nativeとは、メタ・プラットフォームズ社（旧Facebook社）が開発したクロスプラットフォームのアプリケーション開発用フレームワーク**です。クロスプラットフォームなのでiOS・Android両端末で動作するアプリケーションを開発できます。

React Nativeは現行のWeb開発の主流であるJavaScriptを開発言語としています。したがって、*Webアプリケーション開発のノウハウを活かした開発が可能*です。関連性が高いものにReact.jsというJavaScriptのUIライブラリーがあります。

参考:[React Native Learn once, write anywhere](https://reactnative.dev/)

JavaScriptに関するフレームワークについて徹底解説！

**React.jsとは、JavaScriptで使えるUI構築用コードに特化したライブラリー**です。React Nativeと同様にメタ・プラットフォームズ社によって開発され、Reactとも呼ばれます。多くの企業がシステム・アプリケーション開発にReact.jsを導入しており、フロントエンド開発の主流となりつつあります。

React Nativeは、Webアプリケーション用のReact.jsをモバイル端末向けアプリケーション開発に使えるように作られたものです。ライブラリーであるReact.jsに対し、React Nativeはフレームワークなので役割は大きく異なるものの、*コードの表記方法をはじめ多くの共通点があります*。

参考:[React ユーザーインターフェース構築のためのJavaScriptライブラリ](https://ja.reactjs.org/)

近年はAirbnbなどの大企業がReact Nativeを使用しなくなったこともあり「React Native離れ」が始まっていると言う声も聞かれます。この背景には、*クロスプラットフォームからネイティブ開発への切り替えや、同じクロスプラットフォームのFlutterの人気が高まっている*ことなどがあります。

一方、前述のReact.jsは世界中で導入企業を増やしており、今後主流となる可能性があります。その**React.jsとReact Nativeを合わせれば、Web・iOS・Android向けのアプリケーションを共通のノウハウで開発可能**です。その利便性からReact Nativeは将来性のあるフレームワークであると言えます。

## React Nativeにできること・メリット

React Nativeには、同じクロスプラットフォームの*Flutterなどと比較した場合にいくつかのメリットがあります*。ここでは、React Nativeにできることや独自のメリットについて解説します。

### Webエンジニアにも使いやすく人材確保が容易

前述のとおりReact NativeはJavaScriptを開発言語にしており、Webアプリケーション開発との互換性が高いフレームワークです。したがって、**普段JavaScriptを使っているエンジニアであれば、ネイティブ開発の経験がなくても開発業務にアサインしやすい**と言えます。

開発言語がJavaScriptである点は、Google独自の言語であるDartを使うFlutterや、ネイティブ開発言語であるSwift・kotlinにはないReact Nativeを導入する大きなメリットです。すでに*JavaScriptを使える人や勉強中の人で、モバイル端末向けアプリケーション開発に携わりたい人におすすめ*です。

Kotlinとは？Android開発において、Javaと比較したKotlinの特徴とは

Appleの新しいプログラミング言語、Swift ― その概要や特徴、メリット・デメリットについて解説

### ホットリロードにより修正が容易

React Nativeには**ホットリロードという機能があり、コードの修正が容易である点もメリット**の1つです。ホットリロードとは、コードを変更するたびに変更内容がUIに反映される機能です。

## React Nativeにできないこと・デメリット

さまざまな*メリットがある反面、React Nativeにはデメリットもあります*。ここでは、React Nativeにできないことやデメリットについて紹介します。

### ネイティブエンジニアには学習コストが高い

JavaScriptを開発言語に採用している点がメリットであることは説明しましたが、裏を返せば、**普段からネイティブ開発用言語を使っているエンジニアには学習コストがかかる**と言えます。iOS向けのSwift、Android向けのKotlinが使えても、React Nativeを使う際にスキルの転用は困難です。

逆に*React Nativeを導入してアプリケーション開発をしていた企業・エンジニアが、ネイティブ開発向け言語に切り替える際も同様に学習コストが発生*します。React Nativeの導入を検討するときは、チーム内のWebエンジニア・ネイティブエンジニアの比率をチェックしておくことが大切です。

### エラー箇所の特定に時間を要する

React Nativeのようなクロスプラットフォームでアプリケーション開発を行う場合、**エラー箇所の特定に手間と時間がかかる**というデメリットがあります。React Nativeで言えば、エラーがネイティブレイヤーとJavaScriptレイヤーのどちらで発生しているのかを特定する必要があるためです。

加えて、*iOS・Android両OS向けのアプリケーションが開発できますが、どちらか一方のOSでのみ発生するエラーもあるため注意*が必要です。エラーの発生場所・原因が何パターンも考えられ、容易には解決できにくい点は、React Nativeの弱点です。

*React Nativeでアプリケーションを開発するには環境構築が必要*です。ここでは、React Nativeの開発環境構築について説明します。

参考:[Setting up the development environment - React　Native](https://reactnative.dev/docs/environment-setup)

### Node.jsとWatchmanをインストールする

まずは、JavaScriptのランタイムとして使うNode.jsをインストールします。*Node.jsを使えば、JavaScriptをサーバサイドで実行可能*です。Node.jsは公式ページからダウンロードできます。

続いて、同様にWatchmanをインストールします。Watchmanとはその名のとおりファイル監視サービスです。*Watchmanは、指定したファイルが変更された際に実施するアクションを設定*できます。公式サイトからダウンロード可能です。

参考:[Node.jsとは](https://nodejs.org/ja/about/)

参考:[ダウンロード:Node.js](https://nodejs.org/ja/download/)

参考:[Watchman A file watching service - Meta Open Source](https://facebook.github.io/watchman/)

### Expo CLIまたはReact Native CLIをインストールする

次にExpo CLIまたはReact Native CLIをインストールします。公式ドキュメントによれば、モバイル端末向けアプリケーション開発の習熟度によって奨励するCLIが異なります。**初めて開発する人や慣れていない人はExpo CLI、慣れている人はReact Native CLIを利用**してください。

### Xcode・Android Studioをインストールする

開発者向けツールとしてXcode・Android Studioをインストールします。**iOS向けのアプリケーション開発ならXcode、Android向けならAndroid Studioが必要**です。いずれも公式サイトから無料でインストールできます。XcodeはAppStoreからのダウンロードも可能です。

参考:[Xcode 13の概要 - Apple Developer](https://developer.apple.com/jp/xcode/)

参考:[Android Studio のインストール | Android デベロッパー](https://developer.android.com/studio/install?hl=ja)

**ライブラリ管理ツールであるCocoaPodsをインストールしておくと、さまざまなライブラリーを使って開発をする際の手間を軽減**できます。iOS・Mac向けアプリケーションを開発する人は、公式サイトからインストールしておくことをおすすめします。

参考:[CocoaPods](https://cocoapods.org/)

## JavaScriptが使えるならReact Nativeを学んでおこう

**React Nativeは、JavaScriptを開発言語とするモバイル端末向けアプリケーション開発用のフレームワーク**です。Webエンジニアにとって学習コストを抑えながら、アプリケーション開発を始めるのに適しています。

また、フロントエンド開発において主流になりつつあるReact.jsとの互換性が高い点も特徴です。今後、モバイル端末向けのアプリケーション開発に携わりたいWebエンジニアをはじめ、*JavaScriptを扱えるエンジニアは、ぜひReact Nativeを学んでみることをおすすめします*。

JavaScriptの特徴とは？何ができるのか、メリット・デメリットも解説

JavaScriptの用途やできることを初心者向けに紹介！

React Nativeは、モバイル端末向けアプリケーション開発のフレームワークです。クロスプラットフォームなので、iOS・Android両OS向けのアプリケーションを開発できます。本記事では、React Native入門として、概要や将来性などを解説します。

React Nativeとは、メタ・プラットフォームズ社が開発したクロスプラットフォームのモバイル端末向けアプリケーション開発用フレームワークである

React Nativeは開発言語にJavaScriptを用いるため、Webエンジニアにとって学習コストが低い

フロントエンド開発の主流となりつつあるUI構築コードに特化したReact.jsとの互換性が高く、React Native自身も将来性のあるフレームワークと言える

React Native入門！将来性やアプリ開発環境について解説

JavaScriptは「動的な言語」と言われているプログラミング言語であり、**画面に動きを与えたり、アニメーションをつけたりできるようになります。**

また、人気の言語の1つでもあるので多くのプログラミング初学者が習得に励んでいます。TIOBEによる、2022年11月度のプログラミング言語検索数ランキングを表す「TIOBE Index for November 2022」では、*JavaScriptは7位にランクインしています。*世界的に見ても良く活用される言語であることが分かります。

【参考】：[TIOBE Index - TIOBE](https://www.tiobe.com/tiobe-index/)

JavaScriptは画面に動きを与える・アニメーションをつけることができる以外にも、さまざまなことができる便利な言語です。この記事では、JavaScriptでできることを紹介し、習得に向いている人や学習方法などについても解説します。

ここでは、具体的にどのようなことがJavaScriptでできるのか詳しくみていきましょう。

*JavaScriptを使うことで、画面に動きを与えることができます。*例えば、文字色を変更したり背景の色を変更したりが可能です。さらに、スライドショーやアニメーションを作ることもできます。JavaScriptはユーザが画面を表示してから実行されるため、ユーザが画面上で行った処理に合わせて動作することができるのです。

Javascriptで作られたサイトには躍動感や迫力があり、サイトをより魅力的に見せるためには欠かせない言語です。

### ポップアップウィンドウを表示できる

**ポップアップウィンドウもJavaScriptを使って表示させられます。**ポップアップウィンドウとは、フォームに間違った情報を入力した際などに出るアラートのことです。ポップアップウィンドウの表示内容も、JavaScriptによって変更できます。

### フォームに入力された内容を取得する

JavaScriptではフォームに入力された内容を取得することも可能です。入力された内容をチェックし、入力ミスがあればアラートやメッセージを出すことができます。また、**入力された情報を元にアニメーションを追加することもできるでしょう。**

### サーバと通信してデータを送受信する

JavaScriptはサーバと通信を行うことも可能です。サーバ側にデータを渡したり、逆にデータを受け取ったりできます。*サーバ側と連携することで、高度な処理を行うことも可能です。*通信を行うときは、Ajaxという機能を使うことが多いです。

**JavaScriptは拡張機能を開発することもできます。**拡張機能とはChromeやfirefoxをより便利に使える機能のことで、インストールすることで利用が可能です。例えば、ブックマークをグループ化したりスクリーンショットを簡単に撮ることができたり、数多くの種類があります。

JavaScriptではゲーム開発も可能です。*ゲーム開発をする場合、enchant.jsというテンプレートを使います。*ゲーム開発というと難しいイメージがありますが、テンプレートを使えば簡単に開発が可能です。Javascriptで作られたゲームの作品例としては、シューティングゲーム・RPG・テロリス・タイピングゲームなどが挙げられます。

近年、スマホの普及により多種多様なゲームを開発するためにゲームエンジニアが注目されています。ゲームエンジニアへの転職を目指すなら、Javascript以外の言語も習得せねばなりませんが、まずはゲーム作りの入り口としてJavascriptを習得しましょう。

<center>[エンジニア転職を成功させるため ぜひ*『マイナビIT エージェント』*をご活用ください！](https://mynavi-agent.jp/it/?utm_source=and-engineer&utm_medium=content-text&utm_campaign=acv12_2)</center>

ここでは、JavaScriptの代表的な特徴について解説します。JavaScriptとはそもそもどういった言語なのか、JavaScriptとJavaの違いはなんなのか、多くの人が疑問に思うことについてまとめました。

JavaScriptとは？特徴・メリット・何ができるのかを解説

### 豊富なライブラリが用意されている

JavaScriptは、Web開発分野で20年以上も使われています。ここまで長く使われている言語は珍しいでしょう。長く使われている分、*JavaScriptには多様なライブラリが用意されています。*例えば、jQueryというライブラリを使えば、簡単にJavaScriptのコードを記述できるため、業務効率化を測ることができます。

また、最近ではNode.jsというものもあり、こちらを使うとフロントエンド側だけでなく、サーバーサイド側でもJavaScriptを使うことができます。フロントエンドとサーバーサイドで利用する言語を共通化すれば、開発コストを下げられるでしょう。また、管理も楽になります。

Node.jsとは？JavaScriptとの違いや使い所を解説

jQueryとは？特徴・できること・導入方法・使い方を解説！

サーバーサイドで使われるプログラミング言語は？種類や特徴について

### ブラウザによって挙動で異なることがある

JavaScriptを扱う上で注意すべきなのが、ブラウザによって挙動が異なる可能性があることです。Chromeでは正常に動いてもOperaでは動かない、という可能性があります。また、**ブラウザのバージョンによっても挙動が異なる場合があります。**そのためJavaScriptでアプリを作る場合は、複数の環境でテストする必要があるでしょう。

JavaScriptは初心者でも学びやすいのも大きな特徴です。**まずJavaScriptを実行する上で、開発環境を整える必要がありません。**ブラウザさえあれば動かすことが可能です。さらにJavaScriptは文法も分かりやすい上に、覚えることも少ないため、C言語のようにハードウェアの部分まで理解している必要もありません。

また、JavaScriptは長年使われている言語のため、ネットに多くの情報が載っています。こういった点からも、JavaScriptは初心者でも扱いやすい言語と言えるでしょう。

JavaScriptの入門！その概要や文法の基礎について解説！

よく勘違いされやすいですが、JavaとJavaScriptは全く別のプログラミング言語です。*Javaは業務アプリやAndroidアプリを開発するための言語であり、JavaScriptとは作れるものが異なります。*そのため、「フロントエンド開発がしたいのに間違えてJavaを学習してしまった」ということがないようにしましょう。

JavaScriptとJavaの違いは？質問されたときの説明方法

### JavaScriptが扱えるITエンジニアの年収

ここまでは、JavaScriptでできることやjavaとの違いなどについて解説しましたが、ここでは、JavaScriptが扱えるITエンジニアの年収について紹介します。*JavaScriptを活用する職種である、プログラマーの年収を参考にしてみましょう。*

「マイナビエージェント 職種図鑑」でのプログラマーの平均年収は344万円、経済産業省2017年発表の「IT関連産業の給与等に関する実態調査結果」から近い職種のSE・プログラマ（ソフトウェア製品の開発・実装）を参考にすると、平均年収568万円と分かりました。

国税庁2020年発表の「民間給与実態統計調査」における民間企業平均年収は433万円なので、プログラマーは一般平均年収と比較して、年収にバラつきがあることが分かります。

**プログラマーの年収は、年齢・スキル・資格の有無によって大きく変わります。**「マイナビエージェント 職種図鑑」を見てみると、20代は322万円に対して、30代では400万円と大きくアップします。さまざまな言語を扱えるようになることで、より高収入が期待できる職種へのキャリアアップも可能です。

【参考】：[マイナビエージェント 職種図鑑](https://mynavi-agent.jp/it/jobindex/05.html?utm_source=and-engineer&utm_medium=content-text&utm_campaign=acv12_2)
※【平均年収 調査対象者】2020年1月～2020年12月末までの間にマイナビエージェントサービスにご登録頂いた方 
【参考】：[IT関連産業における給与水準の実態① ~ 職種別（P7）](https://warp.da.ndl.go.jp/info:ndljp/pid/11623215/www.meti.go.jp/press/2017/08/20170821001/20170821001-1.pdf)
【参考】：[民間給与実態統計調査-国税庁](https://www.nta.go.jp/publication/statistics/kokuzeicho/minkan2020/pdf/002.pdf)

ここでは、JavaScriptを勉強するのに適している人を解説します。「Webアプリ開発をしたい人」「ユーザが直接触る部分を担当したい人」、この2つに該当するなら、JavaScriptに向いていると言えるでしょう。1つ1つについて詳しく解説していきます。

JavaScriptに向いているのは、**Webアプリ開発をしたい人です。**JavaScriptはWebアプリ分野のエキスパートと呼べる言語です。スマホアプリやデスクトップアプリ開発においては主流ではありません。例えば、YoutubeやTwitterなどのSNS、Amazonや楽天市場のようなECサイトや、ブラウザで使える拡張機能などを開発したい方におすすめです。

### ユーザが直接触る部分を担当したい人

Webアプリ開発の中でも、*ユーザが直接触る部分を担当したい方におすすめです。*直接触る部分とは、フロントエンド側のことです。ユーザが入力したらそれに対する動作を指定するなどします。ユーザが目に見える部分などで、フィードバックが得られやすく、やりがいを感じる人も多いです。

その代わりJavaScriptは、ユーザから見えない部分の処理には不向きです。例えば、ユーザーデータを更新したり、サイトに表示する情報を生成したり、といったサーバ側で行う処理には、PHP・Python・Rubyなどの言語が使われます。最近ではNode.jsのおかげで、JavaScriptもサーバ側で使えるようになりましたが、Node.jsはまだ主流とまではいきません。

そのため、フロントエンド側を担当したいならJavaScript、サーバ側を担当したいならPHP・Python・Rubyを勉強するのがいいでしょう。

フロントエンドとは？バックエンドとの違いや使う言語について解説

ここまでJavaScriptでできることや特徴について解説しました。ここまで読んでJavaScriptを学びたくなった人もいるでしょう。そこで、*JavaScriptの具体的な学習方法について解説していきます。*おすすめの学習方法を3つ紹介しますので、自分に合った方法を選びましょう。

JavaScriptの本おすすめ15選！選び方や勉強方法は？

【JavaScript学習ロードマップ】勉強する上で重要なポイントも紹介

Webページで右クリックし「ページのソースを表示」を選択すると、そのページのソースが表示されます。ここには、**JavaScriptのコードも書かれていることがあります。**これらのコードを読んで勉強することが可能です。他人のコードを読むことで、実践的な書き方を学べるでしょう。

どういった処理を行っているのか、もっと効率的な書き方はないか、などを考えながら読むことで、より勉強効果をアップさせられます。

ネット上にある学習サイトでもJavaScriptは勉強できます。学習サイトはお試しなら無料で利用できる場合があり、本格的に利用するなら有料ですが、比較的安価なので書籍を購入するよりもコスパが良いです。説明も分かりやすく、JavaScriptに初めて触れる人でも理解できます。

また、各単元の終わりには練習問題もあり、それを解くことでより習熟度を上げられるでしょう。スライドを使って学習する形式だったり、動画で学習する形式だったり、サイトによって様々な学習スタイルがあります。自分に合った方法で学習を進めていきましょう。

### プログラミングスクールを利用する

独学では習得が難しい場合、*プログラミングスクールを利用するのも手です。*プログラミングスクールでは先生が1から教えてくれるので、挫折することなく学習を進められます。分からないところも、質問すれば丁寧に答えてくれます。

ただし、プログラミングスクールは料金が高いです。また、エンジニア未経験者向きのスクールが多く、経験者にとってはカリキュラムの進捗がゆっくりに感じられるかもしれません。短時間でJavaScriptのスキルを身につけられる点は魅力的ですが、経験者の方は独学でも問題はないでしょう。

JavaScriptおすすめ資格4選！資格の特徴や難易度を解説

## フロントエンド開発に携わりたいならJavaScriptを勉強しよう

本記事では、JavaScriptでできることについて解説しました。JavaScriptを使うことで、**文字や写真に動きをつけたり、アラートや文章を表示したりすることが可能です。**

JavaScriptはフロントエンド開発分野においては、長年現役である言語です。フロントエンド開発に携わりたいなら、ぜひJavaScriptを勉強しましょう。習得した後はスキルを活かせる職場探しが必要ですが、自分に合う企業選びは難しいでしょう。

そこでぜひご活用いただきたいのが[マイナビIT エージェント](https://mynavi-agent.jp/it/?utm_source=and-engineer&utm_medium=content-text&utm_campaign=acv12_2)です。 

マイナビIT エージェントは、IT・Webエンジニア向け、無料の転職⽀援サービスです。

IT・Webエンジニアの転職事情に詳しいキャリアアドバイザーが、あなたのご経験やスキルをお伺いし、転職活動のプランをご提案します。

アドバイザーは企業側と直接連携を取れるので、求人票に載っていない情報も確認することができます。こちらで、働き方などをしっかり確認の上、応募企業を選んでいくのが良いでしょう。

未経験からのキャリアチェンジは心身ともに本当に大変だと思います。少しでもご自身の負担を減らすべく、エージェントサービスを活用して、失敗のない転職活動に臨んでいただければ幸いです。

<center>[あなたに合った企業選びをサポート致します。 エンジニア転職のご相談はぜひ *『マイナビIT エージェント』*へ！](https://mynavi-agent.jp/it/?utm_source=and-engineer&utm_medium=content-text&utm_campaign=acv12_2)</center>

システムエンジニアにおすすめの資格6選！転職やキャリアアップに有利？

本記事では、JavaScriptでできることを解説します。JavaScriptを使うことで、HTMLだけでは表現できないことが可能になります。どういったことができるのか、詳しくみていきましょう。更にJavaScriptの特徴や勉強方法についても解説しています。

JavaScriptを使うことで、画面に動きを与えたり、ポップアップウィンドウを表示したりできる

JavaScriptは豊富なライブラリが用意されている、ブラウザによって挙動が異なる、などの特徴がある

Webアプリ開発の中でも、ユーザーが直接触る部分を担当したい方にJavaScriptはおすすめ

JavaScriptでできること6選！向いている人や学習方法も解説

*[【マイナビITエージェント】あなたの転職活動を無料でサポートいたします](https://mynavi-agent.jp/it/?utm_source=and-engineer&utm_medium=banner&utm_campaign=acv01)*

MITライセンスとは、**オープンソースソフトウェアを開発や配布する際に利用する代表的なオープンソースライセンスを指します。**MITライセンスでは利用許諾のための条件などを定めています。ここでは MITライセンスの詳細や内容、MITライセンスを利用してできることについて詳しく紹介します。

### MITライセンスはオープンソースライセンスの1つ

MITライセンスは、マサチューセッツ工科大学で作成されたオープンソースライセンスです。MITライセンスの規定は、**「ソフトウェアを自由に扱えること、再頒布時に著作権とライセンスの表示が必要であること、著作権者はいかなる責任も負わないこと」を定めています。**MITライセンスを利用することで、公開されているプログラムを自由に改変することができます。

また、公開されたプログラムを自身のプログラムに組み込んで作成した著作物は、ソースコードを公開しなくとも配布が可能です。

さらに、MITライセンスの制限が比較的少ないため、他のライセンスと組み合わせた場合、ライセンスの互換性が高いことも特徴です。例えば、GPLライセンスでは、これまでに説明した行為を禁じている場合が多く、著作物のソースコードを公開する必要がある場合もあります。

MITライセンスを利用する場合、利用条件というものがあります。MITライセンスの利用条件は、**著作権の表示とMITライセンスにおける条文の記載の2つです。**なお、MITライセンスの条文を記述する代わりに、*MITライセンスの条文が記載されているWebサイトのURLを載せることで対応すること*も公認されています。

そのため、ユーザーにとって使いやすいライセンスといえます。また、Webサイトに著作権の表示とMITライセンスの条文を記載し、URLを1つのファイルとして掲載するという方法も可能です。条文の日本語訳URLは以下の通りです。

【参考】：[The MIT License](https://licenses.opensource.jp/MIT/MIT.html)

### MITライセンスを利用してできること

MITライセンスにより条件を守りさえすれば、ソフトウェアやライブラリを無償で自由に扱うことができます。したがって、**ソフトウェアの複製・変更・掲載・頒布・商用利用などを行うことが可能です。**例えば、サンプルコードを元として、新しいコードを作成する場合、複製を行い修正してコードを作成することができます。また、作成したコードの配布や商用利用も可能です。

### 複数のライセンスが適用されることも

ライセンスを記載する際に、複数のライセンスが適用されることがあります。例えば、大規模なソフトウェアを開発する場合、多数のライブラリを使用することで複数のライセンスが適用されることも珍しくありません。また、ソースコード自体はMITライセンスで、関数は他のライセンス、などといった場合もあります。

**こういった複数のライセンスがある場合、ライセンスによって条文が異なるので、組み合わせることが可能かどうかなどの判断が必要です。**ライセンスの両立性を図る場合に役立つ、GitHubが公開している各ライセンスの求められていること・制限されていることをまとめた表があるので、下記を参考にしてみてください。

【参考】：[GitHub：ライセンスの表](https://choosealicense.com/appendix/)

ソフトウェアエンジニアとは？転職に必要な知識やスキルを解説します！

<center>[『マイナビIT AGENT』なら、 IT業界に精通した専任アドバイザーと豊富な求人で、 あなたの転職活動を丁寧にサポートします。](https://mynavi-agent.jp/it/?utm_source=and-engineer&utm_medium=content-text&utm_campaign=acv15)</center>

## そもそもオープンソースソフトウェアライセンスとは

MITライセンスは制限が少なく、使いやすいライセンスであることが理解できたでしょう。MITライセンスの理解を深めるためには、オープンソースソフトウェアについて正しく知る必要があります。ここでは前提知識として、オープンソースソフトウェアの概要とオープンソースソフトウェアライセンスについて紹介します。

### オープンソースソフトウェアとは

オープンソースソフトウェアとは、**利用者の目的に関係なく、ソースコードを使用・調査・再利用・修正・拡張・再配布ができるソフトウェアの総称を指します。** オープンソースソフトウェアは、英語では「Open Source Software」と訳されることから、「OSS」と略される場合が多いです。

オープンソースの定義は、Open Source Initiativeというオープンソースの促進を目的とした組織により、Open Source Defitionという形態で定められています。なお、Open Source InitiativeとOpen Source DefitionはそれぞれOSI・OSDと略される場合が多いです。*現在は、OSDがオープンソースの定義として事実上の標準となっています。*

オープン系プログラマーとは？プログラマーの職種や将来性について解説！

OSSライセンスとは、**OSSの使用許諾条件のことを指します。**したがって、OSSは著作権に基づき、利用条件を定義する必要があります。つまり、OSSはOSSライセンスを遵守することで使用可能です。OSSライセンスはOSSの定義に基づいていれば、著作者が独自に定められます。

例えば、GitHubの中を見てみると、OSIにより承認されたライセンスで公開されたOSSが多いことを確認できます。*OSSライセンスの種類は多数あり、MITライセンスはその中の1つです。*

### OSSライセンスを理解するためのポイント3つ

OSSライセンスを理解するためのポイントとして、以下の3点が挙げられます。

*1.保証がない*
OSSライセンスでは、**著作者はソフトウェアの動作を保証することはなく、結果について責任を一切負わないという免責条項があります。**したがって、ソフトウェアを利用し、予想した通りの動作を行わない場合でも、著作者は保証する必要はありません。また、その動作によって発生した損害などに対しても一切責任を負う必要もありません。

*2.著作権の表示*
派生させたソフトウェアを配布する場合、利用したOSSの著作権やライセンスに関する文、免責事項などを表示する必要があります。具体的に表示する内容はライセンスごとに変わる可能性があるため、詳細については自身が利用するライセンスを確認することが重要です。前述の通り、MITライセンスの場合、著作権の表示とライセンス全文を記載する必要があります。

*3.著作権やライセンス文を記載する位置*
ソースコード形式で頒布する場合は、利用したソースコードの中に著作権とライセンス文が記載されているため、特に改めて記述する必要はありません。実際に公開されているOSSのソースコードを確認してみても、特別明記していない場合のソフトウェアも少なくありません。

一方、バイナリ形式で頒布する場合は、コンパイルを行う際にライセンス文がなくなってしまうため、バイナリファイルとは別にライセンスを表示するたものファイルを用意して記載しておく必要があります。

MITライセンスの他にもさまざまなOSSがありますが、以下に主なOSSを3つご紹介します。

*【GPL】*
「GNU General Public License」の略で、Wordpressなどさまざまなソースコードに付与されていることで有名なライセンスです。GPLを利用して製作したものはGPLライセンスを継承する必要があります。例に挙げたWordpressの場合は、テンプレートなどはWordpressの二次創作物となるため、GPLの適用が義務付けられています。

*【Apache License 2.0】*
「アパッチ・ライセンス」と読み、Apache Licenseのバージョン2のライセンスです。プログラミング言語の「Swift」のライセンスで有名です。ソフトウェア以外にも、無料の写真や画像などを配布するサイトやWordpressのテーマやプラグインなどもあります。MITライセンスと比較すると、変更箇所の告知事項や特許に関する事項など条件は多めです。

*【修正BSD（3条項BSDライセンス）】*
BSDとは「Berkeley Software Distribution License」の略で、修正BSDは最新版です。コピーレフトのあるGPLなどとは異なり、BSDライセンスで公開されているプログラムの改変や、二次創作物のソースコードを未公開での配布や販売が可能で、さらにそれをBSD以外のライセンスで提供することができます。**条件を守れば再利用も再配布も自由なライセンスです。**

## MITライセンスを利用する上での注意点

MITライセンスによってソフトウェアを無料で商用利用することもできますが、「利用する際の注意点には何があるか」という疑問が浮かぶ方もいるかもしれません。ここでは、MITライセンスを利用する上での注意点について4点ご紹介します。

修正したい場合は、ソースコードを解釈し、自身でゼロからソースコードを記述する必要があります。

### MITライセンスのソフトウェアは商用利用することができる？

これまでにも説明しましたが、MITライセンスのソフトウェアを商用利用することはできます。ただし、著作権とライセンス全文の表示を行う必要があります。

例えば、MITライセンスをWebテーマとして利用する場合は、ライセンスの表示方法はどうすべきでしょう。「HTMLのヘッダー部分に表示する」「Webサイトのフッター部分に表示する」「Webページを追加で作成する」など悩む方も多いはず。この場合、**Webサイト上にMITライセンスに関する表記している場所があるならば、そこに記載しましょう。**

表記がない場合は、ヘッダーやフッターに記載したり、HTMLのコメントとして記述したりという方法でも問題ありません。

### ソフトウェアを公開する場合におけるMITライセンスの表示方法

MITライセンスには、**「著作権の表示と本許諾の表示を、ソフトウェアの重要な部分に記載するものとする」と定義されています。**そのため、MITライセンスのソースコードを利用したソフトウェアを公開する場合、ソースコードの中にライセンスに関する文を記載することで義務を果たせたといえるでしょう。

例えば、LICENSE.MITファイルに、MITライセンスに関する文書を記載するなどで十分です。ただし、ライセンスに関する文は、わかりやすい部分に記述した方が良いでしょう。*一般的に、ライセンスに関する情報はソースコードの最初に入れることが多いです。*また、最初の位置にライセンス文を記載することで利用者にとってもわかりやすいといえます。

さらに、オリジナルのソースファイルなどにもリンクとして記載すると良いかもしれません。

## MITライセンスは制限が少なく、使いやすいライセンス

これまでにMITライセンスの概要や条件、注意点、MITライセンスを利用してできることについて詳しく解説しました。また、前提知識としてOSSの詳細についても紹介しました。MITライセンスとは、*OSSを開発や配布する際に利用する代表的なOSSライセンスの1つです。*MITライセンスを使用するに当たっての利用条件は、著作権の表示とMITライセンスにおける条文の記載の2つです。

したがって*MITライセンスは他のライセンスと比較すると制限が少なく、使いやすいライセンスといえます。*

MITライセンスでは条件を守りさえすれば、**ソフトウェアの改変や配布、販売、商用利用など、多種多様なニーズに合わせて対応することができます。**これは開発者にとってメリットといえるでしょう。また、ライセンスには多くの種類があり、それぞれの特徴があります。ライセンスを利用する場合は自分のニーズに合わせて、比較や検討することが重要です。

MITライセンスとは、オープンソースソフトウェアを開発や配布する際に利用する代表的なオープンソースライセンスのことを指します。当記事では、MITライセンスの詳細や注意点、MITライセンスを利用してできることなどを解説します。

MITライセンスとは、OSSを開発や配布する際に利用する代表的なOSSライセンスの1つ

MITライセンスは、比較的に制限が少なく使いやすいライセンス

MITライセンスの利用条件は、著作権の表示とMITライセンスにおける全文の記載の2つ

商用利用も可能？MITライセンスとは　詳細や注意点、利用してできることを解説

**jQueryとは、Webブラウザ用のJavaScriptのコードをより簡単に記述できるように設計されたJavaScriptライブラリの1つです。**jQueryのスキルを習得すれば、Web制作でできることの幅が広がります。ここでは、jQuery入門ということで、概要や特徴・できることについて初心者向けに分かりやすく紹介します。

【参考】[jQuery](https://jquery.com/)
【参考】[JavaScript | MDN](https://developer.mozilla.org/ja/docs/Web/JavaScript)

jQueryの読み方は「ジェイクエリー」で、ジョン・レシグ氏によって2006年1月にリリースされました。**jQueryとはJavaScriptでできることを簡単に実現できるように設計されたJavaScriptライブラリの1つです。**つまり、jQueryとJavaScriptは異なるプログラミング言語ということではなく、jQueryはJavaScriptのプログラムの1つと言えます。

*jQueryの登場により、プログラミング初心者でもフロントエンドに関する開発を行いやすくなったという特徴があります。*近年では、JavaScriptのフレームワークである「Vue.js」「React.js」の登場により、jQueryを使用することが「終わった」と感じている方もいるかもしれません。しかしWeb制作の現場では、jQueryはシンプルなコードで記述されるため、現在でも多用されています。またjQueryは学習コストが低いため、身に付けて損はないスキルと言えるでしょう。

**jQueryのライブラリの中には、HTML・CSSに関するソースコードが数多くあり、動的な表現をシンプルな短いコードで簡単に実装できます。**例えばjQueryでできることとして、Webサイトでよく使用されている「ボタンをクリックすると画像が切り替わるスライドショー」「マウスオーバーすると文字や背景の色が変化するメニュー」などが挙げられます。

また、*JavaScriptでできることの1つであるサーバ非同期通信「Ajax」についても、jQueryを使用すれば簡単に実装可能*です。一般的にサーバにデータを送信して、処理結果をWebサイトに反映するには、再読み込みを行う必要があります。しかしAjaxを使用すれば、非同期でサーバと通信できるため、Webサイトの再読み込みが不要となります。jQueryを使用しないでソースコードを記述した場合、コード量は膨大となり、ソースコードの可読性や開発効率の低下を招くでしょう。

jQueryでできること一覧を紹介！スライドショーの作成も可能

## jQueryのメリット・デメリット

ここでは、jQueryのメリットとデメリットについて説明します。**jQueryは便利な面もありますが、デメリットもあります。**jQueryを取り入れる前に、メリットとデメリットを理解してから導入を検討してください。

### メリット1.短いコードで記述できる

**jQueryを使用してコードを記述すれば、JavaScriptでコードを記述するよりもコードの量が大幅に少なくなります。**少ないコードで記述できることによって、開発効率を上げたりコーディングミスを減らしたりする効果があります。またコードが見やすくなるため、ほかの人が書いたコードを扱う場合や、コードレビューの際も作業が楽になるでしょう。

### メリット2.すべてのブラウザで使用できる

JavaScriptを使用して同じ動作を同じコードで記述した場合でも、Safari・Google Chrome・Microsoft Edgeなどのブラウザによって処理が実行されないことがあります。しかし、**jQueryを使用すればすべてのブラウザで同じ動作を実現することが可能**です。そのため、ブラウザごとにコードを手直しする必要がないので管理がしやすくなります。

### メリット3.HTMLのDOM操作が簡単になる

**jQueryは、HTMLの部品であるDOM操作が簡単になることもメリット**です。DOM操作には、テキストボックス内の中身を取得・変更することや、ボタン1つで画面の部品を表示・非表示にすることなどがあります。JavaScriptを使用するよりも簡単にDOM操作ができるため、Webページに複雑な動作を盛り込みたいときも便利です。

### デメリット1.処理が遅くなる場合がある

**コードの量によっては、JavaScriptの方がjQueryよりも処理が早くなる場合があります。**jQueryは、処理を実行する際にライブラリを読み込む必要があるため、その分処理に時間がかかるためです。JavaScriptとjQueryで処理速度の違いを理解し、処理速度が速い方を使うようにしましょう。

### デメリット2.JavaScriptの知識が不十分になる

**jQueryはJavaScriptを完璧に理解していなくても使えるため、JavaScriptの知識が不十分になる**場合があります。そのため、トラブルが発生した場合に修正の仕方がわからないといった状況になることもあります。トラブル発生時にきちんと対処できるように、jQueryだけでなくJavaScriptについても十分に理解しましょう。

### デメリット3.フレームワークと競合する可能性がある

できることの記事（2ページ目）