デジタルマーケ・AI研修における「GeminiのCanvas機能を使ってアプリを作成」のコース概要

コースの概要

コードが書けなくても安心！Geminiで体験するアプリ開発

このコースでは、GeminiのCanvas機能を活用し、非エンジニアでも簡単にWebアプリを作成・公開する方法を学びます。通常であればエンジニアやデザイナーに依頼が必要なアプリ開発を、AIの力を借りて自分のアイデアを即座に形にできることが大きな特徴です。

最初の授業では、誤字脱字チェックアプリを題材に、HTML・CSS・JavaScriptといったWeb開発の基本要素をAIとの対話を通じて学びます。APIキーの設定やプロンプトによる指示、デザインカスタマイズまでを一連の流れとして体験し、Webアプリ開発の全体像を把握します。

続く授業では、完成したアプリを外部公開・社内共有するための実践的な手順を解説します。Googleサイトを使った簡易的なWebページの作成、コード埋め込み、デザイン調整、プレビューでの動作確認、公開範囲の設定といった具体的な操作をハンズオン形式で学びます。

このコースを通じて、アイデアをスピーディにアプリ化し、社内ツールや外部公開用サービスとして展開できる実践的なスキルを身につけることができます。業務効率化を図りたい方や、自分のアイデアを形にしたい方に最適な内容です。

コースの詳細

<01>GeminiのCanvas機能を使ってアプリを作成(1)

この授業では、AIを活用してWebアプリを簡単に作成する実践的な方法を学びます。エンジニアやデザイナーに依頼せずとも、対話型編集機能（Canvas機能）を使って、アイデアを形にするプロセスを体験します。
GeminiのCanvas機能を例に、誤字脱字チェックアプリの作成を通して、HTML、CSS、JavaScriptの基礎を習得。APIキーの設定から、プロンプトによる指示、デザインのカスタマイズまで、Webアプリ開発の全体像を把握します。AIを活用したWebアプリ開発の第一歩を踏み出し、あなたのアイデアを世界に発信しましょう。

<02>GeminiのCanvas機能を使ってアプリを作成(2)

この授業では、GeminiのCanvas機能を活用し、簡易アプリを外部公開・社内共有するための実践的な手順を習得します。Googleサイトを使った簡単なWebサイト作成から、コードの埋め込み、デザイン調整まで、具体的な操作を丁寧に解説。
プレビュー画面でのテスト方法、公開範囲の設定、そして実装後の動作確認まで、一連の流れをハンズオン形式で学べます。社内向けツールを迅速に開発・展開し、業務効率化を加速させましょう。