地下鉄四つ橋線 玉出駅 徒歩1分 / 南海本線 岸里玉出駅 徒歩3分 大阪市西成区のパソコン教室
文字の大きさ
無料相談・お申込み

AI活用 

AI初心者でも大丈夫。ホームページをやり直しながら作った話

漫画で読む(全21コマ)押すと開きます。下の文章と同じ内容です。

漫画の人物と会話はフィクションです。解説は、リボンスクールが実際にホームページの入口を作り直した体験にもとづきます。画像はAIで生成しています(AI生成イメージ)

ホームページの「入口」をAIに作り直してもらった体験を、漫画にしました。最初の案は「どれもダメ」でした。そのやり直しの様子です。

第1話入口がさみしい

フィクション・AI生成イメージ

朝の光が入る店で、森下さんがお茶を持ってパソコンを見ている。吹き出し「毎朝ここを開く」
画面を見つめて頬づえをつく森下さん。画面の一番上は動きのない大きな帯。「ここ、いつ見ても動かないのよね」
右に青木先生、左に森下さん。右から読んで、先生「お店の入口ですね。最初に目に入る所です」、森下さん「そう、ちょっと物足りなくて」

入口を作り直してみました

ホームページのいちばん上の大きな部分に動きがなく、物足りない。そこで、この入口をAIに頼んで作り直してみました。

第2話AIに話しかける

フィクション・AI生成イメージ

青木先生が画面のチャット欄を指す。「難しい言葉は要りません。そのまま伝えて」
キーボードを打つ森下さん。「もっと動きのある、明るいホームページにしたい」
画面に「案1」「案2」「案3」の三つの枠が並ぶ。中身は色のぼかしだけ。「パッ!」
目を丸くして笑顔の森下さん。「あら、3つも出てきたわ」

まず、AIに相談しました

難しい言葉は要りません。「もっと動きのある、明るいホームページにしたい」と、気持ちをそのまま伝えました。AIは、動きのある案を3つ作ってくれました。

第3話どれもダメ

フィクション・AI生成イメージ

腕組みで画面を見つめる森下さん。「じー…」
首をかしげて困り笑いの森下さん。「うーん…どれも目を引かないわ」
遠慮がちな顔の森下さん。「せっかく作ってくれたのに…」
青木先生が指を一本立てる。「遠慮は要りません。違うと伝えていいんです」
微笑んで入力する森下さん。入力文「違います。やり直してください」

3つの案は、どれもダメでした

私たちの感想は、「人の目を惹きつける点で、全て不合格」でした。気に入らなければ遠慮は要りません。「違います」と伝えてよいのです。見て、判断するのは人です。

第4話作り直した入口

フィクション・AI生成イメージ

青木先生が手を差し出して説明し、森下さんが見上げる。「画像は、画像が得意なAIに頼みましょう」
画面に色あざやかなカードが重なって切り替わる。「約5秒ごと」「ス…」
画面の上で、色とりどりの小さな帯が弾むように現れる。「ぽん」「ぽん」「ぽん」
笑顔の森下さん。「動くと、お店が明るく見えるわね」。右下に「AI生成イメージ」

画像は、得意なAIに頼みました

役割を分けて、画像づくりは画像が得意なAIに頼みました。できあがった画像を、約5秒ごとに切り替わる、画像が自動で入れ替わる「スライド」にしています。画像はAIが作ったもので、ホームページ上には「AI生成イメージ」と表示しています。

漫画の絵は実際の画面ではなく、イメージです。

第5話見て、判断して、やり直す

フィクション・AI生成イメージ

ホワイトボードの前に立つ青木先生。ボードには「一度で決まらなくていい」「ダメと言っていい」「決めるのは人」
指を一本立てて話す森下さん。「決めるのは、私なんですね」
やさしく微笑む青木先生。「AIは案を出す。選ぶのは人です」
笑顔でパソコンを打つ森下さん。「最初のダメ出しも、仕事のうちね」
明るい教室の扉が開いている。「迷ったら、まず無料相談へ」。下に「フィクションです/画像はAIで生成しています(AI生成イメージ)」

漫画の人物と会話はフィクションです。解説は、リボンスクールが実際にホームページの入口を作り直した体験にもとづきます。画像はAIで生成しています(AI生成イメージ)

自分のお店やお仕事のホームページ、動きがなくて物足りないと感じたことはありませんか。

大阪で25年以上パソコン教室を続けてきたリボンスクールの代表、寺井信英も、同じことを感じていました。自分たちのホームページに動きがなく、面白くない、と感じていたのです。

ホームページを開いて、いちばん最初に目に入る大きな部分があります。お店でいえば「入口」です。この入口を、AIに頼んで作り直してみました。

うまくいった話だけではありません。最初の案は「どれもダメ」でした。そのやり直しの様子が、AIを使い始める方のヒントになればうれしいです。

まず、AIに相談してみました

寺井が最初にしたのは、AIに話しかけることでした。難しい言葉は要りません。もっと動きのある、明るいホームページにしたい。そんな気持ちを、そのまま伝えました。

AIは、動きのある案を3つ作ってくれました。

3つの案は、どれもダメでした

出てきた3つの案を、寺井が見ました。結論は、「どれもダメ」。寺井は、こう振り返っています。

「人の目を惹きつける点において、全てが不合格だった」

AIが作ってくれたものでも、気に入らなければ遠慮は要りません。「違います」と伝えてよいのです。見て、判断するのは人です。

動かないホームページで悩んでいる方も、きっと多いと思います。同じ悩みなら、無料相談で一緒に試せます。

画像が得意なAIにも頼みました

AIにも、得意なことがあります。今回は、役割を分けて頼みました。

  • 文章や画面づくり:普段お使いのAIで大丈夫です
  • 画像づくり:画像が得意なChatGPT

ChatGPTには、明るく元気な画像を3枚作ってもらいました。

  • 未来的なAIのイメージ
  • 漫画風の、初心者が学ぶ場面
  • 青空とビジネスのイメージ

得意な相手に、得意なことを頼む。人に頼むときと同じですね。

画像を動くスライドにしました

できあがった3枚を、約5秒ごとに切り替わる「スライド」にしました。スライドとは、画像が自動で入れ替わる仕組みのことです。さらに、大きな見出しの文字が1文字ずつ弾むように現れる動きを付けました。

作り直したリボンスクールのトップページ。左に「AIは、ひとりで覚えなくていい。」の見出しと赤い「無料で相談する」ボタン、右に笑顔の子どもが光る画面に触れるAI生成イメージが表示されている
作り直した後のトップページ 右上に「AI生成イメージ」と表示しています。

変わった点:画像が約5秒ごとに入れ替わり、見出しの文字が1文字ずつ弾むように現れるようになりました。

読む人への気づかいも入れました

動きは楽しい反面、疲れてしまう方もいます。そこで、次の2つを決めました。

  • 画面がチカチカ点滅する動きは入れない
  • 動きを控えめにしたい方には、動かない表示にする

パソコンやスマホには、動きを控えめにする設定があります。目が疲れやすい方は、その設定を使えます。

また、画像はAIが作ったものです。ホームページ上には「AI生成イメージ」と表示しています。

AIに何をどう頼めばいい? コツは「見て、判断して、やり直す」

今回の体験で、あらためて思ったことが3つあります。

  1. 一度で決まらなくても大丈夫です。今回も、最初の3案は「ダメ」でした。
  2. 「ダメ」と伝えてかまいません。遠慮なく、何度でもやり直しを頼んでみてください。
  3. 決めるのは人です。AIは案を出し、人が見て「これでいい」と選びます。

そのまま真似できる一言

身近な使い道は、お店の紹介文、チラシの一言、名刺の文面などです。まず、ChatGPTなど、普段お使いのAIの画面を開いてください。そこに、たとえばこう送ります。

例:「うちのお店の紹介文を、もっと明るくしたい」

ホームページの文章なら、こうです。

例:「うちのホームページのトップの文章を、もっと明るく、元気な感じにしたい」

手順は3つです。

  1. AIの画面を開きます。
  2. 上の一文を、入力欄に貼ります。
  3. 出てきた文が違えば、「もう少しやわらかく」と重ねて伝えます。

「パソコンで何がしたいか」だけで大丈夫です。何を書けばいいか分からない方は、相談だけでもOKです。

初心者の方へ:リボンスクールで一緒に試せます

「やり直しを頼むのは、なんだか気がひける」という方は多いです。リボンスクールは、大阪市西成区で25年以上パソコンを、最近はAIも、はじめての方にお伝えしてきました。

まずは、無料相談からどうぞ。

無料相談:やりたいことが決まっていなくても、一緒に考えます。ご相談は無料で、その場でお申し込みが決まるわけではありません。しつこい勧誘の電話もしません。

お電話でも承ります。

  • 電話:06-6651-3832
  • 場所・営業時間:教室案内をご覧ください