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

【おしごと週間日記】4/26(月)〜 4/30(金)に行ったこと

たーやま

4/26(月)〜 4/30(金)に行ったことを記します。

目次

4/26(月)入社18日目

新しく下層ページのコーディングをしたのと、ページビルダーでの更新業務をしました。

アクセスページのコーディング

自分で選んで良かったので、比較的取り組みやすそうなアクセスページのコーディングを選択。

スマホ版はほとんど終わらせることができました。

今回はいつもとやり方を変えた箇所があります。アイコンとテキストがあった場合の実装です。

いつもだと、アイコンは擬似要素で表示して調整しています。

が、今回は flexbox を使って表示させてみました

たーやま

おかげで新しい発見もいくつかできたわ。

詰まってしまった箇所が少しあったので、技術メモにまとめました。

ミーティングをする

つよつよな方々からのフィードバックだったり、コーディングルールをどうするかという話が主でした。

連携がもっと必要だということや、私も同期もやり方に慣れていく必要があることなど、さまざまなご指摘をいただけました。

あと個人的には、わたし自身がもっと先陣切る必要があるなって思いました。

また全体のミーティングがあるので、コーディングで何かあったら話してみます。

自己解決できたページビルダー問題

先週金曜日に、解決できない問題がありました。

しかし、今日たまたまあった更新業務で解決できました。

上司からはコードをコピペする必要があるといわれたのですが、しなくてもいけました。

たーやま

簡単に作れるのに、そんなめんどい作業いる?って思ったのがきっかけです。

解決できなかったことが自力でできたら嬉しいですね。

今後の参考にしていきます。

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

4/27(火)入社19日目

今日はほとんど下層ページの修正を行なってました。

強敵下層ページの修正に挑む

見出しの画像はテキストと分けてください。

これが地獄の始まりだった…。

割と複雑な箇所がいくつかあり、画像で通せそうなら通すつもりでいました。

一応先輩にも相談しての判断です。

が、見事わけて表示してくれとの指示をいただきました。

たーやま

イワーーーーーーーーーーーク!!!

どんな実装をしているのかを詳細にお伝えはできませんが、気になる方はさっきの画像でイメージしてください。

あんな実装が結構あるため、苦戦中です。

まぁ力はつくでしょうけど…。

たーやま

苦手な position あるし、やったことない実装も結構あるからな。

とりあえず今日でスマホでの表示は大幅に改善させました。

明日は残りの部分と、PCでの表示を直す予定です。

ページビルダーの修正

あまりいうことがなくなってきたページビルダー問題。今回はテキストと個別ページの編集を行いました。

たーやま

使い方さえわかれば、感覚的に操作できていいですね。

特に苦戦した箇所はなく、平穏に終わらせることができました。

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

4/28(水)入社20日目

今日はデザイナーとコーダーが集ったミーティングの日でした。

ミーティング以外では、下層ページの修正とアクセスページを少し進めました。

ミーティング

今携わっている案件を通して見えてきた課題について話し合いました。

私はこの案件、かなりコミュニケーションロスをしていると思っています。

めっちゃ修正くらってますから…(笑)

あとからあとからめっちゃ言われますし…(笑)

そういうものなのかもしれませんけどね。

ただ、新人は黙っとれ的な雰囲気ではなく、私もSさんもかなり発言しました。

あと、いつも教えてくれているつよつよな先輩もかなり提案していました。

全員が発言しやすい雰囲気で、今後の方針も決められたので良い時間だったと思います。

たーやま

あと思うのが、早よ宮古島いきたいな(笑)
リモートやとすぐに聞かれへんし、お互いが同じ画面見れんし…。

TeamViewer を使えば、「お互いが同じ画面見れん」というのは解消できるかもしれません。

Zoom や Skype などでもできるっちゃできます。

が、対面だとちょっとしたことでもすぐに聞けるし、情報共有もしやすいんですよね。

なので、特に業務をきちんと覚えていない時期のリモートは正直キツイと思います。

仕事の面を考えても、さっさと宮古島に行きたいです。

下層ページの修正は、終わらない…。

昨日の実装イメージと少しだけ近いものがありました。

これも position: absolute; で無理やり乗り切るかと思っていましたが…。

flexbox で乗り切りました。

かなり flexbox を使っているので、以前より知識がついています。

たーやま

display: grid; も使ってみたいなぁ〜

苦戦はしつつも、少しずつ知識が増えていくことに喜びを感じています。

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

4/30(金)入社21日目

今日は下層ページの修正と、アクセスページのコーディングを行いました。

火曜日に行った修正は flexbox で解決

position を使わないと解決できなさそうな実装だと思い込んでいました。

しかし、flexbox で実装できないかを模索した結果、できました

たーやま

どうやら position: absolute; は最終手段だそうです。

元々は画像を使って表示させようとしていたので、大きな成長です。

当時は絶対無理やって思ってたので(笑)

人の顔とテキストをかぶせるのはNG

やめて!

マイルールなのかも知れませんが、人の顔とテキストをかぶせるのはダメだそうです。

何でなんでしょうね?

見にくいからとかそんな感じでしょうか。次にミーティングするときに聞いてみます。

思いっきり被せてしまっていたので、そこも修正しました。

モバイルファーストで大勝利

アクセスページのコーディングは、スマホから始めました。

設計が上手く行ったのか、PCのコーディングは1時間以内に終了。

今日である程度形にしたいとのことだったので、よかったです。

たーやま

アクセスページは基本的なことが多かったな。
そんなにつまづくこともなかった。

4/19(月)〜 4/23(金)のまとめ

レスポンシブ対応

下層ページのコーディングは、おそらく今回で終了です。

このサイト制作では、スクールや独学だとなかなかたどり着けないような経験ができました。

チームでの連携、ミーティング、先輩からのアドバイスなどなど…。

自己解決能力や、推測する力も以前よりは上がったように思います。

しかし、下層ページを複雑に作りすぎたのはよくないところでした…。

次のサイト制作では、同じことをしないように気をつけます。

たーやま

宮古島に行くし、連携はもっと密になるはず。

来週も楽しんで仕事していきます。

ということで、4/19(月)〜 4/23(金)のお仕事日記でした。

仕事の話はこれくらいにして、GWを楽しみましょう!

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

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

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

この記事を書いた人

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

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

目次
閉じる