【第1回 AIが作成したサイトを変える】完成

ビジネス

どうも、ひろです。

今回は、課題をクリアし終えたサイトの調整をしたいと思います。

課題はクリアできましたが、

・説明文が足りないために、何書いてあるのか分からない。

・文字の色や大きさ合っていなので、何をメインに見せたいのか分からない

・画像が合っていないので、季節感がバラバラ

と微妙にサイトの違和感が感じられたサイトになってしまっています。

課題とはいえ、自分なりに完成してから終わりにしたいと思います。

この記事を書いている時期が夏なので、夏っぽいサイトにしたいと考えています。

 

 

足りていない説明文を書く&文字の色や大きさを変える

足りない文章を付け足していきたいきます。

また、同じ文字つながりで文字の大きさや色も一緒に変えていきます。

上の文章は、私の趣味が書かれている文章です。

しかし、このままだとプログラミングや読書、小説の文章が一体なんなのか分かりません。

そこで、「趣味」の文字を打ち込み、さらに文字の大きさも大きくしたいと思います。

「ひろ」の文字の色も青だと統一感がないので、オレンジ色にしたいと思います。

名前の色をオレンジ色にしました。

また、プログラミングや読書、小説の文章が何なのかが分かりやすいように「趣味」の文字を書きました。

ただ、色が思い浮かばなかったので黒にして、見やすさを重視しました。

文字の大きさも、名前よりは大きくないけど趣味欄よりは大きなフォント数にしました。

センスは悪いですが、少しずつ季節感が整い始めてるんじゃないでしょうか。

 

 

画像を変える

画像を変えていきたいと思います。

画像が桜と春を思い出させるような画像なので、夏を思い出すような画像に変えたいと思います。

私は、夏の花といえばひまわりを思い出します。

なので、ひまわりの画像を用意し、文字が見やすいように少し背景を薄くしました。

これで、画像と文字の色で季節感が統一されたと思います。

これで、課題もクリアでき統一感ができたことで、少しは見やすいサイトになったと思います。

 

 

今回の課題の感想

今回、AIにもらった課題をクリアして思ったことが3つありました。

まず1つ目は、「そもそも、何かに頼らないとコードが書けない」です。

今回は、AIがコードを書いてくれていたので、私が行ったことといえば書いてあるコードを少しいじったくらいです。

なので、もしコードを1から書くとなれば私には無理だなと思いました。

ただ、今の時代はネットが普及しています。

ネットからコードを拾ってきたりできますし、私のようにAIに頼ることもできるので解決は簡単です。

でも、オフラインなところでもサイトは活躍していたりします。

実は、会社には門外不出な社内だけのサイトがあったりします。

会社のサイトだとはいえ、もちろん何かあればサイトなので更新はしていかなければなりません。

オフライン時は、ネットからコードを拾ってきたりはできませんし、AIも使えません。
※スマホで調べて書くことも可能ですが、いちいちスマホ見ながらコードを書くのは面倒

もし、そんな時に自分がすらすらとコードを書けたら格好良いですよね。

 

2つ目は、「コードの意味が思ったほど理解できていない」です。

私の記事でもありましたが、課題を失敗することがありました。

それは、コードの意味がよく理解できていないという証拠だと思います。

AIが書いてくれたコードには、丁寧にどこの箇所のコードかを書いてくれていますが、それでも間違えてしまったので改善していきたいですね。

 

3つ目が「サイトの見やすさ」です。

やはり、サイトは見やすくないとダメです。

誰も見づらいものを頑張って見ようとする事はしません。

しかし、私の今の実力では今以上に見やすくすることができません。

今後は、見やすくしたり読みやすくするための知識もつけ、意識してサイト作成をしていきたいです。

 

 

終わり

今回は、終えた課題を私なりに見やすく(しているつもり)しました。

私の感想にも、共感してくださる方もいるのではないでしょうか?

今の所、私の実力が足りないので、まだここまでしか作れません。

でも、今後もAIから課題をもらって知識を高めていければと思います。

次回は、また新たな課題をもらおうかなと思います。

ご覧くださりありがとうございました。

タイトルとURLをコピーしました