週末・土日にできるHTML・CSSコーディングの副業と案件獲得方法

2018.03.24

HTMLやCSSでのコーディングでホームページやLPの制作を副業で受注したい、と考えている方は多いですよね。この記事を読んでいる方もその一人ではないでしょうか。今回はHTMLやCSSコーディングで副業を始めたい方のために、副業の始め方や案件の獲得方法についてご紹介していきます。

なお、前半部分ではHTMLやCSSとは?といった内容でおさらいを入れておりますので、副業案件をお探しの方はこちらから読み進めてください。

おさらい – そもそもHTMLとは?

HTMLをプログラミング言語と呼ぶと、先輩に怒られるかもしれません。正確にはマークアップ言語で、ブラウザのなかのテキストや画像を表現するための言語です。Webが始まった頃に作られ、今もバージョンアップを繰り返しながら使われ続けています。

ブラウザで右クリックして「ソースを表示」とすると、<>タグで覆われた記号がでてきます。それがHTMLです。タグは正しく閉じていないといけず、< html >で始まったタグはで閉じることが必要です。

さらには、入れ子で使うことも特徴的です。たとえば、

タグは段落を表現するタグで、タグは画像を貼り付けるタグです。

”アイキャッチ”

とすることで、タグを入れ子にでき、画像ファイルを揃えることができます。

HTMLは難しい言語ではなく、コツをつかめば1日で理解できる言語です。時間を掛ける必要はなく、大きくバージョンアップされることも少ないので、基礎的なタグと構造だけ理解しておけば事足ります。あとは必要になる度検索すればどうにかなるものです。

HTMLの人気はどう?

HTMLの人気といいますか、Web制作を行っていく上で知っていないといけない基礎教養でもあるので、人気関係なく知識は必須です。上述の通り難しいものではありませんので、ちゃっちゃとマスターしてしまいましょう。

実はサイトをみていると、このHTMLがおろそかになっているケースは多く、タグが正しく閉じていなかったり、全角で書かれていたり、HTMLやHEAD、BODYタグが1枚のページに2回出てきたりと、きちんと書かれていないこともあるのです。タグは閉じ、半角で書き、そしてHTML、HEAD、BODYタグは1回のみ使用します。

HTMLの将来性は?

今後もインターネットにブラウザでアクセスする限り、HTMLの需要はなくならないものとみられます。ただし、アプリが全盛になって、ブラウザが全く使われなくなる未来がきたら、それはHTMLが無くなる日かもしれません。しかし、アプリだけでなくブラウザでもインターネットにアクセスしますので、HTMLの知識は陳腐にならないものと考えていいでしょう。

一時期「HTML5は世界を変える」といわれて大々的に期待が持たれましたが、世界は変わっていないどころか、過去との互換性が大切なので、古いHTMLコードもブラウザは理解します。

Google検索との関連性は?

HTMLタグは、コンテンツを書いたり、イメージを掲載したりするためのパワフルな言語です。では、Google検索との関連性はどうなのでしょうか。Googleで検索したときに、上位表示されることをSEO(Search Engine Optimization)と呼びます。

そのSEOにおいて、HTMLタグはとても重要です。たとえば、タイトルはちゃんとTITLEタグで表示されなければならないこと。そしてh1,h2,h3タグなどでGoogleに重要な見出しを伝えなければなりません。

しかし、前述の通り、世の中には1回しか使ってはならないタグが2回出てくるといったきれいではないサイトも存在します。それでも、Googleはちゃんとみています。HTMLタグのエラーを、W3Cに準拠してないタグはW3Cエラーと呼びますが、SEO的には無関係なのです。最近のGoogleのアルゴリズムはとてもかしこいので、エラーがでていても、読み込んでくれます。

だからといってエラーが出ていてもいいとはいえませんが、おそれずサイトを作っていくことも大切です。ただし、W3CエラーはSEO的に無関係と言っても、顧客のサイトでエラーを出すと信用に関わりますので注意してください。

おさらい – そもそもCSSとは?

CSSはスタイルシートで、ブラウザのデザインをカスタマイズするものです。

CSSもHTML同様、基本的なWebを扱う上での教養的な存在です。しかし、CSSはHTMLと比べて、デザインセンスを要求します。そしてほんのすこしだけプログラミングに近いものがあります。

といっても、ブラウザを操作するのが目的の言語なので、スクリプト言語を理解する気さえあれば、マスターすることができます。基礎的な学習に必要な時間は、独学なら3日から1週間程度でしょうか。

そんなCSSの人気はどうなの?

そんなCSSの人気はどうなのでしょうか。登場は1995年頃で、2000年ごろのインターネットが盛んになりはじめた時期から多くのプログラマが使っている言語です。それから20年以上が経過した現在でも使われており、非常に人気です。

昔はフルスクラッチでゼロから記述していましたが、最近ではフレームワークが整備されているので、そのようなことはありません。準備されたフレームワークを使って、より高度な表現にチャレンジしましょう!

CSSの将来性は?

ブラウザでインターネットをするという習慣がある限り、使われ続けることは間違いないでしょう。つまりよほどのイノベーションがあって、ブラウジングより便利なネットサーフィンの方法が見つかれば別ですが、当分はCSSが使われるものと思われます。

身につけておいて損はない知識であり、言語です。

HTML,CSSコーディングと同時に利用されることの多いJavaScriptとは?

JavaScriptもHTML同様、基本的なWebを扱う上での教養的な存在です。しかし、JavaScriptはHTMLと比べて、プログラミング言語で型宣言などがあるため、やや複雑でプログラミングセンスが必要です。

といっても、ブラウザを操作するのが目的の言語なので、スクリプト言語を理解する気さえあれば、マスターすることができます。基礎的な学習に必要な時間は、独学なら3日から1週間程度でしょうか。

そんなJavaScriptの人気はどうなの?

そんなJavaScriptの人気はどうなのでしょうか。登場は1995年頃で、2000年ごろのインターネットが盛んになりはじめた時期から多くのプログラマが使っている言語です。それから20年以上が経過した現在でも使われており、非常に人気です。

JavaScriptの将来性は?

ブラウザでインターネットをするという習慣がある限り、使われ続けることは間違いないでしょう。つまりよほどのイノベーションがあって、ブラウジングより便利なネットサーフィンの方法が見つかれば別ですが、当分はJavaScriptが使われるものと思われます。身につけておいて損はない知識であり、言語です。

ただ、JavaScriptはブラウザ上で動作するため、利用者がソースコードをみれば何を実装しているか丸見えになります。たとえば、「史上最悪のソースコード」と呼ばれたプログラムはJavaScriptで書かれており、クライアントサイドにパスワードをすべてひっぱってきて、利用者の入力したパスと突合するという実装がされていました。あまりシビアな記述をすると、情報漏えいに繋がりかねないので慎重なコーディングが必要です。

案件の獲得方法は?

土日にこのふたつの言語を使ってプチ稼ぎを行う場合、仕事がとれなければ意味がありません。そこそこのボリュームで稼げるサイト。シューマツワーカーを使えば、土日や週末にHTMLとJavaScriptで稼げる案件が見つかりますよ。

その他にも、クラウドソーシングなどで探すことはできますが、激戦になるのでまだまだサイトが伸び盛りのシューマツワーカーがおすすめです。シューマツワーカーは自由度の高い案件が多いのが特徴で、高時給の案件を見つけることができる、今最もホットな求人サイトです。このシューマツワーカーをベースに、リモート案件が多いCodeal(コデアル)やReworkerなどのサービスを使って、案件を探してみてください。

シューマツワーカーに掲載されているコーディング案件をご紹介!

シューマツワーカーに掲載されているコーディング案件を3つピックアップして紹介します。ちなみに HTML / CSS / JavaScript などのフロントエンドの案件の数は、シューマツワーカーでは比較的多めです。

【時給2500円~ 】HTML/ CSS / JavaScript :イベント会社のフロントエンドエンジニア( 希望稼働時間は週10時間程度、フルリモートでの勤務も可。)
【時給2500円~ 】HTML/ CSS / JavaScript / PHP / WordPress : 採用代行サービス企業にてHPのリニューアルを担当 (週5時間~、リモート可能。 )
【時給2500円~】HTML/ CSS / JavaScript / Jquery : キャリア採用向けの新サービスのUI/UXデザインと開発(週10時間~、フルリモートも可。 )

Codeal(コデアル)


Codeal(コデアル)は週1~2日の複業や完全リモートの案件が特に多いサービスです。転職意欲が必要ない案件も多いので、地方のコーダーやマークアップエンジニアも利用できます。どんな案件が掲載されているのか3つピックアップして紹介します。

【時給2500円~ 】HTML/ CSS / jQuery :イベントプラットフォームのフロントエンドの開発(フルリモートでの勤務も可。週1~2日。)
【時給2500円~ 】HTML/ CSS / JavaScript :ファッションコンシェルジュアプリのフロントエンドの開発 (フルリモートでの勤務も可。週1~2日。)
【時給2500円~】HTML/ CSS / Photoshop:人材マッチングサービスのランディングページ制作(フルリモートでの勤務も可。週1~2日。 )

Codeal(コデアル)

Reworker


Reworkerというサービスも副業希望者向けのサービスのひとつです。案件の数はまだ少し少なめですが、フルリモート可能、時短勤務可、フルフレックスなど、比較的柔軟に働き方を選ぶことができます。

【時給1100円~ 】通販商品のLP制作や広告制作などを担当するコーダー( フルリモート可能。週15時間以上~。)
【年収280万~ 】企業のホームページ制作を担当するWEBデザイナー( 週3日~。フルリモート、時短OK。)

Reworker

ITプロパートナーズやWorkshipエージェントなども

フリーランス向けのITプロパートナーズやWorkshipエージェントにも副業案件がいくつかあります。まだまだ数は少ないですが、今後増えていく可能性があるので、定期的にどんな案件があるかチェックしてみましょう。

ちなみにフリーランス向けのエージェントを利用すると、非公開の案件を紹介してもらえたり、報酬額の交渉を自分の代わりにしてもらえるなどメリットがたくさんあります。マージン(紹介手数料)はかかりますが、案件が見つからなくて困っている人にとっては、ありがたいサービスのひとつです。

ITプロパートナーズ
Workshipエージェント

副業・複業案件探しならシューマツワーカーに!

週末の副業、土日にスキルアップも兼ねてプチ稼ぎ。そんなふうに感じたら、シューマツワーカーで仕事探しはいかがですか。今は副業の時代です。人生100年時代、スキルを高めて生き抜いていかなければなりません。プログラミングの腕に覚えがあれば、React.jsを駆使してぜひシューマツワーカーで仕事を探してください。非常におすすめの案件が揃っていますので、一度チェックをしてみましょう。

シューマツワーカーで副業案件を探す

関連記事

人気キーワード

カテゴリ一覧

シューマツワーカーとは?

今、 “働き方” がどんどん変化し、会社を辞めずに『副業』や『複業』をする人が増えています。しかし、いざ副業をしようと思っても、どこで仕事を探せばいいのかわかりませんよね。副業マッチングサービス シューマツワーカーはそんなあなたへ、週末や平日夜などの空いてる時間に働ける企業をご紹介するサービスです。フロントエンドエンジニアの副業案件バックエンドエンジニアの副業案件マーケターの副業案件デザイナーの副業案件と、ITやWeb業界の職種を中心に、多種多様な副業を紹介しています。週末や平日の空き時間を使ってスタートアップやベンチャー企業に参画しませんか?副業を探すならシューマツワーカー