G Suite for Educationとは、*Googleが提供する教育機関向けのクラウド型グループウェアサービスです*。G SuiteではGmailやGoogleドライブなど、ビジネスで必要不可欠なSaaSをまとめて提供していましたが、本サービスでは教育機関に特化したSaaSが追加されるなど、教育現場へのサポートに特化した形となっています。

**本記事では、G Suite for Educationの概要・メリット・料金プラン・登録方法などを解説し、いくつか特徴的なアプリケーションもご紹介します**。

### 2021年2月より「Google Workspace for Education」へ

G Suiteがサービスを終了し、Google Workspaceへと切り替わったのと同様に、**G Suite for Educationも名称が2021年2月に「Google Workspace for Education」へと変更され、サービス内容も一部変更となりました**。本記事では、この新しいGoogle Workspace for Educationの内容をベースに解説していきます。ちなみに大きな変更点としては、

- 無料プランでのストレージ容量が無制限から100TBへ制限

- Google ClassroomやGoogle Meetに新機能が追加

- 料金体系が従来の2つから4つに分かれて提供

【参考】：[Education Fundamentals | Google for Education](https://edu.google.com/products/workspace-for-education/education-fundamentals/)

Google Workspace for Educationは、*「Google for Education」というGoogleの教育向けソリューションの中の一部として提供されているサービスです*。同ソリューションではGoogleのクラウド技術を提供するGoogle Cloudと、教育環境に最適なノートパソコンであるChromebookも上記に合わせて提供されています。

新たに切り替わったGoogle Workspace for Educationでは、**4つの料金プランが提供されています。**料金については公式ページにおいて、問い合わせが必要となっているため、あくまで参考価格となっています。

*Fundamentalsエディション*
旧「G Suite for Education」であり、唯一無料で利用できるプランです。本サービスで提供されるアプリは全て利用することが可能であるため、教育現場向けで最も特徴的な「Google Classroom」も使うことができます。このプランだけでも十分な機能が提供されていますが、ストレージ容量が100TBとなっているため、データ管理には注意が必要です。

*Standardエディション*
最も安価な有料プランとなっており、1ユーザーあたり月額30円で利用可能です。無料プランとの大きな違いはセキュリティ機能の強化と分析機能となっています。セキュリティの面では、外からの脅威を防止し、デバイスやアプリの高度な管理が行われるため、大人数における個人情報保護を想定している形です。また、分析機能ではBigQueryでGmailとClassroomのログを分析し、教育現場の改善や最適化を行うこともできます。

*Teaching and Learningアップグレード*
こちらは教師向けのサービスに特化した有料プランとなっており、利用する教師あたり月額480円で利用可能です。最大会議人数を100人から250人に増やしたり、ライブストリーミングを可能にできたりするほか、Classroomのアドオンとして独自性レポートや過去の提出物との照合で不正チェックを行うこともできます。また、ライセンスあたりの容量が100TB追加されます。

*Plusエディション*
最上位の位置付けとなる有料プランであり、1ユーザーあたり月額50円で利用可能です。前述した2つの有料プランには全ての機能が内包されており、本サービスの特徴をフルで活用することができます。生徒に対してもライセンスあたり20TBのストレージ容量が追加されるため、大規模な教育機関であっても容量不足に悩まされることはないでしょう。

【参考】：[Google Workspace for Education料金プラン](https://edu.google.com/intl/ALL_jp/products/workspace-for-education/editions/)



Google Workspace for Educationは無料プランであってもClassroomが利用できるなど、非常に強力なサービスです。しかしながら、*教育機関でないと利用できないという条件があります*。ここでは、教育機関向けにどのようにして登録を行うか解説していきます。

Fundamentalsエディションであれば、料金プランのページからすぐに登録を進めることができます。「無料で開始」ボタンを押下したのちに、教育機関名の入力と高等教育機関かそうでないかを選択します。そして、教育機関のURLと人数規模を入力し、住所や管理者名を入力していけばアカウント作成が完了します。なお、*ドメインの所有権を証明する手続きを行う必要があるため注意しましょう*。

Google Workspace for Educationでは、無料プランでも全てのアプリにアクセスすることができます。ここでは利用することができるアプリの一覧を以下に記載します。

## G Suite for Education導入のメリット

今や改称されたG Suite for Educationにはどのようなメリットがあるのでしょうか。教育機関向けのサービスなだけあって、*教育現場に特化した様々な機能*が提供されていますが、ここではその中で代表的なメリットを紹介していきます。

### 馴染みのあるGoogleアプリが利用できる

メリットの1つとして、*馴染みのあるGoogleアプリを使用できることが挙げられます*。基本となるメーラーのGmailやGoogleドライブなどは、教育現場でなくとも普段から日常的に使われていることが多いアプリです。普段使い慣れたツールを教育現場でそのまま使用できることは、教師だけでなく生徒への導入を容易にするため、サービス導入のハードルを下げることができると言えるでしょう。

**普段馴染みのないClassroomやフォームなどのアプリについても、Googleアプリ特有の使いやすさを持っており、初めてのユーザーでも安心して使うことができます**。Google Workspace for Education自体のサービスで全てが完結するため、他のツールやサービスを導入する必要がない点も大きなメリットです。

### 場所にとらわれない教育ができる

クラウドサービスであるGoogle Workspace for Educationの特徴的なメリットとして、*場所にとらわれない教育ができることが挙げられます*。これはGoogle ClassroomやGoogle Meetを利用することで行うことができます。Classroomではオンライン授業を行うために必要な課題管理などの機能が用意され、Meetではオンライン授業を実際に行うことが可能です。

これらのアプリを利用すれば、**実際の教室での授業はもちろん、生徒が自宅からでも授業に参加することができ、場所にこだわることなく教育環境を構築できます**。様々な事情で学校へ登校できなかったり、遠隔地から授業に参加したい生徒に対してもフォローすることが可能な点は大きなメリットです。

### デジタル化による生産性の向上

*本サービスが完全にデジタル化されている点も大きなメリットです*。従来、紙媒体で連絡事項や課題を作成し、配布していた教育現場では、その作成に大きな時間がかかっていました。テストや課題の採点についても手書きで行っていることもあり、教師の労働時間増加の一因とも言えるでしょう。

Google Workspace for Educationが提供するフォームなどの各種アプリを活用すれば、今まで紙媒体で作成していたものを全てデジタル化することができ、大幅な生産性向上となります。**削減された時間を有効活用すれば、よりクオリティの高い授業を行うことも可能でしょう**。

数々のメリットがあるGoogle Workspace for Educationでは、様々なアプリ機能が提供されています。ここではその代表例として3つ挙げ、その機能詳細と使い方を紹介していきます。

Google Classroomは本サービスで最も特徴的なアプリで、教育機関のためにあると言っても過言ではありません。**教師と生徒をつなぐクラスをGoogleのサービス上で構築することができ、オンラインを通してもつながることができます**。教育機関向け以外のビジネス向けのWorkspaceでは、有料でしかアクセスできないこともポイントです。

基本的な使い方として、生徒をクラスとしてまとめて管理し、以下を行うことができます。

- Classroom上で宿題や課題を作成し、生徒へ出すことができる

- 生徒が提出した課題をClassroom上で採点し、生徒へフィードバックすることができる

- クラス内で生徒から質問を受けたり、生徒個別にフォローアップすることもできる

【参考】：[Classroom](https://edu.google.com/intl/ALL_jp/products/classroom/)



Google Jamboardはデジタルホワイトボードのアプリであり、専用ディスプレイであるJamboardと合わせて使うことで様々な共同作業を行うことできます。元々は複数人でアイデアを持ち寄ってブレーンストーミングを行うビジネスツールではありますが、教育現場においてはデジタル黒板のような働きをします。

**手書き機能、付箋機能や図形の挿入機能を用いることで、通常の黒板では難しいインタラクティブな機能を提供し、授業においてのディスカッションを加速することができるでしょう**。また、オンラインにも接続することができ、遠隔地の生徒もその内容を共有することができます。

使い方として、ハードウェアであるJamboardを購入する必要があり、それに合わせてアプリを導入する形です。最大16人が同時に操作することも可能となっています。

【参考】：[Jamboard](https://edu.google.com/intl/ALL_jp/products/jamboard/)

Google Arts ＆ Cultureは世界中の美術館や博物館などにオンライン上で入館し、展示されている作品や展示物を自由に閲覧することができるアプリです。**このアプリを使えば、美術や社会の授業において、生徒に授業で勉強した美術作品や歴史的な展示物を見てもらうことができ、授業の質を上げることが可能です**。通常、渡航費などが掛かる海外の美術館にもオンライン上で入館できることは、Googleならではのメリットと言えるでしょう。

なお、このアプリは本サービス利用者でなくとも無料で使用することができます。使い方として、美術作品自体を高画質で閲覧することもできますが、ストリートビューの機能を利用して、館内で美術作品を閲覧するようなことも可能となっています。

【参考】：[Google Arts ＆ Culture](https://artsandculture.google.com/?hl=ja)



## 教育現場のためのソリューションを試してみよう

Google Workspace for Educationは、教育現場の生産性を大きく向上する可能性を秘めています。DX化による生産性向上が叫ばれるなか、*教育現場も人手不足により今までのやり方が通用しなくなってきており、本サービスはその解決先になるかもしれません*。もし、この記事を読んでいる方が教育関係者であるならば、新しい試みとして本ソリューションを試してみてはいかがでしょうか。

DXとは？その意味と日本の現状、DX推進の障壁となる要因を分かりやすく解説！

DXの取組事例に学ぶDX成功のポイントとITエンジニアへの期待

G Suite for Educationとは、Googleが提供する教育機関向けのグループウェアサービスです。本記事では新名称でのサービス概要を説明しつつ、そのメリット、料金プランや提供されている代表的な機能を紹介していきます。

G Suite for EducationはGoogleが提供する教育機関向けのサービス

G Suite for Educationの料金プランは新名称に変わって4つから選べるようになった

G Suite for Educationの大きなメリットに教師の生産性向上や多様な授業形態の提供がある

教育機関向けのG Suite for Educationの概要やメリットを紹介！

*Node.jsとは、JavaScriptの実行環境の一つです。*

本来、JavaScriptはフロントエンド言語です。Webページ上の要素にアクセスし、ユーザの操作をトリガーとしたHTML要素の動きを実現できます。「このボタンをホバーしたら、クリックしやすいようにボタンが大きくなる」等の動きがこれに当たります。

**更にNode.js環境を用意することで、JavaScriptにバックエンドの処理も行わせることができます。**例えば、サーバに配置されたファイルの読み書きやDBとのアクセスがJavaScriptで出来るようになります。

【参考】：[公式-Node.jsとは](https://nodejs.org/ja/about/)

*「JavaScriptは書いたことあるけど、Node.jsで何が出来るのか分からない」*

*「チーム開発でNode.jsを使うことになったけど、何からやればいいか分からない」*

*「Node.jsを自走して学習していきたいが、どうやればいいか分からない」*

Node.jsで実現出来ることをお話した後に、実際にNode.jsを使うための手順、自走して学習していく方法を解説します。

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

ここでは、Node.jsを使うと我々エンジニアは何を実現出来るのかについて解説します。

*・単体でWebアプリケーションを作ることができる*

**Node.jsはWEBサーバとしての役割も担います。**つまり、nginxのような通常WEBサーバとして用いられるソフトウェアを使うことなく、Node.jsだけでサーバを起動しHTTP通信を行うことができます。

また、Node.jsを用いることでブラウザ上でのHTML操作だけでなく、DBとのデータ連携が可能になることをすでに述べました。このことから、Node.js環境でWEBアプリケーションを作成することができます。

*・モバイルアプリケーションが作れる*

**Node.jsを導入することで、スマホアプリ開発用フレームワークであるReact Nativeを動作させることができます。**React Nativeの開発言語はJavaScriptであるため、動作させるにはJavaScriptの実行環境であるNode.jsが必要です。

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

*・新仕様のJavaScriptを古いブラウザでも動作させられる*

JavaScriptはアップデートが年々行われている言語であり、そのためバージョンによってはコードの記述方法が一部異なる場合があります。特に、JavaScriptのバージョン「ES2015」以降はオブジェクト指向での記述が可能になったりと、大幅な仕様変更がありました。

バージョンアップによって、古いブラウザ（Internet Explorer11など）がその仕様に適応できない場合があります。

これを防ぎ、バージョンアップしたJavaScriptと古いブラウザの互換性を保証するためにJavaScriptコードの変換を行う必要があります。**これを実現するツールのうち代表的なものに「Babel」があり、その動作環境としてNode.jsがよく選択されています。**

*・最新のフロントエンド技術を導入できる*

**フロントエンドの技術として、TypeScriptやReact、Vue.jsといった言葉を聞いたことはあるでしょうか。これらを導入する際の実行環境としてNode.jsはよく選択されています。**

選択されている理由として、上記で挙げた技術では、ブラウザ上でのDOM操作だけではなく、ソースコードのコンパイルやファイルインストールといったサーバサイド処理が必要になってくることが挙げられます。そのため、JavaScriptをサーバサイドでも扱えるNode.jsが実行環境として適しているのです。

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

MacOS環境でのNode.jsインストール方法をこちらで解説します。以下ではHomebrewを用いてインストールを進めていきます。

**nodenvとは、Node.jsのパッケージ管理ツールです。**複数プロジェクトで異なるバージョンのNode.jsを利用したい場合に重宝します。

ターミナルを開いて、下記3つのコマンドを順番に実行して下さい。

curl -fsSL https://github.com/nodenv/nodenv-installer/raw/master/bin/nodenv-doctor | bash

*それぞれ、「nodenvをインストールする」「パスを通す」「nodenvがインストールできているか確認する」を意味するコマンドです。*

3つめのコマンドに対して下記の表示があれば、正しくnodenvがインストールできています。

下記の2コマンドを順に実行します。{バージョン番号}には、インストールしたいNode.jsのバージョンを記載します。

インストールしたnodeのバージョンが2つめのコマンドで表示されれば、無事にNode.jsがインストールできています。

さらにnodenvでは、ディレクトリごとに使うNode.jsのバージョンを指定できます。プロジェクトで利用したいディレクトリ配下に移動して、下記の2コマンドを実行してください。

インストールしたいバージョンが表示されれば、インストール完了です。

## ローカルでWebアプリを立ち上げるまで

ここまでで、ローカルPCにNode.jsをインストールすることができました。では、実際に簡単なWEBアプリを作成してみましょう。

Node.jsはJavaScriptの実行環境を指し、JavaScriptでサーバサイド処理を行うことが可能です。ReactやVue.jsなど、最新のフロント技術の導入時にはよく選択される環境なので、将来性は高いです。この機会に是非習得することをお勧めします。

Node.jsはJavaScriptの実行環境であり、サーバサイド処理を行うことが可能です。

Node.js環境では、WEBアプリ開発はもちろん、スマホアプリ開発が可能になります。

Node.jsを学習し続けるには、公式サイトを初め、ProgateやUdemyといった学習サイトが有効です。

Node.js入門！メリットやインストール方法・学習方法を解説

## Visual Studio 2022 for Mac Preview概要

2021年9月から公開が始まった、 Visual Studio 2022 for Mac Preview版ですが、すでにPreview 6まで更新版がリリースされています。およそ月に1度のリリースです。*Visual Studio 2022 for Macのロードマップにしたがい、開発作業が続けられています*。
【参考】：[Visual Studio 2022 for Mac プレビュー](https://visualstudio.microsoft.com/ja/vs/mac/preview/)
【参考】：[Visual Studio 2022 for Mac Preview 6](https://devblogs.microsoft.com/visualstudio/visual-studio-2022-for-mac-preview-6/)

Visual Studio 2022 for Mac v17.0のGAバージョン（正式リリース）は、2022年の前半中にリリースされる予定です。通常の開発用途においては、GAバージョンリリースまでの間、引き続きVisual Studio 2019 for Mac v8.10を使用することが推奨されています。開発環境としては.NET 5、Xamarin、Unity、または.NET Core3.1を用いることになります。

Visual Studio 2022の新機能がIDEで歴代最高な理由

### Visual Studio 2022 for Macのロードマップとリリース目標

Visual Studio 2022 for Macの提供目標はロードマップとして公開されています。バージョンアップの柱となる新機能や改善項目は以下のポイントにしたがっています。

・*Visual Studio for MacをネイティブのmacOS UIに移行*
ユーザインターフェースの見直しで、高い操作性を実現します。さらにネイティブユーザインターフェースとすることで、これまで生じたパフォーマンス・信頼性・アクセス容易性・生産性の課題を解決します。

・*モダンな.NET IDEをMac版で実現*
Visual Studioで想定する環境をMac版でも実現し、生産性向上とモダンな操作性・操作感を提供します。

・*Windows版との操作感統一*
Visual Studioのメニューや用語をWindows版に近づけて、Visual Studioとしての一貫性を向上しWindows版ユーザにも違和感なく利用できることを目標とします。
【参考】：[Visual Studio 2022 for Mac Roadmap](https://docs.microsoft.com/en-us/visualstudio/productinfo/mac-roadmap)

### Visual Studio 2022 for Mac Previewのリリースノート

Visual Studio 2022 for Macのリリースノートでは、各バージョンのリリース情報を掲載しています。Preview版も同様に公式サイトで公開されています。
【参考】：[Visual Studio 2022 for Mac version 17.0 Release Notes](https://docs.microsoft.com/en-us/visualstudio/releases/2022/mac-release-notes-preview)

リリースノートによるとVisual Studio 2022 for Macは、Windowsと互換性を高め、.NET環境で開発実行できないことなく安心して開発作業を進めることが目標です。そして最終目標はロードマップ公開されている、*ネイティブのmacOS UIに移行すること・Mac用にチューニングした.NET IDEの提供・Windows版との操作感統一を実現することです*。

### 公式Blogでの告知を順に追ってみる

作業の進捗はPreview版のリリースノートおよび公式Blogに掲載されています。Preview版においては、Blogの方がより詳細に新機能の情報や開発・移行の進捗が開示されています。ここでは公式Blogの記載内容から要点をピックアップしてみます。

・*Visual Studio 2022 for Mac Preview 1（2021年9月30日公開）*
Preview 1では、IDEのパフォーマンスと安定性の向上・.NET 6とC＃10をサポートし最新アプリの開発を推進できるよう進められていることが伝えられました。ネイティブmacOS UIでUIを書き直しする作業についても触れられています。
【参考】：[Visual Studio 2022 for Mac Preview 1 is now available!](https://devblogs.microsoft.com/visualstudio/visual-studio-2022-for-mac-preview-1-is-now-available/)

・*Visual Studio 2022 for Mac Preview 2（2021年10月13日公開）*
Preview 2では、.NET 6RC2がサポートされました。Preview 1に引き続き、ネイティブmacOS UIへの移行作業を継続実施していることがわかります。
【参考】：[Visual Studio 2022 for Mac Preview 2 is now available](https://devblogs.microsoft.com/visualstudio/visual-studio-2022-for-mac-preview-2-is-now-available/)

・*Visual Studio 2022 for Mac Preview 3（2021年11月8日公開）*
Preview 3では、.NET 6GAのサポート・エディター機能にサブワードナビゲーションと新しいリファクタリングを追加していることが伝えられています。Preview 2に引き続き、ネイティブmacOS UIへの移行作業を継続実施していることがわかります。
【参考】：[Visual Studio 2022 for Mac Preview 3, and Upcoming Native M1 Processor Support](https://devblogs.microsoft.com/visualstudio/visual-studio-2022-for-mac-preview-3-and-upcoming-native-m1-processor-support/)

・*Visual Studio 2022 for Mac Preview 4（2021年12月15日公開）*
Preview 4では、ウィンドウレイアウトのカスタマイズ・ソースコード検索の高速化に対応しました。Preview 3に引き続き、ネイティブmacOS UIへの移行作業を行っています。
【参考】：[Visual Studio 2022 for Mac Preview 4](https://devblogs.microsoft.com/visualstudio/visual-studio-2022-for-mac-preview-4/)

・*Visual Studio 2022 for Mac Preview 5（2022年1月25日公開）*
Preview 5では、.NET 6 CLR上でM1プロセッサとIntelプロセッサの両方でパフォーマンスを向上しました。Preview 4に引き続き、ネイティブmacOS UIへの移行作業を継続しています。
【参考】：[Visual Studio 2022 for Mac Preview 5](https://devblogs.microsoft.com/visualstudio/visual-studio-2022-for-mac-preview-5/)

・*Visual Studio 2022 for Mac Preview 6（2022年2月16日公開）*
Preview 6では、リリース済みPreview 5の既知の不具合修正を行っています。IDEシェル・Gitツ​​ール・Azure Publishing・Xamarinツールの品質向上にも取り組んでいます。M1（あるいはArm64）デバイスでの.NET Core 3.1SDKのサポートを追加しました。ここでネイティブmacOS UIへの移行が完了しました。

Xamarinおよび .NET MAUIの開発作業を先行実施しているとのことです。 .NET MAUIの正式リリースが2022年第2四半期に予定されており、それまで作業は継続する見込みです。この文面からPreview版の終了時期も徐々に明らかになると想定できます。
【参考】：[Visual Studio 2022 for Mac Preview 6](https://devblogs.microsoft.com/visualstudio/visual-studio-2022-for-mac-preview-6/)

### Windows版ユーザから見たVisual Studio for Macの違い

Windows版ユーザから見たVisual Studio for Mac Windowsですが、OSの違いによる操作性や操作感に違いがみられます。正式リリース済みのVisual Studio 2019 for Macを例に違いを確認してみます。
【参考】：[Visual Studio for Mac for Windows users](https://docs.microsoft.com/en-us/visualstudio/mac/vsmac-for-windows-users?view=vsmac-2019)

・*キーボードのショートカット*
WindowsとMacOSでのキーボード入力は大半が共通化されています。しかしながらショートカットについてはOSによる違いがあります。具体的にはWindowsの「Ctrl」キーとMacの「⌘」キーの違いです。

Visual Studio for Macでは、違いをより吸収するために、最初の起動時にキーボードショートカットを「Visual Studio for Mac」「Visual Studio（Windows）」「Visual Studio Code」「Xcode」の4種類から選択できます。この設定は後から「Environment」「Key Bindings」から変更することもできます。

・*メニュー構造*
Visual Studio for Macのメニュー構造は、Windows版と若干の違いがありますので、慣れが必要です。

具体的には、「Preferences (Options)：設定オプション」「Extensions：拡張機能」「Layouts：レイアウトの選択」「Updates：アップデートの確認」「NuGet Package Manager：NuGetパッケージの管理」「Find tools：ツールの選択」「About Visual Studio：Microsoft VisualStudioについて」の操作のメニュー配置に違いがあります。

Visual Studio 2022 for Macでは操作の互換性を高め、Visual Studio 2019 for Macで抱えていた上記違いを吸収するものとして、期待されています。

## Visual Studio 2022 for Macでターゲット市場を拡大しましょう

Visual Studio 2022 for Macは、ネイティブMacOS UIを採用しWindowsの操作性に近づける意欲作です。期待されているのは開発環境がMacOSとWindowsに対応することですが、*ターゲットアプリケーションのカバレッジを広げることが期待値と考えられます*。

WindowsとMacのそれぞれ得意なターゲットアプリケーションを開発し、Visual Studioの統合開発環境（IDE）としての市場を拡大する意気込みが見られます。エンジニアとしては、マイクロソフト社のその戦略に乗っかり、知識吸収を進めるのも良いでしょう。

IDEとは？詳細やメリット、おすすめのIDEを紹介します！

Visual Studio 2022 for Macプレビュー版は、Preview 6までリリースされています。ここでは、2022年の前半正式リリースを予定しているVisual Studio 2022 for Macの製品ロードマップと進捗を解説していきます。

Visual Studio 2022 for Mac Preview版は、2021年9月から始まりPreview 6まで公開されました

GAバージョン（正式リリース）は、2022年の前半中予定しています

Windowsと互換性を高め、.NET環境で安心して開発作業を進めることが目標です

Visual Studio 2022 for Macプレビュー6の開発状況を解説！

近年、Webデザインを行うためのソフトが多数増えてきており、Dreamweaverがその代表例の1つです。ここでは、Dreamweaverの概要とできることについてご紹介します。

【参考】[webデザインソフトウェア|Adobe Dreamweaver](https://www.adobe.com/jp/products/dreamweaver.html)

**Dreamweaverとは、アドビ社が提供しているWebサイトやアプリのデザインを行うためのソフトです。**アドビ社はアメリカに本社がある企業で、多種多様なソフトを販売しています。例えば、PhotoshopやIllustratorなどのWebデザイナーが愛用しているソフトが挙げられます。

Dreamweaverは、HTML・CSS・Javascriptなどのマークアップ言語に対してサポート機能が多いのが特徴で、利便性が高いことからWebデザイナーから人気があります。デザイン関連の業務を行う方にとって必要不可欠なソフトウェアといえるでしょう。

### Dreamweaverを利用してできること

**Dreamweaverは、自由自在にデザインを行うことができるソフトウェアとして支持を集めています。**特に、ホームページ制作をする方のニーズに合わせたデザインが作成しやすく、あらかじめテンプレートがあることもDreamweaverの特徴です。

初心者用のテンプレートが用意されているため、Webサイトの骨組みを簡単に作成できます。他にも、多種多様な機能が搭載されているため、編集作業がしやすいです。

ここでは、Dreamweaverの機能の特徴について詳しくご紹介します。

**Dreamweaverには、ライブラリ機能が標準で組み込まれています。**ホームページの多くは、サイドバーやメニューがあるのが一般的ですが、サイドバーやメニューを追加する作業は手間がかかることも多いです。

特に、HTML・CSSでWebデザインを実施する場合、各ページのサイドバーにメニューを追加する作業を行う必要があります。ライブラリ機能によって、一括してサイドバーを更新することができるため、編集効率の向上が期待できます。

Dreamweaverにはクイック編集機能としてさまざまなものがあります。**クイック編集機能を利用することで、タグ・Class・IDに対してカーソルを合わせるだけでCSSを編集することが可能です。**

例えば、Windowsの場合「ctrl + e」、MacOSの場合「command + e」のコマンドでクイック編集ができます。他にも、コメント化などもクイック編集機能で簡単にできます。Windowsの場合は「Ctrl + /」、MacOSの場合は「Cmd + /」のコマンドでコメント化が可能です。

**Dreamweaverには、Emmetが標準で組み込まれています。**Emmetとは、入力補完機能によってマークアップ言語を簡単に編集できるテキストエディタ用のプラグインのことです。Emmetを利用することで、HTMLなどのタグを素早く作成することが可能です。

例えば、「textar」と入力した状態でTabキーをクリックすると、「textarea」タグの開きタグと閉じタグが作成されます。他のタグについてもTabキーを利用することで容易にタグを作成できるため、コーディング作業における効率の向上が期待できます。

Dreamweaverにはライブプレビュー機能があります。**ライブプレビュー機能を利用することで、記載したソースコードの実行結果をリアルタイムで確認できます。**ソースコードを編集しながらプレビューを確認して作業を進められるため、コーディングミスを減らすことが可能です。

また実行結果がリアルタイムで見れることから、成果物が出来上がっていくのを確認できるため、開発に対するモチベーションの向上が期待できます。

## Dreamweaverを利用するメリット

多くのデザインソフトがあるにも関わらず、Dreamweaverを利用するメリットについて疑問を抱く方は少なくないでしょう。ここでは、Dreamweaverを利用するメリットについて詳しく解説します。

**Dreamweaverは、WindowsとMacで同じソフトウェアを使用することができるため、OS環境を気にする必要がありません。**Dreamweaverソフトのバージョンが同じであれば、端末に関係なく同様の操作方法やユーザインタフェースで使うことができます。ただし、ショートカットキーなど一部の要素に関しては異なるため注意が必要です。

また、*Adobe Creative Cloudを利用すれば、何度でもインストール・アンインストールできます。*Adobe Creative CloudはDreamweaverと同様にアドビ社が提供しているソフトウェアで、Webデザインや動画編集に必要なアプリを利用できます。

【参考】[Adobe Creative Cloudについて【アドビ公式】](https://www.adobe.com/jp/creativecloud.html)

DreamweaverはAdobe Creative Cloudを介して、アップデートが定期的に実施されます。**そのため、最新の機能や便利な機能をいち早く利用することが可能です。**常に最新版の機能を使ってWeb制作をしたい方にはDreamweaverはおすすめといえます。

**Dreamweaverはマニュアルが充実しています。**海外ソフトの場合、英語のマニュアルのみであることも多いですが、Dreamweaverでは日本語のマニュアルが用意されています。またアドビ社では、ソフトに関するセミナーを主催しており、Dreamweaverの便利な使い方について学習することができます。

他にもソフトに関する参考書も多く販売されていたり、Dreamweaver使用者のブログ記事も多数インターネット上に公開されていたりします。*Dreamweaverの使い方に迷った際には、さまざまな方法を活用して自己解決しやすいというメリットがあります。*

【参考】[Adobe Dreamweaverラーニングとサポート](https://helpx.adobe.com/jp/support/dreamweaver.html?promoid=SYBNM4JX&mv=other)

テキストエディタの場合、コンパイルをしてからデザインを確認する必要があるなど手間がかかることが多いです。**しかしDreamweaverでは、コーディングしたらリアルタイムでデザインをプレビューとして出力させることができます。**

また、デザインのプレビュー画面で編集したものを自動でソースコードに変換できる機能もあります。マークアップ言語に詳しくない方でも、コーディング補助機能によってサポートしてもらうことが可能です。

### さまざまなデバイスに対応している

**さまざまなデバイスに対応した画面サイズでデザインできることも魅力の1つです。**例えば、PC用のWebサイトをスマートフォンやタブレットで見た場合にレイアウトが崩れることがありますが、スマートフォン・タブレット用のプレビュー画面があるため随時レイアウトのチェックができます。Webサイトだけでなく、スマートフォン用のアプリケーションをデザインするのに便利です。

Dreamweaverにはメリットだけではありません。ここでは、Dreamweaverのデメリットについて詳しく解説します。メリットだけではなくデメリットも理解した上で、使う・使わないを判断してください。

### 定額制のため固定費がかかる

**Dreamweaverは有料ソフトウェアのため予算をかけたくない方には向いていません。**「Adobe Dreamweaver単体プラン」「Creative Cloudコンプリートプラン」「学生・教職員向け」「法人向け」の4種類の料金プランがあります。

「Adobe Dreamweaver単体プラン」は月額2,728円で利用でき、Dreamweaverソフトのみ使用することが可能です。「Creative Cloudコンプリートプラン」は月額6,248円で使用でき、 DreamweaverだけでなくPhotoshopやIllustratorなど他のクリエイティブソフトも利用可能です。「学生・教職員向け」と「法人向け」のプランは条件がありますが、他のプランよりも比較的安価です。各種プランの値段を比較して自分に合ったプランを選択してください。

【参考】：[Creative Cloudの価格とメンバーシッププラン|Adobe Creative Cloud](https://www.adobe.com/jp/creativecloud/plans.html?promoid=P3KMQYMW&mv=other)

### 使いこなすには多くの勉強量が必要

Dreamweaverは定期的にアップデートされるため、随時新しい機能が追加されます。**最新の機能を使いこなすには新しく勉強することが必要です。**マークアップ言語に関する知識や経験があれば、Dreamweaverをある程度は使いこなすことが可能です。

*しかし、近年ではホームページ作成に必要な機能の知識を身に付ける必要があります。*最新で追加される便利な機能の多くは、ホームページ作成に使われる機能であることが理由の1つとして挙げられます。以上からも、トレンド技術を把握して常に新しい機能や技術を勉強していく姿勢が重要です。

### PCスペックによっては動作が重く感じる

**使っているPCのスペックによっては、動作が重く感じることがあります。**コードを書く際に遅延が発生したりプレビュー画面が中々表示されなかったりする場合は、メモリの使用率が上がっている可能性があります。

また、*illustratorやPhotoshopといったソフトウェアを同時に使用する場合は動作が重くなる可能性が大きいです。*Dreamweaverは随時新しい機能が追加されるため、現時点で動作が重い場合は、PCの新調も含めて検討することをおすすめします。

## Dreamweaverには多種多様な便利な機能を用いてデザイン編集することが可能！

これまでに、Dreamweaverの詳細や機能の特徴、メリット・デメリットについて解説しました。**Dreamweaverとは、アドビ社が提供しているWebデザインやアプリのデザインを実施するためのソフトウェアです。**有料ソフトですが、多種多様な機能が備わっているのが特徴です。

*またマニュアルも完備しているため、安心して利用できます。*Dreamweaverは定期的にアップデートが行われるため、新しい機能や便利な機能が多くあるのも特徴です。しかし、最新技術の勉強を怠ると、新しい機能の使い方についていくことができなくなる可能性もあるので注意する必要があります。Dreamweaverの使い方をマスターして、Webサイトの制作を効率よく行いましょう。

Dreamweaverとは、アドビ社が提供しているWebサイトやアプリのデザインを行うためのソフトウェアです。有料ソフトウェアなので、多種多様な機能が充実しています。当記事では、Dreamweaverの特徴やメリット・デメリットについて解説します。

Dreamweaverとは、Webデザインやアプリデザインのための有料ソフトウェアである

Dreamweaverはマニュアルが充実している

Dreamweaverには、「ライブラリ機能」「クイック編集機能」「ライブプレビュー機能」などの便利な機能がある

Dreamweaverとは？機能やメリット・デメリットを解説

## Android Studio Bumblebeeが正式リリース

2022年1月25日、「Android Studio Bumblebee（2021.1.1）」Stable版がリリースされました。Stable版とは安定版を意味しており、汎用的に利用されるバージョンです。Android Studio Bumblebeeは、*Androidの統合開発環境（IDE）として開発生産性向上が期待できる最新のリリースです*。
【参考】：[Android Studio Bumblebee (2021.1.1) Stable](https://android-developers.googleblog.com/2022/01/android-studio-bumblebee-202111-stable.html)

Android Studioとは、Androidの統合開発環境（IDE）です。IDEはコード作成から実行まで一連の処理をカバーし、Android StudioではAndroidエミュレータを搭載しているため、実機確認するよりも*素早く効率的にコード・実行・デバッグを行うことができます*。コードのテンプレートやサンプルコードを活用して、効率的なアプリ開発が可能です。
【参考】：[Android Studio 機能の概要](https://developer.android.com/studio/features?hl=ja)
【参考】：[Android開発者へようこそ](https://developer.android.com/)

Android Studioは「IntelliJ IDEA」をベースにしており、IntelliJのエディタと開発ツールをAndroidで最大限活用できるようにパッケージ化されています。
【参考】：[IntelliJ IDEA](https://www.jetbrains.com/idea/)

Android Studioは、後ろに続くコードネームが名称として追加されています。前バージョンは、Aで始まるArctic Fox （ホッキョクギツネ）と命名され、今回は*Bで始まるBumblebee（マルハナバチ）が命名されました*。この命名規則はアルファベットのAから順にコードネームが選定されており、次回はCで始まるChipmunk（シマリス）が命名されています。

Arctic Fox以前のバージョンは1.x〜4.xであったため、親しみやすい名称に変更されました。

Stable版は安定版ですが、先行してプレビュー版が公開されます。Androidのリリースバージョンは、一般的に以下のような呼び方がされています。

・*Stable版*
安定版を意味し、正式リリース版となります。

・*Beta版*
正式リリース前の先行リリース版です。更新頻度は6週間程度です。

・*Devチャンネル*
開発者向けの修正版で、頻繁に修正がされています。更新頻度は1〜2週間です。

・*Canaryチャンネル*
Canaryとは、開発者向けより更新頻度が高いリリースを指します。

一般にはリリースされない修正と、機能追加がいち早く実装されます。動作は最も不安定なため、専門スキルが求められます。Canaryの由来は「カナリア」で、カナリアは有毒ガスの検知等に役立てられることが知られています。バグに遭遇する確率が非常に高いので、人柱的な意味合いを持った呼び方がされています。

Android Studio Bumblebeeでは、多くの新機能が搭載されているメジャーバージョンです。以下が代表的な新機能となります。

・*Kotlin マルチプラットフォーム（KMP）のテスト実行*
本ツールから直接KMPプロジェクトのテスト実行が可能となりました。

・*デバイス マネージャ*
AVD Managerの代わりに、仮想デバイスを作成・管理する新しいデバイスマネージャが提供されます。

・*Layout Inspector*
実行中のアプリのレイアウト階層のスナップショットが、キャプチャ保存可能です。また、Compose レイアウト内のセマンティック情報を、Layout Inspectorを用いて検査できます。

・*ワイヤレスデバッグ*
Android 11以降のデバイスで、Wi-Fi経由でデバイスとアプリをペアリングし、デバッグすることが可能です。USBケーブル接続せずにデバッグができるため、開発作業を効率的に行うことができます。

・*インタラクティブ プレビュー機能*
Composeのインタラクティブ プレビュー機能がデフォルトでオンになっています。デバイス動作をプレビューで操作可能なため、テストが簡単に行えます。

詳細な新機能情報については、以下のリンクをご確認ください。
【参考】：[Android Studio リリースノート ](https://developer.android.com/studio/releases?hl=ja)

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

### Android Studioのダウンロードとインストール

Android Studioは、以下の開発者サイトからダウンロードできます。「Download Android Studio」または「Download Option」をクリックし、モジュールをダウンロードします。
【参考】：[Developers Android Studio](https://developer.android.com/studio)

インストール方法は以下の通りです。
・*Windows版*
Windows版はインストーラ、またはインストーラなしのZipファイルが提供されています。インストーラを実行することでインストールが行われます。

サービス・ツールの記事（36ページ目）