新入社員ブログ

こんにちは！ 新入社員の H です✨   先週はお盆休みがありました。 6 日間あったのですが、この数か月に買うだけ買ってためていた小説やマンガを読むことができました。 旅行に行くのもいいですが、お家でゆっくり過ごす方が私の性格に合っている気がします 😊   さて今週は、 自社 HP 更新 HP 作成作業 以上の作業を主に行いました。   前回悩んでいた、画面を小さくしたときにレイアウトが崩れる問題が解決し、トップページをあらかた完成させることができました！ 以前は、画面に合わせたコードを追加する際に、自分は今どこの要素の編集をしているのか途中で分からなくなっていましたが、要素の構造を簡単な図で表すことで、頭の中を整理して作業できるようになりました。 ちょっとしたことですが、自分で工夫して問題が解決できたので良かったです。   また、全体的に見た目が地味だったので、画面を華やかにするために背景の色を変更したり装飾を追加したりしました。 背景を変えるだけでもかなり印象が変わることに驚きました。 まだ追加したい要素があるので、来週も頑張ろうと思います！ 以前のHP（左）と、今週改善したHP（右）▼ 読んでいただきありがとうございます 次回もよろしくお願いします😊

  こんにちは！ 新入社員の H です 😊   今週末から来週の 15 日（木）までお盆休みに入ります。お休み中は何をしようかな、と今から楽しみです。 お盆明けからも元気に仕事に取り組めるよう、しっかりリフレッシュしておきたいです！   さて、今週は 自社 HP 更新 HP 作成作業 以上の作業を主に行いました。   前回に引き続き HP 作成練習として、架空のコスメブランドの HP をつくっています。 今週の作業で、やっとトップページに入れたい内容をワイヤーフレーム通りに配置・デザインすることができました。 ですが、これはページ 1 枚の完成度としては 50 ％くらいしか達していません 💦 今はパソコンなどの横に長い画面に適したレイアウトの設定しかしていませんが、これからタブレットやスマホのように小さい画面で見たときの設定をする必要があります。 そしてこれがなかなか上手くいかないんですよ…（泣） 小さい画面用の設定をすると、なぜか元のレイアウトが崩れてしまい、完全に足踏み状態です。 作業が進まず、原因もわからず、ちょっと気持ちが落ちてきたので、今日は気分転換に久しぶりにバナートレースでデザインの勉強をしました。 今回の HP 作成でも簡単なバナーを作成したのですが、以前のデザインの勉強の成果が活きている気がします。 今後も少しずつ進めていこうと思います。   分からないことや難しいことだらけですが、休み明けは切り替えてＨＰ作成に取り掛かりたいです！ 今回のHP練習で作成したバナー　▼ 読んでいただきありがとうございます 次回もよろしくお願いします✨

 こんにちは！ 新入社員の H です✨   8 月に入りました！ 肌が ” 焼ける ” というより ” 焦げる ” のほうがしっくりくるような日差しのなか通勤しています…。しっかり対策をして、肌を白く保ちたいです。   さて、今週は 自社 HP 更新 HP 作成練習 以上の作業を主に行いました。   今回練習で作成している HP は、完成しているテンプレートを編集するのではなく、まっさらな状態から作り始めました。 以前作成した HP のワイヤーフレームをもとに、 WEB デザインの参考書から使いたいモーションを当てはめて、 HP を組み立てていきます。 と言っても、すぐに思った通りに動いてくれることはほとんどないので、何が原因か探りながら、地道に進めています…。必要なコードが抜けていたり、スペルが違っていたり、単純なミスですがなかなか見つけるのが難しいです。 ですがその分、原因がわかって思い通りのレイアウトや動きになったときの達成感が強く、「 HP づくりって楽しい！」と思います。 また、これまでの HP 練習で身についたものが活きている実感もあるので、このモチベーションのまま、納得のいく HP をつくりたいです！ ▼現在作成中のHP（架空のコスメブランドのHPという設定）     読んでいただきありがとうござ い ます 次回もよろしくお願いします😊