SEになろうプロジェクト第3弾-第2回～WordPressの使い方～

「SEになろうプロジェクト」は、プログラミング言語の仕様を学ぶのではなく、プログラムで現実の課題をどのように解決するかを体感するプロジェクトです。第3弾は、俳句の会のホームページ作成に挑みます。

まずWordPressの使い方を学びます

前回は「俳句の会」の代表から、どのようなサイトを作ってほしいのかという聞き取りを行いました。今回はそれをもとに、実際に作り込んでいく回の初回です。

この工程はコードを書いていくものではなくて、WordPressで作り込んでいきます。

WordPressで制作するのは、何と言っても簡単だからです。

最終的に引き渡した後、光都ICTクラブの代表自身がホームページを更新していきます。代表はそこまでコーディングができるわけではないので、HTMLやCSSなどのコードで書いていると、更新ができないということになりかねません。したがって、非エンジニアの方でも十分更新できるようにWordPressで作り込みます。

また、作る側としてもかなり簡単に制作できます。HTML、CSS、JavaScriptなどのコードが書けて悪いことはありませんが、それらは詳細を詰めるときに使うのがWordPressです。通常は、WordPressの基本機能だけで作り込んでいきます。

全体に関連するところは、みんなでやろう

具体的なサイト構成ある程度できてきています。しかし、全体のデザインやUIの設定など、サイト全体に関わるところはみんなで決めていきます。

代表者1人に操作してもらいながら、色々な例を見たり、何を配置するかというのを検討したりしていきます。

三班に分かれてページを作り込む

班は5人、4人、4人の3班に分かれました。

はじめの構想だと作るページが6枚あるので、ちょうど1班2枚ずつです。

みんなサイトトップを作りたがるのかなと思いきや、全然そんなことがありませんでした。

サイトトップを作りたいと言ったのは1班のみで、その他はちょうどいい具合に、3つの班それぞれにページが配分されたのが面白いところです。

メンバーみんな初めてのWordPressだというのに、何も教えていないうちから何となく使えているというのがすごいところです。それだけ簡単だということもありますし、普段のクラブの成果が出ているというか、パソコンの操作自体には慣れているといったところでしょうか。

もちろん、細かいところでこちらからサポートすることはあります。しかし、まずは思い思いに作ってもらって、適宜こちらで軌道修正をしていくという形で進めていきます。

生成AIで一コマ漫画を作ってみる

小学生メンバーがいる班は、前回のまとめによると一コマ漫画を掲載する予定です。それと、俳句などで縦書きにしたいという要望がありました。

縦書きの方は高校生の方々に任せるとして、一コマ漫画を生成AIを使って作ってみます。

まずは簡単に、「五月雨をあつめて早し最上川」をGeminiにプロンプトで与えて、一コマ漫画を作ってもらいます。出てきた一コマ漫画が、満足のいくものかどうか見てみましょう。
皆さんからも「おー」という感想が出ていましたが、自分たちの思っていたものとは少し違うようです。

ではもう一つ。「古池や 蛙飛び込む 水の音」。この俳句を同様に一コマ漫画にしてみます。小学4年生のメンバーが生成AIに挑戦します。

するとどうでしょう。それらしい一コマ漫画が出てきました。ただ、最初の方は「すごいね」という感想も見られましたが、よくよく見てみると、やはり少しずつおかしいところがあります。例えば「蛙飛び込む」という句なのに、蛙が飛び出ているような絵になっていたりだとか、色々と印象が違うようです。

これを自分たちの思うように変えていくというのが、生成AIの難しさであり、楽しさでもあります。生成AIを使えば何でもできると言われているかもしれませんが、自分の思った通りに作れるかどうかは、また別問題です。

生成AIから望んだ結果を引き出せるかどうか。これはかなりのテクニック、能力、スキルを要します。まずは使ってみることです。生成AIを使ってみることで、AIがどのように動いているのかを体感し、そこに生成AIの原理原則を勉強することで、さらに出力（アウトプット）のレベルが上がっていきます。

小学校4年生でもわかるように、その使い方を教えていくわけですが、まずは「簡単にこうすればできる」という具体的な解決方法を伝えています。驚くほど良いものが出てきたので、出来上がりは上々といったところです。

次回予告

次回まで下回りをやっておかなくちゃなりませんな。メンバーがしっかり作り込めるように、Wordpressの使いやすさやセキュリティに関するところをきれいにしておきます。

次回は少し間が空きます。8月8日午後から。場所は同じく太子町地域交流館です。