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

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

たーやま

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

目次

4/12(月)入社8日目

テキストとちょっとした CSS の編集のみの作業は先週で終了。

今週からは新しい内容が始まりました。

Photoshop のデザインカンプからのコーディング作業です。

たーやま

2週目でいきなりコーディングできるのは嬉しいもんや。

早速コーディング…といいたいけど

コーディング作業とはいうものの、今日は書き出し作業のみで終了しました。

たーやま

カンプもらったのが夕方あたりやからな。

コーディングルールもあるのですが…ちょっと複雑な感じです。

複雑そうではありますが、実力はつくはず。

頑張っていきます。

夕方までは課題を進めていた

以前に上司からもらったデザインカンプをあまり進められてないので、取り組みました。

現在は一番の山場、カルーセルを中心にコーディングしています。

たーやま

カスタマイズ結構やっこいですよね。

カスタマイズは自力でほとんどやったことがなかったので、良い学びになりました。

カルーセル以外はそんなにややこしくはないはずなので、一気に進めます。

4/12(月)はこんな感じでした。

4/13(火)入社9日目

朝は先輩直伝コーディングのコツを聞き、それ以降は書き出しからコーディングまでをしました。

たーやま

PHPでの表示で時間食ってしまった…。
しかも PHP じゃなくてもよかったし(笑)

コツはめっちゃタメになった

朝の時間、コーディングに関するコツをめっちゃ教えてもらいました。

書き出しのコツ、Sass のmixin、その他ファイルの使い方、コーディングの時間短縮のコツなどなど…。

一朝一夕には身につかないでしょうが、コツコツと覚えていきたいです。

たーやま

しっかりメモ取ってやったぜ。

技術メモに残せそうなところは残しています。明日か明後日に公開しますね。

立ちはだかる PHP の壁…

そんな迷う要素ある?

って思うかもしれませんが、今やっているのは WordPress ではありません。

たーやま

WordPress のみの構築はできるからな。

HTML と CSS でもできることを、PHP を使って表示させようとして苦戦しています。

前に本番からローカルに移す作業をしましたが、ちょっと違う感じです…。

たーやま

マジぴえん。

どうしようもありませんでした。

しかし先輩が

わからんかったら調べる前に聞いてね〜

と言ってくださっていたので、鬼の質問攻撃。

先輩は煙たがることもなく、丁寧に教えてくれました。

たーやま

まぁ、それでも少しは調べてしまうけど(笑)

最終的に同期のSさんも色々と助けてくれて、うまくいきました。

しかし、業務が終わる頃にはSさんはめっちゃ進んでいました。

わたしは構築だけでほとんど終わってしまったので、自主的に仕事後も作業することに。

たーやま

嫌々ちゃうで。会社からも言われてないし。
早よ成長したいから勝手にやってるだけやで。

とはいえ、やりすぎたら明日に響いてしまいます。

なので、キリの良さそうなところで終了しました。

見て盗めは嘘なのでは…?

さて、前のバイト先から今までを振り返って思ったことがあります。

『エンジニアの人は教えない』は嘘ちゃうん?」説です。

前のバイト先も今の会社も、「調べる前にまず聞いてね」と言われています。

何なら調べて指摘を受けたこともありました(笑)

たーやま

意外やと思わへん?

意外に思った理由は、オンラインスクールの影響が大きいと思います。

調べてもわからなければ質問する」ことを徹底していたスクールでしたから。

そして自分自身も、調べても詰まった時のみ質問していました。

その経験から「調べてわからなかったら質問する」のが普通だと思い込んでいたんです。

が、全てにあてはまるわけではなさそう…。

会社からすると、「悩まれる時間がもったいない」からだと思います。

仕事を抱えまくっているところなら尚更かもしれません。

めっちゃ質問しても、それ以上に丁寧に教えてもらっています。

なので個人的に、「エンジニアの人は教えない」は嘘だと思いました。

たーやま

後輩入ってきたら教えられるように精進するぜ。

持ちつ持たれつなので、人に良くされたことは返していきたいです。

以上、入社9日目でした。

4/14(水)入社10日目

今日もカンプからのコーディングをしました。

が…担当のコーディングがめっちゃややこしい…。

たーやま

position 使う系やめてくれ。笑

枠の外に出すシリーズやめてくれ

おシャレに枠線の外に図形や背景+文字を入れたようなデザインが多いです。

マジでやめてくれ。笑

そんなものをコーディングするとなると、position を使うことになります。

ネガティブマージンでもいけますが、透過させるものも多いです。

となるとネガティブマージンが使えず、擬似要素の出番になります。

たーやま

要素はダブらせられるけど、背景は重ならんからな。

なので…

position を使うとめっちゃ時間食う。

同期はすでに3枚目をしているのに対して、まだ1枚目のわたし。これはヤバイ。

ただ同期含め、他の人からは…

たーやまさんのカンプ結構ややこしいですね。

と言われています。そこはある程度わかってくれているのでよかったです。

たーやま

まぁでも、いつまでもできへんからな…。
今週中にはSPもPCも終わらせたい。

1枚目ですが、「もうちょい早くできますか?」とも言われていません。

なので、気持ちがかなり楽です。これが大阪なら言われてるでしょう。

イラチ王国なので(笑)

たーやま

まぁでも、終わらせたいから22時ごろまでやってました。
目ん玉飛んでいきそうやわ…。笑

私自身もまだまだコーディングスピードが遅いことは自覚しているので、努力していきます。

物件の内覧の予約をしました

お仕事日記には関係ないですが、内覧の予約をしました。

たーやま

いずれ宮古島のことも書くし、その時のために残しておきます。

宮古島にいくことを聞いて、ある方が沖縄の不動産屋さんに勤めている方を紹介してくれました。

おかげで、そちら経由で物件が決まりそうです。

たーやま

もちろん自分でも調べてたで。
でも宮古島クソ高いんよ(笑)

移住する訳ですので、諸々の手続きについても記事にしていく予定です。

たーやま

今の時点で超ワクワクするぜ。

という感じの入社10日目でした。

4/15(木)入社11日目

さぁさぁ本日も下層ページのコーディングを行いました。

たーやま

だんだん執筆時間がなくなってきてやばみ(笑)

では本日のまとめをしていきましょう。

Progate 以来初の「float」を使用

デザイン的に flexbox ではどうにもできないところがありました。

上記画像にあるような配置の場合です。

Progate 以来の float です。

たーやま

久々すぎたけど、ググれば何てことなかったわ。

Progate をやっていた当時は、空タグを使って clear: both; を使っていました。

が、擬似要素に clear: both; でも何とかなります。

たーやま

細かいことは、技術メモにまとめました。

久々すぎる float との再会だったので、思わずまとめてしまいました。

肝心のコーディングは…?

position の指定が多くてヒーヒー言っていましたが、一応スマホ表示の核となる部分は終了しました。

たーやま

完全に終わった訳ではないけど(笑)

核の部分が終わったためか、他のレスポンシブ対応についてのコーディングは早かったです。

どんどん進めて、さっさと終わらせようと思います。

毎日…早ないか?笑

最近めっちゃ思います。

毎日早ない?笑

月曜日が始まったかと思えば、明日でもう金曜日です。

たーやま

仕事後はブログやったり、残りの仕事やったりしてるしな。

正直、時間が全然足りません(笑)

宮古島に行けば、もっと時間の流れが早いかもですね。

去年は思うように充実できなかったので、今年に期待します。

という感じで、入社11日目でした。

4/16(金)入社12日目

ようやく下層ページを終了させました。

他に仕上がっている下層ページのデザインを見てみましたが、やっぱり今回のものはややこしかったです。

たーやま

次に担当するデザインが天国に見えました(笑)

では参りましょう。

モバイルファーストの罠

昨日で核となるコーディングが終わったので、どんどん進めました。

たーやま

ひとつ終わったら余裕やな。

と、たかを括っていたのも束の間。

表示がめっちゃ崩れました。

原因は至って単純。核となる部分のコーディングしか考えていなかったからです。

たーやま

モバイルファースト…慣れん。

最初のコーディングよりかはマシでしたが、直すのに工数がかかりました。

PC、スマホ問わず、ある程度設計できるようになるのが今後の課題です。

会社特有のコーディングルールに慣れることも課題の一つ。

たーやま

まだまだ覚えることが多いぜ。

そして次のコーディングへ…

報告をして、次のデザインを見てみましたが…。

神でした。笑

最初にやっていたものの 1 / 3 くらいの分量で、書き出しも超少ない。

唯一の山はアコーディオンくらいです。

たーやま

アコーディオンは経験あるし、いけるはずや。

これはサクサクと進めていきます。時間があったら土日にもやろうかな。

順調に進めているので、この調子で精進します。

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

4/12(月)〜 4/16(金)のまとめ

今週も自分的には大きく成長できたと思います。

まず先輩のレクチャーから。

 Photoshop での書き出しを楽にする方法なんて知りませんでした。

他にも、jpg や png、svg の使い分けや、先輩の Sass ファイルのカスタマイズなど、めっちゃ教えてくれました。

たーやま

技術メモにも書いたけど、絶対正しいわけじゃないで。

そしてコーディングに関してもたくさん学べました。

position 多用のデザインfloat の使用スマホからのコーディングなどなど…。

夜遅くまでコーディングしていますが、楽しいです。

たーやま

前の会社なら考えられへんわ(笑)

ブログの記事をまとめられなくなってきたので、時間を見つけてまとめていきたいです。

たーやま

絶対やるって決めたからな。
自分との約束に、二言はないねん。

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

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

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

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

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

この記事を書いた人

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

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

目次
閉じる