このブログのコンセプトって○○なん、知ってた? 何それ気になる〜

【おしごと週間日記】6/21(月)〜 6/25(金)に行ったこと

たーやま

6/21(月)〜 6/25(金)に行ったことを記載します。

目次

6/21(月)入社51日目

リニューアルサイトを終わらせたので、新しい業務を行いました。

その前に zip ファイルが…

わたしのPCは Mac、会社のものは Windows です。テストで Mac から Windows に zip ファイルを送ってみたのですが…。

見事に文字化けしました(笑)

文字コードの違いでファイルが文字化けしたんでしょうね。フリーソフトを使うくらいでしか解決できなさそうです。

たーやま

あんまダウンロードしたくないなぁ…。

とは思っていましたが、他に解決法がないので仕方なくダウンロードしました。

たーやま

『keka』ってやつをダウンロードしました。

一応、リンクを貼っておきます。

画像追加に伴うコーディング

画像とテキストを追加するところがあったので、セクションを付け足してコーディングしました。

使い回せるクラスがあったので、それを使いつつ無理そうなところはクラスを作成。

レスポンシブまである程度使いまわせたので、かなりスムーズにコーディングできました。おかげでブロック追加については、半日足らずで終了しました。

たーやま

まぁ、あと3ページあるけどな(笑)

入社51日目はこんな感じの1日でした。

6/22(火)入社52日目

本日は、昨日の続きを行いました。

ベースとなるページを作成する

3ページともデザインや形式が似ていました。なので、ベースのページを作成することに。半分くらいは既存のクラスを使えたので、ある程度はサクサク進みました。

ある程度は。笑

こう書いたのも訳があります。タイトルのコーディングに時間をとられてしまいました。画像、色が違うテキスト、左に長方形+文字を施す必要があったからです。

flexboxで行けるかと思ったのですが、見た目が微妙でした。なので、position を使って実装することに…。

それがあったので、少し時間がかかりました。

たーやま

まぁでも、今日にはほとんど終わらせれたで。

入社52日目はこんな感じの1日でした。

6/23(水)入社53日目

昨日の続きと、その他いくつかのタスクをこなしました。

2ページのコーディング

昨日に少し時間をかけてページを作成したおかげで、残りのページはかなりスムーズに終わらせました。

残りの2ページは、テキストの流し込みと少しCSSをいじったくらい。そこまで時間はかかりませんでした。

ディレクションの練習をおこなうことに…

いつもすぐに終わるページビルダーの件です。編集時から気になっていたのですが、ナビがずれていたり、配置がよくわからないことになっていたりしています。

他にも色々あるのですが、いったんミーティングを行うことに。そこで決まったのが…

ディレクションをしてみる

ということでした。ただ、1人でいきなりは…ということで、上司と相談しながら行うことになりました。

たーやま

めっちゃいきなりでビビりまくりや(笑)

決まった以上、最後までやり遂げたいです。でも超不安…。ひとまず上司と進め方を話し合って終わりました。

修正の追加オーダー

テキストや画像、フォームの編集を行っていたサイトです。サイトが近々新しいページを公開するため、追加で修正をしていました。

テキストと画像についてはすぐに終わりました。が、フォームが少しややこしかった

select タグの編集や JavaScript をかなり触るからです。

上司に少しレクチャーしてもらいながら、完成させました。

入社53日目はこんな感じの1日でした。

6/24(木)入社54日目

今日は修正業務がメインですが、illustrator も使いました。

お問い合わせフォームの移行

テスト環境で作成したお問い合わせフォームを、本番へ移行しました。その時に cgi を触り、送信先の変更も行いました。

宛名をミスったら大変なことになるので、確認しながら作業。おかげでフォームはすぐに終わらせられました。

テキスト、画像、バナーの差し替え

テキストや画像に関してはいつもやっていることなので、ディレクトリに気をつけながらこなしていました。

問題はバナーの差し替え。

ただ単にもらった画像を変えるだけなら簡単ですが、illustrator で少し変更する箇所がありました。

たーやま

久しぶりにイラレ使ったから、結構ググりながら作業してました(笑)

フォントが前のものと微妙に違うかったので、帳尻合わせをどうするか考えていました。

アウトライン → パスのオフセットでうまく逃げ切ることに成功し、作ったバナーを差し替えます。

たーやま

コーディングもせなあかんけど、いずれはデザインも視野に入れなあかんねやろうなぁ…。

イラレやフォトショを使うケースも増えてきているので、もっと慣れるようにします。

入社54日目はこんな感じでした。

6/25(金)入社55日目

今日はバナーの更新や、いつもの更新業務のサイトをいじることを行いました。

PCとスマホで異なるバナー

PCでのバナー編集は行いましたが、スマホでは別のバナーが使われていることが発覚したので、修正しました。

PCではテキスト + イラストでしたが、スマホではテキストが変わっていません。

仕組みを理解できていないのですが、テキストの画像を編集する必要がありました。

たーやま

テキストの画像を編集したら、イラストの文字が変わっているって感じです。

ということで Illustrator を起動。該当の箇所をいい感じに編集して、チェックしました。

その他、テキストや画像の修正もある程度行いました。

あとは全てのページに反映されているかを見て、こちらのサイトの修正は一旦終了。

いつものサイトのヘッダーを触る

ページビルダーのサイト更新をよくしておりますが、抜本的に表示を見直すことになりました。

色々と見直すところはあるのですが、特にヘッダーのUI設計がよくありません。

なのでテスト環境を作成して、ヘッダーをいじることにしました。

が、ここで問題が…。

ページビルダーでヘッダーを作成しているのか、ヘッダーやフッターなどはPHPを組んでいるのかが分かりません。

たーやま

検証で見た感じは全部ページビルダーっぽいねんけど、該当のが見つからんのよな…。

もどかしい気持ちのまま、一旦終了しました。

入社54日目はこんな感じでした。

6/21(月)〜 6/25(金)のまとめ

今週はコーディングと更新、Illustrator の操作をした週でした。

前の下層ページのコーディングが終わり、ひと段落ついたような感じです。ある程度、気持ちに余裕を持ちながら作業できました。

そしてページビルダーのサイトでは、テキストや画像の更新だけではなくサイトの見直しも行うことに。

たーやま

徐々にコーディングの業務が増えてきています。どんどんやっていきたい!

少しずつではありますが、できる業務の幅が増えてきて嬉しいです。来週も楽しみながら仕事をしていきます。

ということで、最後までご覧いただきありがとうございました!

また遊びに来てくれることを、心よりお待ちしております。

この記事が気に入ったら
いいね または フォローしてね!

よかったらシェアしてね!

この記事を書いた人

大阪出身26歳。宮古島の制作会社に勤めています。
コーディングとデザインにシバかれてます。

生き物や自然が好きやけど、特にクワガタムシが好き。
他、チャリとか釣りとか筋トレとかも好き。

目次
閉じる