BEGIN:VCALENDAR
VERSION:2.0
PRODID:-//https://techplay.jp//JP
CALSCALE:GREGORIAN
METHOD:PUBLISH
X-WR-CALDESC:ChatGPTとVSCodeを活用しながら学ぶHTML超入門！API
 も使う初心者向けWebアプリ開発
X-WR-CALNAME:ChatGPTとVSCodeを活用しながら学ぶHTML超入門！API
 も使う初心者向けWebアプリ開発
X-WR-TIMEZONE:Asia/Tokyo
BEGIN:VTIMEZONE
TZID:Asia/Tokyo
BEGIN:STANDARD
DTSTART:19700101T000000
TZOFFSETFROM:+0900
TZOFFSETTO:+0900
TZNAME:JST
END:STANDARD
END:VTIMEZONE
BEGIN:VEVENT
UID:956867@techplay.jp
SUMMARY:ChatGPTとVSCodeを活用しながら学ぶHTML超入門！APIも
 使う初心者向けWebアプリ開発
DTSTART;TZID=Asia/Tokyo:20240926T190000
DTEND;TZID=Asia/Tokyo:20240926T202000
DTSTAMP:20260528T132746Z
CREATED:20240905T060629Z
DESCRIPTION:イベント詳細はこちら\nhttps://techplay.jp/event/95686
 7?utm_medium=referral&utm_source=ics&utm_campaign=ics\n\nお申し込み
 後、本ページ上部の「参加者への情報」にYouTubeLiveの
 配信URLが表示されます。お申込者様への限定公開でア
 ーカイブを残しますので、リアルタイムに参加できな
 い場合もお申込み下さい！\n\n本イベントに参加するに
 あたり、インストール・ログイン・カメラ・マイクな
 ど一切不要で、YouTubeLiveを視聴するだけでOKです。 匿
 名で投稿できるチャットも準備しておりますので、ラ
 イブ中に気軽に質問も可能です。\n概要\nVSCodeのインス
 トールから始まり、ChatGPTでコードを生成するコツも含
 めたHTML超入門ハンズオンを行います。基礎となるHTML
 タグは必要最低限にして、そもそもの開発導入のやり
 方、コードエディタや生成AIの使いこなしに重点を置
 き、APIを使ったWebアプリなど応用的な内容まで行いま
 す。\n生成AIによるコード生成のコツ\n\nChatGPTなどにコ
 ードを生成してもらうことは可能ですが、初心者の方
 はそもそもそれをどこに貼り付けてどうやって実行す
 れば良いのか分からないと思います。コードを貼り付
 けて実行したけど、なぜか何も表示されないトラブル
 に遭遇することも多々あります。また、抽象的な言葉
 でコード生成を指示するよりも、最低限の技術用語を
 使って指示する方が効率が良いです。この辺りのコツ
 をお伝えします。\nコードエディタの導入と使い方\n\nH
 TMLはメモ帳でも作成可能ですが、VSCodeなどのコードエ
 ディタを使った方が圧倒的に便利です。コードが入力
 しやすくなるだけでなく、同じ画面内での実行機能や
 ローカルサーバー機能など確実に開発効率の高い方法
 があります。初心者の方は難しそうに感じるかもしれ
 ませんが、実際によく使うメニューや操作は限られて
 いますので安心してください。ハンズオンではインス
 トールから各種設定まで丁寧に説明します。\n💡成果
 物例１：ランダムなストリートビューアプリ\n\nHTMLフ
 ァイル１つだけで、ボタンを押す度にランダムなスト
 リートビューを表示するアプリが簡単に作成可能です
 。\n💡成果物例２：Wikipedia検索アプリ\n\nHTMLファイル
 １つだけで、キーワードからWikipediaの画像や概要をAPI
 で取得し表示するアプリが簡単に作成可能です。\nハ
 ンズオンに必要なもの\n事前に必要なものはございま
 せん。\n\nブラウザはChromeをお勧めします\nハンズオン
 中にVSCodeのダウンロードとインストールを行う予定で
 す\nVSCodeを既にインストールされている方はそのまま
 お使いいただいて問題ありません\nChatGPTについては、
 ログインなしでも使うことが可能です\n\n得られること
 \n\n⚙️HTMLタグの基本\n⚙️HTMLファイルの構成\n⚙️HTM
 Lでできることの概要\n⚙️APIの体験、Web開発の体験\n
 ⚙️VSCodeの導入と使い方\n⚙️ChatGPTでコード生成する
 コツ\n\n\n対象者\n\n✅ HTML/CSS/JavaScriptなどの初心者の方\
 n✅ VSCodeの効率の良い開発方法を知りたい方\n✅ 生成AI
 でコードを得るコツを得たい方\n✅ 新規事業を行いた
 い企画・マーケティング職、営業職の方\n✅ Webに興味
 があるが、まだ始められていない方\n※上記以外の方
 でも興味があれば参加可能です！\n\n\n背景\nイベント
 を実施する背景として、こちらの「ものものテック」
 というサービスがあります。\n「ものものテック」は
 、AI・IoT・ロボティクスを中心とした、オンラインで
 学べる技術教育サービスです。いつでもどこでもウェ
 ブブラウザで文章・画像・動画を見ながらコードを実
 行し自主的に学べます。本イベント内容に加え、「も
 のものテック」でさらに深く学んでいただければと思
 います。\n\nhttps://monomonotech.jp\nタイムテーブル\n\n\n\n時
 間\n内容\n詳細\n\n\n\n\n19:00 ～ 19:10\nオープニング\nアン
 ケート集計結果の共有など\n\n\n19:10 ～ 20:10\nメイン\n今
 回のイベント内容\n\n\n20:10 ～ 20:20\nクロージング\nQ＆A
 など\n\n\n\n\n途中、入退出していただいても問題ありま
 せん。\n当日の状況によって順番や終了時間が多少変
 動する可能性もあります。\n\n\nYouTube Live 配信URL\n今回
 のイベントはYouTubeを視聴するだけで学べるライトなス
 タイルです。\n\n本イベント申し込み済の方は本ページ
 上部の「参加者への情報」にYouTubeLiveの配信URLが表示
 されます。\n本イベントに申し込みされた方のみが視
 聴できるYouTubeLive限定公開URLです。\nアーカイブが残り
 ますので、お申込みした方は後日閲覧することが可能
 です。\nYouTubeで一般公開するかは未定です。リアルタ
 イムに参加できない方もお申込みください。  \n\n運営
 ・お問い合わせ\nJellyWare株式会社\n\n\n\nお問い合わせフ
 ォーム
LOCATION:オンライン オンライン
URL:https://techplay.jp/event/956867?utm_medium=referral&utm_source=ics&utm
 _campaign=ics
END:VEVENT
END:VCALENDAR