新入社員ブログ

こんにちは！ 新入社員の 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という設定）     読んでいただきありがとうござ い ます 次回もよろしくお願いします😊

  こんにちは！ 新入社員の H です 😊   朝の通勤中、小中学生たちが私服で自転車に乗っているのを見て、そういえば学生は夏休みか！と気が付きました。 学生の頃は「大人は夏休みがなくて大変だな」と他人事のように思っていましたが、とうとう自分もそちら側になってしまいました笑   さて、今週は、 HP 作成練習 いっとこ取材 いっとこ記事作成 間取り図作成 以上の作業を主に行いました。   水曜日は、いっとこの取材に行きました。 記事にどんな内容を入れたいか、注目して欲しいポイントはどこかなど、確認しながら取材を進めていきます。事前にお店のホームページや Instagram 、ほかの方が取材した記事などを読んで、質問を考えておくのも大切です。 お店の方の想いが伝わるように、取材でお聞きした内容をなるべく盛り込んだ記事を作成できるよう頑張ります！   また、今週は久しぶりに部屋の間取り図を作成しました。 間取り図の作成は、私が研修アルバイトとして入った最初の 1 カ月目に行った練習です。当初は illustrator の使い方もおぼつかず、 1 つ作成するのにとても時間がかかっていましたが、今回はとくに操作を迷うこともなく作ることができました。作業スピードも上がり、なおかつクオリティも上がった（と思う）ので、成長を感じられてよかったです✨   以前の自分を振り返ったときに、成長した！と自信を持って言えるように日々仕事に励みたいと思います！   読んでいただきありがとうございます 次回もよろしくお願いします✨

 こんにちは！ 新入社員の H です✨   7 月も半分終わり、もうとても暑い日が続いています。今でこんなに暑かったら、 8 月 9 月はどうなってしまうのやら…。 熱中症に気を付けて、毎日元気に過ごしたいですね。   さて、今週は、 ・自社 HP 更新 ・バナー作成練習 ・デザインの勉強 ・ HP 作成練習 以上の作業を主に行いました。   今週から、久しぶりに HP 作成の練習を始めました。 今回はコスメブランドの HP という設定で作成します。 これまでの練習では、設定をあまり考えずに作り始めていましたが、今回は架空のコスメブランドのブランド名、コンセプト、商品などを考えてから作成をしています。 また、今回は HP のワイヤーフレームを作成しました。ワイヤーフレームは、どこに写真や文章を入れて、どんなデザインにするのか、どんな効果をつけるのかを表す HP の設計図です。このワイヤーフレームをもとに HP をつくっていきます。 これまでとは違うやり方とテンプレートを使用するので難易度が高いですが、自分の考えた通りに作れるように頑張ります！ 作成したワイヤーフレーム▼ 読んでいただきありがとうございます 次回もよろしくお願いします😊

  こんにちは！ 新入社員の H です 😊   最近車を運転する練習をしています。免許を取ってから 3 年弱運転していない超ペーパードライバーなので、毎回ドキドキです。（隣に乗ってくれている上司の方のほうが心臓に悪い思いをしていることでしょう…） こつこつ練習して、しっかり運転できるようにがんばります！！   さて今週は、 ・自社 HP 更新 ・ HP 作成練習 ・バナー・チラシ作成練習 以上の作業を主に行いました。   今週は自分のスキルアップがメインでした。 私はデザインについて学校などで学んだわけではないので、どうしてもデザインに関する知識や作品制作の経験値が少ないです。 以前チラシを作成したときにも実感しましたが、デザインのパターンの引き出しが少ないので、この機にしっかり勉強しようと思いました。 デザインの 4 原則や視線誘導の法則などを調べてまとめたり、デザイナーさんが出しているバナー・チラシ制作のお題に挑戦したり… 今のうちにしっかり勉強して、レイアウトやデザインをなんとなくで考えるのではなく、「ここはこういう意図があってこのデザインにしている」と説明できるようにしたいです。 これからも練習を続けていきます！ お題で作成したチラシ▼ お題：web鍛様（ https://webtan.tech/flyer_cafe/ ）より 読んでいただきありがとうございます 次回もよろしくお願いします😊

  こんにちは！ 新入社員の H です✨   1 年の折り返し地点を過ぎ、 7 月になりましたね！ 仕事中、ふとした時にセミの鳴き声が聞こえてきて、もう夏⁉と驚きました。 今年も熱くなりそうです 💦   さて今週は、 ・自社 HP 更新 ・いっとこ取材と原稿作成 ・自社 SNS 画像作成・投稿 ・ HP 作成練習 ・バナー作成練習 以上の作業を主に行いました。   今週もいっとこの取材に行ってきました！ やっぱりまだまだ緊張しますが、取材を受けてくださる皆さまがとても明るく、笑顔でお話しして下さるので、 1 時間があっという間に過ぎていきます。 また、ご自身のお店や商品・サービスに対する想いをたくさん伝えて下さるので、原稿がとても内容の濃いものになります。 取材を受けてくださる皆さまに感謝しながら、お店の方の想いやいいところを十分に伝えられるような記事をつくっていきたいです！   ▼いっとこ HP  https://www.e-ttoko.com/infor/index.htm 先週から行っていたカフェの HP 作成練習が終わりました！ 動画編集の面白さに気づけたのが一番良かった点だと思います。その他にも、文章と画像のレイアウトをコードを調べながら考えたり、予約システムを利用したときのサンプルや、ネットショップシステムを利用したときのイメージページを作成したりました。 デザイン性とユーザビリティのバランスを考えながら、これからも HP の作成をしていきたいです 😊   ▼カフェの練習 HP https://www.e-ttoko.com/test-cafe/ ▼カフェ練習HPの画像 読んでいただきありがとうございます 次回もよろしくお願いします！！