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

## HTML編集ソフト（エディタ）を活用する

HTML/CSSを学び始めると、HTML作成ツールとしてHTML編集ソフトが必要になってきます。ここでは、*HTML/CSSの初心者の方に向けて、使い勝手が良く、GUIに優れたHTMLエディタを紹介していきます。*皆さんに合うHTMLエディタ選定の参考にしてください。

**HTMLエディタは、HTML/CSSの作成や編集を効率的に行えるテキストエディタです。**そもそも「テキストエディタ」とは、ソースや文書ファイルなどを編集するためのプログラムのことです。HTMLエディタは、HTMLの作成ツールと考えて良いでしょう。

WindowsやMacに標準搭載されているテキストエディタは、主にテキストの編集を行うためのアプリですが、*HTMLエディタにはテキストの編集に加えてソースコードの入力補助・タグの自動補完・エラーチェック・ファイル連携などの機能が備わっています。*

これらの機能を用いて効率的なHTML記述やWebページの制作を行えますので、HTML/CSSを日常的に使うエンジニアの方にはHTMLエディタの利用がおすすめです。

### なぜHTMLエディタにこだわる必要があるのか

Windwos標準の「メモ帳」、Mac標準の「テキストエディット」でもHTML/CSSの作成や編集は可能です。しかし、これらの標準ソフトはHTML/CSSに特化したものではないので最低限の機能しか搭載しておらず、HTML/CSSの作成・編集に最適とは言えません。

ITエンジニア、プログラマーの仕事は常に時間との勝負です。しかも、スピードだけではなく高い品質も求められます。プログラムの品質とボリュームを保ちながら納期までにシステムを完成させなければなりません。

**ITエンジニアは高い生産性が求められる職種であり、それを実現するには使い勝手の良いテキストエディタに出会う必要があります。**自分に合う良いエディタを使うことは、自らの仕事の生産性を上げるために欠かせません。

では、HTMLエディタを使うことで具体的にどのようなメリットがあるのでしょうか？まずはHTMLエディタの一般的なメリットについて確認しておきましょう。

**HTMLエディタには自動補完機能が付いており、入力ミスや入力漏れを防いでくれるため、HTMLの記述をスムーズに行うことができます。**

自動補完機能とは、開始タグを打つと自動的に終了タグが記述されるなど、打ち込んだ記号や文字の関連タグを自動で入力してくれる機能です。この機能があることで、効率的にHTMLの記述作業ができます。

HTMLは記述ミスをしても思い通りの表示がされないだけで、プログラムのように重大なエラーにはなりにくいです。そのため、うっかりミスに気付かずに記述を進めてしまうことがあります。しかし、仕事でHTMLを記述する際に、そのようなミスは許されません。

HTMLは階層構造が複雑になればなるほど、記述ミスが起きやすくなります。**HTMLエディタでは、構成要素ごとに異なる色で表示してくれるなど、複雑な階層でも構成が分かりやすくなる機能がついているので記述ミスが減ります。**こうした機能は一般のテキストエディタにはありません。

### Webページをプレビューできる

一般のテキストエディタでHTMLを記述する場合は、Web形式のファイルで一旦保存し、そのファイルをWebブラウザで開き直して正しく表示されているかどうかを確認する必要があります。

一方、**HTMLエディタにはプレビュー機能があり、HTMLを記述しながら同時にプレビュー機能でWeb画面を確認できます。**微調整をする際もすぐに確認ができるので、非常に便利です。

### CSSやJavaScriptの記述に利用できる

最近のWebサイトの作成では、HTMLに加えて「CSS」が必須であり、さらに「JavaScript」も扱うケースが多くなっています。「CSS」はWebのデザインを作るための言語で、「JavaScript」はWebに動きを与えてくれる言語です。

HTMLエディタはCSSやJavaScriptにも対応していることが多いです。複数のプログラム言語を扱えるため、**HTMLエディタを扱えるようになると仕事の効率が一気に上がります。**

HTMLエディタは大別すると以下の2種類があります。それぞれメリット、デメリットがあるので環境に応じて使い分けると良いでしょう。

### インストールして利用するタイプ

**HTMLエディタのソフトをネット上からダウンロードし、インストールして使うタイプのエディタソフトです。**一旦インストールすれば、オフラインでも利用でき、しかもPC上で独立して動くため動作が軽いといったメリットがあります。

一方、インストールの手間が掛かる点と、作成したデータの管理を自分のパソコン上でしか行えないため共同作業に向かない点はデメリットです。

### オンラインで利用するタイプ

**ネットワークに接続したパソコンのWebブラウザ上で利用するHTMLエディタです。**インストールは不要でWeb上で管理でき、場所に縛られず利用できるため、リモートワークや共同作業では便利です。

その反面、ネットワークに依存するためネットワークの状況次第では使えない、動作が重くなるなどのデメリットがあります。

## HTMLエディタを選ぶ際のポイント

HTMLエディタは数多くリリースされており、それぞれ特徴が異なるため、自分に合ったエディタを見つけるのは簡単ではありません。

ここでは、数あるエディタの中から、自身に適したエディタを見つけるためのポイントについて説明をします。自分に合うエディタを見つけるための参考になれば幸いです。

### 自分の使っているOSに対応しているか

エディタを選ぶ際には、**自分が普段使っているパソコンのOSに対応したHTMLエディタか否かを確認する必要があります。**エディタの選定や検討でミスがないよう、自分のパソコンのOSや、OSのバージョンに合ったエディタかどうかをよく確認しましょう。

多くのHTMLエディタは外国製品であり、標準製品は英語での表記が一般的です。**英語に不安がある方は、日本語対応のエディタを選ぶのが無難です。**

英語版のHTMLエディタでも日本語化キットなどがあれば簡単に日本語化できますので、日本語化の可否については確認するようにしましょう。

それぞれのHTMLエディタには製品ごとに異なる標準機能、拡張機能があります。自身のスキルが上がってくると、追加機能が必要になる場合もあります。**標準機能や拡張機能の内容、ツールの有無なども確認しておいた方が良いでしょう。**

エディタは慣れるに従って使い勝手が変わっていきます。自分が求める機能が整っていると長く使えますので、よく比較検討してから選びましょう。

### 調べたい時にすぐに調べられるか

HTMLエディタは使い慣れるまでにさまざまな疑問や壁にぶつかります。そのような時、しっかりした解説サイトや情報共有の場があると早く解決できます。

調べたい時にすぐに調べられるのは、エディタ選択の際の重要な条件です。**サポートサイト、解説サイトの有無はしっかり確認しておきましょう。**

## 初心者におすすめしたいHTMLエディタ5選

ここからは、初心者から中級者まで幅広く利用されている人気のHTMLエディタを5つに絞って紹介します。基本的には無料で利用できるエディタを中心に紹介しますが、*一定期間利用すると有料になるものもありますので、予算に応じて検討しましょう。*

**「サクラエディタ」は、Windows向けの高機能でシンプルなHTMLエディタです。**日本人によって開発されたもので、日本語の会議室や情報共有の場もあります。また、GitHub上にあることから、開発に参加することもできます。

サクラエディタには、キーワードの強調・アウトライン解析・補完入力などの特徴的な機能があります。

▪タイプ：インストール
▪対応OS：Windows
▪料金：無料で使用できます。

【参考】：[サクラエディタ](https://sakura-editor.github.io/)

**「Visual Studio Code」は、マイクロソフトが2015年にリリースしたHTMLエディタです。**マイクロソフト製だけに安心感があります。

HTML以外にも、JavaScript・Python・PHP・Java・C#などの主要なプログラミング言語に対応可能で、プログラマーやエンジニアの強い味方となるでしょう。

▪タイプ：インストール
▪対応OS：Windows、Mac、Linux
▪料金：無料で使用できます。

【参考】：[Visual Studio Code](https://azure.microsoft.com/ja-jp/products/visual-studio-code)

**「Brackets」は、ブラウザの設計が簡単にできる軽量のテキストエディタです。**Webデザイナーやフロントエンドのデベロッパーのためにゼロから開発されたもので、「クイック編集機能」など各種便利機能が豊富に備わっています。

また、環境を問わず動作するため、どのOSでも使うことができます。2021年9月1日をもって開発元であるAdobe（アドビ）によるサポートは終了しましたが、現在はコミュニティによる開発が行われています。

【参考】：[Brackets](https://brackets.io/)

**「CotEditor」は、macOSのために作られたテキストエディタで、macOSのアプリケーションに合わせた振る舞いをします。**

また、日本で開発されたこともあり、エンコーディング判定や和英が混ざった文書、縦書き表示など、日本語特有の問題にも対応しています。

▪タイプ：インストール
▪対応OS：Mac
▪料金：無料で使用できます。

【参考】：[CotEditor](https://coteditor.com/)

**「Sublime Text」は豊富な拡張機能とカスタマイズの自由度の高さ、さらにその動作の軽さからエンジニアには人気が高いことで有名です。**主要なプログラミング言語にはほぼ対応しており、プログラマーの方は重宝するでしょう。

なお、日本語化も可能ですが、拡張機能の利用にはコマンドラインの利用が必要です。単純にHTML/CSSのみを記述しプレビューするというレベルでの使い方を求める方にはやや難しく感じるかもしれません。

▪タイプ：インストール
▪対応OS：Windows、Mac、Linux
▪料金：無料で使用できますが、登録から3年経過した後にバージョンアップを行うには、有料ライセンス購入が必要です。

【参考】：[Sublime Text](https://www.sublimetext.com/)

**「Livewave」は、リアルタイム (ライブ) プレビューを備えた HTMLエディタです。**記述したHTMLをプレビュー画面でリアルタイムに確認できるため、練習やテストなどに向いているでしょう。

また、ブラウザ上でコーディングできるため、ソフトウェアをインストールする必要がなく、気軽に利用できます。

▪タイプ：オンライン
▪料金：無料で使用できます。

 【参考】：[Liveweave](https://liveweave.com/)

**「Online HTML Editor」は、オンライン上でコーディングができるテキストエディタです。**他のエディタとは異なり、ドキュメント編集結果から、テキスト入力や画像の挿入、装飾などのHTMLソースを得ることができます。

そのため、ワープロ感覚で扱いやすく、初心者の方にもおすすめです。記述したHTMLをプレビュー画面でリアルタイムに確認することもできます。

【参考】：[Online HTML Editor](https://onlinehtmleditor.dev/)

## 自分好みのエディタを見つけて、快適なコーディングを実現しよう

この記事では、おすすめのHTMLエディタについてご紹介しました。仕事ができるエンジニアは必ずお気に入りのエディタを持っています。

良いエディタに出会うことが皆さんの活躍に大いに役立ちますので、当記事を参考に皆さんご自身にとって最適なエディタを見つけていただければ幸いです。ただし、*職場によっては自分に合ったエディタを使用できない可能性があることは留意しておくべきです。*

ルールが厳しい職場だと、エディタなどを自由にダウンロードすることができず、用意されているツールだけで開発を行うことも少なくありません。

HTML/CSSを学ぶと、多くの方は使い勝手の良いHTMLエディタが必要だと感じるようになります。ここでは、HTML/CSS初心者の方に向け、おすすめのHTMLエディタを5つ紹介していきます。自分に合うHTMLエディタを見つけてHTMLの達人を目指しましょう。

HTML/CSSを効率的・効果的に作成するためには、HTMLエディタを利用することが早道になる。

HTMLエディタにはオンライン・インストールタイプがあるが、状況に応じて使い分けるとよい。

HTMLエディタはさまざまなプログラム言語のコーディングに適したものがあり、エンジニアの武器として活用したい。

【2023年版】初心者向けのHTML編集ソフト(エディタ)おすすめ7選！

*TensorFlowはGoogleが開発した人工知能開発用の計算ライブラリです。*ライブラリとは頻繁に使う機能がパッケージされたもののことで、インストールすることで使うことができます。TensorFlowはPythonを始め、C言語やJavaなどの言語で使うことが可能です。

TensorFlowではニュートラルネットワーク構築を行うことができます。ニュートラルネットワーク構築とは、人間の脳の働きを参考にした方法でコンピュータに計算処理を行わせることです。

TensorFlowは無料で使えるうえに商用利用も許可されているため、多くの企業で使われています。人工知能開発はさまざまな分野で注目されていることもあり、今後さらに利用企業が増えると推測されます。TensorFlowのスキルを習得しておけば、AIエンジニアなどの転職に役立つでしょう。

【参考】：[TensorFlow](https://www.tensorflow.org/?hl=ja)

TensorFlowとは？特徴やできることをわかりやすく解説！

今さら聞けない「人工知能」とは？エンジニアに必須の知識を解説！

## TensorFlowをインストールする方法

TensorFlowをインストールする方法について解説します。TensorFlowのインストールはそこまで難しくないものの、バージョンによってインストール方法が変わることもあって、つまずいてしまう初心者の方も多くいます。

今回は、2022年12月時点でのTensorFlowのインストール方法をまとめました。

### pipの最新版をインストールする

TensorFlowはコマンド入力でインストールするのがもっとも簡単ですが、そのためにはまずpipをインストールする必要があります。**pipの最新版をインストールするには、コマンドプロンプトやターミナルで以下のコマンドを実行します。**

Pythonのpipインストールを徹底解説！Windowsでも簡単？

### TensorFlowをインストールする

続いて、以下のコマンドを実行してTensorFlowをインストールします。

インストールには、時間がかかることもあります。*インストール完了時にエラーが発生していないかを確認し、問題なければ動作確認へと進みます。*

TensorFlowが自分の環境で問題なく動くか確認するために、ソースコードを書いて実行してみましょう。Pythonを対話モードにして、以下のソースコードを実行します。

**インストールしたTensorFlowのバージョンが表示されれば、問題なくTensorFlowが動作しています。**エラーが発生した場合は、コピペミスがないかなどを確認しましょう。

## TensorFlowのインストールができない場合の確認事項

TensorFlowをインストールしようと思ったものの、インストールができずエラーが発生してしまった方もいるのではないでしょうか。TensorFlowのインストールができない場合は、以下の3つを確認してみてください。

*pipのバージョンが古いと、TensorFlowがインストールできない場合があります。*pipは最新バージョンにアップグレードしておくことをおすすめします。

### Pythonのバージョンを確認する

Pythonのバージョンが古い場合、インストールができない可能性があります。2022年12月現在、TensorFlowのバージョンは「2.11.0」となっています。**公式サイトには「2.11.0」に対応しているPythonのバージョンは「3.7」「3.8」「3.9」「3.10」と書かれています。**

次のコマンドによってPythonのバージョンを確認しましょう。

Pythonのバージョンか古い場合、Pythonの公式サイトから最新バージョンをダウンロードしてください。

【参考】：[tensorflow · PyPI](https://pypi.org/project/tensorflow/2.11.0/)
【参考】：[Python](https://www.python.org)

### 動作確認でSessonを使おうとしていないか

TensorFlowは「2.0」からSessonが廃止されました。しかし、古いサイトではSessonを使って動作確認を行う手順が解説されている場合があります。「tf.Session()」などと記述すると「2.0」以降ではエラーが出ます。

*TensorFlowの動作確認を行う場合は、上記に記載したソースコードを用いることをおすすめします。*

続いて、TensorFlowでできることについて解説します。TensorFlowを使いこなせるようになることで、人工知能関連の幅広い開発に携わることが可能です。人工知能開発の勉強を本格的に始めたい方は、TensorFlowを勉強してみるのが良いでしょう。

**TensorFlowは英語を日本語に翻訳するツールを作成する際に用いられています。**自動翻訳は昔はそこまで精度が高くありませんでしたが、最近ではTensorFlowによって精度が上がり、自然な文章を作成できるようになりました。

自然言語処理に興味のある方は、TensorFlowで翻訳ツール作成を目指すのも良いでしょう。

TensorFlowは画像検索にも多く使われています。*コンピュータに画像を何枚も学習させて特徴を認識させることで、検索内容に即した画像一覧を表示させることが可能です。*画像検索の精度も昔に比べ向上しています。

**TensorFlowによってディープラーニングすることで、画像認識と同様に音声認識も行うことが可能です。**コンピュータに多くの声を読み込ませることで、一人一人の声の高さなどを認識させることができます。音声認識の技術は録音データの文字起こしなどで活用することが可能です。

エンジニアなら知っておくべき！機械学習とディープラーニングの違いとは？

## TensorFlowの使い方を学ぶ際におすすめの本

TensorFlowは他のプログラミング言語とはソースコードの書き方などが異なるので、エンジニア経験者でも勉強に時間がかかることがあります。そこで、TensorFlowの使い方を学ぶ際におすすめの本についてまとめました。

また、TensorFlowはバージョン1と2で仕様が変わっている箇所も多く、古い本を手に取ってしまうと勉強し直す必要があるため、注意しましょう。今回はなるべく最新のTensorFlowの本をまとめたので、どの本を購入するか迷ったら参考にしてください。

### TensorFlow2 TensorFlow＆Keras対応 プログラミング実装ハンドブック

*本書はこれからTensorFlowを学ぶ人におすすめの入門書です。*TensorFlowでの開発環境構築方法から始まり、Pythonの基礎知識の復習、TensorFlowでのディープラーニングなどについて解説されています。説明も分かりやすく、人工知能に詳しくない方でも無理なく学習を進めていけるでしょう。

▪著者：チーム・カルポ
▪ページ数：448ページ
▪出版社：秀和システム
▪発売日：2020/10/28

【参考】：[TensorFlow2 TensorFlow＆Keras対応 プログラミング実装ハンドブック](https://www.shuwasystem.co.jp/book/9784798063003.html)

### PythonとTensorFlowで作る類似画像検索

本書を読むことで、TensorFlowによって画像検索システムを開発することができます。類似画像検索の基礎から丁寧に解説されており、1つ1つ開発手順を理解していくことができます。**Googleの画像検索のようなツールを作りたい方におすすめです。**

▪著者：佐藤 純一
▪ページ数：86ページ
▪出版社：インプレスR&D
▪発売日：2022/01/21

【参考】：[PythonとTensorFlowで作る類似画像検索](https://nextpublishing.jp/book/14256.html)

### TensorFlowによる深層強化学習入門

*本書はTensorFlowによる深層強化学習について学べる1冊です*。深層強化や強化学習のアルゴリズムを丁寧に解説しています。TensorFlowに限らず深層学習や強化学習に興味のある方におすすめです。

▪著者：牧野 浩二／西崎 博光 
▪ページ数：280ページ
▪出版社：オーム社
▪発売日：2021/02/17

【参考】：[TensorFlowによる深層強化学習入門](https://www.ohmsha.co.jp/book/9784274226731/)

## TensorFlowの使い方をマスターして人工知能開発を始めよう

本記事ではTensorFlowのインストール方法について解説しました。インストールの手順やTensorFlowでできることなどがお分かりいただけたかと思います。TensorFlowのインストールはコマンド入力で簡単に行えますが、バージョンによって多少手順などが異なる点だけは注意が必要でしょう。

人工知能開発は現在トレンドとなっている開発分野です。**TensorFlowを使った人工知能開発のスキルを今のうちに身につけておくことで、市場価値の高いエンジニアを目指すことができるでしょう。**

本記事を読んでTensorFlowに興味を持った方は、ぜひTensorFlowで人工知能開発を始めてみてください。

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

DXにAIは必要な要素であるが、AI導入はDX推進とイコールではない

TensorFlowのインストールを行いたいものの、インストールの途中でエラーが発生してしまう方も多いのではないでしょうか。本記事ではTensorFlowのインストール方法について解説します。エラーが発生した場合の対処方法についても説明しますので、是非試してみてください。

TensorFlowは人工知能開発用の計算ライブラリの1つである

TensorFlowはコマンド入力によってインストールが可能

TensorFlowのインストールに失敗した場合、Pythonなどのバージョンを確認する

TensorFlowのインストール方法は? Pythonバージョン等でできない際の対処法

<center>[IT・Webエンジニアの転職なら…<br>*マイナビIT AGENT*へ！](https://mynavi-agent.jp/it/?utm_source=and-engineer&utm_medium=content-text&utm_campaign=acv16_1)</center>

*<center>[【無料転職サポート申し込みはコチラ】](https://mynavi-agent.jp/it/lp/029.html?utm_source=and-engineer&utm_medium=content-text&utm_campaign=acv16_2)</center>*

JSONファイルとは*JSONフォーマット*で記述された、**テキスト形式のファイル**を指します。JSONファイルはファイルを使ったデータ交換に利用されています。ファイルの拡張子は*.json*で、RFCおよびIETFの標準規格となっています。
参考：[IETF STD90 RFC8259 JSON](https://datatracker.ietf.org/doc/html/rfc8259)

JSONとは*JavaScript Object Notation*の略で、*ジェイソン*と呼んでいます。JSONはJavaScriptで定義されている**オブジェクト表記法の1つ**で、テキスト形式で表記されるので、簡単に*データ交換*ができます。そのためJavaScriptに限らず、*主要なプログラム言語から利用されています*。

JSONの表記形式はとても*シンプル*で、以下の規則に従います。

**表記形式：基本規則**
　{ “名前”: 値 }
　{ “名前”: 値 , “名前”: 値 }
　{
　　“名前”: 値 ,
　　“名前”: 値 ,
　　“名前”: 値
　}

・**名前と値のペア**
　データは名前と値のペアで記述します。
　名前と文字列の値はそれぞれ”（ダブルクォーテーション）で括ります。
　’（シングルクォーテーション）は使用できません。
・**｛｝（波カッコ）と:（コロン）の利用**
　データの最初と最後は｛｝（波カッコ）で括ります。
　名前と値の間に:（コロン）を入れます。
・**名前と値のペアの間に,（カンマ）を利用**
　名前と値のペアが複数ある場合は、名前と値のペアの間に,（カンマ）を入れます。
・**配列は[]（カッコ角カッコ）で、ネストは{}（波カッコ）で記述**
　値を入れ子とする場合は配列表記とネスト表記が可能です。
参考：[JSONの紹介](https://www.json.org/json-ja.html)

以下の特殊文字は、エスケープ文字として*\\（バックスラッシュ）*を先に入力し使用します。

・**\\”（ダブルクォーテーション）**
・**\\\\（バックスラッシュ）**
・**\\/（スラッシュ）**
・**\\b**
　バックスペースを意味します。
・**\\r**
　フォームフィードを意味します。
・**\\n**
　ラインフィードを意味します。
・**\\r**
　キャリッジリターンを意味します。
・**\\t**
　タブを意味します。
・**\\uXXXX**
　16進数表記です。

JSONは以下の*データ型*に対応しています。

・**文字列**
　”（ダブルクォーテーション）で括った文字列で、特殊文字は\\（バックスラッシュ）を先に付けます。
・**数値**
　0から9の数字、符号、小数点、指数記号（Eとe）が使えます。
　8進数と16進数は使えません。
・**true、false**
　論理値で全て小文字で表記します。
・**null**
　ヌル値で全て小文字で表記します。
・**オブジェクト**
　JSONオブジェクトを{}（波カッコ）で入れ子にすることができます。
・**配列**
　[]（角カッコ）で括ることで、連続したデータ領域が割り当てられます。

これまで学んだJSON表記形式を使ってデータ構造を記述してみます。以下の例は、クラスの学生情報とテスト成績のJSONデータです。名前と値の組み合わせは、実際の使用データに基づいて定義していきます。

*使用例：*クラスの学生情報とテスト成績のJSONデータ
　{
　　”test-data”: [
　　{
　　　“class-id”:10,
　　　“name”: “foo”,
　　　“test-result”:[91, 78, 87],
　　　“passed”:true
　　},
　　{
　　　“class-id”:11,
　　　“name”: “bar”,
　　　“test-result”:[45, null, 59],
　　　“passed”:false
　　},
　　{
　　　“class-id”:12,
　　　“name”: “baz”,
　　　“test-result”:[99, 96, 97],
　　　“passed”:true
　　},
　　　　　：
　　]
　}

JSONはテキスト形式のファイルですから、*WindowsのNotepad*・*MacOSのTextEdit*、*LinuxのVim*等のテキストエディタでファイルの作成や修正が可能です。しかしながら高度なJSONの編集機能が必要でしたら、JSONに対応する作成ツール・エディタを使用します。

*JSONエディタ*は、ビューアとしてデータ（名前・値）の確認さらに編集が可能です。以下が*主要なJSONエディタ*です。

・**Visual Studio Code（VSCode）**
　統合開発環境（IDE）として有名なソフトウェアで、JSONに対応します。
　IDEのため、構文チェックや検索・編集が容易です。
　Windows・MacOS・Linuxで動作し、C++やPython・PHP等多数のプログラム言語に対応します。
　参考：[Microsoft Visual Studio Code](https://azure.microsoft.com/ja-jp/products/visual-studio-code/)

・**Windows用JSONエディタ**
　Notepad++はNotepadエディタをプログラム言語に対応させたような操作性を持つ、フリーソフトウェアのエディタです。
　80種類ほどのプログラム言語に対応します。
　参考：[Notepad++](https://notepad-plus-plus.org/)
　JSONeditはZipファイルを展開するだけで使用できるJSONエディタです。
　CSVファイルをインポートする機能があります。Unicodeサポートがされていないことが欠点です。
　参考：JSONedit(https://tomeko.net/software/JSONedit/)

・**MacOS用JSONエディタ**
　Jayson - Visual JSON Editorは有償となってしまいますが、グラフィカルなエディタです。
　参考：[Jayson - Visual JSON Editor](https://apps.apple.com/jp/app/jayson-visual-json-editor/id1189824719)

上記比べてみるとVisual Studio Codeは無償（無料）利用できますし、Windows・MacOS・Linuxで動作しますのでおすすめのソフトウェアです。

JSON形式のファイルの作り方は、各プログラム言語の用法に合わせて*APIを使用*します。以下はJSONに対応する*代表的なプログラム言語*です。JSON形式でファイルが出力されます。

・**Python**
　PythonではJSON APIを用い、”import json”でライブラリをインポートします。
　次にjson.dumps()でJSONデータ形式に変換し、writelines()でファイルに出力します。

・**Java**
　Javaでは、JSONObjectクラスが利用できます。
　importでnet.sf.json.JSONObject、またはorg.json.JSONObjectのライブラリをインポートします。
　次にデータをJSONObject.put()でJSONデータ形式に変換し、JSONObject.write()でファイルに出力します。

・**PHP**
　オブジェクトをjson_encode()でJSONデータ形式に変換し、fwrite()でファイルに出力します。

・**JavaScript**
　オブジェクトをJSON.stringify()でJSONデータ形式に変換し、writeFileSync()でファイルに出力します。

### JSONファイルの読み込み方法

JSON形式のファイルの読み込みも作成時と同様に、各*プログラム言語の用法*に合わせて*APIを使用*します。JSON形式のファイルからデータを読み込み、変換することができます。

・**Python**
　作成時同様jsonライブラリをimportします。
　次にreadline()でファイルからJSONデータを読み込み、json.loads()でオブジェクトを復元します。

・**Java**
　作成時同様、JSONObjectクラスのライブラリをインポートします。
　次にreadLine()でファイルからJSONデータを読み込み、JSONObject.get()でオブジェクトを復元します。

・**PHP**
　fread()やfgets()でファイルからJSONデータを読み込み、json_decode()でオブジェクトを復元します。

・**JavaScript**
　readFileSync()やreadFile()でファイルからJSONデータを読み込み、JSON.parse()でオブジェクトを復元します。

JSON形式のファイルの削除はOSの**ファイル削除の操作**で削除します。プログラム言語内でも作成したファイルを*APIで削除*することができますし、プログラム内で*使用中のデータ*も言語の*演算子で削除*します。

また、画像共有サイトの*Googleフォト*では一括ダウンロードすると*.jsonファイルが付属*しています。このファイルは*写真画像の更新日時のデータ*が入っていますから、写真をダウンロードして整理する際に利用できます。勝手にファイルがダウンロードされたと慌てて削除せずに、*JSONエディタで開いてみる*と良いでしょう。

## JSONファイルを理解したら、データ交換に利用しましょう

JSONファイルは*構造がシンプル*です。配列と入れ子が理解できればJavaScriptをはじめとする多くのプログラム言語で利用できます。*データ交換を簡単に行う*ことができますので、多くのシステムで利用されています。*JSONファイルを理解*したら、**実際のシステムで利用する**ことをおすすめします。

JSONファイルとは、JSONフォーマットで記述されたデータ交換用ファイルです。JSONファイルはテキスト形式のファイルで、主要なプログラム言語から利用されています。ここではその基本構造からファイルの読み書き方法まで解説していきます。

JSONファイルとは、JSONフォーマットで記述されたテキスト形式のファイルを指します

JSONはJavaScriptで定義されているオブジェクト表記法の1つです

JSONファイルは、主要なプログラム言語から利用されておりデータ交換に用いられます

JSONファイルとは？基本構造からファイルの作り方、読み書き方法まで解説

**▼ITエンジニアにおすすめの資格一覧をご紹介！**

ITエンジニアも資格がある方が有利？おすすめの関連資格を解説！

## JavaScriptの資格は仕事に活かせる？

JavaScriptに関する資格はいくつかありますが、実際の仕事に役立つのでしょうか？JavaScript自体がWeb系アプリケーションやWebサイトなどで広く利用されているため、JavaScriptに関する資格もある程度認知度があります。

**JavaScriptの資格を取得することで業務への理解が深まるのはもちろん、業務の質を保証する**ことにも効果があります。

JavaScriptとはオブジェクト指向のスクリプト言語を指します。**JavaScriptにより動的ウェブコンテンツを簡単に作成することが可能です。**

ネットスケープコミュニケーションズ社によって開発されたもので、ECMAScriptとして標準化されたことにより、ECMAScript標準および独自実装を含めてJavaScriptと呼びます。

JavaScriptとは？人気のJavaScriptを5分で学ぶ

### JavaScriptの資格取得が必要な職種

これまでJavaScriptはクライアントウェブブラウザ機能を補完する目的で利用されていました。当初は、インタプリタとして動作するために実行速度が遅いのが難点でしたが、現在はJITコンパイラによる高速化やNode.jsのようなサーバーサイドで動作するJavaScriptも登場し、活用範囲が拡大しています。

そのためJavaScriptの資格取得者は、ウェブデザイナー・フロントエンドエンジニア・UI/UXデザイナーのみならず、フルスタック開発者やサーバーアプリケーション開発者まで多岐に活躍の場が得られるでしょう。

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

JavaScriptの資格にはいくつか種類がありますが、特におすすめなのは以下の4種類です。

・*Webクリエイター能力認定試験*
・*HTML5プロフェッショナル認定試験*
・*CIW JavaScript Specialist*
・*JavaScript Certification*

また、上記資格に加えて、これまではマイクロソフト社の「JavaScript試験」が有名でした。マイクロソフト社はこれまで提供していた「MCSA」「MCSD」、並びに「MCSE」の認定資格を終了し、ロールベースの資格体系へと変更を進めています。そのため、JavaScriptの試験についても順次試験を終了しています。

ここでは、「Webクリエイター能力認定試験」「HTML5プロフェッショナル認定試験」「CIW JavaScript Specialist」「JavaScript Certification」の4つについて、どのような試験なのか詳しく解説します。

【参考】：[Microsoft 認定資格および試験](https://docs.microsoft.com/ja-jp/learn/certifications/browse/?terms=JavaScript)

### Webクリエイター能力認定試験

Webクリエイター能力認定試験はサーティファイが運営している資格認定です。Webクリエイター能力認定試験はレベルに応じて2つの試験区分が用意されています。

・*エキスパート*（初級・中級レベル）
　HTML5・CSS・JavaScriptを中心とした実技問題並びに知識問題
　勉強時間 38時間
　受験費用 7,500円（税込）

・*スタンダード*（初級レベル）
　HTML5・CSSを中心とした実技問題
　勉強時間 24時間
　受験費用 5,900円（税込）

上位資格であるエキスパートではJavaScriptが出題されるため、エキスパートを目標に学習しましょう。試験は全国各地のパソコンスクールで随時実施されており、スタンダード・エキスパートともに65%の正答率で合格です。

受験資格・年齢とも不問なため、最初からエキスパートの受験も可能です。勉強時間は比較的短めなため、初心者でも手の届く資格です。

【参考】：[Webクリエイター能力認定試験](https://www.sikaku.gr.jp/web/wc/)

### HTML5プロフェッショナル認定試験

言語・開発の記事（48ページ目）