AIとJavaScriptで、事業所のQ&Aページを作ってみました

こんにちは。
はぐみワークスです。

今回は、はぐみワークスの取り組みとして、AIとJavaScriptを活用したQ&Aページを作成しました。

実際に作成したページはこちらです。

https://chat.hagumi-works.com/

このページでは、はぐみワークスについてよくある質問や、利用を検討されている方が気になりやすい内容を、できるだけわかりやすく整理しています。

たとえば、

  • はぐみワークスではどんなことが学べるのか
  • AIやITスキルに関する支援はあるのか
  • どんな人に向いているのか
  • どのように問い合わせればよいのか
  • 利用前に何を確認すればよいのか

といった内容を、Q&A形式で確認できるようにしています。

なぜQ&Aページを作ったのか

就労移行支援事業所を探している方にとって、ホームページの情報はとても大切です。

ただ、実際にはホームページを見ても、

「自分に合っているのかわからない」
「どんな支援を受けられるのかイメージしづらい」
「問い合わせる前に、もう少し気軽に知りたい」

と感じる方も多いのではないかと思います。

そこで今回は、はぐみワークスの情報をただ並べるのではなく、知りたいことにすぐたどり着けるページを作ることを意識しました。

特に、初めて就労移行支援を調べる方にとっては、専門用語が多すぎるとわかりにくくなります。

そのため、できるだけシンプルに、質問と回答の形で情報を整理しました。

AIをどのように活用したのか

今回のページ制作では、AIを活用しています。

ただし、単に「AIに全部作ってもらった」というわけではありません。

まず人が、

  • 誰に向けたページなのか
  • 何を伝えたいのか
  • どんな不安を解消したいのか
  • どの順番で見せるとわかりやすいのか

を考えます。

そのうえで、AIには文章の整理、構成の案出し、コード作成の補助、改善案の提案などを手伝ってもらいました。

つまり、AIは「代わりに考えてくれる存在」というよりも、考えを整理し、形にするためのサポート役として使っています。

この使い方は、Web制作だけでなく、文章作成、資料作成、仕事の段取り、アイデア出しなどにも応用できます。

HTML・CSS・JavaScriptだけでもページは作れる

今回のQ&Aページは、比較的シンプルな構造で作成しています。

専門的なシステムを大きく組むというよりも、HTML、CSS、JavaScriptを使って、1つのページとして情報を見やすく整理しています。

HTMLはページの骨組み、CSSは見た目の調整、JavaScriptは動きや表示の切り替えを担当します。

この3つを組み合わせることで、シンプルながらも実用的なWebページを作ることができます。

もちろん、本格的なWebサービスや複雑なシステムを作るには、さらに専門的な知識が必要になることもあります。

ただ、今回のようなQ&Aページであれば、AIの力を借りながら、比較的取り組みやすい形で制作できます。

大切なのは「コードを書くこと」だけではない

AIを使えば、コードを書くハードルは以前よりかなり下がっています。

しかし、実際に大切なのは、コードそのものだけではありません。

むしろ重要なのは、

  • 誰に向けて作るのか
  • 何を解決するページなのか
  • どんな順番で情報を見せるのか
  • 読んだ人が次にどう行動できるのか

といった設計の部分です。

今回のQ&Aページも、ただ質問を並べるだけではなく、利用を検討している方が少しでも不安を減らせるように意識して作成しました。

AIは便利ですが、目的が曖昧なまま使うと、見た目だけ整ったページになってしまうことがあります。

だからこそ、はぐみワークスでは「AIを使うこと」そのものよりも、AIを使って何を実現するのかを大切にしています。

はぐみワークスでのAI・IT活用について

はぐみワークスでは、利用者さんの希望や状況に応じて、AIやITツールを活用した取り組みも行っています。

たとえば、ChatGPTを使った文章作成やアイデア整理、Canvaを使ったデザイン作成、Excelやスプレッドシートの活用、簡単なWebページ制作の体験など、実際の仕事や日常に役立つ内容に触れることができます。

本格的なプログラミングスクールのように専門技術だけを学ぶ場所ではありませんが、「AIやITを自分の働き方にどう活かすか」を一緒に考えながら取り組める点は、はぐみワークスの特徴のひとつです。

AIは“すごい人だけが使うもの”ではない

AIと聞くと、難しそうに感じる方もいるかもしれません。

しかし実際には、AIは特別な人だけが使うものではありません。

文章を整える。
アイデアを出す。
わからないことを質問する。
資料のたたき台を作る。
Webページの構成を考える。

こうした身近な使い方から始めることができます。

今回のQ&Aページも、そうしたAI活用の一例です。

大切なのは、いきなり完璧に使いこなすことではありません。

まずは小さく使ってみること。
そして、自分の目的に合わせて少しずつ活用していくことです。

まとめ

今回は、AIとJavaScriptを活用して、はぐみワークスのQ&Aページを作成しました。

このページは、利用を検討されている方にとって、はぐみワークスの特徴や支援内容を知るきっかけになればと思っています。

また、AIやITを使えば、専門的な知識がまだ少ない段階でも、情報を整理したり、形にしたりすることができます。

はぐみワークスでは、こうしたAI・ITの活用も含めて、これからの働き方に役立つ学びを大切にしています。

「AIを使ってみたい」
「ITスキルを身につけたい」
「自分に合った働き方を考えたい」

そのような方は、ぜひ一度ご相談ください。

見学やご相談は、お電話・メール・LINEから受け付けています。

はぐみワークスでは、一人ひとりのペースに合わせて、これからの働き方を一緒に考えていきます。

  • はぐみだより
  • ライフハック