未経験からWeb制作を仕事にするには：募集要件を作品と照合する

「HTMLとCSSを学んだ」と応募文に書けても、募集にある「サイト更新」をどの作品で示せばよいか迷う。未経験からWeb制作を仕事にするには、まず募集の作業と、自分が実際に行ったことを照合する必要があります。技術名の一覧を増やす前に、作品のどこを見せるか決めましょう。

ここでは、練習作品を一つ用意できた人向けに、応募準備の対応表を作ります。募集文と作品の記録は架空の記入例です。採用の保証や実在企業の応募条件ではありません。自分で使うときは、実際の募集文と確認済みの制作記録に置き換えてください。

職種名の下にある、作業を表す言葉を拾う

練習用の募集文は「紹介ページの更新、画像の差し替え、表示確認を担当。作品の提出をお願いします」です。「Web制作者」という職種名だけから、企画や撮影も含むと決めず、本文の動詞を三つ抜き出します。

更新とは何を変える仕事なのか、画像は支給されるのか、表示確認の対象は何か。この募集文だけでは分からない部分もあります。書いてある作業と、まだ聞く必要がある条件を別に残します。募集要件を、自分に都合のよい意味へ広げないためです。

実際の募集では、参照先と確認日を添え、必須条件と歓迎条件も区別します。「歓迎」の技術を持っていないという理由だけで必須条件を満たさないと判断したり、逆に必須の経験を短い練習で代替できると考えたりしないでください。条件が曖昧なら、応募先が案内する質問方法で確認します。

三つの募集要件を、作品の記録へ対応させる

作品は、架空の写真展の紹介サイトとします。文章と写真を差し替えた履歴はあるものの、狭い画面での確認記録はまだない、という設定です。対応表には、できそうなことではなく、示せるものを書きます。

募集にある作業	作品で示す箇所	次の準備
紹介ページの更新	展示名と開催案内を直した変更前後の原稿、対応するページ	見出しと案内の対応を保った理由を一文添える
画像の差し替え	同じ作品欄の写真を交換した前後の画面とファイル	写真の参照先と説明文を照合した記録を添える
表示確認	広い画面の画像だけあり、狭い画面は未確認	同じ原稿を狭い幅で確認し、末尾まで読めるか記録する

三行目が空欄でも、別の技術名で埋める必要はありません。「表示確認の記録を追加する」という次の作業が決まれば、この表は役に立っています。逆に、画面画像があるだけで「各端末で検証済み」と書くと、記録が裏付ける範囲を超えます。

作品に添える説明は、例えば「自主制作の写真展サイトで、展示案内の文章と写真を差し替えました。変更前後と照合した箇所を示します。狭い画面の表示確認はこれから行います」です。最後の一文は、実際に確認が済んでから結果へ書き換えます。確認予定を過去の実績として先に書かないようにしましょう。

作品全体の紹介文を整えるときは、制作の理由を伝える記事が使えます。この対応表では、作品の魅力をすべて語るより、応募先が求める作業をどこで確認できるかを優先します。

技術名だけの行と、盛りすぎた担当欄を直す

一つ目の失敗は、画像の差し替えの欄へ「HTML・CSS」とだけ書くことです。何を使ったかは分かっても、その募集作業を行ったかは読み取れません。写真を交換したページと、説明文も確認した記録を指せる形へ直します。表を読み返し、参照先を開けば変更箇所へたどり着くか確かめてください。

二つ目は、共同制作の完成画面を、自分一人で作った作品として対応させることです。画面が完成していても、自分が扱ったのが原稿更新だけなら、実装や公開まで担当した根拠にはなりません。「共同制作のうち、展示案内の原稿更新を担当」と区切り、他の人の作業はその人の担当として残します。

修正後は、募集文、担当欄、添付する画面の三つを見比べます。担当欄に書いた作業を画面だけで説明できないなら、変更履歴や自分のメモも添えます。ただし、共同制作者や依頼者の資料を掲載するときは、共有できる範囲を確認してください。説明のために非公開の原稿まで公開する必要はありません。

もう一つ混ざりやすいのが、教材を読んだ経験と、自分で確認した経験です。「公開方法を学んだ」と「公開先で自分のページを確認した」は別です。教材の視聴だけなら、作品内の該当箇所ではなく、今後の練習へ記録します。

不足を練習で埋めるか、先に質問するか

狭い画面での記録がない場合は、自分の作品で確認を追加できます。対象のページ、画面幅、ブラウザー、確認した文章、見つかった問題を残し、直した後も同じ条件で見直します。未確認だった行を、実際の結果に置き換えるための練習です。

一方、原稿を誰が用意するか、公開前に誰が承認するかは、練習だけでは分かりません。「更新用の原稿と画像は支給されますか」「公開前の確認はどなたと行いますか」と、担当範囲を確かめる質問へ回します。自分の作業不足と、相手にしか分からない条件を混ぜないようにします。

表の使いどころは、募集と作品の対応を整理するときです。募集にあるすべての作業へ無理に作品を当てたり、応募資格を満たすかをこの表だけで判定したりする用途には向きません。経験年数や資格などの明記がある場合は、その条件自体を確認してください。作品の対応がよいことと、応募条件を満たすことは同じではありません。

作品で示せることと、応募前に尋ねることを分ける

手元の募集を一つと作品を一つ選び、三行の表を作ります。まだ募集を選んでいなければ、上の模擬例から始められます。完成した表は、次の条件で読み直してください。

• 「画像の差し替え」の行から、該当するページと変更前後へたどれる。技術名だけの行は残さない。
• 狭い画面を試していない段階では、表示確認の欄が未確認になっている。実施後は条件と結果を追記する。
• 原稿の支給については、作品の不足へ書かず、相手への質問へ残している。
• 自主制作・共同制作・実務の別が分かり、共同制作では自分の担当範囲を指せる。

模擬例なら「表示確認は自分で追加する」「原稿の支給は質問する」と分けられれば、次に行うことが決まっています。練習課題を探すときは、カリキュラムの提出物と照合できます。実施していない作業は、確認後に記録を更新しましょう。