[【関連記事】【Pythonのライブラリ管理ツール】pipインストールを徹底解説！Windowsでも簡単？](https://and-engineer.com/articles/YcJyaRAAACMAl3BX)

[【関連記事】PythonのコードをEXE化するには? PyInstallerやその他ツールの特徴や使い方](https://and-engineer.com/articles/ZDZ41BEAAH-qRRlT)

[【関連記事】Pythonで自動化できること7選！面倒な作業を効率化してより便利に](https://and-engineer.com/articles/YRn2KRAAACIA6YPW)<br>

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

*Anacondaとはプログラム記述がシンプルで人気が高いPythonの実行環境*で、データサイエンスに必要とされる各種ツールやライブラリを提供するプラットフォームです。Anacondaには数値計算やデータ解析に必要なライブラリがセットで組み込まれており、利用者は**インストール後すぐに開発作業を開始できる**メリットがあります。

Anacondaとは？Pythonの効果的な開発環境を解説！

Anacondaを使う準備として*Anacondaモジュールをインストール*しておきます。

「Anaconda」はAnacondaの公式サイトからインストーラをダウンロード後、インストーラを起動しインストールします。公式ダウンロードには以下のOSでインストーラが提供されています。

・*Windows用*
　64ビット版、並びに32ビット版

・*macOS用*
　64ビット版（GUI・CUIインストーラ）

・*Linux用*
　64ビット版（x86・Power・AWS Gravitor2・IBM Z）

参考：[ANACONDA Individual Edition](https://www.anaconda.com/products/individual)

なおPythonはAnacondaに含まれており、バージョンを指定したインストールも可能です。

とても簡単！Anacondaのインストール手順を機種別に解説

Pythonとは？人気のPythonを学ぶ際に知っておきたいこと

**Anacondaはコマンドラインインターフェース（CUI）とグラフィカルユーザインターフェース（GUI）が用意されています。**Anacondaを使うには以下のコマンドを用います。

・*GUIツール - Anaconda Navigator*
　condaのパッケージ管理が可能でアイコンクリックで起動します。扱いやすいのでおすすめの方法です。

・*CUIツール - conda*
　WindowsのAnaconda Prompt on Windowsや、macOS・Linuxのターミナルで動作します。Anacondaの詳細設定を行う場合や作業手順の自動化をする場合に使います。

「Anaconda Navigator」と「conda」は共にパッケージ管理や環境設定に用いることができます。

Windowsの使い方は*スタートメニューから「Anaconda Navigator」をクリックするだけです。*

　画像引用：[Anaconda Getting started with Anaconda](https://docs.anaconda.com/anaconda/user-guide/getting-started/)

MacOSの使い方は*「Launchpad」から「Anaconda Navigator」アイコンをクリックし起動します。*

「Linux」はターミナルから以下のコマンドを起動します。

なお「CentOS」や「ubuntu」も「Linux」と同じ使い方です。*公式ダウンロードサイトからモジュールをインストールすることで利用できます。*

*「Navigator」は環境作成のために「conda」を使用しています。*「Navigator」の「Environmentsタブ」をクリックすると最初の環境作成のダイアログが表示されます。ここで名称とバージョンを設定し「Create」をクリックすると環境が作成されます。

### NavigatorによるPythonの管理は？

**最初に作成される環境のPythonはAnacondaをインストールした際のPythonバージョンです。**

もし異なるPythonのバージョンが必要であれば「Navigator」の「Environmentsタブ」をクリックしPythonパッケージバージョンを「3.8」・「3.7」・「3.6」・「3.5」・「2.7」から指定し「Create」をクリックして作成します。

### Navigatorによるパッケージの管理は？

インストール済み「Installed」のパッケージは検索する環境をクリックすると表示されます。同様に*プルダウンで「Not Installed」・「Updatable」・「Selected」・「All」の表示選択が可能です。*

インストールしたいパッケージはパッケージ検索ボックスを使います。パッケージ検索ボックスにパッケージを入力することで、「Anacondaリポジトリ」から情報を入手し表示してくれます。

インストールする場合は検索結果のパッケージ名をチェックし「Apply」ボタンをクリックすることでインストールすることができます。

**Pythonでは開発プロジェクトを複数作成する際に仮想環境を作成します。**仮想環境により他のプロジェクトへ影響を与えずにモジュールを追加したり、異なるバージョンのモジュールを使用したりできます。

Pythonの標準コマンドでは最初に「venv」コマンドを用いて仮想環境を作成し、次に「pip」コマンドを用いて仮想環境へパッケージをインストールします。

参考：[Python Docs venv --- 仮想環境の作成](https://docs.python.org/ja/3/library/venv.html)

**Anacondaを用いる場合は「condaコマンド」を用いて仮想環境の作成とパッケージインストールを行います。**実行環境となるConda環境の作成と有効化の方法は以下の通りです。

(base) $ conda create --name env37 python=3.7

(env37) $ conda create --name env36 python=3.6

*使用例では有効化されているConda環境に対して「conda install」コマンドによってパッケージがインストールされます。*

Conda環境ごとに異なるバージョンのパッケージをインストールすることが可能です。利用する際には該当するConda環境を有効化することで指定バージョンのソフトウェアが利用できます。

**「conda」はAnacondaの「CUI」です。**以下の代表的な処理を行うことができます。

・*conda install*
　パッケージ・Pythonのインストール

・*conda update*
　パッケージ・Pythonやパッケージマネージャのアップデート

・*conda remove*
　パッケージのアンインストール

・*conda activate*
　Conda環境の有効化

・*conda deactivate*
　Conda環境の無効化

・*conda search*
　利用可能なパッケージの検索

・*conda install*
　パッケージ、パッケージマネージャのインストール

・*conda list*
　インストール済みパッケージの表示、ファイル保存

参考：[conda Command reference](https://conda.io/projects/conda/en/latest/commands.html)

## Anacondaのライブラリの使い方

Anacondaでは豊富な公開ソフトウェアのライブラリ管理とインストール管理が可能です。特に**データサイエンスを中心としたライブラリの大半はパッケージで提供されており、その数は7,500種類以上とも言われています。**Anacondaでは「GUI」として「Anaconda Navigator」・「CUI」として「conda」が利用可能です。

インストールされたライブラリはアイコンをクリックしたり、コマンドライン実行したりすることで利用できます。

**「Spyder」とは統合開発環境（IDE）の1つです。**「spyder」を使う準備を含め、以下の流れで作業を進めます。

・*準備*
（1）Anaconda Navigatorを起動します。

（2）Anaconda Navigatorのホームスクリーンのアプリケーション一覧よりSpyderを探します。

（3）Sypderの”Install”をクリックしインストールを行います（インストール済みの場合はスキップします）。

・*使い方*
（1）Spyderインストールが完了すると”Launch”ボタンが表示されますのでクリックします。

（2）Spyder起動後、新規作成から試しにprint(“Hello World”)等を入力します。

（3）「File」・「Save As」でファイルを保存すると「xxx.pyファイル」が作成されます。

（4）三角の再生記号をクリックすることで実行できます。

（5）実行結果は右下のコンソール枠に表示されます。

### AnacondaのJupyterNotebookの使い方

**「Jupyter Notebook」も「Spyder」同様に統合開発環境（IDE）の1つです。**使う準備を含め、以下の流れで作業を進めます。

（2）Anaconda Navigatorのホームスクリーンのアプリケーション一覧よりJupyter Notebookを探します。

（3）Jupyter Notebookの”Install”をクリックしインストールを行います（インストール済みの場合はスキップします）。

・*使い方*
（1）Jupyter Notebookインストールが完了すると”Launch”ボタンが表示されますのでクリックします。

AnacondaはPythonの実行環境で、データサイエンスに必要とされる各種ツールやライブラリのインストール管理から起動まで統合管理できます。ここでは各OSでの使い方をAnacondaのNavigatorやcondaを用いて説明していきます。

Anacondaとはプログラム記述がシンプルで人気があるPythonの実行環境

AnacondaはWindows・macOS・Linuxで利用可能

AnacondaにはGUIのNavigator、CUIのcondaが用意されている

Anacondaの使い方は？Python環境の利用方法を解説！

*Vue.jsとは、オープンソースのJavaScriptフレームワークを指します。*ユーザインターフェース構築に利用します。プログレッシブフレームワークと名付けられており、ビュー層のライブラリ利用から段階的に導入することができます。動的にサーバーと通信する、SPA（シングルページアプリケーション）まで対応します。
【参考】：[Vue.js](https://v3.ja.vuejs.org/)

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

Vue.jsのコミュニティは活動は盛んで、日本にも、Vue.js 日本ユーザーグループがあります。*Vue.jsの普及と、Vue.jsエコシステムへの貢献を行っています。*大規模カンファレンスである、「Vue Fes Japan」を年に一度実施しており、2022年も10月16日オンライン開催を予定しています。
【参考】：[Vue.js JP](https://vuejs-jp.org/)
【参考】：[Vue Fes Japan](https://vuefes.jp/2022/)

Vue.jsの活用事例ですが、国内外問わず利用が拡大しています。*最新の事例は、Vue.js 日本ユーザーグループが主催する「Vue Fes Japan」でも公開されています。*

コミュニティを通じた活用事例発表の他にも事例は多くありますが、今閲覧しているサイトにVue.jsが使われているかどうかは簡単にわかります。具体的には、Chrome拡張機能の「Vue.js Devtools」をインストールすると、Vue.jsで開発されているサイトがロードされる際に、「Vue.js Devtools」のアイコンが緑色（アクティブ）になります。
【参考】：[chrome ウェブストア Vue.js devtools](https://chrome.google.com/webstore/detail/vuejs-devtools/nhdogjmejiglipccpnnnanhbledajbpd)

アイコンが緑色になるサイトの代表例は、「Apple SwiftUI Tutorials」「ZOZOTOWN」「WORKMAN」「マイニンテンドー」など多数あります。
【参考】：[Apple SwiftUI Tutorials](https://developer.apple.com/tutorials/swiftui)
【参考】：[ZOZOTOWN](https://zozo.jp/)
【参考】：[WORKMAN](https://workman.jp/shop/default.aspx)
【参考】：[マイニンテンドー](https://my.nintendo.com/)

Vue.jsは、Evan Youによって開発されましたが、*AngularJSを使用したアプリ開発の経験からAngularの気に入っている部分を抽出し開発した経緯があります。*そのメリットですが、以下のような点が挙げられます。
【参考】：[Vue.js](https://v3.ja.vuejs.org/)

リアクティブという、単純で直観的に管理できるJavaScriptオブジェクトシステムを採用しています。*構造がシンプルで拡張しやすいというメリットがあります。*プログレッシブフレームワークという段階的導入に対応し、ビュー層のみのライブラリ利用から段階的に導入することができます。

ドキュメントが豊富で、JavaScriptオブジェクトモデルの構造が理解しやすくなっています。そのため、*学習効果が高く、他のフレームワークよりも覚えやすい特長があります。*

*HTML・CSSとJavaScriptを完全に分離しているため、コーディングしやすい特長があります。*アプリはコンポーネントという分割単位で管理され、再利用できます。また、プラグイン機能を利用することで、コードの再利用を容易にしています。

HTML・CSSとは何か？使い方やできること、独学方法を解説！

JavaScriptのフレームワークでは、通常DOM（Document Object Model）の操作が必要です。*Vue.jsではディレクティブ機能があり、HTMLに属性を付与することで自動的にDOM操作を行うことができます。*そのため、コードがシンプルになりメンテナンスも容易です。

*サーバー通信量を抑えるSPA（シングルページアプリケーション）をベースとしており、ルーティングによる移行遷移のマッピングを容易にしています。*また、トランジションコンポーネントにより、DOM操作を自動的に行うこともできます。

*Vue.jsは、作者のEvan YouがAngularの良いとこどりから着想を得ていますので、総じて目立ったデメリットはありません。*Vue.jsのデメリットですが、あえて挙げるならば以下のような点が挙げられます。

### 大規模プロジェクトがカバーされない

Vue.jsは、軽く動作することを主眼に置いて設計されており、比較的小規模なプロジェクト用を想定しています。そのため、*大規模プロジェクトで想定している、モジュール連携や制御が十分ではありません。*

### ウェブシステムに限定される

*JavaScript用フレームワークですので、利用がウェブサイトやウェブアプリなどのウェブシステムに限定されます。*スマホに代表されるモバイル端末等では、App StoreやGoogle Payなどからネイティブアプリをダウンロードし利用できますが、このような用途では利用することができません。

## 他のフレームワークやライブラリとの違い

*Vue.jsは、他のフレームワークやライブラリからの移行も進んでいます。*ここでは代表的なライブラリであるjQueryやReact、およびフレームワークであるAngularを取り上げてVue.jsと比較していきます。特長や用途の違いについて解説していきます。

jQueryは、JavaScriptライブラリの1つでコードをシンプルに開発するために考案されました。イベントハンドラ・アニメーション・Ajax用のAPIが提供されます。
【参考】：[jQuery](https://jquery.com/)

Vue.jsとjQueryの違いは、簡単に言うとVue.jsがフレームワークで、jQueryは単なるライブラリです。jQueryは最小のコード量で、より多くの事を実装することを目標として開発されており、導入がしやすく多くのフロントエンドアプリケーションで使用されています。

その反面、*DOM操作を手動で行う必要があり多少手間がかかります。*また、SPA（シングルページアプリケーション）のニーズに対応できないため、高度な処理には不向きです。

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

Reactは、ユーザーインターフェース構築のためのJavaScriptライブラリです。Facebook（現Meta）とコミュニティによって開発されました。
【参考】：[React](https://ja.reactjs.org/)

Reactでは、ライブラリながらいくつかVue.jsと同等の機能を実装しています。具体的には、仮想DOMを利用しており、DOMの状態をメモリ上にキャッシュし効率化を図っていることが挙げられます。コンポーネントをベースにしていますので、小さなコンポーネントを組み合わせて複雑なインターフェースを構築していきます。

*Reactはライブラリのみなので、コードサイズが小さい特長があります。*加えて中・大規模の開発向けにも利用できます。Vue.jsの場合は、コードが読みやすいため学習効果が高く簡単に記述できるメリットがあります。そのため、ReactからVueへ移行するのも簡単です。

Reactの将来性はVue超え？できることやメリット・デメリットも解説

ReactとVue.jsの違いは何？概要や具体的な違いを整理する

Angularは、Googleと個人やコミュニティによって開発されました。JavaScriptのスーパーセットであるTypeScriptベースで、フルスタックのフレームワークです。
【参考】：[Abguolar](https://angular.jp/)

Angularは、TypeScriptをベースとしています。TypeScriptは、JavaScriptを大規模プロジェクトで利用できるように改良したものです。そのため*Angularは、大規模アプリの開発に適しています。*その反面、TypeScriptの知識が必要ですので多少知識のハードルがあがります。

フルスタックのフレームワークであり、ウェブユーザインターフェースの構築以外にも対応できます。SPA（シングルページアプリケーション）開発で、複雑なウェブアプリケーションに対応できます。必要な機能が揃っているため、コードサイズに関しては多少大きくなります。

Vue.jsは、Angularに影響を受けて開発されたフレームワークですので、構文が似ています。すでにフレームワークを利用している方は、理解しやすいメリットがあります。そのためVue.jsは、学習効果が高く簡単に記述できると言えます。

TypeScriptはJavaScriptの上位互換？違いは開発規模や機能面にアリ

*Vue.jsの使い方ですが、HTMLにScriptの要素となる\<script>を記述し、JavaScriptコードを作成します。*JavaScriptコードはHTMLと同じファイルでも別ファイルでも構いません。最初に「Hello World の例（Hello Vue）」を見ておくと、理解が進むでしょう。

【参考】：[Vue.js 基本的な使い方](https://v3.ja.vuejs.org/guide/introduction.html)
【参考】：[Vue.js はじめに](https://v3.ja.vuejs.org/guide/introduction.html#%E3%81%AF%E3%81%97%E3%82%99%E3%82%81%E3%81%AB-2)
【参考】：[Codepen Hello Vue](https://codepen.io/team/Vue/pen/KKpRVpx)

Vue.jsのインストール方法はいくつかあります。自身の環境に合わせて利用します。
【参考】：[Vue.js インストール](https://v3.ja.vuejs.org/guide/installation.html)

・*CDNを使う*
ローカルに保存せずに、CDN（コンテンツデリバリネットワーク）のサイトを利用し、コードに取り込みます。

```<script src="https://unpkg.com/vue@next"></script>```

・*ローカルに保存する*
CDNサイトからダウンロードし、ローカルに保存しておきます。使用する際には、\<script>でローカルファイルを指定します。

・*npmを用いる*
パッケージ管理ツールであるnpmでローカルに保存します。

Vue.jsの環境に慣れてきたら、CLIをインストールしてより高速に処理を進めることもできます。

具体例ですが*メッセージを表示するには、HTMLに次のようにコードを追加します。*こちらの記述方法は、Hello World（Hello Vue）でも確認できますので、すぐに理解できるでしょう。

```<div id="app">
  {{ message }}
</div>```

JavaScriptコードは次に様に記述することで、”メッセージの表示”がされます。

```const App = {
  data() {
    return {
      message: 'メッセージの表示'
    }
  }
}
Vue.createApp(App).mount('#app')```

## 触ってみて違いを理解しましょう

Vue.jsのような、ウェブアプリケーションの開発フレームワークでは、机上で理解するよりも実際に使用した方が、画面の遷移や制御の理解がしやすくなります。**ある程度特徴が理解できたら、実際に操作してみて感覚をつかむことで、一層理解が進むでしょう。**

Vue.jsの学習におすすめの本8選！学ぶメリットも併せて解説

JavaScriptの資格とは？資格の種類・特徴・難易度を解説

Vue.jsとは、オープンソースのJavaScriptフレームワークを指し、ユーザインターフェース構築に利用します。ここでは、Vue.jsの概要や特長、利用メリットとデメリット、他のライブラリやフレームワークとの比較、そして使い方まで解説していきます。

Vue.jsとは、オープンソースのJavaScriptフレームワークを指し、利用者が増えています

構造がシンプルで、徐々に拡張できるためプログレッシブフレームワークと名付けられています

JavaScriptフレームワークであるAngularの良い点を抽出しており、多数のメリットがあります

Vue.jsとは？すぐに分かる概要から特長・使い方まで解説！

プログラミング言語の関数とは、一連の繰り返し実行されるコード群を*1つの手続きにまとめたもの*です。*Pythonの関数*も*同様の考え方*に基づいており、戻り値の有無に関わらず関数が定義できます。繰り返し行われる処理を*関数定義すること*で*ソースコードが整理され*、判読性・再利用性が高まり**メンテナンス性が高まります**。
参考：[Python 3.9.4 ドキュメント](https://docs.python.org/ja/3/)

Pythonの関数は、次の**2種類に分類**できます。
・*組み込み関数*
　Pythonが標準で定義している関数で共通利用できるものを指します
・*ユーザ定義関数*
　ユーザコードにユーザ定義関数のオブジェクトを定義します

関数の考え方は数学の関数に似ています。
例えば「 y = f(x) 」の数式があった場合、関数 f(x) はxの値に応じて必要な計算を行い、yを算出します。Pythonプログラムの関数でも同様に、 「リターン値 = 関数（引数）」が成り立ちます。
*構文：*
リターン値 = 関数（引数 [,,]）
関数　組み込み関数またはユーザ定義関数
引数　関数へ渡るパラメータ群
リターン値　関数からの戻り値、リターン値を持たないこともある

*組み込み関数*は、関数の**用法に応じて使用するだけ**です。それぞれの*引数やリターン値*は**関数によって仕様が決められています**。
*使用例：*
for i in range(3):　　　　　　# range組み込み関数
　print("入力値は"+str(i))　　# print組み込み関数

ユーザ関数を定義する場合は**def を用います**。
*用法：*
def 関数名 (引数名 [,,]):
　処理・処理ブロック
　　：
*使用例：*
def my\_func(data):　　　　　# my\_funcをユーザ関数として定義
　print("入力値は"+str(data))
for i in range(3):
　my\_func(i)　　　　　　　　# ユーザ定義関数を呼び出す

*関数からリターン値を返す場合*は **returnを用います**。
*用法：*
def 関数名 (引数名1, [,,]):
　　処理・処理ブロック
　　　：
　　return 値
*使用例：*
def my\_func(data):　　　　　# my\_funcをユーザ関数として定義
　print("入力値は"+str(data))
　return data\*\*2　　 　　  　# 引数の2乗を返す
for i in range(3):
　result=my\_func(i)　　　　　# ユーザ定義関数を呼び出す
　print(‘計算結果は’, result)

Pythonでは、*69種類の組み込み関数*が**予め定義されています**。必要に応じて組み込み関数を併用し、*ユーザ定義関数に組み入れて用いる*のが良いでしょう。
参考：[Python 組み込み関数](https://docs.python.org/ja/3/library/functions.html)

### 数値処理で用いる組み込み関数は？

主に以下の*組み込み関数*が**数値処理**で用いられています。

・*abs()*	：絶対値を返す	
　引数＝数値、　リターン値＝数値の絶対値
・*bin()*	：2進文字列に変換する
　引数＝整数、　リターン値＝2進文字列
・*complex()*	：	文字列や数値を複素数に変換する
　引数＝文字列・数値、　リターン値＝複素数
・*divmod()*	：複素数を除く数値引数から商と余りの数値を返す
　引数＝数値、　リターン値＝商と余りの数値
・*float()*	：浮動小数に変換する
　引数＝文字列・数値、　リターン値＝浮動小数
・*hex()*	：16進文字列に変換する
　引数＝整数、　リターン値＝16進文字列
・*int()*	：引数から整数型クラスのインスタンスオブジェクトに変換する
　引数＝文字列・数値、　リターン値＝整数
・*oct()*	：8進文字列に変換する
　引数＝整数、　リターン値＝8進文字列
・*pow()*	：引数のべき乗または剰余を返す
　引数＝数値、　リターン値＝数値
・*range()*	：指定する範囲の整数値のリストを生成する
　引数＝整数値、　リターン値＝オブジェクト
・*round()*	：指定した小数行で丸め処理を行う
　引数＝数値、　リターン値＝数値
・*set()*	：新しいset（集合型）オブジェクトを作成する
　引数＝イテラブルオブジェクト、　リターン値＝オブジェクト
・*sum()*	：数値要素の総和を返す
　引数＝数値、　リターン値＝数値

### 真理値・文字列処理で用いる組み込み関数は？

主に以下の*組み込み関数*が**真理値・文字列処理**で用いられています。

・*all()*	：全ての要素が真かどうか確認する
　引数＝イテラブルオブジェクト、　リターン値＝TrueまたはFalse
・*any()*	：いずれかの要素が真かどうか確認する
　引数＝イテラブルオブジェクト、　リターン値＝TrueまたはFalse
・*bool()*	：真理値判定の結果を返す
　引数＝オブジェクト、　リターン値＝TrueまたはFalse
・*ascii()*	：印字可能な表現文字列を返す
　引数＝オブジェクト、　リターン値＝文字列
・*chr()*	：Unicode コードポイントの文字列を返す
　引数＝整数、　リターン値＝文字列
・*format()*	：指定書式の文字列を返す
　引数＝値および指定書式、　リターン値＝文字列
・*ord()*	：Unicode文字に対しコードポイントを表す整数を返す
　引数＝Unicode文字、　リターン値＝整数
・*print()*	：オブジェクトを指定に従い出力する
　引数＝オブジェクト／引数、　リターン値＝文字列
・*repr()*	：オブジェクトの表現を文字列で返す
　引数＝オブジェクト、　リターン値＝文字列
・*str()*	：オブジェクトの文字列を返す
　引数＝オブジェクト／引数、　リターン値＝文字列

### オブジェクト処理で用いる組み込み関数は？

主に以下の*組み込み関数*が**オブジェクト処理**で用いられています。

・*bytearray()*	：新しいバイト配列を作成する
　引数＝初期化引数、　リターン値＝バイト配列
・*bytes()*	：新しいバイト配列を作成する（変更不可能）
　引数＝初期化引数、　リターン値＝バイト配列
・*dir()*	：ローカルスコープのリストまたはオブジェクトの属性リストを返す
　引数＝オブジェクト、　リターン値＝リスト
・*enumerate()*：オブジェクトに番号付けしたenumerateオブジェクトを返す
　引数＝イテラブルオブジェクト、　リターン値＝enumerateオブジェクト
・*filter()*	：関数の結果を指定条件でフィルターし結果を返す
　引数＝関数およびイテラブルオブジェクト、　リターン値＝イテレータ
・*frozenset()*	：新しいfrozensetオブジェクトを返す
　引数＝イテラブルオブジェクト、　リターン値＝frozensetオブジェクト
・*getattr()*	：指定された属性の値を返す
　引数＝オブジェクト、　リターン値＝属性値
・*hash()*	：オブジェクトのハッシュ値を返す
　引数＝オブジェクト、　リターン値＝ハッシュ値
・*id()*	：オブジェクトの識別値を返す
　引数＝オブジェクト、　リターン値＝識別値
・*input()*	：入力から1行読み込み文字列に変換する
　引数＝プロンプト、　リターン値＝文字列
・*isinstance()*	：オブジェクトの引数型を判定する
　引数＝オブジェクトおよび引数、　リターン値＝TrueまたはFalse
・*issubclass()*	：クラスがサブクラスかどうか判定する
　引数＝クラスおよび引数、　リターン値＝TrueまたはFalse
・*iter()*	：イテレータ オブジェクトを返す
　引数＝オブジェクトまたは呼び出し可能オブジェクト、　リターン値＝イテレータオブジェクト
・*len()*	：オブジェクト要素の個数を返す
　引数＝オブジェクト、　リターン値＝整数
・*list()*	：リスト型オブジェクトを作成する
　引数＝イテラブルオブジェクト、　リターン値＝リスト型オブジェクト
・*locals()*	：ローカルシンボルテーブルの辞書オブジェクトを返す
　引数＝なし、　リターン値＝辞書オブジェクト
・*map()*	：引数からすべての要素のイテレータを返す
　引数＝関数およびイテラブルオブジェクト、　リターン値＝イテレータ
・*max()*	：引数から最大値を返す
　引数＝引数またはイテラブルオブジェクト、　リターン値＝オブジェクト要素
・*memoryview()*	：メモリビュー オブジェクトを作成する
　引数＝オブジェクト、　リターン値＝オブジェクト
・*min()*	：引数から最小値を返す
　引数＝引数またはイテラブルオブジェクト、　リターン値＝オブジェクト要素
・*next()*	：\_\_next\_\_()メソッドにより次の要素を順に返す
　引数＝イテラブルオブジェクト、　リターン値＝オブジェクト要素
・*object()*	：新しい基本オブジェクトを返す
　引数＝なし、　リターン値＝オブジェクト
・*property()*	：属性の取得・設定・削除・表示する
　引数＝属性に対する指定、　リターン値＝プロパティ属性
・*reversed()*	：オブジェクト要素を逆順で返す
　引数＝オブジェクト、　リターン値＝イテレータ
・*setattr()*	：オブジェクト属性を設定する
　引数＝オブジェクト、名前、値、　リターン値＝なし
・*slice()*	：指定インデックスの集合を生成する
　引数＝数値、　リターン値＝オブジェクト
・*sorted()*	：オブジェクト要素を並べ替えて新しいリストを返す
　引数＝イテラブルオブジェクト／引数、　リターン値＝オブジェクト
・*tuple()*	：新しいタプル型オブジェクトを作成する
　引数＝オブジェクト、　リターン値＝タプル型オブジェクト
・*type()*	：オブジェクトの型を返す
　引数＝オブジェクト、　リターン値＝型オブジェクト
・*vars()*	：\_\_dict\_\_ 属性を持つオブジェクトの\_\_dict\_\_ 属性を返す
　引数＝オブジェクト、　リターン値＝\_\_dict\_\_ 属性
・*zip()*	：イテラブルからイテレータを作成する
　引数＝イテラブルオブジェクト、　リターン値＝イテレータ

### クラス処理・コード制御・ファイル操作で用いる組み込み関数は？

主に以下の*組み込み関数*が、**クラス処理・コード制御・ファイル操作**で用いられています。

・*classmethod()*	：メソッドをクラスメソッドへ変換する
　引数＝クラス、　リターン値＝クラスメソッド
・*dict()*	：引数から新しい辞書オブジェクトを生成する
　引数＝オブジェクト要素、　リターン値＝辞書オブジェクト
・*globals()*	：現在のグローバルシンボルテーブルを表す辞書を返す
　引数＝なし、　リターン値＝辞書オブジェクト
・*super()*	：スーパー型オブジェクトを返す
　引数＝型、　リターン値＝スーパー型オブジェクト
・*callable()*	：呼び出し可能オブジェクトかどうか判断する
　引数＝オブジェクト、　リターン値＝TrueまたはFalse
・*compile()*	：ソースをコードオブジェクト・ASTオブジェクトにコンパイルする
　引数＝ソース・引数、　リターン値＝コードオブジェクト
・*delattr()*	：属性を削除する
　引数＝オブジェクト・文字列、　リターン値＝なし
・*eval()*	：引数を構文解析し評価する
　引数＝Python式の文字列、　リターン値＝式の評価結果
・*exec()*	：引数を実行する
　引数＝Pythonの実行コード、　リターン値＝None
・*hasattr()*	：オブジェクトの属性名を確認する
　引数＝オブジェクト・文字列、　リターン値＝TrueまたはFalse
・*staticmethod()*	：メソッドをスタティックメソッドへ変換する
　引数＝なし、　リターン値＝なし
・*\_\_import\_\_()*	：import分から呼び出される
　引数＝名前／引数、　リターン値＝名前束縛による
・*open()*	：指定ファイルをオープンしファイルオブジェクトを返す
　引数＝ファイル名および引数、　リターン値＝ファイルオブジェクト

その他の用途についても、以下の組み込み関数が提供されています。
・*help()*	：対話型ヘルプシステムを起動する
　引数＝オブジェクト、　リターン値＝ヘルプ表示
・*breakpoint()*	：デバッガの呼び出し
　引数＝デバッガ引数、　リターン値＝function()の返り値

## Pythonの関数を学んで適用範囲を拡大しましょう

Pythonの言語の理解が進んだら、次のステップとして組み込み関数を活用しましょう。*組み込み関数*は*ユーザ定義関数を作成する場合にも有効*です。関数と処理を組み合わせて必要とされる*処理手続きを共通利用*できれば、**開発効率が向上**します。ぜひ色々と試してみましょう。

PythonはAIに必須！AIエンジニアを目指すならPythonを学ぼう

Pythonと機械学習を学んでAI時代に対応できるエンジニアに

Pythonにおける関数は一連の処理コードを1つの手続きにまとめたものです。関数を活用することでプログラム開発の生産性が向上します。ここでは、Pythonの関数定義方法と使い方を説明するとともに、組み込み関数についても全体像を紹介していきます。

Pythonの関数とは、繰り返し実行されるコード群を1つの手続きにまとめたものを指します

関数の定義や呼び出し方法は簡単で、組み込み関数も数多く提供されています

関数を用いることでソースコードの判読性が高まり、メンテナンスがしやすくなります

Pythonの関数：基本的な使い方と組み込み関数を解説！

**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.フレームワークと競合する可能性がある

**JavaScriptのフレームワークである「Vue.js」や「React.js」とjQueryを併用すると、処理が競合してエラーが発生する**場合があります。フレームワークとjQueryを併用して処理が競合する場合、jQueryを使用せずにJavaScriptだけでコーディングするといった対応が必要です。

jQueryとは、JavaScriptでできることをより簡単に記述できるように設計されたJavaScriptのライブラリの1つであることは理解できたでしょうか。ここでは、jQueryの使い方について詳しく紹介します。

jQueryを使用するには、導入から始める必要があります。**jQueryの導入方法には2種類があり、ファイルをダウンロードしてサーバに直接アップロードする方法と、jQueryの配布元で公開されているファイルを使用するCDNを用いる方法の2つです。**CDNとは「Content Delivery Network（コンテンツデリバリーネットワーク）」の略称であり、Webコンテンツをインターネットを経由して配信するために最適化されたネットワークのことです。

まずjQueryをダウンロードして導入する方法では、オフラインでも利用できるというメリットがあります。下記のjQueryに関する公式リファレンスの「Download」にある「Download the compressed, production jQuery x.x.x」と記載された最新バージョンのファイルを右クリックし、「名前を付けてリンク先を保存」でダウンロードすることが可能です。

【参考】[jQuery](https://jquery.com/)

一方、CDNを使用してjQueryを導入する方法では、Webサイトの表示を高速化できたり、サーバの負荷を軽減させたりすることができます。一般的に*「jQueryのCDN」「GoogleのCDN」「MicrosoftのCDN」の3種類が使用できます。*それぞれのURLを利用して、scriptタグを作成し、HTMLファイルのヘッダーに記述すれば導入は完了です。

**jQueryの記述場所は、ダウンロードした場合とCDNを使用する場合のどちらでも、HTMLファイルのヘッダーに記述する**のが一般的です。ただしダウンロードした場合は、HTMLファイルのヘッダーに対して記述する前に、jQueryのファイルをアップロードしなければならないため、注意が必要です。

また*jQueryファイルをダウンロードした場合には、JavaScriptファイルをサーバにアップロードする必要があります。*一方CDNを使用する場合には、この手順は必要ありません。まずは、ダウンロードしたファイルをサーバにアップロードします。例えば「js」という名前のフォルダを作成して、そのフォルダの中にファイルをアップロードするのがおすすめです。 その後、jQueryファイルのパスを使用してscriptタグを作成する必要がある点にも注意しましょう。

次に、事前準備ができたらHTMLファイルのヘッダーのscriptタグに、jQueryについて記述を行います。ヘッダーには、CSSファイルなど様々なファイルの読み込みについて記述するため、ヘッダーのどこにjQueryについて記述したら良いか迷われる方も多いでしょう。*ヘッダー内であれば、どこに記述しても問題ない*というのが結論となります。一般的に、実務現場では様々なファイルを記述する中の最後に記載する書き方が多いでしょう。

jQueryの使い方や導入方法については理解できたでしょうか。ここからは、jQuery入門ということで、jQueryの基礎文法について詳しく紹介します。

**jQueryの基本構文は「$("セレクタ").メソッド("パラメータ[引数]");」です。**セレクタにはjQueryで操作するHTML・CSSの要素を記載、メソッドには処理する内容について記載、そしてパラメータには具体的な処理を指示したい場合に記載します。例えば、h2タグによって囲まれた部分の色を青にする場合は下記のように記述します。

セレクタにはpタグ、メソッドにはcssを変更するためcss()、引数には文字色であるcolorを青（#0000FF）に指定するように記述しています。ここからはセレクタやメソッド、イベント処理について具体的に説明します。

jQuery入門！基本情報からライブラリの使い方まで解説

**セレクタには、操作対象となるHTMLやCSSの要素が入力されます。**例えば、idやclassの属性値を入力することも可能です。jQueryではセレクタによって、HTMLやCSSの要素の様々な箇所を制御することができます。ここからはセレクタの指定方法の具体例を紹介します。なおJavaScriptでは、「//」を使用すればコメントアウトすることが可能です。

// divタグを指定する場合
$("div")

// 最初のdivタグのみを指定する場合
$("div:first")

// 「pagetitle」というidを指定する場合
$("#pagetitle")

// 「myclass」というclassを指定する場合
$(".myclass")

**メソッドには、指定した要素に対してどのような操作を行うかを記載**します。パラメータを入力すれば、より具体的な処理を指定することが可能です。ここからは、よく使用されるメソッドについて紹介します。

例えば「.css()」メソッドは指定のCSSスタイルに変更するために使用します。「.append()」メソッドはHTMLの末尾に指定した要素を追加するために使用します。「.remove()」メソッドは指定した要素を削除するために使用します。そして「.addClass()」は指定した要素にクラスを追加するために使用します。

メソッドと似ているものとしてイベントがあります。**イベントを使用すれば、Webサイトにアクセスしたユーザーのアクションに対して任意の処理を実行することが可能**です。

例えばボタンをクリックしたときや、画面をスクロールしたときなどに対して、イベント処理を行うことができます。 jQueryで使用できるイベントは数多くありますが、ここからは一例を紹介します。

// divタグの要素をクリックした場合のイベント
$("div").click():

// divタグの要素をマウスオーバーした場合のイベント
$("div").mouseover():

## jQueryを使用すればJavaScriptの記述を効率化できる！

使い方の記事（2ページ目）