HTML/CSSはWeb制作において欠かせないものです。Webデザインに携わったことがなかったり、業務で目にするだけだったりする場合、定義が曖昧になっている方も多いでしょう。

*そこで、ここではHTML・CSSの基礎知識について解説します。*HTMLとCSSの違いやそれぞれの役割、HTMLとCSSの関係やつなげるやり方についてまとめていますので、HTMLやCSSについてもっと深く知りたいという方は、まずはこちらから読み進めてください。

【初心者必見】HTMLとCSSの違いは？基本知識と学習方法も解説！

HTMLとは、Webページを作成するための言語のことです。タグを使ってWebページの書式を表します。たとえば、表・画像・リンクなどのWebページに必要な要素を、任意の位置に配置することが可能です。

**HTMLで書かれたソースコードをブラウザに読み込ませることで、ブラウザがHTMLをWebページに変換して表示します。**

HTMLとは？できることや初心者向けのタグの例、CSSについても紹介

HTMLでできることは少ない？できないことやタグも一覧でまとめた

CSSとは、主にWebページのデザインを変更するための言語です。CSSを使うことで、Webページの文章の色を変更する・フォントサイズを変更するなどの調整ができます。

なお、HTMLのみでデザインを調整することもできます。CSSがなかった頃は、文章の構造設定・デザイン設定をHTMLだけで行っており、現在も技術的には可能です。

しかし、HTMLでデザイン設定を行うと、ソースコードが長くなり読みにくくなります。読みにくくなると、Webページを修正する際に該当箇所を探すのが困難になるでしょう。

そこで、デザイン調整はHTMLではなくCSSで行うようになりました。**デザイン関連の記述をCSSに移すことで、HTMLのソースコードが見やすくなります。**現在ではWeb制作をする際、必ずと言って良いほどCSSが使われています。

CSSはHTMLに埋め込んで使うことも可能ですが、ソースコードの可読性を上げるために別ファイルに記述することが多いです。

CSSとは？概要や基本書式、具体的な記述方法について解説！

「HTML・CSSは難しい？」と気になる方もいるでしょう。**エンジニアの方からすると、HTMLやCSSはそこまで難しくはありません。**基本的な構造がシンプルなので、少なくともPHPやJavaScriptと比べると習得は簡単です。

しかし、タグの種類やプロパティの書き方など覚えることが多いので、HTML・CSSを理解するためにはある程度の学習時間を確保する必要があります。

Web関連の仕事に就きたいと考えている方は、就職・転職活動を行う前に習得して、使いこなせるようになっておくと有利です。未経験からITエンジニアを目指すなら、自分のスキルに合った企業を探してくれる転職エージェントの活用をおすすめします。

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

続いて、HTML・CSSの使い方を紹介します。*HTMLとCSSを使ってWebサイトをどのようにデザインするのかといった手順をまとめました。*HTMLとCSSのファイルの作り方やブラウザに表示する方法などが分からない方は、こちらを参考にしてください。

HTML入門！初心者向けに基礎コード・文法一覧・勉強方法を解説！

まずは、HTML・CSSでWebサイトを作る際に必要なものを準備します。HTML・CSSのソースコードを記述するには、テキストエディタが必要です。テキストエディタは普段使っているもので問題ありません。

**テキストエディタをインストールしていない方は、メモ帳でもソースコードを記述することができます。**

続いて、HTML・CSSの表示結果を確認するために、Webブラウザが必要です。Webブラウザの種類はさまざまありますが、特に指定はありません。パソコンにあらかじめインストールされているもので問題ありません。

上記で説明したテキストエディタ（メモ帳）とWebブラウザの2つがあれば、Webサイトを作成することができます。ただし、作成したWebサイトをネット上に公開するためには、Webサーバが必要です。Webサーバは自分で立てたり、レンタルしたりして準備します。

なお、今回は自分が作成したWebサイトをパソコンで確認する手順のみ説明しますので、Webサイトの公開方法は割愛します。

初心者におすすめのHTMLエディタ5選！便利な機能で開発効率もアップ

次に、*HTMLの雛形を作ります。*HTMLは特定の書式に従って書く必要があります。書式に従わないと、ブラウザがHTMLのソースコードを正しく読み込むことができません。テキストエディタを開き、以下のようにHTMLの雛形を記述しましょう。

雛形を記述したら、HTMLファイルを保存します。ファイル名は「test.html」としましょう。ファイルの拡張子を「html」にすることで、htmlファイルとして識別されます。

HTMLは、html要素・head要素・body要素の3要素が軸となっています。はじめにhtml要素・head要素・body要素の3つのタグを記述します。「html」は、この文書がHTMLの文書であることを示すタグです。htmlタグを記述することで、ブラウザが「これはHTMLなんだ」と認識することができます。

「head」は、文書のメタデータを示すタグです。たとえば、headタグの中にWebサイトのタイトルを記述することが可能です。「body」は、文書の本文を示すタグです。bodyタグの中にWebページに表示する文章を記述します。

HTMLタグとは？HTMLタグ一覧など初心者向けに解説！ 

続いて、*Webページに表示する文章を記述します。*先程解説したように、Webページに表示する文章はbodyタグの中に記述します。bodyタグの中に、以下のように「Hello World」と記述してください。

上記のように記述することで、Webページに「Hello World」と表示させることができます。

### ④記述した内容が正しく表示されるかをブラウザでチェックする

正しく「Hello World」と表示されるかどうかを確認します。確認するには作成したHTMLファイルをブラウザで開きます。**ブラウザでHTMLファイルを開くには、作成した「test.html」をダブルクリックします。**するとブラウザが起動し、「test.html」の記述内容がブラウザで表示されます。

正しく記述できている場合、「Hello World」と表示されます。以上でHTMLファイルの作成・確認は完了です。

次に、*CSSファイルを作成します。*なお、CSSファイルを作成する前に、HTMLにCSSを読み込ませる設定をします。CSSを読み込ませるには、headタグにCSSのファイル名を指定します。次のように記述してください。

linkタグは関連する文書を指定するためのものです。ここでは「test.css」を関連ファイルとして指定します。このように記述することで、HTMLにCSSを読み込ませることができます。

最後に、*CSSファイルを作成しましょう。*テキストエディタを開き、以下のように記述してください。

記述したらファイルを保存します。ファイル名は「test.css」にしてください。先程同様、「test.html」を開いて確認しましょう。「Hello World」という文字が太字になっています。これはCSSファイルによって、Webページ上の文字を太字に変更したからです。

**CSSは「セレクタ{プロパティ:値;}」というように記述するのが基本です。**セレクタに「何を変更するのか」を記述します。上記の場合、bodyタグの中に書かれた文章全てが対象となっています。プロパティと値には、「何をどのように変更するのか」を記述します。上記の場合、文章を太字に変更しています。

これがCSSの書き方の基本です。

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

## HTML・CSSを活かせる職業と年収は？

HTMLやCSSは、Web関連の職種に必須の知識です。では、具体的にどのような職業に就けば、これらのスキルを最大限に活かせるのでしょうか。また、実際の年収とともに、さらなるキャリアアップを図る方法をお伝えします。

クライアントからWebサイト制作の依頼を受けて、作り上げるのがWebデザイナーの仕事です。要望の聞き取り、ワイヤーフレームや情報設計の構築、全体的なデザインの作成、HTML/CSSを使用したコーディングなど、業務は多岐に渡ります。

大きな製作会社であれば、コーディング部分を専門のコーダーに任せる場合もあります。とはいえ、HTMLやCSSの知識は必須です。

Webエンジニアとは？仕事内容や将来性について詳しく解説！

独学でWebデザインを学ぶ方法とその注意点について徹底解説！

Webデザイナーが作成したサイトのデザインに従って、HTML/CSSを使用しコーディングを行うのがWebコーダーです。

Webデザイナーのように、クライアントと接したりワイヤーフレームを構築したりすることはないものの、上位職ではJavaScriptやPHPといったプログラミング言語の知識を求められる場合もあります。

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

PHPとは？基本知識からメリット・デメリットまでわかりやすく解説

本記事では、HTML・CSSとは何かについて解説します。HTML・CSSはWebサイト制作において、必ず使われるものです。今回は、HTML・CSSの使い方や勉強方法についてまとめました。HTML・CSSに興味がある方はぜひ参考にしてください。

HTMLとはWebページを作成するための言語

CSSとは主にWebページのデザインを変更するための言語

Web系エンジニアやWebデザイナーを目指すなら、HTML・CSSを習得するべき

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

## Jupyter Notebookの基本的な使い方を解説

Jupyter Notebookは、Pythonなどのプログラミング言語をWebブラウザで記述し、実行することができるツールです。**Jupyter Notebookを利用すると、コードを逐次実行してすぐに結果を表示したり、Markdownテキストを併記したりできるので、記録や報告に役立てられるメリットがあります。**

今回はJupyter Notebookの使い方を解説します。Jupyter Notebookの起動・終了などの基本操作・セルの編集方法・作成したノートブックの共有方法・Jupyter Notebookが起動しないなど、困ったケースについても解説します。

Jupyter Notebookとは？その導入・操作方法を解説

まずは、Jupyter Notebookの基本操作である、起動・ノートブックの作成・ノートブックの保存・停止の方法を説明します。

Jupyter Notebookを使用するには、まずNotebookサーバを起動する必要があります。サーバが起動した後に、ブラウザでJupyter Notebookを起動します。しかし、サーバの起動とブラウザの表示は1つの操作で簡単に行えます。

*コマンドプロンプトを起動して、「jupyter notebook」と入力し、実行します。*すると、Webサーバが起動し、その後自動的にブラウザが開き、Jupyter Notebookダッシュボードが起動します。

起動するディレクトリは、Cドライブ直下でなければどこでも構いません。

起動直後には、起動したフォルダ内にあるフォルダやファイルが表示されます。

Notebookの起動中は、起動に使用したコマンドプロンプトはそのままにしておいてください。停止する際に再び使用します。

Jupyter Notebookが起動したら、ノートブックを作成することでPythonのプログラムを実行できます。
*新しいノートブックを作成するには、Notebookダッシュボードの画面右上に表示されている「new」をクリックして、表示されるメニューの中の「Python3」をクリックしてください。*

新しいノートブックが作成され、表示されます。

ノートブックを作成すると、テキストボックスが表示されます。このテキストボックスのことを、「セル」と呼びます。

早速Pythonのプログラムを実行してみましょう。
セルのテキストボックスにPythonのプログラムを記述し、[Shift]+[Enter]を押すと、プログラムが実行され、下に実行結果が表示されます。

ノートブックに記述したプログラムや実行結果を保存しましょう。
画面上の「File」メニューをクリックし、表示される「Save as」をクリックします。

ノートブックの保存ウィンドウが表示されますので、保存するノートブックの名前を入力し、「Save」をクリックしてください。これで、ノートブックを保存することができます。

*保存したノートブックは、拡張子が「.ipynb」のファイルになっています。*これは、Jupyter Notebookのノートブック用ファイルであり、Pythonの実行ファイルであるpyファイルとは異なりますので注意が必要です。

Jupyter Notebookでの作業が終わったら、サーバを停止します。

起動する際に使用したコマンドプロンプトを再度表示させてください。Jupyter Notebookが動作するたびにログが残りますので、コマンドプロンプトの表示内容は起動直後の状態と変わっているはずです。

*コマンドプロンプトをアクティブにして、[Ctrl]+[c] キーを押すことで、Jupyter Notebookのサーバが停止します。*
コマンドプロンプトは、カレントディレクトリの入力受付状態に戻ります。

サーバを停止した後、ブラウザ上に残っているノートブック作成画面を確認すると、サーバのカーネルが停止したことを示す表示が出ています。

このまま状態でノートブック画面を表示させ、Pythonのプログラムを実行しようとしてもサーバが応答しないため、セルの左側に「in[*]」と表示されて実行されません。

## Jupyter Notebookでノートブックを編集する

次に、Jupyter Notebookでノートブックを編集する方法について解説します。

**ノートブック編集の基本となるテキストボックスである「セル」には、「エディットモード」と「コマンドモード」という２つのモードと、「Codeセル」と「Markdownセル」という2つの種類があります。**

### エディットモードとコマンドモードの切り替え

Jupyter Notebookのセルには、「エディットモード」と「コマンドモード」の2つのモードがあります。

エディットモードは、セルにプログラムや文章を入力したり編集したりするモードです。

セルをエディットモードにするには、セルのテキストボックス内をクリックするか、マウスクリックや上下キーを使用してセルを選択し、[Enter]キーを押します。エディットモードの時は、セルの枠は緑色で表示されます。

一方、コマンドモードは、セル自体の削除や追加など、セル自体に関する操作を行うモードです。

セルをコマンドモードにするには、セルのテキストボックス以外のどこかをクリックするか、セルが選択された状態で[Esc]キーを押します。
コマンドモードの時は、セルの枠は青色で表示されます。

Jupyter Notebookのセルには、「Codeセル」と「Markdownセル」の2つのモードがあります。新しいセルを追加すると、セルの初期状態はCodeセルです。

Codeセルは、Pythonのプログラムを記述し、実行するために使用するセルです。
*テキストボックスにプログラムを入力し、[Shift]+[Enter]を押すと、実行結果が表示されます。*

実行後のテキストボックスの左には「in[1]」のように実行したプロセス数が表示されます。

Codeセルの実行結果には、グラフなども表示させることが可能です。Pythonのグラフ描画を行うライブラリであるMatplotlibでグラフを表示させると、以下のようになります。

一方、Markdownセルは、Markdownテキストを表示させるためのセルです。*Codeセルとは異なり、プログラムを実行することはできませんが、Markdown記法を使用したテキストを表示することができます。*

CodeセルをMarkdownセルに変更するには、ツールバー内で「Code」と表示されているドロップダウンメニューをクリックし、「Markdown」をクリックします。

セルがMarkdownセルに変更されました。

Markdownセルは、Codeセルの時に表示される「in[  ]」が表示されないことで、Codeセルと見分けることができます。

Markdown記法は、特定のルールに従って記述することで、文章の強調やリスト表示が容易に行える文書の書き方のルールです。
例えば、文章の頭に「#」を付けると見出しになり、「\*\*」で括った部分は強調表示されます。

セルに入力して [Shift]＋[Enter] を押すと、Markdown記法が反映された文章が表示されます。

## Jupyter Notebookのノートブックを共有するには

Jupyter Notebookのノートブックは、Pythonのプログラムの実行結果と、Markdown記法による文章を併記できるため、記録や報告に適しています。

ノートブックを共有する相手がJupyter Notebookを使用することができれば、自分が保存したJupyter Notebook用の「.ipynb」ファイルをそのまま共有すれば、相手も閲覧することが可能です。

Jupyter Notebookを使用できない相手にも、PDFファイルやHTMLファイルで共有することが可能です。

ノートブックをPDFファイルでダウンロードします。*PDFファイルに変換するにはいくつか方法がありますが、ブラウザで表示させてPDFに変換するのが最も簡単です。*

ノートブック画面上の「File」メニューをクリックし、表示されたメニュー内の「Print Preview」をクリックします。

ブラウザ上に印刷用の画面が表示されますので、マウスの右クリックメニューを開いて、「印刷」を選択します。

「送信先」で、「PDFに保存」を選択します。ここでは、Google Chromeでの例でご紹介していますが、ブラウザによって操作する項目が異なる可能性があります。

実際に使用しているブラウザの印刷設定で、印刷に使用するプリンターの項目の、PDFで出力する選択肢を選択してください。

HTMLでノートブックを共有する方法について解説します。

ノートブック画面上の「File」メニューをクリックし、表示されたメニュー内の「Download as」をクリック、さらに「HTML(.html)」をクリックします。

ファイル保存画面が表示されますので、名前をつけてHTMLファイルとして保存してください。

## Jupyter Notebookを使っていて困ったら

ここでは、Jupyter Notebookを使っていて起動しない、Python3を実行できないなどの困った状況の解決方法について解説します。

Jupyter Notebookをコマンドプロンプトから起動しようとした時、「.html」の拡張子がブラウザ以外に関連づけられているなど、何らかの理由でブラウザが起動しないことがあります。

*その場合、別でブラウザを起動し、コマンドプロンプトに表示されている3つのURLのうちどれかをコピーして、ブラウザのアドレスバーに貼り付けてアクセスすることで、Notebookダッシュボードが表示されます。*

Jupyter Notebookは、PythonをWebブラウザ上で実行でき、グラフや計算結果を用いた報告書や記録を作成するのに役立つツールです。この記事では、Jupyter Notebookの基本操作やノートブックの共有方法、起動しない時の対処を解説します。

Jupyter Notebookはコマンドプロンプトを使って起動・停止する

Jupyter Notebookでは、Pythonの実行結果とMarkdownテキストを併記できる

Jupyter Notebookが起動しない場合や、ノートブックが新規に開けない場合の対処方法がわかる

Jupyter Notebookの使い方とは？基本操作と起動しない場合の対策も解説

**Google Bardとは、Googleが提供している対話型のAIサービスです。**実はGoogleでは、Google Birdが公開される前から、LaMDAやAI Test Kitchenなどが公開されており、これらの技術を基にして出来たのがGoogle Bardです。

そんなGoogle Bardですが、この機能はチャットだけでなくAPIでも利用することが可能です。そこで今回は、Google Bardの概要とGoogle BardのAPIについて詳しく解説します。

AIのサービスに興味がある方や、Google BardのAPIについて気になっている方は、ぜひ参考にしてください。

【参考】：[Google Bird公式 Google Bardとは](https://bard.google.com/faq)

Google Bardが待望の日本語に対応！特徴と使い方を解説

Google Bardはさまざまな機能が提供されており、多様なシーンで活用できると期待されています。例えば、*Google Bardは20以上のプログラミング言語に対応しており、コーディングの支援もできます。*

また、Google Bardが生成した結果を、他のGoogleのサービスにエクスポートすることもできます。現時点ではGmailやドキュメント、スプレッドシートなどにエクスポートできるようです。

今後サービスがより充実されれば、他のGoogleのサービスとも連携することができるかもしれません。

【参考】：[Google Bird公式 最新情報](https://bard.google.com/updates)

*Google Bardの料金が気になる方も多いかと思いますが、Google Bardは無料で利用することができます。*

ただし、Google Bardを利用するためにはGoogleのアカウントが必要です。Googleのアカウントも無料で作成できますので、気になった方はまずアカウント作成をしましょう。

【参考】：[Google Bird公式](https://bard.google.com/)
【参考】：[Google 公式](https://www.google.com/?hl=ja)

*Google Bardは、2023年6月の段階では試験運用中のため、まだ全ての機能を利用することができません。*また、Google Bardのサービス自体が正式にリリースされていないため、Google BardのAPIもリリースされてはいません。

ただし、このGoogle BardはPaLMと呼ばれる言語モデルを基に作られており、PaLM APIであれば利用することが可能です。

PaLMのAPIを利用したい場合は、公式サイトから待機リストに参加してメールが届くのを待つか、Vertex AIからPaLM APIを利用しましょう。

【参考】：[PaLM APIについて](https://developers.generativeai.google/products/palm)

**先述の通り、Google Bardは公式リリースされていませんので、PaLM APIの利用方法をここでは紹介します。**

また今回は、VertexAIからPaLM APIを利用します。いち早くAPIを利用してみたい方は、こちらの方法を試してみましょう。

【参考】：[PaLM APIについて](https://developers.generativeai.google/guide/palm_api_overview)
【参考】：[VertexAIでのPaLM APIの利用](https://cloud.google.com/vertex-ai/docs/generative-ai/release-notes)

### Google Cloud platformのアカウントを作成する

*VertexAIからPaLM APIを利用するためには、Google Cloud platformのアカウント作成が必要です。*

アカウントを持っていない方は、アカウント作成から始めましょう。

ちなみにGoogle Cloud platformのアカウントは無料で作成できますが、請求先の登録などが必要となります。事前に準備をした上で、アカウントを作成しましょう。

【参考】：[GCP 公式](https://cloud.google.com/?hl=ja)

~~【図】：Google Cloud platformのアカウント作成画面~~

GoogleのGCPについて知り、エンジニアのスキルに生かそう

次に、VertexAIのAPIを有効にします。*参考サイトのMarketplaceにアクセスし、検索窓に「VertexAI API」と検索します。*

検索結果からVertexAI APIを選択し、「有効にする」ボタンを押しましょう。下図のように画面が切り替わればAPIを有効にする作業は完了です。

~~【図】：APIの有効化が完了した画面~~
【参考】：[MarketPlace公式](https://console.cloud.google.com/marketplace?hl=ja&project=deductive-torus-391103)

*アカウントを作成後、ログインしたらVertexAIのサービスを検索しましょう。*Google Cloud platformにログインしたら、下図のように画面上部にある検索窓に「VertexAI」と入力してください。そうすると、サービスの候補が表示されますので、VertexAIを探してクリックしましょう。

~~【図】：VertexAIのサービスを検索する~~

*VertexAIのサービスページに移動後、次はGenerativeAI Studioを起動します。*画面下部の方にスクロールすると、「Generative AI Studio」というサービスが選択できますので、こちらをクリックしましょう。

~~【図】：Generative AI Studioを選択する~~

その後、Generative AI Studioで言語か音声のどちらかのサービスを選択することができます。今回は「言語」と記載されている方を選択しましょう。

~~【図】：Generative AI Studioの言語を選択する~~

「言語」というエリアのリンクをクリックすると、画面が切り替わり開始というページが表示されます。ここではコード生成や言語モデルとテキスト形式で会話することもできます。その後、「会話を開始」という中の「TEXT CHAT」を選択しましょう。

~~【図】：開始ページで「会話を開始」の「TEXT CHAT」を選択する~~

テキストチャットのリンクをクリックすると、テキストチャットを入力する画面が表示されます。*現時点では英語をサポートしていますので、英語で何か適当な質問をしてみましょう。*

本記事では、下図のように「Please tell me the weather and templature in Okinawa today.」（日本語で「今日の沖縄の天気と気温を教えてください。」）」と質問をしました。

~~【図】：テキストチャットで質問した結果~~

質問をすると、AIがテキストで返答しているのが確認できます。次に、画面右上の「コードを表示

そうするとPythonでのコードを確認することができます。ちなみに、下図の赤枠のようにパラメーター部分はPaLM APIが利用されています。

~~【図】：コードを表示した画面~~

詳細についてはドキュメントに記載がされていますので、パラメータについて深く知りたい方は参考サイトを確認してください。

【参考】：[ Generative AI Studio パラメータの定義について](https://cloud.google.com/vertex-ai/docs/generative-ai/learn/models?_gl=1*1773o04*_ga*MTAzMDM2NTc4Mi4xNjg3ODM2NDY2*_ga_WH2QY8WWF5*MTY4NzgzNjQ2NS4xLjEuMTY4NzgzNzE4NC4wLjAuMA..&_ga=2.136729392.-1030365782.1687836466&_gac=1.141289734.1687836508.EAIaIQobChMI7auS5sDi_wIVR4PCCh2png-KEAAYASAAEgJL1fD_BwE#parameter_definitions)

ここまではAPIを利用する方法をご紹介しました。**ここからは、APIを利用する際の注意点を解説します。**

また注意事項に関しては、本記事を執筆した時点（2023年6月）の情報です。そのため、今後その情報が変わる可能性がありますので、詳細が気になった方は公式サイトで確認しましょう。

### 日本語対応していない（Google Birdは日本語対応済み）

*Generative AIでは残念ながら、現段階では英語のみをサポートしています。*そのため、英語が苦手な方は、日本語で聞きたいことを翻訳ツールなどを使い、1度英語に変換する必要があります。

しかし、Google Birdはすでに日本語に対応しています。そのためGenerative AIも今後マルチリンガル化されれば、日本語がサポートされる可能性もありますので、こまめに最新情報を確認しましょう。

*Generative AIのAPIは、使用量に応じて料金がかかります。*ただし、無料で使用できる範囲もありますので、使いたいデータの形式や使用量を決め、料金を事前に確認することが重要です。料金の詳細について知りたい方は、公式サイトを確認しましょう。

【参考】：[Vertex AI の料金について](https://cloud.google.com/vertex-ai/pricing?hl=ja#vertex-ai-pricing)

## Google Bardを活用してITスキルを磨こう

**Google Bardは、現在運用試験中ではありますが、公開に向けてさまざまな機能を追加しています。**そのため、今後よりサービスが充実した状態で公開されることが期待されます。

さらに、Googleはすでにさまざまなサービスを提供していますので、それらのサービスと連携が取れるようになるとより便利になるでしょう。

Google Bardの利用やGoogle Cloud platformのアカウント作成は無料で行えますので、Google BardやPaLM APIをまだ使ったことがない方は、ぜひ本記事を参考にしつつ利用してみてください。

Google Bardとは、Googleが提供する対話型のAIです。このサービスはチャット型のAIサービスの中でも、Googleのサービスということもあり、昨今注目されているサービスです。今回は、そんなGoogle Bardの概要やAPIについて紹介します。

Google Bardは質問への返答だけでなく、コーディング支援の機能も提供しています

Google Bardは他のGoogleのサービスと連携することができます

現在は、Google BardのAPIは公開されておらず、基となる言語モデルのPaLM APIが利用できます

Google Bardとは？APIの使い方を図解で詳しく紹介！

**Google Bardが待望の日本語に対応したことが、開発者向けイベントである「Google I/O 2023」で明らかにされました。**2023年4月18日より日本からのアクセスが可能となっていましたが、これまでは英語に限定してサービス提供されていました。

5月10日には待機リストが撤廃されるとともに日本語に対応し、Googleアカウントがあれば誰でも利用可能となっています。翌11日にGoogle Japan Blog上には、Bardの解説情報が掲載されています。

【参考】：[Google I/O 2023](https://io.google/2023/intl/ja/)
【参考】：[Google Japan Blog: Bard が日本語に対応](https://japan.googleblog.com/2023/05/bard.html)

*Bardとは、Googleの提供する対話型人工知能サービスを指します。*2023年2月6日に発表され、2023年3月21日より米国と英国で開始されています。5月10日より英語に加えて日本語と韓国語に対応するとともに、180カ国以上の国と地域で利用可能となっています。

なおBardは、｢試験運用中のサービス｣として提供されており、回答の正確性について利用者が確認するように求めています。現在無料で利用することができますが、他のGoogleサービス同様に、正式リリース後も無料で提供されると見られています。

【参考】：[Bard](https://bard.google.com/)

今さら聞けない人工知能（AI）の基礎知識｜AI開発の基本を解説！

### 対話型人工知能サービスの概要

対話型人工知能サービスは、生成系AIとも呼ばれておりOpenAIのChatGPTが先行リリースされています。*生成系AIは、機械学習により蓄積された情報から、実用レベルの文章や画像などを生成します。*

Googleは長らく、自社で考案したLaMDAを用いた言語モデルで技術を蓄積していましたが、サービスリリースに時間がかかっていました。BardのリリースはChatGPT以外の選択肢を提供し、今後Googleのサービス連携が期待できます。

【参考】：[OpenAI](https://openai.com/)

ChatGPTとは？今話題のAIチャットボットの概要や仕組みを解説！

### 競合する対話型人工知能サービス

*先行するOpenAIのChatGPTは、GPT-4が実装され、より高精度な言語解釈が可能です。*Microsoft Bingでは、「新しいBing」の検索エンジンにChatGPTのGPT-4を採用し、チャットエクスペリエンスの向上を進めています。このような競争状態はしばらく続くと見られます。

【参考】：[Microsoft Bing](https://www.bing.com/?cc=jp)
【参考】：[新しいingの紹介](https://www.microsoft.com/ja-jp/bing?form=MA13FJ)

新しいBingのリリース！AIを活用した検索サービスの登場

Bardは、Googleの開発する大規模言語モデルであるPaLMの次世代版「PaLM2」を採用しています。PaLMと比較し推論や多言語翻訳、コーディングのパフォーマンスが向上しました。GPT-4に対抗するものであり、従来より言語パターンの予測率が高まっています。

*日本語対応は、このPaLM2によってもたらされます。*

【参考】：[PaLM2](https://ai.google/discover/palm2)

Bardは試験運用中ですが、安全性や回答の正確性に関しては、利用者に確認やフィードバックを求めています。*Google AI原則に沿って安全管理がされていますが、回答の正確性や適切性についてはユーザーからのフィードバックは欠かせないものとなります。*

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