ピックアップ

転職・在宅ワークにも繋がる！Web制作の副業の仕事内容と収入を徹底解説

テックアカデミーマガジンは受講者数No.1のプログラミングスクール「テックアカデミー」が運営。初心者向けにプロが解説した記事を公開中。現役エンジニアの方はこちらをご覧ください。 ※ アンケートモニター提供元：GMOリサーチ株式会社　調査期間：2021年8月12日～8月16日　調査対象：2020年8月以降にプログラミングスクールを受講した18～80歳の男女1,000名　調査手法：インターネット調査

この記事を書いた人

テックアカデミーマガジン編集部

皆さんは本業の収入やお仕事に満足していますか？
「転職するほど不満があるわけではないけど将来を考えた時にこのままで良いか、なんとなく不安」という方が多いのではないでしょうか。

多くの企業で副業が解禁されたことにより、副業で本業ではできない経験を積んだり、新しいスキルを身につけて報酬を増やす方が増えています。副業に取り組んでいる人と、取り組んでいない人の収入やスキル、経験の差はこれからどんどん大きくなることが容易に想像できます。

副業には様々な職種がありますが、せっかく始めるのであれば転職などご自身のキャリアにも繋がるお仕事を始めてみることをおすすめします。中でもWeb制作の副業はスキルアップや自己研鑽につながり、転職にも役立つ選択肢だと言えます。この記事では、Web制作の仕事内容や必要なスキル、未経験の方がWeb制作の副業に取り組むまでの手順について解説します。

Web制作の仕事内容

Web制作とは、インターネット上で公開されるWebサイトやページを作ったり、修正したりすることです。Webサイトには企業サイト、通販サイト、LP（ランディングページ）、ブログなど様々な種類があります。

過去に、趣味などでホームページを制作したことがあるという方もいらっしゃるのではないでしょうか。Web制作は、多くの企業や団体、個人がインターネット上で情報発信やビジネス展開を行うために必要なスキルであり需要が高いと言えます。特に、ECサイトやスマートフォンの普及に伴って、オンラインでの販売や情報発信がますます重要になっており、Web制作の需要は今後も増えていくことが予想されています。最近は多くの企業がWebサイトを持っていることから、サイトを作るだけでなく、サイトのリニューアルやWebページを更新する仕事も増えています。

Web制作の仕事は主に以下の2つに分類されます。

Webデザイン

WebサイトのデザインやUI（フォントやメニューなどのユーザーが目にする部分・ボタンなどの操作する部分）設計を担当します。この仕事をする方は主にWebデザイナーと呼ばれています。ロゴデザインやバナー制作、ページのレイアウトや色使い、フォント選びなどが具体的な仕事内容です。

Web開発

Webサイトのプログラミングを行います。主に、HTML、CSS、JavaScript等のフロントエンド技術や、PHPやRuby等のサーバーサイド技術を使用し、Webサイトやアプリケーションを構築します。この仕事をする方は主にWebエンジニア（フロントエンドエンジニア、サーバーサイドエンジニア）と呼ばれています。

Web制作は自宅での作業、つまり在宅ワークが可能であることから副業に適しています。

通勤時間がなく、ネットワーク環境が整っている場所であればどこでも仕事ができる点が大きなメリットです。そのため地方に住んでいる方や子育て中で自宅で仕事をしたいという方に非常に適した仕事とも言えます。現在本業で通勤している方も、本業が終わった後に外で仕事をしたり、休日の空いた時間に自宅で仕事をすることもできます。

またWeb制作を副業として行う際には、クラウドソーシングサービスや個人のネットワークを活用しながら、案件を受注していくことになります。プロジェクト単位での契約が多いため、自分のスキルや時間に合わせて適切な案件を受注することができます。

さらに、Web制作の知識やスキルは独学でも身につけることが可能であり、独学以外でもスクールや、書籍など多くの教材があることから、未経験者の方でも始めやすい職種だと考えられています。

どんな人に向いているのか

Web制作は以下のような人におすすめです。
実際にWeb制作に取り組んでみてご自身に合っているかを確かめてみることも良いでしょう。

柔軟な働き方を求める人

Web制作は自宅やカフェなどで作業ができ、副業としても始めやすいため、柔軟な働き方を求める人に適しています。

ものづくりが好きな人

自分のアイディアを形にしたり、自分が作ったものが誰かの役に立つことにやりがいを感じる方にはWeb制作が向いています。

論理的思考力や問題解決能力がある人

コーディングやプログラミングには、論理的思考力や問題解決能力が必要です。仕様に応じて効率的なコードを書いたり、バグ（プログラム上での誤りなど）を見つけて解決することが多いため、細かい作業をしたり課題解決に向けて取り組むことが得意な人に向いています。

コツコツできる人

Web制作はトライアンドエラーで理想のサイトに近づけていく作業です。コツコツと解決していくことが好きな方に向いています。また、Web制作の技術はどんどん進化していきますので、自分で調べて学ぶことが好きな人や、学習を続けることができる方は、自身の市場価値向上に繋がり、転職しやすくなります。

[PR] プログラミングで挫折しない学習方法を動画で公開中

必要なスキル

Web制作に必要なスキルは多岐にわたりますが、多くのスキルを身につけることでより高度なWebサイト制作が可能になります。まずはWeb制作に最低限必要なスキルであるHTML/CSS、JavaScriptから学習することをおすすめします。

HTML/CSS

Webページの基本的な構造を作るためには、HTMLとCSSの知識が必要です。HTMLはコンテンツの構造を記述し、CSSはデザインを記述する言語です。

JavaScript

Webページに動的な要素を追加するために、JavaScriptを使用します。クライアントサイドで動作するスクリプト言語で、Webページの動的な操作やアニメーションなどを実現できます。

デザインツール

Webサイトのデザインを作成するためにはPhotoshopやIllustratorなどのグラフィックソフトウェアや、SketchやFigmaなどのUI/UXデザインツールを使用します。

バージョン管理システム

複数の人が同時にWebサイトを開発する場合、バージョン管理システムを使用して、ファイルの変更履歴を管理します。代表的なバージョン管理システムには、Gitがあります。

プログラミング言語

Webサイトのサーバーサイド処理やデータベースとのやりとりには、PHPやPython、Rubyなどのプログラミング言語を使用します。Webサイトの機能を拡張することができます。

SEO

Webサイトの検索エンジン最適化するための知識も必要です。Webサイトの検索結果で上位に表示されるための対策や、キーワードの選定などを行うためのテクニックです。

Web制作の仕事は多岐にわたりますが、世の中のIT人材不足などの背景から一定の市場需要があるため、スキルを磨けば収入を増やすことが可能です。
上記以外にもクライアントとのコミュニケーションや納期管理など、ビジネススキルも同時に求められるため、意欲的に取り組むことが大切です。

副業での収入実例

Web制作の副業で得られる収入は、個々のスキルレベルや経験、案件の規模や難易度、地域によって異なります。一般的に、簡単なWebサイト制作では数万円から、大規模・高度なプロジェクトでは数十万円まで稼ぐことが可能です。

一般的な収入例をいくつか示します。

メーカー画像デザイン制作（バナー制作）：1〜2万円
大手洗剤メーカーECサイト用画像制作：1〜2万円
大手食品会社Webページ制作（HTML/CSSコーディング）：1〜2万円
大手建築企業Webページ制作（HTML/CSSコーディング）：3〜4万円
エネルギー系企業Webページ制作（HTML/CSSコーディング）：4〜5万円

Web制作が転職に役立つ理由

Web制作スキルは、多くの企業で需要があり、将来性が高い職種です。副業で得た経験や実績を活かすことで、Web制作の専門職として転職することが可能です。IT企業への転職を考えている方にもおすすめだと言えます。また、フリーランスになったり、独立してWeb制作に特化した会社を立ち上げるという選択肢もあります。

Web制作会社で社員として働く場合

企業で働くWeb制作者の場合、経験や役職によって収入が異なります。日本の場合、初心者のWebデザイナーやエンジニアの年収は300万円～500万円が一般的です。経験が増え、マネージャーやディレクターに昇格すると、年収が600万円～1000万円になることもあります。

フリーランスのWeb制作者として働く場合

フリーランスの場合、案件の規模や難易度、交渉力によって収入が変わります。簡単なウェブサイト制作で数万円から、大規模・高度なプロジェクトで数百万円まで稼ぐことができます。ただし、フリーランスは仕事の安定性が低いため、収入が不安定になることもあります。

Web制作を請け負う会社のオーナーとして働く場合

自分でWeb制作会社を立ち上げ、ビジネスを拡大させることができれば、高額な収入を得ることも可能です。ただし、会社経営の成功は保証されておらず、事業戦略やチームの組織力などが重要になります。

働く形態や地域によっては、高収入を得られるチャンスもあります。ただし、収入だけでなく、スキルアップやキャリアパス、働く環境なども総合的に考慮することが重要です。

Web制作副業の始め方

Web制作の副業のイメージが掴めてきましたでしょうか。次にWeb制作の副業を始めるための手順を解説します。初心者の方がWeb制作の仕事を始めるためには、以下のステップで学習を進めることをおすすめします。

基本的な知識を学ぶ

まずはHTML、CSS、JavaScriptの基本的な知識を習得しましょう。これらはWeb制作に必要な最低限の技術です。これらの言語を理解することで、Webページの構造やデザイン、インタラクションを作成・編集することができます。

オンライン教材を活用する

初心者向けのオンライン教材やチュートリアル、コーディングを学べるプラットフォームが多数あります。それらを活用しながら実践的な練習を行いましょう。有名なサービスやサイトとしては、Progate、ドットインストール、Udemyなどがあります。

デザインの基本知識を学ぶ

Web制作では、ユーザーにとって使いやすく魅力的なデザインを作成するスキルも重要です。デザインの基本原則（コントラスト、繰り返し、配置、プロポーション）や、UI/UXデザインの知識を学びましょう。

Web制作ツールを学ぶ

Adobe PhotoshopやAdobe XD、Sketch、Figmaなどのデザインツールを使いこなせると、効率的に制作ができます。各ツールの公式チュートリアルや、オンラインコースを活用して学びましょう。

ポートフォリオサイトを作成する

自分のスキルをアピールできるポートフォリオサイトを作成しましょう。Web制作で作成したWebページやアプリケーションなどの作品を載せることで、クライアントに自分の実力をアピールすることができます。

仕事を探す

ポートフォリオサイトが完成したら、フリーランスの仕事を探しましょう。クラウドソーシングサイトやSNS、知人や友人からの紹介など、様々な方法で仕事を獲得することができます。また、エントリーレベルのWeb制作を求める企業に応募することもひとつの方法です。最初は簡単な案件から始め、経験を積み重ねることでスキルを磨いていくことが大切です。地道に学び、練習し、経験を重ねることで、Web制作者としてのキャリアを築いていくことができます。

テックアカデミーでは未経験の方でも0からWeb制作の基礎を学び、在宅ワークができる力を身につけることができる「はじめての副業コース」をご用意しています。テックアカデミーの中でも1番人気のコースで、30代〜60代以上の方が全体の約6割、30代の方だけでも約4割を占めています。女性の方の受講も多く、年齢や性別関係なくどなたでも受講しやすくなっています。

またスキルを身につけられるだけでなく、「テックアカデミーワークス」という受講生限定の副業支援サービス（無料）もございますので、未経験の方でも学習後に必ずWeb制作のお仕事に取り組むことができます。（※実力判定テスト合格後1ヶ月以内に案件をご紹介します。）

Web制作の副業を始めるために

Web制作の副業は、スキルアップや実績作りにより、転職などご自身の新たなキャリアにもつながる可能性があります。仕事内容や収入について理解し、自分に適した働き方を見つけてみてください。
テックアカデミーでは無料でカウンセラーに相談できる「無料相談」を毎日行っています。500円分のアマゾンギフトカードをプレゼントしていますので、Web制作の副業をする上で不安なことや、テックアカデミーについて詳しく聞いてみたいという方はぜひ活用してみてください。

あわせてよく読まれている記事

在宅でできる副業おすすめ職種20選【月5万円稼ぐ方法】

「スキマ時間で稼げる副業はないかな…？」「どうせなら在宅でできる副業はないかな…？」「スキルを身につけながら稼ぐことはできないかな…？」この記事では、在宅でできるおすすめの副業20選を紹介し、選び方、副業をする上での注意点まで解説しています。今の会社の収入だけでは満足できていない人会社に出勤するのが無駄だと思っている人そんな人に向けて書きました。この記事を最後まで読めば、あなたにぴったりの副業が見つかるでしょう。目次Web制作の仕事内容WebデザインWeb開発どんな人に向いているのか柔軟な働き方を求める人ものづくりが好きな人論理的思考力や問題解決能力がある人コツコツできる人必要なスキルHTML/CSSJavaScriptデザインツールバージョン管理システムプログラミング言語SEO 副業での収入実例Web制作が転職に役立つ理由 Web制作会社で社員として働く場合フリーランスのWeb制作者として働く場合Web制作を請け負う会社のオーナーとして働く場合Web制作副業の始め方基本的な知識を学ぶオンライン教材を活用するデザインの基本知識を学ぶWeb制作ツールを学ぶポートフォリオサイトを作成する仕事を探すWeb制作の副業を始めるために副業で特におすすめなのはIT系の副業です。習得に時間と労力はかかるが、しっかり力をつければ安定して稼ぐことができます。プログラミングは今後必要とされるスキルですので、副業を機会に始めてみるとよいでしょう。難しい印象がありますが、意外と楽しく感じる人も多いので、まずはIT系の副業について勉強してみるのがおすすめです。プログラマー Webサイト制作 Webデザインプログラミングで副業したい人向けに、未経験から副業プログラミングで稼ぐ方法を解説した記事もあります。ぜひご覧ください。 1 在宅でできる副業20選在宅でできる副業にはどのようなものがあるのでしょうか。現在人気の副業を中心に、それぞれの特徴をまとめました。また、スキマ時間で毎月一定収入を稼ぎたいと考えている方向けに、「現実的に副業の範囲で5万円稼げるのか」という点についても説明しています。 1.1 Webライティング Webライティングは、クライアントが指定した内容やテーマに沿って、記事を執筆する仕事です。 Webメディアをはじめとする、様々な媒体でニーズがあり、ブログや商品紹介ページの作成、最近ではYouTubeの台本などの仕事もあります。 Webでの検索は今後も増加していく一方ですので、圧倒的に将来性がある副業だと言えるでしょう。また、時間の確保さえできれば、毎月5万円を安定的に稼ぐことが可能です。長期間継続し、文字単価を上げることができればより少ない時間で収入を得られるようになります。向いている人継続的にスキルアップし、専門性を高めていける人記事を書くために多くのWebサイトや資料を読み込むため、情報収集が苦にならない人様々な分野に興味を持つことができる人タイピングに自信がある人報酬体系文字単価に、納品した記事の文字数を掛け合わせて計算する 1文字0.5円〜3円、1件あたり2000文字〜10000文字が相場成果報酬型のため、案件を多く受けることができればその分収入アップにつながるクラウドソーシングなどのサイトを利用すれば、案件を受注し納品することで即収入が発生メリット日本語の読み書きができれば、特別なスキルがいらない本業にも通じる文章作成能力が身につくデメリットライバルが多く、案件が取りづらい可能性がある案件が取れたとしても最初のうちは低単価で受注することも多くなる 1.2 ブログ自分自身で開設したブログから収益を得る仕事です。ただし、記事を更新するだけでは収益が発生しません。主に記事に外部企業の商品広告を貼り、そこから商品を購入したユーザーがいる場合に手数料が受け取れる「アフィエイト」と、Googleのバナー広告を掲載し記事がクリックされると報酬が発生する「Google アドセンス」という2つの方法があります。 Web広告の市場規模は年々拡大しているため、今後もニーズが増え続けていくでしょう。しかし、ブログアフィリエイターの30％以上が、ブログからの収入を得られていません。月5万円を稼ぐとなると、上位20％に入る必要があるため、安定的に稼ぐためのハードルはかなり高いと言えるでしょう。参考：特定非営利活動法人　アフィリエイトマーケティング協会　「アフィリエイトに関する市場調査　2020年向いている人収益化するまで記事更新を継続できる人「これだけは他の人に負けない」といった特定の分野に精通している人報酬体系アフリエイトの場合、広告を通して商品を1つ購入した場合に、商品価格の数％または一定額が支払われる報酬額は商品ごとに異なり、1件あたり100円〜数千円アドセンスの場合、1クリック30〜40円、PV数次第で収益が変わる記事作成後、検索に反映されるまで3ヶ月ほどかかることがほとんどのため、収益化までは少し時間がかかるメリット P V数を増やす過程で、記事のライティングスキルや集客スキルが身につく一度稼げるブログを作ってしまえば、何もしなくても広告収入が発生するため不労所得を得ることができるデメリット競争が激しく収益化するまでに時間がかかる 1.3 プログラマープログラミング言語を用いて、様々なシステムやアプリケーションを作成したり、動かしたりする仕事です。基幹システムのサーバー構築や、既存システムの開発やテストといった業務内容があります。2018年の時点で、プログラマーのようなIT人材は約20万人以上不足となっており、2025年ではIT人材は36万人の不足と試算されています。金融や家電、自動車など様々な分野においてI Tの活用が推進されていることも追い風になっており、かなり将来性がある職業だといえるでしょう。参考：経済産業省　2019年　I T人材需給に関する調査 1案件あたりの単価が高く、スキルが身につけば短い時間で納品まで完了できますので毎月5万を安定して稼ぐことは可能でしょう。場合によっては1案件で数十万円稼ぐこともできるのがプログラマーの特徴です。ただし、高額な案件を獲得するには、それなりの経験が求められます。企業で3年以上の実務経験と向上心が必要になりますが、満たしていれば時給4,000円以上も視野に入るでしょう。向いている人プログラミングに必要な知識は日々アップデートされているため、常に新しいことを学んで行ける人向上心があり、前向きに取り組める人本業でプログラミングに携わっている人報酬体系プロジェクトごとに異なり、1案件あたりの単価は5〜10万円以上になることが多い高い技術が必要とされるアプリケーション作成の場合には30万円以上となることもある知識を得るために一定時間が必要とされるため、最低3ヶ月は収益が発生しない可能性が高いメリットプログラミング言語は一度覚えてしまえば様々な分野に応用可能なため、手に職をつけることができるニーズが高く、案件に困ることがない一般的にスキル習得難易度が高いと思われているが地道に継続すれば未経験からも習得できるデメリット知識を取得するまでには一定時間を確保する必要がある案件を獲得するには企業で数年の就業経験が必要関連記事：【副業】プログラミング未経験から稼ぐ方法を徹底解説 1.4 Webサイト制作ホームページやLP（ランディングページ）などのWebサイト制作をする仕事です。主にプログラミング言語を用いてコーディングをすることがメインの業務となります。現在、企業活動を行うにあたってホームページの設置は必須といえます。ホームページからの集客を重視している企業も多くなってきていますので、今後も必要とされ続ける職種です。スキルアップのための地道な努力さえできれば、初心者であっても毎月5万を継続して稼ぐことは可能です。後述するWebデザインとのスキルのかけ算で単価を上げることも可能です。案件獲得の競争が激しいという一面はありますが、ポートフォリオ作る、低単価でも実績を積み重ねる、などの工夫をすれば月5万の収益を達成できるでしょう。向いている人必要な知識が日々アップデートされていくため、常に新しいことを学ぶことができる人報酬体系クラウドソーシングから受注する場合は、1ページあたり5000円〜が相場 Word Pressのテーマ制作やコーポレートサイト全体の設計などをする場合は10万円以上になる場合も多い知識を得るために一定時間が必要とされるため、最低3ヶ月は収益が発生しない可能性が高いメリットアプリケーション制作やシステム構築を行う場合と比べてWeb制作に必要なプログラミング知識は少なくなっているため、学習を始めて収益化するまでのハードルはやや低い YouTubeの無料教材を利用したり、プログラミングスクールを利用したりすることで効率よく学べる環境があるデメリットクラウドソーシングなどのサイトでは案件数に対して応募者が多く、競争が激しくなる可能性が高い関連記事：【副業】プログラミング未経験から稼ぐ方法を徹底解説 1.5 Webデザイン Web上に表示されるページの見た目に関する制作を行う仕事です。 Webサービスや広告用LP（ランディングページ）の作成など業務は幅広く、クライアントの依頼を受けて、使い勝手の良い魅力あるページ構成やデザインを考えることがメインの業務となります。自社の魅力を世間によりよく発信するために、Webサイトにデザイン性を重視する企業が増えているため需要は高まってきているといえるでしょう。スキルアップのための地道な努力さえできれば、初心者であっても毎月5万を継続して稼ぐことは可能です。ポートフォリオを作る、低単価でも実績を積み重ねるなどの工夫をすれば月5万の収益を達成できます。先述したWebサイト制作とのスキルのかけ算で単価を上げることも可能です。向いている人新しい技術を吸収することに喜びを見出せる人デザイン以外の幅広い業務をすることに抵抗がない人報酬体系クライアントにより異なり、1案件数千円〜数万円と幅広い企業向けの場合単価が高く10万円以上の案件も多くなる知識を得るために一定時間が必要とされるため、最低3ヶ月は収益が発生しない可能性が高いメリット Web制作に必要なスキル全般が身につくデザインに関して顧客との折衝・調整を行うことも多く、コミュニケーション能力が身につくプログラミングやUI・UXデザインに関するスキルも身につくため、副業から本業へのシフトチェンジも視野に入れつつ、仕事に取り組むことができるデメリット仕事の依頼を受けることができるレベルに達するまで、一定の学習時間を必要とする関連記事：【副業】プログラミング未経験から稼ぐ方法を徹底解説 1.6 イラスト制作ロゴ、名刺、アイコン、キャラクターなどのデザインをする仕事です。クライアントからコンセプトや完成イメージの指示を受け、デザインをしていきます。LINEスタンプやキャラクターデザイン、図解やTwitterのアイコンなど、様々な分野でイラストが必要とされており、今後もニーズは拡大していくでしょう。初心者でスキルやセンスがない場合、案件が獲得できず1ヶ月の売り上げが数千円で終わってしまうことも多いでしょう。スキルがあっても案件が単発で終わってしまうことも多いため、常に営業・集客をしていかなければ継続して収益を上げることは難しいのではないでしょうか。向いている人自分のデザインスキルやセンスに自信がある人趣味として絵を描いたりデザインすることが好きな人報酬体系 1案件数百円〜数千円とクライアントにより稼げる金額は幅広い企業向け案件の場合単価が高くなるスキルさえあればすぐに稼ぐことができるが、1から始める場合やセンスがあまりないと感じる場合、収益発生までは数ヶ月〜1年以上かかるメリット案件が多数あるため、自分にあった案件を見つけやすいデメリット案件が獲得できるかどうかが各個人のスキルやセンスに左右されやすい良い品質で納品するために、専用のソフトウェアや機器を用意する等、初期投資にある程度の費用がかかる 1.7 ネットショップネット上に店舗を開き、商品を販売する仕事です。ネットショッピングの市場規模は年々拡大しており、将来性は高いといえます。参考：経済産業省　　電子商取引に関する市場調査の結果継続して売り上げをあげるためには、商品ラインナップや価格など、他の店舗と比べた優位性をアピールすることが必要になってきますが、大手と比べた場合、仕入れの面で不利になることも多いため、差別化をし選んでもらうショップにするためにはかなりの努力が必要です。全くの未経験から始めた場合、月5万というのはかなり高いハードルとなるでしょう。向いている人普段からネットショッピングをよく利用している人好きな商品ジャンルがある人 SNSのフォロワーがすでに多い人報酬体系商品の売り上げから仕入れにかかった費用を差し引いた分が利益となる安く仕入れることができる先を確保できていれば、利益を出しやすい商品がすぐに売れるとは限らないため、最低3ヶ月は売り上げが入ってこない可能性があるメリット実店舗と異なり、人件費を極力抑えて物品の販売をすることができるプログラミングの知識がなくても店舗ページを開くことができるプラットフォームも充実しているハンドメイド作品を販売し固定のファンを獲得することができれば継続した売り上げを見込めるデメリット数ある他のショップと差別化をすることが難しく、SNSなども使って集客を行わなければ売り上げが見込めない 1.8 カスタマーサポート企業へのお客様からの問い合わせに対して、メールやチャット、電話で対応をする仕事です。稼働時間の確保さえできれば、安定した金額を毎月稼ぐことができるといえるでしょう。向いている人丁寧な顧客対応が求められるため、飲食店などの接客業やコールセンターでの勤務経験がある人報酬体系時給制となることが多く、1時間あたり1,000円〜1,500円が相場働いた分だけ稼げるので、比較的早く収入を得ることができるメリットマニュアルに沿って対応をする形になるため、特別なスキルがなくても始めることができるデメリット契約上毎週一定時間働くことが求められるクレーム対応をする場合、ストレスが溜まりやすい 1.9 データ入力・文字起こしエクセルやワードにデータを入力したり、動画や音声の内容を聞き会話内容を文字にして書き起こす仕事です。企業内で使用する顧客リスト作成やプレゼン資料の作成、YouTubeの字幕作成といった作業があります。 1件あたりの単価が低いため月5万を稼ごうとすると、相当な時間を費やす必要が出てきます。初心者でも手が出しやすい分、スキルアップが案件の獲得や単価アップに繋がりにくいため、副業として取り組む場合一定金額で頭打ちとなる可能性が高いです。月5万稼ぐのはなかなか難しいといえるでしょう。向いている人淡々と作業をするのが好きな人タイピングのスピードに自信のある人事務職での勤務経験がある人報酬体系 1件あたり数百円〜数千円クラウドソーシングサイトでよく用いられる「タスク形式」の場合、1件入力するごとに数十円入力件数や文字数が多くなればなるほど、稼げる金額は増える作業をした分だけ収益に反映するため、比較的早く収入を得ることができるメリット特別なスキルが不要で、仕事を始めるハードルが低いデメリット 1件あたりの単価が低く、時給換算した収入が少なくなりやすい 1.10 コンサルティング自分が詳しい専門の分野で顧客の相談や指導をする仕事です。主な業務としてはクライアントの悩みを解決することになります。人の数だけ悩みがあると言われますので、需要は無くならない仕事だといえます。コンサルタントとしての実力があればリピーターを獲得できるため、月5万円を稼ぐことは容易です。しかし、スキルに自信がない場合や中途半端なスキルしか持っていない場合、顧客獲得に苦労する可能性が高いため、安定して稼ぐことは難しいでしょう。向いている人既に本業を通じて専門的な知見を持っている人結果にコミットするプロ意識の高い人報酬体系相談時間やコンサルティング後の業績など結果に対して、自身で設定した報酬を受け取るメリット初期費用が不要で、今までの経験や知識を生かすことができる単価が高い可能性があるデメリット本業を通じた人脈形成やSNS・ブログなどを用いた集客、ブランディングができなければ案件が獲得できない 1.11 Webマーケティング Webサービスを用いて企業の業務支援や売り上げアップのコンサルティングをする仕事です。SNSの運用代行や広告・メルマガ配信代行、SEO対策などがメインの業務となります。実力次第で稼げる金額が変わるため、人によって月5万円を稼ぐ難易度は異なりますが、これからWebマーケティングの勉強を始める人にとってはかなりハードルが高いといえるでしょう。向いている人自身でブログを運営し集客に成功している人本業でWeb広告営業に携わっている人本業でWebマーケティングに携わっている人報酬体系クライアントとの契約条件により異なる一般的には成果報酬・月額支払い・一括支払いのいずれかで契約するメリット Webサービスを使って稼ぐスキルを磨くことができるデメリット基本的に結果にコミットできる実力が必要となるため、案件を獲得するまでのハードルが高い 1.12 動画編集あらかじめ撮影された動画を見やすくするために、カット作業やテロップ挿入をする仕事です。企業のプロモーション動画やYouTube、ウェディングムービーなど様々な分野で動画編集のニーズは高まっています。高いスキルは必要とされないため、月5万円程度であれば比較的短期間で稼げる可能性は高いです。ただし、その分ライバルも多く今後案件が獲得しづらくなる可能性は高いでしょう。向いている人細かい作業をするのが苦にならない人報酬体系 1件あたり5,000円〜数万円で、企業向け案件の場合単価が高くなるクラウドソーシングサイトでの募集が多いため、即収入につながりやすいメリット自分自身でYouTubeやプレゼン動画を作る際に身につけたスキルが応用できる一定レベルのスキル取得までにプログラミングなどと比べて時間がかからないデメリット動画制作をするためのパソコンやソフトウェアに初期投資が必要 1.13 広告動画制作映像・写真・イラストといった素材を加工・効果付けをして動画を作る仕事です。動画クリエイターと言われることもあります。企業向けの動画広告作成については市場が拡大しており、将来性がある分野となっています。参考：サイバーエージェント　2020年国内動画広告の市場調査動画制作の経験があれば、広告運用等も合わせて依頼されることもあるため、1件あたりの単価も高くなりやすく、月5万円は達成可能といえます。ただし、スキルがない状態では案件獲得が難しく収益化しづらいでしょう。向いている人動画制作に携わったことがある人動画編集で一定の売り上げを上げている人報酬体系 1件あたり数万円〜数十万円企業向けの案件については単価が高い傾向にあるメリット汎用性の高い、本格的な動画制作のスキルを身につけることができるデメリット動画制作をするためのパソコンやソフトウェアに初期投資が必要スキルを身につけるまでに時間がかかる 1.14 写真撮影写真販売は、自分で撮影した写真を、ネットショップやストックフォトサービスで売って収入を得る仕事です。プロのカメラマンであれば別ですが、素人が副業として行う場合、売れ行きの良い写真を狙って撮るのはかなり難しく、安定的な収入を得ることは期待できないでしょう。向いている人カメラが趣味の人日頃からよく写真を撮る人報酬体系 1枚数百円〜数千円で販売するのが一般的ストックフォトサービスを使うと、販売価格から40～60％ほどの手数料が差し引かれるメリット趣味を仕事にできる始めるためのコストがほとんどかからないデメリット売れる写真を撮るためには専門的な学習とセンスが必要とされる 1.15 ナレーション企業の広告やアプリゲームに使用されるナレーションを提供する仕事です。 1件あたりの単価が低いだけではなく、募集されている案件の数も多いとはいえないため、月5万円を稼ぐことはなかなか難しいでしょう。向いている人声に自信がある人声優系の学校に通っていた、声優の仕事経験がある人報酬体系 1件あたり数百円〜数千円主にクラウドソーシングサイトやスキル販売サイトで募集しているメリット趣味を仕事にできるデメリット 1件あたりの単価が低い編集や録音をするための機材などの初期投資が必要 1.16 オンラインの家庭教師英語やダイエット、ビジネスなど自分の得意なことをオンラインで教える仕事です。副業として行う場合使える時間が限られてきますので、時間単価を上げることが必須になります。スキルがあれば時間あたりの単価を高く設定することも可能です。しかし、人気や実力がなければ顧客数に影響してしまうため、単価を上げることが容易ではなく、月5万まで稼ぐのは難しいといえます。また、参入障壁が低いのでライバルも多いでしょう。向いている人人に教えることが好きな人報酬体系スキル販売サイトで、1時間当たりの料金を設定し募集することが多い 1時間500円〜数千円程度メリット販売できるプラットフォームが多いデメリット時間を切り売りするのでスケジュール調整が難しい参入障壁が低くライバルが多い 1.17 Twitterの懸賞 Twitter懸賞とは、Twitterのアカウントを利用して応募できる懸賞・キャンペーンのことです。後日当選が発表される形式の懸賞の場合、フォロワー数やツイート・プロフィール内容に注意を払うことで当選確率を上げることができます。しかし通常の懸賞と同様、運の要素が強いため月5万を安定的に稼ぐことは期待できないでしょう。向いている人毎日Twitterを使っている人報酬体系 1回の抽選ごとに商品または現金が当たるメリット主催者が発信したツイートをリツイートするだけなので、ごく短時間で参加できるデメリット転用可能なスキルが全く身につかない見返りの有無が確率に左右される 1.18 フリマアプリフリマアプリで不用品を販売して収入を得る方法です。メルカリをはじめとするフリマアプリは多数リリースされており、ユーザー数も多いため、売るものがあれば即収入につながります。特にブランド品などは高く売れやすいため月5万円を稼ぐことは可能です。しかし、売るものがなくなった時点で出品ができませんので継続的に収入を得ることができないでしょう。向いている人自宅に物がたくさんある人報酬体系アプリを使用する場合、商品売上金額から、1商品販売するごとにかかる10％程度の手数料を差し引いた金額が収益となる即金性が高いメリット既に自宅にあるものを売るためコストがかからず収益を上げやすいデメリット一時的にしか稼ぐことができない転用可能なスキルが全く身につかない 1.19 せどり・転売ネットショップやリサイクルショップから安く商品を仕入れて、仕入れ額よりも高く販売することで差額を利益として得る仕事です。せどりには様々な方法があり、楽天ポイントを利用したり海外から輸入したりする方法などがあります。仕入れ商品のリサーチから梱包、販売まで全て一人で行うため仕組み化することができれば短時間で月5万円を稼ぐことはできます。ただし、価格差が取れる商品を見つけ出すまで時間がかかることも多く、競争相手も多いため、軌道に乗せるまでは時間がかかるでしょう。向いている人特定分野の商品に詳しい人流行に敏感な人報酬体系仕入額と販売価格の差が利益となる出品手数料や送料を考慮して価格設定をする必要があるメリット仕組みがシンプルな商売なので、安く仕入れることができれば特別なスキルがなくても始めることができるデメリットプラットフォームごとの転売規制によって売れる商品が変わる可能性があるブランド品の偽物販売に関わってしまうリスクがある 1.20 ポイントサイトサイト内の特定の広告をクリックして商品購入や会員登録をすることで、報酬を得ることができます。副収入がある男性会社員の22.3%の収入源は、「ポイント・アンケートサイト」で58.1%と最多となっており人気の仕事です。参考：新生銀行　2019年サラリーマンのお小遣い調査月5万円を稼ぐことは十分可能ですが、一度きりの案件も多いため継続して稼ぐことはできないでしょう。向いている人コツコツと単純作業に取り組める人様々な企業に個人情報を提供することに抵抗がない人報酬体系広告ごとに決められた達成条件を満たすと収益発生ポイントが貯まったら電子マネーや現金に交換可能なため即金性が高いメリットクレジットカード作成や口座開設などの高額案件に取り組めば、短期間で一定の金額を稼ぐことができる特別なスキルがなくても始めることができるデメリット誰でもできる仕事のためスキルが全く身につかない 2 在宅でできる副業のメリット・デメリット在宅でできる副業にはメリットだけではなくデメリットもあります。事前に理解しておくことで、自分に合った副業を見つけることができるでしょう。 2.1 メリット在宅でできる副業のメリットは3つあります。それぞれ詳しく説明します。 2.1.1 メリット1　仕事内容や付き合う人を選べる副業で稼ぐためには、自分自身の得意分野を生かして仕事をすることが重要です。苦手なことには時間をかけず、得意なことに集中することで限られた短い時間の中で成果を上げられます。会社で働く場合と異なり、取り組む仕事については自ら取捨選択する姿勢が大切です。また付き合う人を選ぶことができますので、人間関係で余計なストレスを抱えることも少なくて済みます。 2.1.2 メリット2　本業以外のスキルが身につく副業に取り組む過程で、本業以外の実用的なスキルを身につけることができます。副業にもよりますが、成果報酬として1件あたりの対価が設定されていることがほとんどのため、必然的にスキルを身につけることになります。対価をもらいながら学ぶことができますので、学習のアウトプットの場としても最適です。会社に頼らず自力で稼ぐ力を身につけたい、独立しても通用するスキルが欲しい、という人にとって副業は有効な手段となるでしょう。 2.1.3 メリット3　時間と場所に縛られず仕事ができるスマホやPCが1台あれば、基本的に時間や場所に関係なく作業ができます。通勤時間がないのは、精神的にも体力的にも楽だと感じる人は多いのではないでしょうか。また、通勤時間がなくなることで空いた時間やスキマ時間で作業を進めることもできるためより効率的に稼ぐことが可能です。 2.2 デメリット在宅でできる副業のデメリットは3つあります。 2.2.1 デメリット1　自己管理力が必要体調や納期管理、営業や案件の管理など基本的には全ての作業を一人で行う必要があります。無理をして体調を崩してしまったり、急なトラブルが発生して納期に間に合わないという事態が発生した場合、各方面に迷惑をかけることになります。基本的に余裕を持ってスケジュールを組み、仕事に取り組むことが重要です。 2.2.2 デメリット2　孤独感を感じることが多い仕事の性質上、一人で作業する時間が多いため、孤独感を感じることが多くなるでしょう。一人で作業をするのが苦手で、和気あいあいと仕事をしたい人にとっては厳しいかもしれません。 2.2.3 デメリット3　トラブルに巻き込まれる可能性がある仕事の選び方次第では、トラブルに巻き込まれてしまう可能性があります。副業はあくまで自己責任で行うため、万が一トラブルが発生した場合も自分自身で全て対処する必要があります。特に、「簡単・高収入」を謳った副業詐欺には注意しましょう。稼ぐどころか、高額な教材を買わされてしまったり、気付かない間に犯罪に加担してしまう可能性もあります。仕事を受ける場合には依頼先の情報や業務内容を慎重に確認し、問題ないか見極める力が必要です。 [PR] プログラミングで挫折しない学習方法を動画で公開中3 在宅でできる副業の選び方数ある副業の中でどの副業を選ぶのが良いのか、選び方についてまとめました。 3.1 目的に合わせて選ぶなぜ副業をするのか、副業に対して何を求めているのかを明確にして取り組むことで効率よく稼ぐことができます。以下のように目的に合わせて選ぶことが有効です。「短期間で一定金額を稼ぎたい」：即金性の高いもの「無理なく空いた時間を有効活用したい」：作業負担が少なく手軽にできるもの「本業で足りない生活費の確保」：1ヶ月に稼げる金額が明確なもの「将来の独立・起業のためスキルアップしたい」：汎用性の高いスキルが身につくもの 3.2 最初はリスクの小さい副業を選ぶ副業を始める際、元手がかからないものを選ぶことは重要です。特に本業と異なる分野の仕事に取り組む場合、自分にあった仕事かどうかはスタートしてみるまでわからないことが多いです。もし自分に合わないと判断した時に、コストをかけず始めていればすぐにやめて違う仕事をするという選択ができます。初期投資の額が大きいと、投資額を回収できなくなる可能性も高いです。稼ぐために始めた副業で収益を上げられなかったり、負債を抱えてしまったりすると、精神的な負担が大きくなり本業にも悪影響が出てしまいます。プログラマーやWeb制作、WebデザイナーといったIT系の副業であれば、いずれも初期費用を抑えて低コストで始めることができます。 3.3 自分スキルになるものはおすすめどの副業が良いか迷った時には、自分自身にスキルが身につく副業を選ぶのがおすすめです。時給で働く場合やスキルが身につかない副業を続けると、時間の切り売りをするばかりで、一時的には稼げるかもしれませんが、将来的な収入アップは望めません。副業でスキルアップができると、より高単価の案件を受注することで収入を上げていくことができます。また、副業に取り組む中で自分の可能性に気づき、本業での成果につながったり、転職をするきっかけとなったりすることもあります。スキルを身につけることができる副業としては、プログラマーやWeb制作、WebデザイナーといったIT系の副業がおすすめです。今後も需要が高い分野ですので、一度スキルを身につければ再現性高く稼ぐことができるでしょう。 4 在宅で副業する際の注意点副業をする上では、法律や税金の知識が欠かせません。「知らなかった」では済まされないケースがほとんどですので、事前に学んでおきましょう。また、無用なトラブルを避ける方法についても解説します。 4.1 法律法律は特に重要です。違反すると罰金が発生したり、犯罪者となってしまう可能性もあるので、最低限は理解しておきましょう。ここでは、副業を検討する方が知っておくべき法律を4つ厳選して紹介します。 4.1.1 特定商取引法特定商取引法とは、事業者による悪質・違法な勧誘行為などを防止し、消費者を守るために作られた法律です。特定商取引法は以下を対象としているため、インターネットでの物品販売なども対象となっています。訪問販売通信販売電話勧誘販売連鎖販売取引特定継続的役務提供業務提供誘引販売取引訪問購入違反した場合、罰則や行政処分の対象となります。特に副業を行う場合は以下の点について、違反行為がないよう十分注意しましょう。事業者の名称、住所、電話番号、販売価格、送料、代金支払い方法、支払い時期などについて明記する返品の可否・返品の条件・返品にかかる送料の負担について明記する（返品特約瑕疵担保責任) 参考：特定商取引法ガイド 4.1.2 電子契約法電子契約法は電子消費者契約法とも呼ばれる、電子商取引における消費者の救済措置について定めた法律です。インターネットでの契約行為は、郵送不要で書面がなくても完結するため利便性が高く副業をする上でも頻繁に行われます。その反面、トラブルが起きやすいのも事実です。以下に電子契約法の要点をまとめましたので、しっかり把握しておきましょう。申し込み内容を消費者が最終確認できる画面を用意するなどの措置を事業者側がとっていなかった場合、消費者側の操作ミスによる誤った申し込みは無効となる →例えば、顧客がネット通販の注文時に数量を誤入力し、多く注文してしまった場合でも、商品名や個数などを顧客が確認できる画面を事業者が用意していなかった場合には、その注文は無効となります。契約成立時期は通知が到達した時点とする →ネット通販で、「購入する」「申し込む」のボタンを押しただけでは契約は有効とはなりません。事業者側が内容を確認し、顧客に注文承諾の通知が届いた時点で契約が有効となります。参考：電子政府の総合窓口e-Gov 4.1.3 医薬品医療機器等法（旧薬事法）正式名称を「医薬品、医療機器等の品質、有効性及び安全性の確保等に関する法律」といいます。2014年に薬事法が改正され、制定されました。医薬品等の製造や流通等について定め、これらの安全性を確保し、保健衛生の向上を図ること目的とした法律です。 1か月で〇〇㎏痩せる、1週間で肌が〇〇歳若返るなど、根拠もない過剰な広告行為した場合には罰則の対象となります。健康や美容といったジャンルは人気があるため、副業で触れる機会も多いので注意が必要です。実際にアフィリエイターが逮捕される事件も起きています。参考：共同通信　「アフィリエイター」を書類送検法律に沿った表記ができているか、判断に迷う場合には厚生労働省のガイドラインを参考にしましょう。 4.1.4 著作権法著作権法は副業を行う上で一番関わる可能性が高い法律です。適用対象は記事、動画、デザイン、イラスト、プログラムなど幅広くなっており、実際に著作権侵害で検挙された例も多くなっていますので十分注意しましょう。参考：不正商品対策協議会また、著作物を創作した時点で様々な権利が発生するため、多少のことでも著作権侵害に該当してしまうリスクがあります。他人の著作物を利用する場合は必ず、以下のルールに従って対応しましょう。サイトで他人の著作物を引用する場合においては引用元を明記するほか、引用部分とそうでない部分をハッキリと区別させる参考　公益社団法人著作権情報センター著作者から利用許可をもらう参考　公益社団法人著作権情報センター 4.2 税金税金についても知っておきましょう。申告漏れがあると罰則を受ける可能性があります。 4.2.1 確定申告を忘れない売上から経費を引いた副業の所得が20万円を超える場合に、確定申告が必要となります。申告をしなかった場合、罰則や追徴課税を受けることになりますので、必ず期限内に済ませるようにしましょう。確定申告を行った結果税金が還付される場合もありますが、支払いをする場合も多いので、納税資金についてはあらかじめ確保しておく必要があります。また、副業で得ている収入が20万円以下の場合、確定申告が不要であってもお住まいの市区町村への住民税の申告は別途必要となるケースがありますので注意してください。 4.3 トラブル防止副業に関してのトラブルもあらかじめ知っておくと、回避しやすいです。最低限として、以下で紹介する3点を頭に入れておきましょう。 4.3.1 事前に会社に相談する許可なく副業をしていることが会社にバレると、トラブルになる可能性が高いです。副業をすること自体は違法ではないですが、本業に影響しないよう就業規則で禁止している会社はあります。仮に、就業規則に明記されていないとしても、黙って副業をしているとトラブルになる可能性は高いです。あらかじめ届け出れば可能とする会社も多くなっていますので、副業を始める際は事前に会社に相談しましょう。 4.3.2 請ける仕事に責任を持つ副業で取り組む仕事の多くは業務委託契約になり、賃金や労働時間など、労働基準法等による保護を受けることができません。契約自由の原則に基づき、業務内容や報酬などの条件を当事者間で取り決めることになります。そのため、自分にとってどんなに条件の悪い仕事であったとしても、一度仕事を請けた以上は完了させる義務が生じます。完了できない場合、債務不履行責任を負うこともありますので、仕事を請ける上では事前にわからないことは曖昧にせず確認するようにしましょう。 4.3.3 個人情報に気をつける副業で取り組む仕事の中には、個人情報を取り扱う内容も多く含まれます。個人情報を漏洩させてしまった場合、数百万〜数千万円といった損害賠償を請求s流可能性もありますので、セキュリティ対策については万全な対策を取っておきましょう。また、自分自身の個人情報漏洩にも注意が必要です。悪用される可能性もありますので、個人・法人問わず、住所・本名・連絡先などを教える場合には最新の注意を払ってください。 5 まとめ在宅でできる副業のおすすめ職種について解説してきました。副業を選ぶ上では、目的に合わせたものを選ぶことが最も重要です。少ないコストで始めることができる上に、スキルが身につく仕事としてI

副業・フリーランス

【副業】プログラミング未経験から稼ぐ方法を徹底解説

多様な働き方が注目されている昨今、満員電車に乗らないといけなかったり、稼ぎ口が1つしかないのが不安だったりと、自分の働き方を見直したい方もいるのではないでしょうか。そこで選択肢としてあがってくるのが副業です。最近では副業OKの企業が増えたり、フリーランスも当たり前になってきました。そのなかでも、とくに注目されているのがプログラミングでの副業です。ですが、「聞いたことはあるし興味もあるけど、未経験からじゃ稼げないんじゃないの…？」「勉強に何年もかかるんじゃあまり意味ないなあ」といったところが気になりますよね。そこでこの記事では、プログラミング副業について、注目の理由やおすすめの案件、初心者の方向けの勉強方法などについてご紹介します！プログラミング副業が注目されている理由プログラミングでの副業が注目を集めていますが、なぜでしょうか？まず、その理由を解説します。在宅でできるプログラミングでの副業が注目されている大きな理由は、在宅で負担なく副業できるからです。昨今のコロナ禍で、リモートワークや在宅での仕事が主流となりつつあり、場所を選ばない仕事が評価されています。プログラミングでの副業はパソコンとネット環境さえあれば可能なものが多く、在宅でもできる副業として話題です。出勤の必要がない分、休日やスキマ時間に取り組むことができるのも嬉しいですね！スキルの需要が高いプログラミングスキルの需要の高さも注目の要因となっています。ITエンジニア業界は人手不足が叫ばれており、今後も需要は高まり続けると言われています。プログラミングのスキルを身に着ければ、継続的に収入を得ることが可能となるでしょう。手に職をつけられるのがプログラミング副業の利点の1つです。将来的に自由な働き方が期待できるプログラミングのスキルを身に着けることができれば、いずれはフリーランスとして独立することも期待できます。フリーランス向けの仕事としては、プログラミングは案件の数も多く、高いスキルがあれば安定した高収入が見込めます。文系や未経験でも可能となってきた「プログラミングといっても、私は文系だったしなあ…」「身に着ければ稼げる！といっても、未経験じゃそう簡単にはいかないでしょ？」と思う方もいらっしゃると思います。たしかに、理系で大学時代にプログラミングを勉強した方や、IT系の企業に勤めている人の方が有利なのは間違いありません。しかし、プログラミングを勉強する人が増え、学習用のコンテンツやスクールなどが充実していることもまた事実です。実際、プログラミングで副業をしている人の中には、文系だった方や未経験の方も少なくありません。むしろいまは理系・文系で分けること自体が意味がないという声も多く、勉強次第で十分に身に着けることが可能な時代なのです！プログラミング案件の種類では、ひとくちにプログラミング副業と言っても、どのようなお仕事があるのでしょうか？もちろん、仕事によって用いられる言語や報酬にも違いがあります。ここでは、4種類ご紹介します。 1. システム開発プログラミングといえばこれ、という印象を持っている方もいるかと思います。在庫管理システムなど、業務の効率化や最適化のためのシステム構築を指します。用いられる言語や報酬も様々ですが、一般的には、未経験から副業で始めるには難易度が高めとされています。 2.Webサイト制作 2つ目はWebサイト制作です。Webサイト制作の中にも、仕事の種類がいくつかあります。 2.1ランディングページ制作ランディングページとは、申込や購入などのアクションに利用者を誘導するための商品やサービスを1ページにまとめたものです。単なる広告ではなく、最終的に利用者にアクションを起こしてもらうことが目的となるため、デザインやリンクなど、その他のWebページと比較して特徴的なものが多いです。 2.2 Webサイトの制作・修正 Webサイト全体を制作、修正する仕事です。ランディングページと同じく、コーディングだけでなくデザインも必要です。ランディングページ、Webサイトの制作に必要なスキルとしては、HTML、CSS、JavaScriptの3つが挙げられます。比較的学習のハードルが低いため、初心者におすすめの案件でもあります。 2.3 運用保守 Webサイトは、作って公開して終わりではありません。ブラウザや端末のアップデートに対応したり、サーバーやドメインを定期的に更新したり、あるいは改善を図ったりと、運用保守の必要があります。HTMLやCSSだけでなく、専門的な知識が必要になる場合もあるため、先の2種類に比べると難易度は高くなるとされています。 3. Webアプリケーション開発 Webアプリケーション（Webアプリ）とは、Web上で利用できるアプリケーションを指します。典型的なものがオンラインショッピングサイトです。Webアプリ開発は、Webサイト制作と比べ、より複雑な処理や裏側でのデータベースの設定など、難易度は高くなります。必要なスキルとしては、PHP、Ruby、Javaなどのプログラミング言語となります。 4.データ処理・分析近年、ビッグデータといった言葉が注目されていることもあり、データ分析やデータ処理に関する副業が注目されています。需要が高まりつつある業界ではありますが、統計などより専門的で高度なスキルが必要な場合もあり、プログラミング言語を1つ勉強するだけではなかなか難しいとされています。コラム：未経験からならWeb制作がおすすめ！ 1のシステム開発や3のWebアプリ制作などの場合、案件を安定的に受注していくためには、2～3年ほど企業での実務経験が求められます。そのため、未経験からいきなり副業をはじめる際、おすすめなのは2のWeb制作です。とはいえ、初心者にもおすすめということは競合が多いということでもあります。そのため、技術力を高めるのはもちろんですが、営業力や仕事の丁寧さなどのスキルも求められます。プログラミングを学びながら営業力をつけるのは難しく、せっかくスキルを身に着けても仕事が獲得できない人が多いです。大手クラウドソーシング（仕事探しサービス）企業のデータによると、仕事を獲得できる割合は10%以下です。「自分には無理かも」と思ったかもしれません。ですが、初心者でもスキルをしっかり身につけて必ず仕事を始められる方法があります。それが、テックアカデミーのはじめての副業コースです。はじめての副業コースでは、受講生はコース終了後の定着テストに合格すれば、必ず副業の仕事を斡旋してもらえます。つまり、真面目に努力してスキルをつければ、確実に仕事を獲得できるということです。テックアカデミーでは、受講前でも業界を知る現役のエンジニア講師に無料で相談できるので、少しでも興味や疑問のある方はこちらから予約してみるといいでしょう。真摯に親身に、優しくあなたの疑問や不安を解消していきます。 [PR] プログラミングで挫折しない学習方法を動画で公開中未経験から副業の案件を獲得するロードマップそれでは、実際に副業の案件を獲得するためには、どのような手順を踏めばいいのでしょうか。ここでは、未経験からプログラミング副業の案件を受注するためのロードマップをご紹介します。目標を決めるまずは自分がどのくらい稼ぎたいのか、どんな仕事をしたいのかを把握し、目標を決めましょう。「Webサイト制作の仕事をして1ヶ月に五万円」など、案件と副業での目標額を具体的に設定することで、自分がどんなスキルを身に着ける必要があるのか、どのくらいの稼働時間を確保すればよいのかが明確になり、以後の学習計画も立てやすくなります。案件を探して、必要なスキルを洗い出す「Webサイト制作をしたい！」と目標を立てても、実際には案件毎に応募条件があります。応募条件は仕事の難易度や報酬によって異なるため、案件によってどのようなスキルが求められるのか、把握する必要があります。初心者向けの案件に最低限必要なスキルを洗い出すとよいでしょう。目標達成のために必要なスキルを把握すれば、勉強内容や手段も変わってきます。案件の探し方については後述していますので、ご覧ください。スキルを習得する必要なものが分かったら、さっそく勉強です。とにかくスキルがないと始まりません。スキルの習得方法について、詳しくは後述します。営業・提案する必要なスキルが身についたら、営業して案件の獲得を目指しましょう。ここが1番の難関です。自分でスキルを身につけられたと思っても実績や資格のない状態では、なかなか案件を受注することができません。自分がどのくらいの勉強をしてきたのか、どのようなスキルを身に着けてきたのかを示して、アピールする必要があります。スクールを利用すると効率的！案件獲得には、スクールの利用が効率的です。完全に独学で勉強するのとは違い、市場で求められているスキルを効率的に、そして正しく学習することができます。独学での学習とは違い、講師による質問対応などのサポートがあるため、モチベーションを維持しやすく、挫折せずに学習を進めることができます。受講者数No.1のオンラインプログラミングスクール「テックアカデミー」の「はじめての副業コース」では、学習後の審査に合格すれば、案件の提供とスムーズな進行もサポートするため、未経験でも学習の先の副業まで叶えられます。なんと、案件の提供とサポートを保証するコースもあります！ぜひコースの無料体験を試してみてください。プログラミング副業に必要なスキル具体的に、案件を獲得するにはどのようなスキルが求められるのでしょうか。ここでは、初心者でも案件を獲得しやすいWeb制作に必要な6つのスキルをご紹介します。 HTML HTMLとは、「Hyper Text Markup Language」の略称です。人間が作りたい文章構成を、コンピュータが理解できる仕方で書くことができる言語です。例えば、文章の中には「見出し」と「本文」があります。人間が文章を眺めた時には、どこが見出しでどこが本文なのか理解しやすいでしょう。しかしコンピュータからすれば、どこが見出しなのかを指定してもらわないと困ってしまいます。そのため、コンピュータが理解できるような仕方でWebページを記述するための言語がHTMLなのです。 WebページはHTMLによって書かれています。そのHTMLで書かれたWebページをブラウザが読み取ることで、見慣れたページが表示されるという訳です。Webページを記述するためのHTMLは、Web制作の必須スキルなのです。 CSS CSSとは、「Cascading Style Sheets」の略称です。CSSは、Webページのスタイルを指定するための技術です。HTMLが文章の意味や構造を示しているのに対して、CSSでは文章に装飾を施すことができます。見やすく効果的なWebページには、適切なデザインが求められます。CSSはHTMLとセットで用いられる、Web制作の必須スキルと言えるでしょう。 JavaScript JavaScriptは、プログラミング言語の一種です。HTMLやCSSが、Webサイトの文章など、動きのない部分を構成しているのに対して、JavaScriptを用いればアニメーションなどを使った動きのあるWebページを制作できます。例えば、画像にカーソルを当てると画像が拡大されたり、ポップアップウィンドウが表示されたりと、こちらの動きに合わせて動きを見せるWebページがありますよね。こういった動きを作ることができるのがJavaScriptです。 Webデザイン Webサイト制作には、デザインスキルが必要となります。Webデザインの原則や流れを把握し、デザイン用のツールも使いこなす必要があります。PhotoshopやAdobe XDなど、デザインに便利なツールは複数あります。こうしたツールを使いこなせると、案件に応募する際に良いアピールポイントになるでしょう。作成されたデザインをもとに、HTML・CSS・JavaScriptでWeb制作していく流れです。 Webサイト制作の流れを理解する Webサイト制作で案件を獲得するには、HTMLやCSSが使えればいい、というものではありません。Webサイトの制作がどのような手順、流れで行われるのか、どのようなスキルが必要なのかを把握しておけば、より円滑に仕事を進めることもでき、仕事の幅も広がるかもしれません。副業のためにプログラミングを学習できるサービスそれでは、プログラミングを学習できるサービスをご紹介します。初心者向けのコンテンツとスクールに分けて解説します。初心者向けのサービス・教材（無料・超低価格）まずは、プログラミングがどのようなものか、そして自分にどんな教材やサービスが向いていそうかを知るために無料や低価格から始められるサービスを利用してみるといいでしょう。 1. セイト先生のWeb・IT塾（無料）元エンジニアのセイト先生が運営しているYouTubeチャンネルです。Web業界の話やIT全般の話など、IT未経験の人向けの動画が投稿されています。YouTubeということで、動画で手軽に、無料で学習ができるため、超初心者の人におすすめのコンテンツです。また、プログラミング解説動画も投稿しています。プログラミングの動画は、一般的に硬い説明が多いですが、セイト先生は冗談を交えるなどおもしろく見られるため、初心者にはおすすめです。【JavaScript超入門講座】わずか50分で知識ゼロから基礎をマスター！ 2. テックアカデミーのはじめてのHTML/CSS講座（無料）受講者数No.1のオンラインプログラミングスクール、テックアカデミーがYouTubeチャンネルにて投稿しているHTMLとCSSの入門講座です。こちらもYouTubeということで、無料で手軽にHTML/CSSの勉強ができます。 1-1 HTMLとは何か？（はじめてのHTML） 1-1 CSSとは何か？（はじめてのCSS） 3. Progate（無料・有料） Progateとは、初心者向けのプログラミング学習サイトです。基礎レベルは無料で受講できるため、基礎レベルを受講してみてさらに学びたいと思えば有料会員になってさらに学習する、といった利用がおすすめです。また、ブラウザ上での操作が可能なため、パソコンの操作に不安がある人でも利用しやすいと評判です。 Progate 4. ドットインストール（無料・有料）こちらもプログラミング学習サイトの1つです。動画形式の講義や豊富な言語などが評判です。プロゲートとは違い、開発環境を構築する必要があるため、多少ITの知識がある人やパソコンの操作に慣れている人はこちらを選ぶといいでしょう。ドットインストール 5. Udemy（有料） Udemyは、IT以外にも様々な講座が開講されている、オンライン学習サービスです。有料のみですが、コスパが良く効率的な学習ができると評判です。 Udemy オンラインプログラミングスクール先ほどもお伝えしたように、効率的に学習を進めるにはプログラミングスクールがおすすめです。挫折したくない人や、頼れる人に質問しながら進めたい人は、受講を検討すると良いでしょう。ここでは、社会的状況も踏まえて3つのオンラインスクールをご紹介します。 1. テックアカデミーテックアカデミーは、受講者数No.1のオンラインプログラミングスクールです。スクールといえば、やはり講師のレベルや教え方が気になるところです。テックアカデミーでは、選抜された現役エンジニア/Webデザイナー講師が、高い技術力とコミュニケーション能力で学習のサポートをします。Twitterでの口コミも良く、講師満足度は98.7%です。受講生の声「はじめての副業コース」では、先ほど「プログラミング副業に必要なスキル」で紹介したスキルをすべて学習できます。学習後の審査に合格すれば、テックアカデミーから案件を紹介するので、1番の難所である営業・提案をしなくてもお仕事ができます！実際に案件を受注してからも、現役エンジニア/Webデザイナー講師がサポートするので、はじめてでも安心して仕事ができます。紹介とサポートが揃って、ここまで安心して副業に挑戦できるのはテックアカデミーだけ！テックアカデミー 2. デイトラデイトラは比較的新しいオンラインプログラミングスクールです。デイトラの魅力は、受講料の安さです。最も高いコースでも10万円程度なので安く学べると評判です。また、コースもたくさんあり、複数のコースを並行して受講する方が多いです。中にはドローンを学べる珍しいコースもあります。受講生の声運営される方々がインフルエンサーなこともあり、カリキュラム作成や質問チャットの返答をたくさんのインフルエンサーが務めているので、SNSに関心が強い人にとっては、魅力的に感じるでしょう。デイトラ 3. レイズテックレイズテックは、実践的なプログラミングスクールです。「現場主義」を掲げ、現場で通用するだけのスキルを身に着けることができる、と評判です。単価は40万円以上と比較的高めのようですが、挫折しないような学習サポートの充実などが提供されているようです。受講生の声コースも他のスクールでは見ない専門的なものが多いのが特徴です。AWS、React、Lステップなどは、このスクールでしか受けられないでしょう。受け放題のサービスも提供しているので、サブスク型で学びたいという人には魅力的でしょう。未経験からプログラミングの案件を獲得する方法それでは最後に、案件を獲得する方法をご紹介します。ここでは、4つの方法について解説します。クラウドソーシングクラウドソーシングとは、企業や個人がネット上で仕事を受注してもらえる人を募集するサービスです。クラウドソーシングには色々な案件があり、Web制作をはじめとしたプログラミングの案件も多数存在します。クラウドソーシングとして有名なサービスは、「ランサーズ」と「クラウドワークス」です。この2つは歴史も長く、案件の数も多いため、プログラミング副業を目指す際にはまず登録するとよいでしょう。「ココナラ」もクラウドソーシングとしては有名なサービスの1つです。「ココナラ」は、自分が提供できる仕事を提示しておき、それに依頼したい人が申し込む形で契約を結びます。初心者向けの案件も見つけやすいため、まずはクラウドソーシングから案件を探してみるのがよいでしょう。副業案件サイト副業に特化して、案件紹介サイトも存在します。「シューマツワーカー」は、そんな副業用の案件紹介サイトで、業界トップクラスの登録者数を誇ります。案件の数も多く、サポートも充実しているため、安心して利用できるサービスの1つです。「LAPRAS Freelance」は、エンジニアに特化したフリーランス・副業向け案件紹介サービスです。ポートフォリオの自動作成など、サポートも充実しています。企業への営業・紹介案件を得るためのサービスだけでなく、もちろん自分で企業に営業を行う手段もあります。クラウドソーシングなどは案件数も多いですが、競合となるエンジニアが多いのもまた事実です。企業への営業は、それらの利用に比べるとテクニックや手間が必要とはなりますが、競合は少なく、スキルに自信がある場合は検討してみるとよいでしょう。また、知人からの紹介でお仕事を獲得できる場合もあります。「友人や本業での知り合いにサイトが作れることを話してみたら、案件をもらえた」という話はよく聞くので、ある程度スキルが付いてきたら、営業というよりは世間話程度に話してみるといいでしょう。まったく繋がりがない状態から案件を得るには、やはりエンジニアの知り合いを増やすしかありません。エンジニアのコミュニティや勉強会などに積極的に参加することで、そうした人脈をつくることができるかもしれません。まとめプログラミング副業について紹介してきました。注目のプログラミング副業の中でも、最もおすすめなのがWeb制作です。初心者でも勉強しやすく、企業での実務経験がなくとも案件の獲得が見込めます。ただし、副業として収入を得るにはその勉強と、案件獲得のための営業が肝になります。その強い味方がプログラミングスクールですね。学習コンテンツから案件の紹介まで、充実したサポートを受けることができます。スクールでスキルを身に着け、お仕事の獲得を目指しましょう！副業目指してプログラミング学ぶならここまで呼んでくださった方は、「プログラミングで副業したい！」と少しでも思っているはずです。ただ、「いざやってみよう！」と、いきなりスクールに通うと、自分とプログラミングの相性が悪かったときに、お金を無駄にしてしまいます。まずは無料でプログラミングを始めてみましょう。テックアカデミーは、1時間でプログラミングをおためしできる無料体験もご用意しています。誰でも簡単にできるカリキュラムと、現役のエンジニア/Webデザイナーとのカウンセリングを試すことができます。無理な勧誘は一切ありません。リスクゼロで始められるので、まずは参加してみてください。改めてテックアカデミーのおさらいです。テックアカデミーは、受講者数No.1のオンラインプログラミングスクールです。選抜された現役エンジニア/Webデザイナー講師が、高い技術力とコミュニケーション能力で学習のサポートをします。Twitterでの口コミも良く、講師満足度は98.7%です。「はじめての副業コース」では、「プログラミング副業に必要なスキル」で紹介したスキルをすべて学習できます。学習後の審査に合格すれば、テックアカデミーから案件を紹介するので、1番の難所である営業・提案をしなくてもお仕事ができます！実際に案件を受注してからも、現役エンジニア/Webデザイナー講師がサポートするので、はじめてでも安心して仕事ができます。紹介とサポートが揃って、ここまで安心して副業に挑戦できるのはテックアカデミーだけです。副業に成功した受講生の声受講生の声

副業・フリーランス

Webデザイナーの仕事内容！実際のデザイン業務を現役 Webデザイナーが解説

Webデザイナーの仕事内容についてまとめています。 Webデザイナーは未経験からでも働いている人が多くいます。スキルを身につければ環境に左右されずに働くことができるので、これから目指したいと思っている人は、ぜひ知っておきましょう。なお本記事は、TechAcademyのWebデザインオンラインブートキャンプのカリキュラムをもとに執筆しています。なお、今回の記事の内容は動画でもご覧いただけます。テキストよりも動画の方が理解しやすいという場合はぜひご覧ください。田島悠介今回は、Webデザインに関する内容だね！大石ゆかりどういう内容でしょうか？田島悠介 Webデザイナーついて詳しく説明していくね！大石ゆかりお願いします！目次 Webデザイナーとは Webデザイナーの仕事概要 Webデザイナーの魅力 Webデザイナーになる方法 Webデザイナーの仕事環境 Webデザイナーになるための勉強方法 Webデザイナーとは Webデザイナーとは、主にWebサイトのデザイン業務をメインに行う職種です。 Webサイトの制作業務は多岐に渡ります。クライアントとの打ち合わせ進行管理企画設計デザインコーディングシステム構築マーケティングなど様々な業務がありますので、所属している会社の方針や、個人の能力によって、業務の範囲が異なります。細かく分けた場合には、およそ下記のように職種が分けられます。 Webディレクター：打ち合わせや進行管理、企画、カメラマンやライターの手配 Webデザイナー：デザインコーダー（フロントエンドエンジニア）：コーディング、Javascriptの実装など Webエンジニア：WordPressなどのCMS構築、その他システム構築 Webマーケター：Webマーケティング、広告運用など会社によっては、完全に分業のところもあったり、WebデザイナーがコーディングやCMS構築まで担当したりなど、業務の範囲は働く場所や、自分の能力次第で大きく変わります。 [PR] プログラミングで挫折しない学習方法を動画で公開中Webデザイナーの仕事概要 Webデザイナーは、Webサイトのデザインを作ることが主な仕事です。 Webサイトのデザインはサイトの目的やターゲットに合わせた全体の印象や見やすさや使いやすさユーザーの興味を惹きつけるようなビジュアル作り Webサイトとして（予算の範囲内で）実装可能かなど様々な要素を考慮しながら作成していきます。また、アニメーションを取り入れる場合の動きの設計なども含まれます。仕事内容には実際のところホームページ作成だけではなく、運用していく上で必要なバナーの作成など様々です。以下では、主な仕事である Webサイトのデザインバナーや画像の作成 Webサイトのコーディングについて紹介しています。 Webデザイナーの仕事がどんなものなのかイメージが湧かない人は、知っておいて損はないでしょう。 Webサイトのデザイン Webサイトをデザインしていくためには様々なツールを使用していきます。そこで主なツールを4つ紹介します。 Photoshop（Adobe） Photoshopは、画像の編集・加工、デザイン、イラスト制作など様々な用途で活用されています。 Webサイト全体のカンプデザインの作成から、Webサイトに載せる写真の加工、例えば、写真に映り込んだ余計なものを削除したり、商品の写真を切り抜いたり、色調を変えたりなど、非常に多彩な調整ができます。 Illustrator（Adobe） Illustratorは、特に紙媒体のチラシや広告、ロゴデザイン、イラスト制作などに用いられます。 Photoshopでは、主にラスタ形式（1px角のドットの集合体で画像を描画する）の画像を扱いますが、Illustratorではベクター形式（複数の点とそれをつないだ線の数値の集合体で画像を描画する）の画像を扱うことができ、拡大縮小にも耐えられる画像を作成することができます。いろんなサイズで展開の必要があるロゴの制作や、Webサイトで使用するSVG形式のアイコン画像などはIllustratorを使って作成していく場合が多いです。 XD（Adobe） XDは、Webサイトやアプリ等のデザインに適したツールです。ワイヤーフレーム制作、デザイン制作、プロトタイプ化、プレビュー、共有などWebサイトやアプリの制作に特化した機能があるのが特徴です。PhotoshopやIllustratorに比べて機能が絞り込まれているため、比較的学習コストが低く、動作が軽量です。アドオンで機能の拡張が可能です。 Sketch（Bohemian Coding） Mac用のWebサイトやUIデザインに特化したツールです。基本的にはXDと同じように、機能がWebデザイン、UIデザインに必要なものに絞り込まれていてシンプルなつくりです。プラグインで機能を拡張することも可能です。バナーや画像の作成 Webサイトは、完成して終わりではなく運用していくものです。 Webサイトの更新に必要なバナーの作成や、掲載する写真の加工、ネット広告に使う画像の作成なども行います。小さい枠の中でユーザーに効果的にアピールできるよう、画像や文字などを組み合わせて作成します。 Webサイトのコーディングコーディングとは、仕上がったカンプデザイン通りに、Webサイトを組み上げていくことです。基本的なWebサイトの見た目はHTML・CSSによって作られています。下記のような簡単なページを例に説明してみます。 See the Pen vYLxZQM by marihashimoto (@mari877) on CodePen. HTML Webサイトにおける内容（文書）を構成するのがHTML（HyperText Markup Language）です。基本的には文書にHTMLのタグ（<h1>や<nav>など）をつけて構造的な意味合いをつけていきます。上記のページのHTMLは以下のようになります。 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title>Webデザイナーの仕事とは？</title> </head> <body> <h1>Webデザイナーの仕事とは？</h1> <nav>

Webデザイン

Web制作の仕事をするうえでの心構え【初心者必見】

Web制作の仕事をするうえでの心構えについて解説します。最近、在宅でできる副業としてWeb制作の仕事を目指す人が増えています。ここでは一例として、実際にホームページを制作して顧客へ納品する前にどのようなポイントを確認するのかを説明します。また、納品後のサイト運用の際にも活用できる内容ですのでしっかりと確認して、サイトの品質向上に役立てましょう。目次Web制作の仕事内容WebデザインWeb開発どんな人に向いているのか柔軟な働き方を求める人ものづくりが好きな人論理的思考力や問題解決能力がある人コツコツできる人必要なスキルHTML/CSSJavaScriptデザインツールバージョン管理システムプログラミング言語SEO 副業での収入実例Web制作が転職に役立つ理由 Web制作会社で社員として働く場合フリーランスのWeb制作者として働く場合Web制作を請け負う会社のオーナーとして働く場合Web制作副業の始め方基本的な知識を学ぶオンライン教材を活用するデザインの基本知識を学ぶWeb制作ツールを学ぶポートフォリオサイトを作成する仕事を探すWeb制作の副業を始めるために 1 制作前と制作中の注意点 1.1 ヒアリングの際に注意すべき事在宅でできる副業としてWeb制作の仕事をする場合、Webディレクションからデザイン、コーディングまでの一連の作業を一人で行なうことがあり、効率よく進めることが納期を達成する鍵になります。顧客からヒアリングを行ない、仕様をまとめワイヤーフレーム、デザインカンプを作成し、コーディングを行なって、公開となります。その際、制作の根底にある、以下のようなサイト制作の目的を顧客と共有します。なんのためにサイトを作るのかサイトを作ったことで何を達成したいのかその目的にあったデザイン・システムの提案と設計、導線設計、SNSやWeb広告などの戦略やユーザビリティも加味した仕様書・ワイヤーフレーム・デザインカンプの作成を進めていきましょう。顧客ともワンチームということで認識を合わせ、同業他社のページや実際にあるサイトのページを見ながら打ち合わせを行なうなど、イメージを共有しながら進めるとズレがなくスムーズに進行します。あとになって、大幅な仕様追加などの要求が出ないように小まめに情報や目的を共有するためにコミュニケーションを取りましょう。 1.2 制作中に注意すべき事いざ、仕様が決まりワイヤーフレーム、デザインカンプ作成からコーディングを行なう際の注意点として、顧客とFIXした仕様書のとおりにデザインを作成し、コーディングを行なっているかが大前提となります。以下のようなエラーがあるままで納品してしまうと信用を損なってしまい、次の仕事につながらなくなります。デザインが崩れているプログラムが動作しないフォントの種類がデザインカンプと異なる異なるブラウザやデバイスによる見え方の調整を行なっていない etc… また、無事納品は終えたとしても、目標達成のためのデータ解析や分析タグの設定などの対策を怠ると、せっかく受注して仕事をしても今回きりで後々のお付き合いにはつながらない可能性があります。ページ管理やリニューアル等でも末長いお付き合いを続けるためには、目的を達成するためのツールとしてお金をいただいてホームページを作成するという意識を忘れず、ユーザや顧客に自分を置き換えて、他者目線も意識した、快適に目的を達することができるサイト作成をしましょう。 2 制作後、納品前の注意点 2.1 デザイン関連のチェック項目 2.1.1 表記チェックデザインカンプと仕様書の条件を確認し、顧客の指定の表記方法に基づいているか、スペルミスや表記ゆれも同時にチェックします。ページ内のテキストチェックツール　difff(デュフフ) https://difff.jp/ 2.1.2 デザインチェックデザインカンプと比較し、レイアウト配置や色、余白、文字（フォントの種類、サイズ・太さ・文字間隔・ジャンプ率）などデザインを忠実に再現しているか確認します。 2.1.3 ダミーチェック提案時にダミーで入れたテキストや画像をそのままにしていないか、画像・動画の表示有無やサイズ、容量が適切かも最終チェックします。 2.1.4 faviconの設定 Webページに設置するシンボルマークのことです。設定は必須ではありませんが、タブ内にページの象徴するアイコン（例：会社ロゴ等）があることにより、ユーザはサイトを認識しやすくなりリピートに繋げることができる重要なアイコンです。 WebブラウザではURLの左横またはタブに表示され、お気に入りに登録するとブックマークアイコンとして表示されます。ファビコン favicon.icoを作ろう！ https://ao-system.net/favicon/ 設定した後は、しっかり表示されるかどうかを必ず確認しましょう。 2.1.5 著作物、使用写真等流用掲載についての確認一般的に、写真や音源、動画などには著作権が設定されており、他者の著作物をWebページで掲載する場合は、権利元が設定している利用規約を確認する必要があります。著作物によっては、権利元に承諾を得てから掲載することが求められます。著作物をダウンロードするときだけでなく、Webページの公開前にも再度、利用規約を確認しましょう。 2.2 コーディング関連のチェック項目 2.2.1 ブラウザチェックレスポンシブサイトの場合は、Google Chromeのデベロッパーツールに付属のエミュレーターでのチェックの他、WindowsやMacといったPCでFirefox・Safari・Edgeでのブラウザチェック、スマートフォン（iPhone/Android）の実機を使ったチェックを行ないます。各種ブラウザでチェックを行ない、レイアウトの崩れがないか確認しましょう。 2.2.2 HTML/CSS記述チェック制作したホームページのHTMLやCSSが要求仕様に即した正しい記述をしているかを以下のチェックツールで確認し、エラーがあれば修正しましょう。 The W3C Markup Validation Service https://validator.w3.org/ Another HTML-lint gateway http://openlab.ring.gr.jp/k16/htmllint/htmllint.html 2.2.3 jQuery・JavaScript・PHP等で作成したコンテンツ jQuery・JavaScript・PHPなどのコンテンツについて、以下のような内容の動作チェックを行ないます。正常に動作するかどうか読み込み速度は遅くないか画像容量は重くないか各種ブラウザに対応しているか etc… また、商用利用や改変は可能か、使用可能であっても著作権の表示などの条件はないか、などを公開前にあらためて確認しておきましょう。海外のサイトからのオープンソースを流用した場合は、翻訳機能を使用するなどして、しっかりと確認してから使用しましょう。 PageSpeed Insights https://pagespeed.web.dev/?utm_source=psi&utm_medium=redirect&hl=ja たくさんあるオープンソースライセンスのそれぞれの特徴のまとめ https://qiita.com/tukiyo3/items/58b8b3f51e9dc8e96886 2.2.4 リンクチェックリンク切れしていないかをチェックします。パンくずリストのリンクもチェックします。ヘッダーやフッターなどの共通部分についても、リンク切れがないか確認しましょう。リンク切れチェックツール　Dead-link-checker.com http://dead-link-checker.com/ja/ 2.2.5 404ページサーバに接続できたものの、該当するページが移動または削除されたことでページがない場合に表示させるページを「404ページ」といいます。サイトの品質維持のためにも、あらかじめオリジナルページとして作成しておきます。このページが正しく表示されるか確認しましょう。 2.2.6 301リダイレクト設定あるページへのアクセスを別のページに転送させることを「301リダイレクト」といいます。たとえばサイトをリニューアルしてURLが変わった場合は、301リダイレクトの設定に漏れがないか、新旧サイトの各コンテンツ（ページ）の設定が1対1になっているか確認しましょう。 301リダイレクトは、ドメインやサーバに変更がある場合、必須となる設定です。301リダイレクトの設定をすることにより、検索順位が下がるリスクを軽減します。 2.3フォーム関連のチェック 2.3.1 入力された内容のチェックに関する動作確認フォームの各項目の入力内容に対し、「必須項目なのに入力されていない」「半角英数のみ受けつけるルールなのに全角文字が入力されている」などがあった場合にエラーメッセージを返しているか確認しましょう。 2.3.2 ページ遷移の確認入力画面→確認画面→完了画面にページが正しく遷移するかどうかを確認しましょう。 2.3.3 自動返信メールの確認送信完了の画面が表示された際、ユーザのアドレスと管理者のアドレスにそれぞれメールが届いているかを確認します。サンクスメールの文面やアクセスページなどへのリンクを設けた場合は、リンク切れのチェックも行いましょう。 2.4 タグ関連のチェック（SEO関連設定チェックも含む） Googleの検索エンジンのロボット（クローラー）のページ理解を上げる対策が、ページの管理や整理にもなり、結果としてサイトの検索順位の向上やページの質の向上につながります。そのため、作成後のチェックだけで終わらせず、ページを運用する際にもこれらの作業は日々継続して行なうとよいでしょう。 2.4.1 metaタグの設定チェック Googleの検索エンジンの進化とともに、以下のようなWebページが検索上位に表示される傾向となってきました。 – コンテンツとページ内容をしっかりと作成している – 内容に準じた適切なmetaタグを設定している各ページに適したタイトル・ディスクリプションが、適正な文字数で、なおかつページに即した内容で設定されているかを確認しましょう。また、キーワードは重要視されなくなりましたが、ページ内容に準じて設定しているかどうかも、合わせて確認しておきましょう。 META SEO inspector サイト作成後のチェックだけでなく、運用の際のサイトメンテナンスとしてGoogle Chromeのアプリとして設定して使用できる便利なツールです。 https://chrome.google.com/webstore/detail/meta-seo-inspector/ibkclpciafdglkjkcibmohobjkcfkaef WordPressでページを作成した場合は、プラグインを使います。 All in One SEO metaタグ作成の他、後述の「サイトマップXML」の作成もできます。 https://ja.wordpress.org/plugins/all-in-one-seo-pack/ 2.5 OGPの設定 OGP（Open Graph Protocol）は、SNSでシェアされた際に、そのページのタイトルや概要・URL・アイキャッチ画像を表示させるためのhtml要素です。 OGPを設定しておくと、ユーザに対してページの内容を正しく伝えることができます。設定していない場合、SNS側で勝手に説明文や画像を抽出して表示してしまい、サイトオーナーの意図していない内容がSNSに表示されてしまいます。また、Facebookでは、OGPを設定することにより、分析や解析ツールである「ページインサイト」の機能を利用できます。以下のサイトで、設定したOGPがSNSでシェアされた際にどのような見え方なのかを確認できます。 OGP確認 https://rakko.tools/tools/9/ 2.6 hタグ（見出し）の設定 h1からh6の見出しタグが適切に設定されているかどうかを確認します。数字が小さいほど重要度は上がります。クローラーがページを理解するための大切な要素です。 hタグの使用には順番のルールがあります。数字が小さい順（重要度の大きい順）に並べます。マトリョーシカ人形と同じイメージで、たとえば、h3より重要度の大きなh2をh3の中に入れるような並べ方は推奨されません。クローラーにコンテンツの構造を正確に伝えるためには順番を守って使用するようにしましょう。 2.7 alt属性 alt属性には、各画像の説明を入力します。alt属性を設定することで、万が一、画像が表示されていない場合に、画像の説明が表示されるようになります。入力内容については、SEO対策にもなるように、画像の内容に即した内容を入力します。検索順位向上のためには、画像の内容説明はページ内容をクローラーに認識させる大事な要素ですので、漏れがないように登録しましょう。 2.8 サイトマップXML クローラーにページの構造を理解してもらうために使います。以下のようなツールを使って簡単に作成できます。作成後は、サーバに設定することでクローラーがサイトを認識します。サイトマップを作成-自動生成ツール sitemap.xml Editor 1,000ページまでのサイトであれば無料で作成できます。 http://www.sitemapxml.jp/ ページの新規追加やリニューアル等でページ構成が変わった際には、サイトマップも合わせて同期しておきましょう。新ページだけでなく旧ページもアップしておく場合など、内容の重複するページが存在する場合は、「悪質なコピーコンテンツではない」ということや、「重要なページである」ということをクローラーに知らせる必要があります。本記事では説明を省略しますが、「canonical」の設定や、「.htaccess」によるURLの正規化設定も、必要に応じて行なうようにしましょう。また、サイトのリニューアルの場合は、ページの統合やURLの変更が多々ありますので、古いURLから新しいURLに自動的にページを転送する「リダイレクト」の設定も合わせて行ないましょう。 2.9 Web解析、計測タグ　チェック 2.9.1 解析ツールタグ・コンバージョン計測タグ・リマーケティングタグの設定顧客とFIXしたサイト仕様書に応じて、GoogleAnalyticsやGoogle Adwords、Yahoo!プロモーション広告、タグマネージャーの設定内容と設置場所を確認します。申し込み数・資料請求数などをコンバージョンとして設定し、計測する場合は、行動につながる導線設計が適切か正しく設定されていて、データが計測されているかも確認しましょう。 [PR] プログラミングで挫折しない学習方法を動画で公開中3.まとめ Web制作の仕事は、Webサイトなどの成果物に対して対価をいただく仕事です。完成した成果物をチェックしてエラーや不具合がないことが必須となります。上記のチェック事項を参考にして、作業の区切りで確認、修正を経て品質の高いサイトを作成して納品するようにしましょう。ひとつひとつの正確で丁寧な作業が、信頼を築き、新たな受注につながります。トライ＆エラーを繰り返しながら技術を身につけ、サイト制作を重ねていくことにより成長していきましょう。 Web業界でキャリアを重ねていくには、継続的な技術習得と努力と柔軟な対応力が必要です。習得した技術を活かせる制作業務を楽しみととらえ、日々前進しましょう。 Web制作の仕事を確実にしたいなら Web制作はスキル習得の難易度が低いため、競合となる働き手が多いです。もちろん、企業で実務経験を積んだハイレベル人材とも案件を取り合うことになります。そのため、未経験からだとなかなか案件を獲得できないことも。テックアカデミーのはじめての副業コースでは、Web制作の案件紹介をしているので、確実に仕事を受けられます。 ※フリーランスを目指す方にもおすすめです。 ※コース終了後の審査に合格し、案件に応募された方には1ヶ月以内の案件紹介を確約しています。その他、案件サポート対象コースはこちら Webデザインコースフロントエンドコースフロントエンド副業コース（審査の合格までサポート）また、このようなお悩みを持ったことはありませんか？「スキルは習得したけど、自分の実力でこなせる自信がなく、案件への応募に躊躇してしまった」このあるあるを解決すべく、現役エンジニア/Webデザイナー講師が案件の進行や、技術的なわからない点のサポートを無料で行います。お仕事紹介プロのサポートこの2つのサービスがあるので、安心してお仕事に取り組めます。 Web制作に必要なスキルを体系的に学んで、確実にお仕事を手にしませんか？まずは無料体験からお試しください。

Webデザイン

IT系の職種まとめ！技術職を目指す人向けに解説【未経験者向け】

今回は、ITの仕事を職種別に解説します。ここではITに関する主な職業をWeb業界・情報処理サービス業界・SIer業界・ハードウェア業界・スマートフォン・ゲーム業界に分けて紹介します。自分に合った仕事、やりたい仕事について調べてみましょう。本記事はエンジニア転職を保証するTechAcademy Proの就職実績を元に制作しています。田島悠介今回は、キャリアに関する内容だね！大石ゆかりどういう内容でしょうか？田島悠介 ITの仕事を職種別に解説していくね！大石ゆかりお願いします！ Web業界 Webデザイナー仕事の内容 Webディレクターの指示の下、クライアントから要求された内容のWebデザインを行います。必要な技術や資格 Adobe PhotoshopやIllustratorなどのデザインを不図を利用してデザインを行う技術が必要です。ただ、Webデザインといっても、DTP等の紙のデザインの知識があると、より仕事の幅が広がります。また、デッサンをすることでデザイナーとしての基礎力がつきます。どのような人が向いているかコミュニケーションやプログラミングよりデザインが好きな人向け。 Webディレクター仕事の内容クライアントと話をして、クライアントが要求するWebの仕様を設計します。クライアントだけでなくWebデザイナーやプログラマーとも話し合い、Webサイトの構築全体のスケジュール調整なども行います。必要な技術や資格 Web制作において、最も対人関係スキルが必要な職種です。また、デザインの基本、プログラミングの基本もおさえておく必要があります。あわせて、Web業界の最新の動向を追いかけると、よりWebディレクターとしての仕事の幅が広がります。どのような人が向いているかプログラミングやデザインを行うより、コミュニケーションを取りたい人向け。 Webプログラマー仕事の内容 Webディレクターの指示と、Webデザイナーのデザインに合わせたシステムを開発します。必要な技術や資格プログラミングに関する基礎知識が必要です。情報処理に関する技術として、最も基本的な国家資格としては、基本情報技術者試験があります。どのような人が向いているかデザインやコミュニケーションをする仕事より、プログラミングが好きな人向け。 Webオペレーター仕事の内容 Webディレクターの指示を受け、日々のWebサイト運営・更新作業を行います。必要な技術や資格顧客の業務内容により、Webサイトの内容も代わってきますので、顧客の業界に応じたコンテンツ作成を行う必要があります。例えば、医薬品業界ですと薬事法により、表記して良い単語に制限があります。同様に、証券業界でも、表記してはいけない表現方法も多いです。どのような人が向いているかいろいろな業界のWebサイトを運営したい方向け。マルチメディアクリエイター仕事の内容 Webディレクターの指示の下、動画制作やCG制作を行います。必要な技術や資格 Youtube投稿用動画の製作技術が必要です。 CGであればCG-ARTSが行っている、CGクリエイター検定などがあります。どのような人が向いているか動画やCGの作成が好きな人向け。情報処理サービス業界 ITコンサルタント仕事の内容 ITの専門家として、顧客のシステム導入に関する相談を受け、最適なシステムを企画・提案する仕事です。必要な技術や資格顧客の状況を把握するためのコミュニケーション能力が重要です。また、基本情報技術者試験や情報セキュリティマネジメント試験に合格しておくと、顧客に提案する際により具体的な話ができます。どのような人が向いているか顧客の問題点を分析、解決する企画の提案をすることが好きな人向けです。セールスエンジニア仕事の内容自社のシステムや製品、他社のシステムや製品を他社に代わって、顧客に販売する仕事です。営業との違いは、販売以外にも顧客先で技術的なサポートも行う点です。必要な技術や資格販売するシステムや製品に関する、知識と技術的なサポート方法を学ぶ必要があります。また、基本情報技術者試験や情報セキュリティマネジメント試験に合格しておくと、顧客に提案する際により具体的な話ができます。どのような人が向いているか営業として販売するだけ、エンジニアとしてサポートするだけ、というどちらか一方の仕事ではなく、両方の仕事を行うことが好きな人向けです。テクニカルライターコンピューターやテレビなど電化製品専門のライターです。操作が複雑でマニュアルが必要とされる家電製品の取り扱い説明書やカタログ、点検マニュアルなどを執筆・編集する仕事です。仕事の内容コンピューターシステムや電気製品専門のライターです。コンピューターシステムや電気製品のマニュアル作成が必要な場合に専門家として動作確認しながら、説明書等を作成します。必要な技術や資格コンピューターシステムや電気製品の機能や説明についてわかりやすく解説する文章力が必要です。どのような人が向いているかコンピューターシステムや電気製品を触るのが好きで、お客様にわかりやすく伝える仕事をしたい人向けです。テスター仕事の内容コンピューターシステムや電気製品などを実際に使用し、エラーが無いか確認する仕事です。必要な技術や資格テスト作業は非常に単調な仕事を正確に行い続ける技術が必要です。どのような人が向いているかコンピューターシステムや電気製品の何度も同じテストを繰り返しても苦にならない人向けです。サポートエンジニア仕事の内容コンピューターシステムや電気製品の不具合が発生した際に、電話やチャットで不具合に関する回答を行います。必要な技術や資格コンピューターシステムや電気製品に関する知識が必要です。また、基本情報技術者試験や情報セキュリティマネジメント試験に合格しておくと、サポートする際により具体的な話ができます。どのような人が向いているか自社製品に対する質問を顧客にわかりやすく説明することが好きな人向けです。 ITトレーナー仕事の内容コンピューターシステムなどを利用する方法をトレーニングする仕事です。例えば、マイクロソフトのOFFICE製品の使い方をトレーニングする講師の仕事になります。必要な技術や資格マイクロソフトのOFFICE製品のトレーナーであれば、マイクロソフトオフィススペシャリスト（MOS）試験に合格しておくと良いですよ。その他にも使用する製品に応じた、メーカーが開催している民間資格等を取得しておくと良いです。どのような人が向いているか製品やサービスの利用方法を誰かに教えることが好きな人向けです。 [PR] プログラミングで挫折しない学習方法を動画で公開中SIer業界プログラマー仕事の内容仕様書に基づいてプログラミングを行う仕事です。必要な技術や資格基本情報技術者試験や応用情報技術者試験に合格しておくと良いです。どのような人が向いているか仕様書に基づいてプログラミングを行うことが好きな人向けです。システムエンジニア目的に合ったコンピューターシステムを企画から運用まで手がける。クライアントのニーズに沿って、コンピュータのシステムを設計します。システムの要件を分析し、仕様書を作成し、基本・詳細設計や導入・運用・テスト計画などを担当します。またシステムが利用されている現場で運用保守、改善、再構築提案などの業務にあたります。業務系、情報系といったシステム分野別に、ネットワーク、OSなどの基本技術が異なるため、それぞれのスキルや業務知識が必要となります。また設計に携わる業界の専門知識を理解することも大切です。仕事の内容顧客のニーズを聞き出し、顧客に必要な業務システムを企画・設計します。顧客から受注した場合はプログラマーに仕様書を渡し、システム開発を行ってもらう必要があります。場合によっては自分でプログラミングを行います。必要な技術や資格プロジェクトマネージャー試験に合格しておくと良いです。どのような人が向いているかプログラミングを行うだけでなく、顧客に業務システムのコンサルティング、企画、提案、営業などをブリッジSE 開発を海外に任せている際に日本と海外の通訳を行うエンジニアです。最近は、開発のみ海外に受託するケースが増えてきています。中国・ベトナム・インドの協力会社とやり取りを行うことがあります。仕事の内容システム開発を海外の協力企業にお願いするシステムエンジニアです。必要な技術や資格システムエンジニアとしてのスキルだけでなく、海外現地で使用される言語の習得をしておくと仕事の幅が広がります。中国であれば北京語。ベトナムであればベトナム語。インドであれば英語です。どのような人が向いているか海外でも活躍したいシステムエンジニア向けの仕事です。ハードウェア業界組込みシステムエンジニア仕事の内容車や自動販売機など、温度管理からハードウェアとの連携が必要なシステム開発を行います。非常に専門性が高い仕事のため、大企業内でノウハウが溜まりやすいです。必要な技術や資格エンベデッドシステムスペシャリスト試験に合格しておくと良いです。どのような人が向いているかハードウェアとの連携を考えたシステム開発が好きな人向けです。スマートフォン・ゲーム業界スマホアプリエンジニア仕事の内容スマートフォンアプリの作成です。必要な技術や資格 iPhoneアプリ、Androidアプリそれぞれ自分自身のオリジナルアプリを作成することが技術を証明する最短ルートです。どのような人が向いているかスマートフォンアプリエンジニアになりたい人向けです。世界市場が舞台ですので、個人アプリ開発で一攫千金を狙うことも可能です。エンジニアの種類に特化した記事も合わせてご覧ください。エンジニアになるための学習方法学習サービス Progate プログラミング言語の基本に特化した、オンラインで無料から使用できる学習サービスです。今までプログラミングを学んだことのない人でも始められる各言語のカリキュラムが揃っています。有料会員では実践レベルのものまですべてのコースを受講可能です。 Progateのレポート記事 Udemy プログラミングやデザインなどの仕事に関する各種スキルを動画で学ぶサービスです。各コースでは講師が用意した小テストで復習したり、資料ファイルをダウンロードしたりすることができます。コースは有料のものと無料のものがあります。 Udemy Codecademy HTMS/CSSでのWeb制作や各種プログラミング言語をオンラインで無料で学べるサービスです。英語サイトになります。基礎から順番に学習できるカリキュラムなので初めてその言語に触れる場合でも問題なく進行できます。各カテゴリごとに分からないところを他のユーザーに質問できるシステムも存在します。 Codecademy スクールエンジニア転職保証コース現役エンジニアのパーソナルメンターが学習から転職までをサポートするサービスです。オンラインの環境があればどこでも受講可能で、パーソナルメンターにはカリキュラム内で分からないところを質問したり、キャリアについて相談することができます。未経験からエンジニアを目指したいけれども、何から始めたらいいのか分からないという方におすすめです。エンジニア転職保証コースリナックスアカデミー東京と横浜に校舎のある通学制スクールです。Linux・ネットワークの講座とJavaプログラミングの講座があります。少人数クラス担任制による、実務の流れに合わせた授業の進行が特徴です。そのため実際の業務に直結した本格的な技術と知識を集中して習得したい方におすすめです。リナックスアカデミー KENスクール 30年の実績のある通学制スクールです。WebやDTPのデザインコース、プログラミングコース、ネットワークなどのコースが存在します。専門のキャリアカウンセラーによるIT未経験者からの就職・転職にも注力しているため、初めて学習する方でも挑戦しやすい環境となっています。 KENスクールこの記事を監修してくれた方中本賢吾（なかもとけんご）アジマッチ有限会社　代表取締役社長開発実績：PHPフレームワークを利用した会員制SNS・ネットショップ構築、AWSや専用サーバー下でLinuxを使用したセキュアな環境構築、人工知能を利用したシステム開発、店舗検索スマホアプリ開発など。その他にも地域の職業プログラマー育成活動を行い、2018年には小学生がUnityで開発したオリジナルAndroidアプリをGooglePlayでリリース。NHK Whyプログラミング入賞。ゲームで遊ぶより作ろうぜ！を合言葉に、小学生でも起業できる技術力を育成可能で有ることを証明し続けている。大石ゆかり内容分かりやすくて良かったです！田島悠介ゆかりちゃんも分からないことがあったら質問してね！大石ゆかり分かりました。ありがとうございます！また、オンラインのプログラミングスクールTechAcademyではエンジニア転職保証のコースを提供しています。プログラミング未経験の方でも12週間で東京のIT企業へエンジニアとして転職を目指せるコースです。現役エンジニアへオンラインで個別に相談できる無料カウンセリングを実施しているので、まずはこちらから試してみてください！

エンジニア転職

大阪のパソコン教室20選｜自分に合った教室の選び方も紹介

大阪梅田付近の通いやすいパソコン教室をピックアップしました。スキルや資格など、自分にあったパソコン教室を探す際に参考にしてみてください。田島悠介今回は、なにか相談を受けたんだって？大石ゆかり実は、大阪に住んでる友達からパソコンの知識をつけたいって相談を受けたんですが、どこがいいかわからなくて・・・田島悠介それじゃ、自分にあったパソコン教室の選び方と大阪にあるパソコンスクールを紹介していくね！大石ゆかりお願いします！目次自分にあった教室の選び方低価格な教室初心者向けの教室転職サポートのある教室フリーランス志望向けの教室資格が充実している教室まとめ自分にあった教室の選び方パソコン教室をいざ選ぼうと思っても、とても多くのパソコン教室があります。そのため、選ぼうと思っても何を基準にして選べば良いかわからなくなることもあるでしょう。自分にあったパソコン教室を選ぶためには、自分がパソコン教室で「何を」「どのレベルまで」学んで「どうなりたいか」を明確にすることが重要です。例えば、以下のような目標設定が大事になるでしょう。何を：Web制作に関係するソフトの使い方やプログラミングどのレベルまで：簡単なWeb制作に必要なレベルどうなりたいか：Web制作を行う会社に転職がしたいパソコン教室に通う目的を明確にすることで、以下のさまざまな要素から自分にあったパソコン教室を絞り込めます。講座内容転職サポート資格本記事では、それぞれの目的に合わせて自分に合ったパソコン教室を選べるようにまとめました。目的に合わせたパソコン教室選びの参考にしてください。 [PR] プログラミングで挫折しない学習方法を動画で公開中低価格な教室何より「安く」学びたいといった方におすすめのパソコン教室をピックアップしました。ハートスクエアパソコン教室画像引用元：http://www.heart-square.ne.jp/pcschool/ 特徴ハートスクエアパソコン教室には月3000円（税別）で無制限に通えるコースがあり、特に初心者のお財布に優しいパソコン教室です。 WordやExcelのスキルを身につける「初心者コース」「ビジネスコース」は、月に定額で何回でも通うことができます。基礎を身につけたいやる気のある方にとってはとてもおすすめできる料金体制です。プラン・コース一覧初心者コースビジネスコース資格対策コース Web作成コース初心者コースとビジネスコースではWordやExcel、Accessを習得可能です。資格対策コースではMOS資格認定試験の対策を行います。 Web作成コースでは実際に作成しながらWeb作成の基本からファイル転送、SEO対策などのスキルを身につけることができます。料金・割引制度入学金：35000円 ※初心者コースとビジネスコースのみ入学金が必要テキスト料金：1000円〜4000円程度/1コース講座料金： ①ビジネスコース月額10000円（税別）1レッスン60分　無制限 ②MOS資格対策　Word /Excel上級コース84000円（税別）1レッスン60分　各24回 ③Web作成コース30000円（税別）1レッスン60分　全10回詳しくは以下のホームページからみてみましょう。住所 ‪大阪市北区天神橋2-5-26ギャラリービル10F‬ http://www.heart-square.ne.jp/pcschool リボンスクール画像引用元：https://www.rbell.co.jp/ 特徴リボンスクールは主に初心者向けのパソコンスクールであるものの、ホームページ制作講座やフォトショップ＆イラストレータ講座などの専門スキルをわかりやすく学べる講座もあります。また、オリジナルな高性能パソコンを自作できる「パソコン自作講座」という独特のカリキュラムがあることが特徴です。プラン・コース一覧パソコン入門からマイクロソフトオフィスコースホームページ作成コースアドビ（Photoshop・Illustrator）入門コース ExcelVBA パソコン自作 etc 基本的には初心者向けのカリキュラムを提供しているものの、Web制作、デザインといった専門スキルに関するコースもあります。また、専門スキルについては入門程度のスキルが学ぶことが可能です。料金・割引制度入学金：11000円テキスト料金：不要講座料金：800円〜4000円程度/1レッスン60分 ①パソコン入門からマイクロソフトオフィスコース　850円　1レッスン60分 ②MOS資格対策　月額11000円　1レッスン60分　10回　※入学金免除 ③Web作成コース3500円　1レッスン60分住所大阪市西成区玉出中１丁目１２−２３北川ビル 2F https://www.rbell.co.jp HITパソコンスクール画像引用元：http://hit-school.jp/ HITパソコンスクールは、求職者支援訓練に特化した専門性の高いパソコンスクールです。 WordやExcelといった基礎的なカリキュラムが少ないものの、Web制作・プログラミング・アプリ開発に特化したカリキュラムが組まれています。求職者支援制度については以下のサイトを参照ください。受講は「雇用保険を受給できない求職者」に限られます。参考サイト： https://www.mhlw.go.jp/stf/seisakunitsuite/bunya/koyou_roudou/koyou/kyushokusha_shien プラン・コース一覧ゲーム（Unity）・iPhone・Webアプリ技術者育成科スマホアプリ（Android） Webアプリ制作（夜間）科初心者向けパソコン・デザイン基礎科ネットショップ・Webサイト制作科 etc 料金・割引制度求職者支援制度で無料です。また、「雇用保険を受給できない求職者」に限ります。住所大阪府大阪市中央区石町１丁目２−９シルバービル２階 http://hit-school.jp/ キュリオステーション画像引用元：https://curiostation.com/ キュリオステーションは初心者向けのカリキュラムが充実しており、MOSなど資格取得やオフィスソフトの実務スキルを身に着けたい方にも対応しています。加えて、Web制作やオフィスの応用を学べるカリキュラムも選択可能です。 Web制作では、基礎的なHTMLの知識からサーバについて、さらにSEO対策まで学ぶことができます。プラン・コース一覧初心者コースパソコン活用コース資格対策コース（MOS）ビジネスコース（エクセル・ワード・パワーポイント・アクセス）ホームページ作成コース（ホームページビルダー・ワードプレスなど） etc 基本的には、初心者向けのカリキュラムであるものの、Web制作などの専門スキルについても入門程度のスキルが学べます。料金・割引制度入学金：コース料金11,000円〜テキスト料金：不要その他：コース料金（入学時1回のみ）＋月額3,300円で毎日でも通える ※スクールにより多彩なコース・料金プランありコース例①パソコン入門　22,000円コース例②MOS資格対策　33,000円〜コース例③HTML＋ホームページビルダー　55,000円住所上本町店大阪市中央区上汐2-4-12　ケーエスビル　1F 蒲生店大阪市城東区中央1-2-23　京橋ハイツ　1F 三国店大阪市淀川区新高 3-2-13　1F 豊中店豊中市岡上の町4-1-23　レジデンスマロン参番館　A号 https://curiostation.com/ 初心者向けの教室基本的なパソコンの操作を学びたいといった方におすすめのパソコン教室をピックアップしました。 KECコンピュータ学院画像引用元：http://www.pcsyst.kec.ne.jp/about-school/ 特徴 KECコンピュータ学院は「質問」→「回答」→「解説」→「質問」を繰り返す「少人数双方向ライブ授業」と言われる講座形式が特徴です。より集中が高まり本質的な理解が得られます。オフィススキルを習得したい初心者の方におすすめできるパソコン教室です。プラン・コース一覧初級スタンダードコース（Word・Excel・PowerPoint入門） Excelビジネスマスターコース AccessVBAマスターコース Word応用 Accessシステム構築 Webマーケティング講座 etc. 料金・割引制度入学金：不明テキスト料金：不明講座料金：14700円〜166000円（税別） ①Word入門　27300円（税別）1レッスン90分　7回 ②MOS Word対策講座　46800円（税別）1レッスン90分　12回 ③Webマーケティング講座　98000円（税別）1レッスン120分　15回割引制度：教育訓練給付金制度の対象講座では、一定の条件を満たすことで学費の20％がキャッシュバックされます。参考サイト：http://www.pcsyst.kec.ne.jp/course/ 住所梅田本校大阪市北区曽根崎新地2-6-12小学館ビル6F 枚方本校枚方市西禁野1-1-28　1F http://www.pcsyst.kec.ne.jp/ ウェルバランス画像引用元：http://www.pcsyst.kec.ne.jp/about-school/ 特徴ウェルバランスはパソコンの電源の入れ方やマウスの動かし方といった初歩的なことだけでなく、下記のような日常でパソコンを利用する内容をやさしく教えてくれます。写真の整理や編集インターネットの便利な使い方初心者から学び始める方におすすめのパソコン教室です。プラン・コース一覧手作り名刺やメッセージカード作りインターネットの便利な使い方写真の整理や編集 etc. 料金・割引制度入学金：10800円テキスト料金：2500円程度講座料金：1350円　1レッスン50分　※月の受講回数により変動住所帝塚山校　大阪市住吉区帝塚山東1−3−36 住之江校　大阪市住之江区安立3−3−18 http://www.wellbalance.co.jp/pcschool/ パソコン教室ZERO 画像引用元：https://www.instagram.com/pc_school_zero/ 特徴パソコン教室ZEROは「可能な限り多くの人にパソコンのスキルを身につけて欲しい」という思いから、1レッスン1000円からというリーズナブルな料金設定が魅力のパソコン教室です。内容は初心者向けではあるものの、地域の個人事業主のホームページ作成サポートなども行っています。プラン・コース一覧基本コース（オフィスソフト、SNSなど） MOS資格対策コースホームページ作成コース Web・DTPデザインコース etc. 料金・割引制度入学金：10000円テキスト料金：不要講座料金：1000円〜3000円/1レッスン月額で通い放題のコースもあり ①のびのびコース　月額12000円　12回 ②MOS対策　25800円　回数無制限 ③Web・DTPデザイン　37500円　25回割引制度：「ホームページ見た」で割引が効く場合があります。住所狭山市狭山5-2344-5 http://zero-pc.jp/ エフアンドエムパソコン教室画像引用元：https://www.fm-pc.com/ 特徴エフアンドエムパソコン教室はパソコンの操作が初めての人から、就職・転職のためのスキルアップ、資格取得を目指す人に充実したカリキュラムが設定されていることが特徴です。何から勉強したらいいかわからないという方でも丁寧にサポートしてくれます。おもにオフィスソフトのスキル・資格が習得可能です。プラン・コース一覧 PC基本コーススキルアップ・資格取得コース etc. 料金・割引制度入学金：3300円/11000円テキスト料金：別途必要講座料金：月額13200円〜 ①基本コースパック　10300円〜 ②MOS対策パック　163800円〜住所淡路校　大阪市東淀川区淡路4−14−14 2F アテナ守口校　守口市大枝東町13−16 松浦ビル1F 天神橋筋パソコン教室　大阪市北区天神橋4−6−19 サンプラザ井上2階たまつくりパソコン教室　大阪市天王寺区玉造元町2−35 玉造末広ビル201 天下茶屋校　大阪市西成区天下茶屋3−12−1 桂ビル1F https://www.fm-pc.com/ パソコン教室カイカ画像引用元：https://pc-kaica-hanaten.jimdofree.com/ 特徴パソコン教室カイカは、疑問に対して気軽に質問可能なワークショップスタイルの講座が低価格で受けられる評判の良いパソコン教室です。どのコースもテキスト料金が発生しないので気軽にパソコンスキルを習得できます。プラン・コース一覧オフィスコースインターネットコースビルディングホームページコース etc. 料金・割引制度入学金：10000円（税別）テキスト料金：不要講座料金：月額6000円〜19200円（税別）※受講回数に応じて割引制度：Webからの予約で月額が半額になるなどの制度があります。住所大阪市鶴見区放出東２－１６－２２春本ビル１０３号 https://pc-kaica-hanaten.jimdofree.com/ 転職サポートのある教室転職に向けて、転職サポートがある教室で学びたいといった方におすすめのパソコン教室をピックアップしました。大手のパソコン教室は転職サポートが充実している傾向があります。 Winスクール画像引用元：https://www.winschool.jp/map/kinki/osaka/ 特徴 Winスクールは全国に教室を展開する大手のパソコン教室です。そのため、企業との連携をベースに充実した就職・転職サポートが受けられます。プランfav:@・コース一覧 CAD・3DCAD・インテリア Webデザイン・Webプログラミンググラフィックデザイン・映像デザインプログラミング・ネットワーク AI・IoT・スマホアプリ Word・Excel・パソコン資格就職・転職サポート講座数が多いことから、ニーズにマッチする細かい講座内容があります。また、講師がキャリアコンサルタントとして相談に対応してくれることも特徴の1つです。面接の指導や選考の際に提示できる制作物についての細かなアドバイスも受けることが可能です。就職・転職の際にアピールできる専門的な資格取得もサポートしてくれます。料金・割引制度 Winスクールの講座は多数あるため料金も多様です。詳細は参考リンクを参考にしてください。ここでは、主な講座の料金をみていきましょう。入学金：18000円（税別）テキスト料金：4000円（税別）程度講座料金：講座に応じて ①ホームページ制作　124000円（税別）　1レッスン150分　12回 ②Linuxサーバ構築　128000円（税別）　1レッスン150分　10回 ③Pythonプログラミング　154000円（税別）　1レッスン150分　14回住所梅田校　大阪府大阪市北区角田町8-1 梅田阪急ビルオフィスタワー 21F なんば校　大阪府大阪市中央区難波4-4-1　ヒューリック難波ビル（旧難波富士ビルディング）14F 天王寺校　大阪府大阪市阿倍野区阿倍野筋1-5-1　あべのルシアス6Ｆ大日校　大阪府門真市向島3番35号ベアーズ 1F https://www.winschool.jp/ KENスクール画像引用元：https://www.kenschool.jp/school/umeda/ 特徴 KENスクールは30年前からパソコンスクールを牽引する大手です。長年培った教育ノウハウを受講者に沿って柔軟に提供してくれます。受講生の目標や習得したスキルを管理するシステムなど、就職・転職に向けたサポートが充実していることが特徴のパソコン教室です。プラン・コース一覧 Web・DTPデザインプログラミングネットワーク CAD オフィス就職・転職サポートキャリアコンサルタントが担当として就職・転職サポートしています。外部の人材エージェントと連携して入学時のカウンセリングから内定、入社までの幅広い範囲の方がサポート対象です。特に、IT未経験からのIT分野への就職までカバーする就職・転職コースがあり、安心して学ぶことができるでしょう。料金・割引制度単一での受講だけでなく、体系的なスキル習得のためにセットでの受講も可能です。資格取得のサポートもあります。入学金：30000円（税別）テキスト料金：不要講座料金：講座に応じて ①Web実践就転職総合コース　343000円（税別）　111時間 ②Javaプログラマ養成コース　365000円（税別）　101時間 ③Linuxエキスパート就転職総合コース　804000円（税別）　236時間住所梅田校　大阪府大阪市北区梅田2-2-2 ヒルトンプラザウエストオフィスタワー11F https://www.kenschool.jp/ パソコン教室アビバ画像引用元：https://www.aviva.co.jp/ 特徴パソコン教室アビバはオフィスソフトを取り扱う基礎的な講座から、RPA（ロボティックプロセスオートメーション）といった最近のITスキルのニーズにまで対応する大手のパソコン教室です。大手にしかできない充実した就職・転職サポート体制が整っています。プラン・コース一覧大手スクールであるため、幅広く細かい専門的なスキルを習得できます。資料請求でさらに詳しい内容を確かめてみましょう。 Microsoft Office クリエイティブプログラミング/CAD クリエイティブ基本 PC基本ビジネス活用・実践 etc. 就職・転職サポート入学時に目標達成に向けて個別カウンセリングを実施し、よりマッチしたプランを提案してくれます。それだけでなく、自己診断ツール「BRIDGE-C」を活用可能です。「プロシード」というマッチングサービスに登録することで身につけたスキルを企業へとアピールすることができます。料金・割引制度アビバはWeb上で講座料金を公開していません。無料で資料請求できるので、各自問いあわせてみましょう。入学金：22000円（税込）テキスト料金：別途必要講座料金：講座に応じて住所梅田校　大阪市北区曽根崎新地2-1-23 JPR堂島ビル 2F なんば校　大阪市中央区難波2-1-2 太陽生命難波ビル6F あべのキューズモール校　大阪市阿倍野区阿倍野筋1-6-1 あべのマーケットパークキューズモール3F 京橋校　大阪市都島区東野田町1-6-16 ワタヤ・コスモスビル9F 千里中央校　豊中市新千里東町1-4-2 千里ライフサイエンスセンタービル9F イオンモール茨木校　茨木市松ヶ本町8-30-4 イオンモール茨木3F 枚方校　枚方市岡東町18-23 枚方近畿ビル4F https://www.aviva.co.jp/ フリーランス志望向けの教室フリーランスとして独立できるスキルを習得したいといった方におすすめのパソコン教室をピックアップしました。ティップスパソコンスクール画像引用元：https://tips-school.jp/ 特徴ティップスパソコンスクールは駅直結でアクセスの良い位置に教室があります。受講して「どうなりたいか」を大切にしてくれるスクールです。特にホームページ制作講座やJava講座が人気です。プラン・コース一覧オフィスソフト DTPデザインホームページ制作建築CAD・機械CAD ITプログラミング料金・割引制度入学金：不明テキスト料金：講座に応じて講座料金：講座に応じて ①ホームページ制作基礎　39600円（税別）　12時間 ②イラストレーター基礎　32000円（税別）　10時間 ③Javaプログラミング基礎　61200円（税別）　18時間 etc. 住所大阪市北区梅田1丁目4-11-2300号大阪駅前第4ビル23階 https://tips-school.jp/ 資格とキャリアのスクールnoa 画像引用元： http://noa-wa.co.jp/ 特徴資格とキャリアのスクールnoaのオリジナルのテキストは全国の教育機関で採用されています。対面授業で教えきることをモットーにしており、教育ノウハウの高さに定評があります。また、大手ならではの企業へのインターン制度もあり、実務経験が積めるのは大きなメリットです。プラン・コース一覧 Web・DTP パソコン・資格ネットワーク・IT ウーマンビジネスプログラミングコミュニケーション etc. 料金・割引制度入学金：8000円（税別）テキスト料金：講座に応じて10000円（税別）程度講座料金：講座に応じて ①WebデザイナースタートUPコース　290000円（税別）　123時間 ②グラフィックデザイナー養成コース　175000円（税別）　69時間 ③CCNA受験対策（シスコ技術者認定資格）184800円（税別）42時間住所梅田校　大阪市北区茶屋町1-27 ABC-MART梅田ビル9F あべのハルカス校　大阪市阿倍野区阿倍野筋1-1-43あべのハルカス23F http://noa-wa.co.jp/ パソコン教室リトルツリー画像引用元：https://littletree.college.jp/ 特徴リトルツリーは大手のような規模はありません。小規模だからこそできる低価格で柔軟なカリキュラム・対応が魅力です。「ここを教えてほしい」といったニーズにマッチします。独学でフリーランスを希望していたがつまづいてしまい教えてくれる場所がほしいといった方におすすめです。プラン・コース一覧基礎・Officeコースクリエイティブコース料金・割引制度入学金：不要テキスト料金：別途必要講座料金：2000円〜3000円（税込）住所枚方市東中振１丁目10-1 https://littletree.college.jp/ HEARTSパソコンスクール画像引用元： https://hearts.school/ 特徴 HEARTSパソコンスクールは大手ではありません。しかし、口コミサイトなどからの評価が高いパソコン教室です。教室での受講とウェブスクールの両方を活用して確実なスキルの習得が可能です。また「何を学ぶかはみんなバラバラ」「何を学んでも同じ授業料」で学べることが大きな特徴のひとつです。プラン・コース一覧 Office系ネット活用 Web制作画像編集デザイン・広告制作動画編集資格取得対策 etc. 料金

プログラミング

記事を検索

ニュース

インタビュー

テクノロジー

キャリア

お問い合わせ

転職・在宅ワークにも繋がる！Web制作の副業の仕事内容と収入を徹底解説

この記事を書いた人

テックアカデミーマガジン編集部

Web制作の仕事内容

Webデザイン

Web開発

どんな人に向いているのか

柔軟な働き方を求める人

ものづくりが好きな人

論理的思考力や問題解決能力がある人

コツコツできる人

必要なスキル

HTML/CSS

JavaScript

デザインツール

バージョン管理システム

プログラミング言語

SEO

副業での収入実例

Web制作が転職に役立つ理由

Web制作会社で社員として働く場合

フリーランスのWeb制作者として働く場合

Web制作を請け負う会社のオーナーとして働く場合

Web制作副業の始め方

基本的な知識を学ぶ

オンライン教材を活用する

デザインの基本知識を学ぶ

Web制作ツールを学ぶ

ポートフォリオサイトを作成する

仕事を探す

Web制作の副業を始めるために

記事を検索

関連するキーワード

あわせてよく読まれている記事

在宅でできる副業おすすめ職種20選【月5万円稼ぐ方法】

【副業】プログラミング未経験から稼ぐ方法を徹底解説

Webデザイナーの仕事内容！実際のデザイン業務を現役 Webデザイナーが解説

Web制作の仕事をするうえでの心構え【初心者必見】

IT系の職種まとめ！技術職を目指す人向けに解説【未経験者向け】

大阪のパソコン教室20選｜自分に合った教室の選び方も紹介

TechAcademyから 現役エンジニアの方へ お知らせ

TechAcademyから
現役エンジニアの方へ
お知らせ