HTML,CSSのコーディングだけの仕事はある その2

どうも、くまだです。

2021年の1月に開業して個人事業主、Web制作で主にコーディング(デザインなし)で仕事しています。まだまだ駆け出しなので毎月ウン十万稼いだ!みたいな実績はありません。

HTML,CSSだけ覚えるよりも、単価の高いWordPressサイト構築のほうが稼げる!とHTML,CSSだけじゃ仕事ない、と思うかもしれませんが実は仕事は意外とあります。

前にその1を書いたので、今回はその2です。(ネタがないので今回は短いですが)

既存サイトから既存サイトにサイトデータ移し替え

既存サイトを検証ツールで開き、テキストや一部CSS、あと画像データをダウンロードしておき、それを別な既存サイトにデータを移すという作業です。

私がやったのは、静的サイトからWPサイトに移すという作業でした。WPの記事投稿欄に、用意されたデザインのブロックがあるので、そこにデータを落とし込んでいきます。

表示崩れがあるところは、インラインでCSSを適用する感じです。

既存サイトの下層ページをローカルで見れる状態にする

おそらく、別なサーバーに引っ越す予定で、そのさいにいったんローカルにサイトデータを落としてそこにいろいろ組み込んでからデータを移したいのだと勝手に思ってますが、その過程の作業です。

下層ページが50ページぐらいあるサイトの、その下層データを公開上のサイトからデータをダウンロードし、CSSやJSファイル、画像のパスなどローカルでも表示されるようにすべて書き換えるという仕事でした。

こちらはほぼほぼコーディングはしないで、ローカルでサイトが見れる状態になればよい、という仕事なのでパスの書き換え100%という仕事でした…

ページ数がめちゃくちゃ多かったので苦労した記憶があります…笑

ベースコーディングを参考に、追加ページ作成

ベースコーディングデータを渡されて、それを参考に追加ページを作成するお仕事です。参考ファイルが手元にあるので、やりやすいです。

自分流でコーディングできないという難点がありますが、他人のコードはめちゃくちゃ参考になるので、料金以外で得るものは大きいです。

デザインカンプがWordでコーディング

デザインカンプと聞くとAdobeXdやFigmaあたりが思い浮かびますが、Wordや、スプレッドシート、もしくはエクセルで作られたデザインカンプも存在します。エクセルやスプレッドシードでやったことはないですが、スプレッドシードのデザインカンプは見たことはあります。

Wordで作成されたデザインでどうやってコーディングすりゃいいねん、と思いますが、構造自体は超シンプルかつ参考サイトがあったのでなんとかなりました笑

PCデザインかSPデザインのどちらかが「よしなに」でコーディング

PCのデザインカンプ、もしくはSPのデザインカンプのどちらか片方だけいただき、もらっていないほうはいわゆる「よしなに」でコーディング。

私の場合は、参考サイトを渡されて「PCはこんな感じで~(SPデザインカンプのみ渡された場合」とインナー幅とか参考にする程度。

まとめ

いろんな仕事があって、その内容ごとに対応が違うので同じWeb制作でもいろいろ経験できます。

コーディングだけの仕事なくても、上で紹介したようなちょっとした仕事もあるので、なんとかなります。

ここまで読んでくださりありがとうございました。

この記事を書いた人