WebサイトをGPT君と6日間で改編

Creative-Lifestyle-STEAM

11日にBingチャットでGPT君のAIイメージ生成を体感、「おォ」出来は不完全ながらそれなりに描いてる、さらに詳細に指示プロンプトを与える為に英文で入力、腕が3本、指が無い、目が無いなど出来は相変わらず不完全だがそもそもそのまま使う訳ではないので雰囲気が有れば後は修正して追加デザインすれば良い。
「これだ」AIと共存して行くコンテンツビジネスに転換しよう、おりしも シングルボードコンピュターの ROCK5Bで自律型エッジコンピュターを開発中で機械学習機能を組み込んでいたので、それらを組み合わせて独自性が出せると考えた。

方向が決まったら、イメージキャラクターとキャッチフレーズを決めないと、これもGPT君に相談してみようと考えた、的確なプロンプトを与える事が大切なので、まず明確なターゲット市場を決める・・「21世紀のAI社会を乗り切る能力」=これはSTEM+Aに、科学(Science)、技術(Technology)、工学/ものづくり(Engineering)、数学(Mathematics)の4つの教育分野に Art(芸術・リベラルアーツ)を加えた「デザイン思考の科学脳」にしよう、それをコンテンツデザイン+マイコン電子工作で実現する。
対象は子供たちと日本が必要としている女子たちにして、GPT君にコンセプトを話すと「これからの未来に良いね」とイイね頂く、更にコンセプトを象徴するキャッチフレーズをGPT君に尋ねるとありきたりの答えしか返ってこない、そこでコンセプトのイメージを動物と果物に例えたらと問いを変えてみると、”Chameleon”と”Banana”がそれぞれにコンセプトに合った意味を持っているので「どぉ」と返してきた。
POINT: GPT君へのプロンプトの与え方次第で欲しい答えに近づける事が出来る。

”Chameleon Banana”に決めた、GPT君も「インパクトがあって良いね」と賛成してくれた。
キャラクターデザインもGPT君にイメージを複数案出してもらって、そこからは私が未来風にデザインする・・Appleゴーグルを付けて見たらそれなりに見えて来たのでこれに決めた。そこからは、そのイメージとアニメンタルスタジオの特長とビジネス方向を考え、売るほどある(pixtaで販売中)手持ちのグラフィックイメージと写真素材をCOMPOSITEして80個以上のWeb用イメージ画を作成した。「2日間要した」

イメージ素材が整ったので、Webサイトの構成と表現デザインを考えた。これまでHTML+CSS+Javaで20年以上Webサイトを作って来たけれど、これを機にBlogを組み込んだ WordPressでやってみるかで”初チャレンジ”を決めた。
既に利用中のレンタルサーバーに WordPressを入れないと・・まずは MySQLを活性化してユーザー登録、WordPressのバージョン(6.2.2)が動くようにPHPのバージョンアップをレンタルサーバー業者に依頼、完了報告を待って;まず WordPressサイトから最新バージョンをダウンロード、解凍後に全てのファイルをサーバーの httpdocs下のディレクトリにFPTで転送すれば良い。
転送後にブラウザーでサーバーにアクセスするとインストール画面が出てくるので指示に従って MySQLのID/Passwordとかを入れていくと設定完了 /wp-admin/index.php からいよいよ WordPressの構築開始。

Web画面のデザインを進める上で、表現したい画面構成を考えてテーマを選定する。デフォルトのテーマではかなりBlog優先のデザインで、チェット違うなで色々テーマサンプルを見てダウンロードしていじってみるも”チンプンカンプン”、やりたい事がどこに有るのか分からない、細かな動きをさせるHTMLはどこで書く?CSSの変更はどこで?迷子状態でした。「3日目の深夜」色々試した6本目のテーマで良い具合に出会えた。

テーマの使い方が分かれば、あとはサクサクと作り上げていくだけ、まずHOME画面の構成を決めてサクサクと、次に詳細説明の飛び先固定ページを作っていけば良い、ここでトラブル遭遇、6枚の固定ページを作成して行ったが、無償プランで進めて行ったので固定ページのTOP画面が共有になってしまう、更にどこで間違えたか?編集途中でそれぞれに描いたページ内容が全部同じになってしまった。WordPress側もローディング画面が出っ放しでページ切り替え出来ずに空回りしている様子、まいった。「4日目終わる」

考えた、ページを作っていく時に設定を楽にする為に Duplicateを使ったからか?、いったん全て削除してから +New でコツコツ6ページを改めて作って行った・・・今時点で壊れていないものの作り込んでからまた消えたらの心配は付きまとうがほぼ完成、後は文章やレイアウト上の見え方(パソコン、Pad、スマホ)などのチェックを進めて修正いくだけだ。「5日目の深夜」

最終の文書の入れ替え加筆及びイメージの入れ替え等を行って、6日目の18日1時23分に切替え完了しました。

Tags:

No responses yet

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

Latest Comments

表示できるコメントはありません。