CSS

CSSの軽量フレームワーク10選を現役エンジニアが解説【初心者向け】

初心者向けにCSSの軽量フレームワーク10選について解説しています。フレームワークを使用すると、スタイルシートを効率的に実装することができます。主なフレームワークの例と導入方法を覚えましょう。

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

CSSの軽量フレームワーク10選について、TechAcademyのメンター（現役エンジニア）が実際のコードを使用して初心者向けに解説します。

そもそもCSSについてよく分からないという方は、CSSの書き方について解説した記事を読むとさらに理解が深まるでしょう。

なお本記事は、TechAcademyのオンラインブートキャンプWebデザイン講座のCSSカリキュラムをもとに執筆しています。

今回は、CSSに関する内容だね！

どういう内容でしょうか？

CSSの軽量フレームワーク10選について詳しく説明していくね！

お願いします！

フレームワークとは

フレームワーク（framework）とは、会社の大規模の組織（リソース）での協業を前提として、多少なりの規模が異なっていても規則性のあるソースコードを実現するためのソフトウェアです。

[PR] Webデザインで副業する学習方法を動画で公開中

フレームワークを使うメリットとデメリット

フレームワークを導入するだけではなく、フレームワークを使用することによる恩恵と損失の可能性を下記に述べます。

メリット

ある程度の品質が保たれた規則性もある成果物の生産について、組織の複数人での協業を円滑に活動させて、工数の圧縮や作業の効率化を望めます。

品質については、生産量を堅調に安定化できると労力を軽減できるでしょう。

デメリット

会社の成果物に対する品質は期待可能であるものの、それに伴う構成員に対する負荷の分散にはなりません。

なお、会社の組織での協業を前提としているため、会社の大規模の組織が必要不可欠になりやすいです。

執筆してくれたメンター

井内洋平

TechAcademyの現役メンター。

元Web Developerで、趣味は貯金、節税対策、投資信託、株式投資、FXなど多岐にわたる。

CSSの軽量フレームワーク10選がよく分かりやすくて良かったです！

ゆかりちゃん、これからも分からないことがあったら質問してね！

分かりました。ありがとうございます！

TechAcademyでは、初心者でもオリジナルWebサイトを公開できるオンラインブートキャンプWebデザイン講座を開催しています。

挫折しない学習方法を知れる説明動画や現役エンジニアとのビデオ通話とチャットサポート、学習用カリキュラムを体験できる無料体験も実施しているので、ぜひ参加してみてください。

事例から学ぶ！参考にしたいおしゃれなホームページ10選

今回はサイト作成する上で参考になるおしゃれなホームページを紹介します。おしゃれなデザインは企業のホームページとして大きな影響を及ぼします。おしゃれなサイ...

Webデザイン

CSSでフォントサイズを自由に指定する方法を現役エンジニアが解説【初心者向け】

CSSでフォントサイズを自由に指定する方法について、TechAcademyのメンター（現役エンジニア）が実際のコードを使用して初心者向けに解説します。 C...

CSS

CSSで文字サイズをディスプレイサイズに合わせて可変にする方法【初心者向け】

CSSで文字サイズをディスプレイサイズに合わせて可変にする方法について解説します。そもそもCSSについてよく分からないという方は、CSSの書き方について...

CSS

文字に影をつけたい！CSSのtext-shadowの使い方【初心者向け】現役Webデザイナーが解説

CSSで書くtext-shadowの使い方について解説しています。テキスト(文字)に影をつけて、より目立たせたりおしゃれに見せたいという方はぜひ使い方を...

CSS

CSSで!importantを使った優先順位の変更【初心者向け】

今回はCSSで!importantを使った優先順位の変更を説明します。 CSSの記述が多くなると思い通りのスタイルが適用されなくなる場合があったりしますが...

CSS

CSSのスクロールバーを表示、非表示にする方法を現役デザイナーが解説【初心者向け】

CSSのスクロールバーを表示、非表示にする方法について、TechAcademyのメンター（現役エンジニア）が実際のコードを使用して初心者向けに解説します。 ...

CSS

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

トレンドを知っておこう！Javaのフレームワークまとめ【初心者向け】現役エンジニアが紹介

Javaのフレームワークについて、テックアカデミーのメンター（現役エンジニア）が実際のコードを使用して初心者向けに解説します。目次フレームワークとはフレームワークを使うメリットとデメリットおすすめフレームワーク10選人気のあるフレームワークを試してみよう執筆してくれたメンターそもそもJavaについてよく分からないという方は、Javaとは何なのか解説した記事を読むとさらに理解が深まります。田島悠介ここではJavaの便利なフレームワークをいくつか紹介しよう。大石ゆかり田島メンター！フレームワークというのは何ですか～？田島悠介アプリケーションなどの開発に必要な枠組みのことを言うんだ。紹介の前に、まずはフレームワークそのものの性質について説明しよう。大石ゆかりお願いします！フレームワークとはフレームワークとは、システム開発を行う上で開発効率を高めてくれる便利な仕組みです。プログラミングを行う上で直面するのは、システム開発の効率をいかに高めるかです。開発の効率が悪くなる大きな原因として、システム開発する人や開発する案件ごとに、システムの設計や実装方法が大きく変わります。場合によっては、必要以上の不具合や開発速度の遅れを生み出します。必要以上の不具合や開発速度の遅れという問題を解決する手法としてフレームワークを使用するという方法があります。フレームワークのメリットフレームワークを使用する事で次のような効果があります。チーム内で共通認識として理解しやすい基本設計を使用する事が可能データベースとプログラムとのやり取りを簡素化する事が可能よく使用する機能をあらかじめフレームワークで用意しておき、関数を呼び出すだけで実装が可能フレームワークがエラー箇所をわかりやすく教えてくれる事で不具合の解決が可能結果的に、エラーの解決や美しい設計が可能となり、開発効率が高まるというメリットを享受できます。 [PR] Webデザインで副業する学習方法を動画で公開中フレームワークのデメリットフレームワークを使用する事でデメリットも存在します。チーム内でフレームワークを使用することは、フレームワークの使用方法について、チーム内全員が事前に学習しておく必要がでてきます。効率化を手に入れる代償として、学習が必要ですが、システム開発後に不具合が発生することを考えると、フレームワークを学習しても良いかもしれません。田島悠介フレームワークについての概要になるよ。大石ゆかり使うフレームワークについてしっかり理解しておけば、開発において心強い味方になるということですね。田島悠介それではJavaのフレームワークを見ていこうか。今回解説するのは「Java EE」と「Play Framework」と「Spring Framework」だね。 Javaのフレームワークここから開発現場で利用されるJavaのフレームワークを5つ紹介します。 Java EE（Java Platform, Enterprise Edition） Play Framework Spring Framework Hibernate Grails それぞれのフレームワークの開発元や特徴を解説します。 Java EE（Java Platform, Enterprise Edition） Java EE公式ページ Java EEは1999年に登場して以来、サーバー用との大規模システム向けにJava Servlet（サーブレット）、JavaServer Pages (JSP)、Enterprise JavaBeans (EJB)、Java Transaction API (JTA)、Java Message Service (JMS)、JavaMail、Java EE Connector Architecture (JCA)、およびXML関連のAPI（JAXP等）の機能をセットにして提供しているフレームワークです。 Javaの開発元だったサン・マイクロシステムズの時代から提供されているフレームワークで、現在はオラクルが提供しています。 Java開発元の提供ということもあり、信頼できるフレームワークであるため、業務用に導入する際、使用する決済を取りやすいですが、その反面、非常に大規模な仕様であるため、ちょっとしたシステム開発に使用する上での学習コストが負担となっています。 Play Framework Play Framework公式ページ Java EEのように大規模なフレームワークがあるなか、ちょっとしたプロジェクトをフレームワークで開発したい場合や、個人開発者が一人で開発したい場合にピッタリのフレームワークがPlay Frameworkです。 Play Frameworkは他のJavaフレームワークに比べ学習コストが低い事が特徴です。学習コストが低いというのは、学習する事が少ないことを意味します。学習コストが低いからと言って、機能が不足しているわけではありません。基本的な設計や実装に必要な機能は十分なほど揃っているにも関わらず、最小限の学習により開発を開始することができるのが大きな特徴です。またオープンソースのため、ソースコードが公開されている事も特徴です。オープンソースであることは、特定企業の特定技術の政治的な影響を受けない、良い技術をどんどん取り入れるというメリットがあります。 Spring Framework Spring Framework公式ページ Pivotalが開発しており、Java EEに比べ最新技術をいち早く導入する事で、数あるJavaフレームワークの中でも最大のシェアを伸ばしてきているフレームワークです。 Spring Frameworkの特徴としてSpring MVC、DI、AOP、RESTfulと様々な特徴がありますが、なかでもDIが非常に特徴的です。 DI（Dependency Injection）とは直訳で依存性の注入と言います。内容としては、オブジェクトが成立するための情報を外部設定に分離することで、コンポーネントの集合としてアプリケーションを組み立てるデザインパターンの事を示しています。オブジェクトとは、物という意味です。コンポーネントとは、プログラムを構成する部品です。アプリケーションとは、ソフトウェアの事です。デザインパターンとは、再利用可能な設計の考え方です。デザインパターンについても解説しているので、参考にしてみてください。 Hibernate Hibernate公式ページ Hibernateは、ORM (object relational mapping)のためのツールを提供するフレームワークです。 ORMに、Session サポート、トランザクション管理、オブジェクト・キャッシング、HQLなどの主要機能が用意されています。その他にも、NoSQLに対応したOGMや、検索機能のHibernate Search、バリデーション機能のHibernate Validatorなど、Javaを利用して効率的な開発をすすめることができる機能が用意されています。 Grails Grails公式ページ Grailsは、GroovyというJava VM上で動作する動的なスクリプト言語を利用した開発フレームワークです。 Grailsという名称からわかるように、以前は、”Groovy on Rails”と名乗っていたほどに、RubyOnRailsに影響を受けています。また、 Hibernateフレームワークとの透過的連携を実現しており、 Hibernateフレームワーク以外のJavaライブラリや、Javaプロジェクトとの連携も容易です。フレームワークの選び方 5つのJavaフレームワークを紹介してきました。ここでは、Javaフレームワークの選び方を紹介します。 Google Trendsの結果を見ながら次の３つのポイントで選んでみたいと思います。既存案件の保守や改修業務を狙う場合学習コストの低さで選ぶ場合現実的に見た効率的な開発で選ぶ場合１．既存案件の保守や改修業務を狙う場合 Google Trendsの検索結果だけを見ると、spring

Java

【2019年最新】徹底比較！PHPの人気フレームワークまとめ

PHPは、Webシステムのためのプログラミング言語として登場し、現在も多くのサービスを生み出しています。そして、Webサービスを使う上で多用されているのがフレームワークです。今回はそんなPHPでの開発を支えている、人気のフレームワークを紹介しています。フレームワークごとに特徴が違うので、比較する上での情報として参考にしてみてください。個人的には、世の中にある全てのPHPフレームワークを紹介したいのですが、今回は実務で利用されているかどうかも含め、案件で利用される実績の高さも踏まえて、厳選してご紹介します。なお本記事は、TechAcademyのPHPオンライン講座の内容をもとにしています。フレームワークとは言葉の通り「骨組み」を表します。画面の表示やデータベースへの登録といった、どのシステム開発でも必要な機能を、ある一定のルールに沿って開発が可能となるように、標準化したものをフレームワークと呼びます。フレームワークを利用することで開発者は効率的に開発を行うことができます。また、プログラムの品質を均一化という面からもフレームワークの役割は大きく、システム開発を行う上でフレームワークの知識と経験は必須となっています。 Laravel（ララベル）とはメリット 2015年にバージョン5がリリース！今最も『旬な』フレームワーク Laravel自体は2011年から開発が開始されていますが、日本で本格的に注目を集めるようになったのは、欧米で「2014年における最も有望なPHPフレームワークの1つ」として紹介された2013年12月ごろです。実際にPHPの開発案件としてLaravelが出てくるようになったのは2015年ごろからで、翌年には案件の問い合わせのうち何割かはLaravelの名まえが出てくるようになりました。まさに、今が『旬な』フレームワークと言えます。私も現在PHPでの開発を行う場合、Laravelを利用する案件が多いです。デメリット若干敷居が高いが、今後のフレームワークの主流になる可能性を秘めている他のフレームワークに比べると新規での開発が多く、運用されているサービスの改修案件は少なめです。しかし、最近はQiitaなどの技術的な記事も多くあげられるなどLaravelの学習環境が整ってきているため、これから本気でWebシステムの業界を目指す人にはまさにお勧めのフレームワークと言えます。 Laravelの公式サイト [PR] Webデザインで副業する学習方法を動画で公開中CakePHP（ケイクピーエイチピー）とはメリット 2015年にメジャーバージョンアップを遂げ3系が登場。実績と将来性のあるフレームワーク CakePHPは2005年から存在するPHPフレームワークの大御所です。2011年にバージョンが2系になり、以降、マイナーバージョンは上がっていますが現在も2系が主流です。しかし、2015年には3系がリリースされ、特にデータベース周りの機能が大幅に強化されています。2.4からプラグインとして追加できたmigrations機能が標準装備され、DB構造をソース管理できるようになりました。DB構造を簡単に管理、更新できるようになったことで、チーム開発の選択肢としてCakePHP3は有力です。デメリット一部クライアントによっては敬遠される CakePHPは歴史がある分、いい印象を持っていないクライアントもいます。原因のほとんどはCakePHP自身ではなく実装者個人の問題ですが、CakePHPで作られたシステムは品質が悪い（信頼できない）ということでNGが出る場合もあります。「よく知らなくてもある程度のものができてしまう」というフレームワークの負の遺産をCakePHPは背負っているとも言えます。 CakePHPの公式サイト FuelPHP（フューエルピーエイチピー）とはメリット処理速度を重視した、小規模案件向けフレームワーク FuelPHPは、「シンプルでフレキシブル」をテーマに、小規模案件向けのフレームワークです。高速な処理をテーマに掲げ、オートローダー機能により必要なクラスだけを読み込む仕組みとなっています。開発自体の速度も重視しているのか、設定を重視しているため規約が少なく、開発者がフレームワーク独自の書き方に戸惑わないように配慮されています。デメリット中規模案件に使用するにはプラグインやパッケージの別途インストールが必要例えば、FuelPHP自体はユニットテストを想定して作られていますが、実施するために必要なPHPUnitはインストールが別途必要となります。 FuelPHP自体が高速処理ということで余分な機能を初期機能から除いているため、案件の規模が大きくなってくると他のフレームワークに比べプラグインやパッケージのインストールが必要となります。利用者が少なめ他のフレームワークに比べ、FuelPHPは国内のシェアは多くありません。 FuelPHPを用いた開発を専門に扱うのでなければ、他のフレームワークを先に習得したほうがいいでしょう。 FuelPHPの公式サイト Symfony（シンフォニー）とはメリット PHPフレームワークの先駆者 SymfonyはMVCに従った構造を持つ、フレームワークの老舗です。保守性と安定性を重視した作りとなっており、CakePHPと同じくRuby on Railsの影響を受けています。 twigを用いて可読性の高いテンプレートの作成が可能 Symfonyは、Twigというテンプレート言語を使って可読性の高いテンプレートを作成することができます。一覧など繰り返しの処理がある個所を、次のように記述することができます。デメリット Symfonyでの開発案件がほとんどない Laravelが注目を集めてきたこともあり、現在ではあまりSymfonyでの開発は盛んではないようです。 CakePHPに比べると習得難易度も高く、人口が少ないという事も要因の一つかもしれません。 Symfony自体は、MVCを学ぶ上でとても良いフレームワークなので、案件に関わらず一度は触ってみることをおすすめします。 Symfonyの公式サイト Codeigniter(コードイグナイター）とはメリット豊富な開発実績軽量PHPフレームワークの中では最も開発実績があるフレームワークです。私自身も個人的にCodeigniterでの開発実績が多いです。これは、日本国内でPHPフレームワークが広まり始めた段階で、公式ページのチュートリアルとドキュメントのわかりやすさが高く、最も簡単に最低限のアプリケーションを実装できたという経緯があるためです。現在でも過去にCodeigniterで制作されたシステムの改修案件も多いです。デメリットライセンス問題によるユーザー流出 Codeigniterはバージョンを1→2→3と変遷してきました。しかし、このバージョンアップは、機能を追加する以外の意味もありました。現在はデメリットというわけではありませんが、Codeigniter2からCodeigniter3にバージョンアップする際、ライセンスに関する懸念から多くの開発者がCodeigniterの利用に対する不安を感じた事があります。これは、当時の開発元であるEllisLab がCodeigniterのライセンスを独自オープンソースライセンスからコピーレフトなライセンスであるOSLライセンスにするという決定をしたためです。様々な経緯の結果、開発元がブリティッシュコロンビア工科大学に移り、このライセンス問題もMITライセンスになり、ライセンス問題もおさまりました。ただ、ライセンス問題が発生した時に、有力な開発者が他のフレームワークでの開発を始めた事で、一時的にでもCodeigniterでの開発知見が減少したことはデメリットだと言えるかもしれません。 Codeigniterの公式サイト Phalcon（ファルコン）とはメリット高速性能 Codeigniterを利用していた頃は、標準設定のPHPフレームワークの中で最も軽量で高速動作が可能だったのがCodeigniterでした。その市場へ、最速フレームワークとして誕生したのがPhalconです。 C言語の拡張として書かれたPHP用オープンソースフルスタックフレームワークです。 C言語の拡張というように、非常に高速な動作が可能です。例えばkenjis氏の計測結果によるとlaravel-5.3に比べるとPhalcon2.0は15.9倍処理速度が高速というベンチマークが出ています。デメリット日本国内用情報が少ないベンチマークの計測方法に盛りますが、Phalconが高速性能を誇っているのは確実です。それだけ高速なPhalconがPHPフレームワークのシェア上位に来ることができないのにはいくつか理由があります。 Phalconが安定動作するようになった時、すでにLaravel等のフレームワークの情報が豊富だった PHP7になり、それまでのPHP5の処理速度の倍程度のベンチマークが出るようになった既存で利用しているPHPフレームワークから乗り換えるにはPhalcon独自の仕様を学習する必要があったそれぞれの理由自体は小さな理由かもしれません。しかし、様々な理由が重なり、タイミング的にPhalconを実務で使用する機会がないまま時が経つことで、日本国内でのPhalconに関する情報はLaravel程蓄積されませんでした。高速性能のPhalconを実務で利用したいエンジニアは多いと思いますが、Laravel程情報が無い事がデメリットになるようです。 Phalconの公式サイトまとめ Rubyのフレームワークと聞くと、「Ruby on Rails」をイメージする人が多いと思いますが、PHPは状況によって使われるフレームワークが様々あります。ぜひ覚えておきましょう。また、PHPを勉強していて、もっと効率的に勉強したい誰かに聞きながら学びたい自分でWebサービスを作りたいと思ったことはないでしょうか。そんな方のために、TechAcademyではオンラインブートキャンプPHP/Laravelコースを提供しています。現役エンジニアがパーソナルメンターとして受講生に1人ずつつき、マンツーマンのメンタリングで学習をサポートし、オリジナルWebサービスを開発することが可能です。独学に限界を感じている場合はご検討ください。この記事を監修してくれた方中本賢吾（なかもとけんご）アジマッチ有限会社　代表取締役社長開発実績：PHPフレームワークを利用した会員制SNS・ネットショップ構築、AWSや専用サーバー下でLinuxを使用したセキュアな環境構築、人工知能を利用したシステム開発、店舗検索スマホアプリ開発など。その他にも地域の職業プログラマー育成活動を行い、2018年には小学生がUnityで開発したオリジナルAndroidアプリをGooglePlayでリリース。ゲームで遊ぶより作ろうぜ！を合言葉に、小学生でも起業できる技術力を育成可能で有ることを証明し続けている。

PHP

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

「スキマ時間で稼げる副業はないかな…？」「どうせなら在宅でできる副業はないかな…？」「スキルを身につけながら稼ぐことはできないかな…？」この記事では、在宅でできるおすすめの副業20選を紹介し、選び方、副業をする上での注意点まで解説しています。今の会社の収入だけでは満足できていない人会社に出勤するのが無駄だと思っている人そんな人に向けて書きました。この記事を最後まで読めば、あなたにぴったりの副業が見つかるでしょう。目次フレームワークとはフレームワークを使うメリットとデメリットおすすめフレームワーク10選人気のあるフレームワークを試してみよう執筆してくれたメンター副業で特におすすめなのは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] Webデザインで副業する学習方法を動画で公開中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

副業・フリーランス

デザインを実装する上で知っておきたい！9つの原理とは

本稿は、Smashing magazineのブログ記事を了解を得て日本語翻訳し掲載した記事になります。本記事は、UXディレクターでありデザイン本の執筆もしているTom Greever氏によって投稿されました。先日、クライアントに向けたHTMLとCSSを使用してデザインを実装するための方法についての講習会で指導を行っていました。そこでは、スタイルガイド駆動開発やOOCSS・SMACSSのような取り組み方、及びモジュール設計などの工程についての議論も行われました。最終日近く、ある人に「でも、どうやってそれが正しく行われていると判断したらいいんでしょうか？」という質問を受けました。最初、私は混乱していました。それまで私は「正しく行う」ことだけを説明していましたが、その質問が何が主格の選択肢であるかを評価するためのより深いニーズに根ざしているのに気付きました。例えば「他と共同して動作するクラスの数は最小限にする」というような特定のアドバイスは、モジュール性に関する幅広い認識がなければ役に立たないのです。私たちの仕事がきちんとできているかを本当に知るために、デザイン実装の目安として使えるより高いレベルの原則が必要であると気付きました。この溝を埋めるため、デザイン実装に関する9つの原則をまとめています。 CSSやコードを吟味するときの他にチームに志願している人への面接を行うときでも、これらの原理は特定の技術やデザインを実装する一般的な手段を超越した骨組みとして利用することができます。 1.構造化文書はスタイルシート適用の有無に関わらず、意味があり論理的に書かれている。 2.効率的デザイン実装に使われているマークアップとアセットは最小限である。 3.標準化共通の規定があり、自由に使うことができる。 4.抽象化ベースとなる要素は特定のコンテキストから切り離され、中心となるフレームワークを形成している。 5.モジュール化共通して使える要素は、再利用ができるように分割されている。 6.設定が可能ベースとなる要素を、任意のパラメータでカスタマイズできる。 7.拡張が可能コードは簡単に拡張することができ、今後も追加されることが見込まれている。 8.文書化されているすべての要素は、それを使用して拡張できるように他の人に説明されている。 9.正確である最終的なアウトプットは、予定された通りのデザインとして適切な表現がされている。プロジェクトに各原則がどのように適用するかを確認するため、この記事の基準として私のプロジェクトのひとつのモックアップを使用します。これは既存のECサイト中の、デイリーディールを宣伝する特別なランディングページです。スタイルの一部は既存のサイトから継承されますが、ほとんどの要素は新しいものであるということに注意してください。上記の原則を使って、この静止画像からHTMLとCSSを生成してみましょう。この製品の「カード」レイアウトは、新しい要素です。 1.構造化文書はスタイルシート適用の有無に関わらず、意味があり論理的に書かれている。ここでの原則は、ドキュメント(HTML)の内容がスタイル(CSS)がなくても意味を持つということです。正しい見出しレベル(heading)や順序なしリスト(ul)などを設定し、<header>や<article>といった意味のあるタグを利用するということでもあります。 aria-labelやalt属性、その他のアクセシビリティに必要な可能性があるものをきちんと使用しましょう。見た目的に変わらないアンカータグとボタンのどちらを使うかということは、大したことには思えないかもしれません。ですが視覚的に同じであっても、これらは違う意味を伝え違う動作を行います。セマンティックマークアップはその意味を検索エンジンや補助技術に伝え、他デバイスにおいての再利用もやりやすくします。それはプロジェクトの将来性に繋がります。よく構造化された文書を作成するということは、セマンティックHTMLを書くことを学び、W3Cによる標準や他の専門家のベストプラクティスを習慣づけ、自分のコードが分かりやすくなるように時間をかけることです。スタイルシートなしでブラウザで確認するのが、一番シンプルなHTMLのテスト方法になります。そのHTMLはCSSがなくても使うことができるか階層構造が一目で分かるかどうか HTML自体で意味を伝えることができるかしっかりした構造をもつ文書を作成するにはHTMLから始めるのがよいでしょう。ビジュアル的なスタイルを考える前に、構造とそれぞれの意味のためにプレーンなHTMLを書きます。divは避け、妥当なタグを考えます。この基本的なステップが、適切な構造を作るために役立つでしょう。 <section> <header> <h2>Daily Deals</h2> <strong>Sort</strong> <span class="caret"></span> <ul> <li><a href="#">by ending time</a></li> <li><a href="#">by price</a></li> <li><a href="#">by popularity</a></li> </ul> <hr />

Webデザイン

Python開発におすすめのフレームワーク3選を現役エンジニアが解説【初心者向け】

Python開発におすすめのフレームワーク3選について、TechAcademyのメンター（現役エンジニア）が実際のコードを使用して、初心者向けに解説します。 Pythonについてそもそもよく分からないという方は、Pythonとは何なのか解説した記事を読むとさらに理解が深まります。なお本記事は、TechAcademyのオンラインブートキャンプ、Python講座の内容をもとに紹介しています。田島悠介今回は、Pythonに関する内容だね！大石ゆかりどういう内容でしょうか？田島悠介 Python開発におすすめのフレームワーク3選について詳しく説明していくね！大石ゆかりお願いします！ Python開発にフレームワークを利用するメリットここではフレームワークを活用するメリットは3つです。開発の効率化セキュアな開発プログラミングルールの統一化詳しく解説していきます。メリット1：開発の効率化 Python開発にフレームワークを利用すると、多様なテンプレートやデバッグ機能などが使用可能になります。フレームワークを使わずに開発しようとすると、コードを1から書かなければいけません。そのため、システム完成までのステップが増え、バグが発生する可能性が高まります。一方フレームワークを導入する事でプログラマーが書かなければいけないコード量を抑えることができるため、開発にかかる時間を大幅に短縮する事ができます。さらにミスも少なくなり、トラブルがあった場合でも原因をすぐに特定しやすくなるので、ダウンタイムの時間を短くすることが可能です。メリット2：セキュアな開発 Pythonはビッグデータを扱うシステムや、WEBサービスの開発などに使われるため、高いセキュリティが求められます。フレームワークの中には、セキュリティ面で必要となる実装をサポートしているものがあります。フレームワークは、大切なシステムや情報を守るという役割も担っています。メリット3：プログラミングルールの統一化システム開発の現場においては経験もスキルも異なる様々なプログラマーがプロジェクトに参加します。フレームワークを導入する事で大人数での開発でもルールに則ったコードの統一が可能になり、結果的に品質が高まり、保守性の高いシステムが完成しやすくなります。 Python開発におすすめのフレームワーク3選 Pythonのフレームワークは数多く存在しますが、ここではお勧めとして「Django」「bottle」「Flask」の3つを紹介します。 Django 公式サイト：https://www.djangoproject.com/ PythonのWeb開発用のオープンソースフレームワークでDjango「ジャンゴ」と読みます。特徴としては基本的なWebの機能である、「ユーザー認証」、「サイトマップ」、「RSSフィード」などの機能を備えており、Webシステムの開発が楽になるように工夫されています。また、SQLインジェクションやクロスサイトスクリプティングなどの基本的な脆弱性を開発者が誤って生み出さないように設計されており、セキュリティ面もカバーしています。Webシステムの開発に適しているフレームワークです。特別な理由がない限り、Pythonでの開発におけるフレームワークは「Django」がオススメです。多機能で汎用性が高いことから、「Django」に作れないシステムはないと言っても過言ではありません。 InstagramやdropnboxもDjangoで開発されたWebアプリケーションです。学習についても日本語でのコミュニティや書籍、インターネットでの記事等が豊富にあり開発に必要な情報が充実しています。 Bottle 公式サイト：https://bottlepy.org/docs/dev/ Bottleはとにかく動作が早くシンプルなWeb アプリケーションを作成するためのフレームワークです。 Bottleは「bottle.py」という1つのファイルだけで構成されており機能は少ないですがシンプルで軽量のため小規模なアプリケーションを作成する用途に適しています。学習についても日本語での解説記事が豊富にインターネット上にあるので、Webフレームワークを使うこと自体が初めてという初心者には特にオススメです。 Flask 公式サイト：http://flask.pocoo.org/ Flaskは、Python上で動く、マイクロウェブアプリケーションフレームワークと呼ばれています。ウェブアプリケーションフレームワークの中でも、マイクロフレームワークとなっているのは、標準で提供している機能が本当に最小限になっていることに起因します。最低限の機能しか提供していない為、Djangoで標準搭載されているログインの機能をFlaskでは一から作る必要があります。その為、簡単なBotを作成したり、社内管理システムで利用したり、APIサーバーとして利用されることが多いです。フレームワークとしての特徴は最小限な機能しかない為カスタマイズ性が高く、導入も簡単な為、こちらもBottole同様初心者のフレームワーク入門用にオススメです。 [PR] Webデザインで副業する学習方法を動画で公開中監修してくれたメンター菅繕久（すがよしひこ）現在はフリーランスのエンジニアをしていてプログラミング歴は8年目になります。普段は Python、FileMaker等を使って様々な業務で活用できるIoTプロダクトRPAツールを作成しています。開発実績としては、業務自動化ツール(在庫管理・発注・ファイル操作 etc)、電子カルテシステム、ロボット用プログラムなどがあります。 TechAcademyではPythonコースを担当しております。大石ゆかり内容分かりやすくて良かったです！田島悠介ゆかりちゃんも分からないことがあったら質問してね！大石ゆかり分かりました。ありがとうございます！ TechAcademyでは、初心者でも、Pythonを使った人工知能（AI）や機械学習の基礎を習得できる、オンラインブートキャンプを開催しています。また、現役エンジニアから学べる無料体験も実施しているので、ぜひ参加してみてください。

Python

徹底比較！Pythonで人気のフレームワークまとめ

Pythonは、YouTubeなどで使われている言語で機械学習などを得意とする特徴を持っています。実際にWebサービスを開発しようと思ったらフレームワークを利用する企業や人が多いと思いますが、この記事では人気のフレームワークを紹介していきます。フレームワークごとに特徴が違うので、開発するサービスの規模など向き不向きを理解しておくと選定しやすいでしょう。なお本記事は、TechAcademyのPythonオンライン講座の内容をもとにしています。 Django DjangoはPythonのフレームワークでも最も有名なフレームワークです。特徴として、見通しのよい MVC 分離、洗練された O/R マッピング API、そして汎用性の高い強力なテンプレートエンジンを備えています。そして、高い柔軟性とパフォーマンスを同時に要求されるWebアプリケーション開発をサポートするフルスタックのフレームワークです。また、オブジェクト管理インタフェースやユーザ認証、セッション、国際化といった Webフレームワークとしての基本はもちろん、汎用のビューロジックや配信フィード (RSS/Atom) の生成など、Webアプリケーション開発に共通するメカニズムを提供し、DRY (Don’t Repeat Yourself) の法則に沿った開発を提供しているフレームワークです。フルスタックとは、データベースやユーザーインターフェース、セキュリティの機能を全て1つのアプリケーションで賄うことができるということです。 DRYとはプログラミングにおいて、同じような処理を様々な場所に置くことを禁止するというような意味です。 Bottle Bottleは、マイクロWebフレームワークです。 Djangoがフルスタックフレームワークですが、そこまでの機能は必要ないという開発者向けにWeb開発を行う最低限の機能は備えたフレームワークです。マイクロフレームワークがフルスタックフレームワークよりも素晴らしい点は、学習する量が少なくて済むということです。たったこれだけのメリットですが、すぐに何かを作りたいという開発者にとっては最大のメリットです。他にもマイクロフレームワークはありますが、Bottleはたったい1ファイルだけのファイルでフレームワークとして機能しています。中規模以上の開発を行う上では、技術的ハードルをクリアする必要がありますが、ちょっとしたWebサービスであればこれ以上無いPythonフレームワークです。 [PR] Webデザインで副業する学習方法を動画で公開中Flask FlaskはマイクロWebフレームワークの中でも人気のフレームワークです。人気の理由は中規模以上の開発にも対応しているということです。当然その分学習内容は必要になりますが、マイクロWebフレームワークという名前の通り、1ファイルのみ記述することで実装可能な設計になっています。そういう意味で、最低限必要な部分だけの学習量としてはマイクロWebの名前の通りのフレームワークです。本当に人気なのか今回紹介したフレームワーク以外も検索状態を比較しましたが、Python Djangoフレームワークがダントツの人気となっています。また、マイクロWebフレームワークのFlaskがPythonのマイクロWebフレームワークでは、Python Djangoについでの圧倒的人気を誇っています。利用者が多ければドキュメントなども比例して充実していることが多いので、なるべく他の人が多く使っているフレームワークを選ぶと習得ハードルも低いでしょう。入門向けPythonの学習サイトも記事にしているので、学習したい方は参考にしてみてください。この記事を監修してくれた方中本賢吾（なかもとけんご）アジマッチ有限会社　代表取締役社長開発実績：PHPフレームワークによるフランチャイズ企業向け会員制SNS。Shopifyによる海外進出用大規模ネットショップ構築。Vue.jsによる金融機関向け内部アプリ。AWSやLinuxハウジングサーバーでの環境構築。人工知能を利用した画像判別システム。小売チェーン店舗用スマホアプリ。Wordpressによる不動産チェーン店向け賃貸・売買仲介システム。基幹システム移管用データコンバートシステム。小学生がUnityでオリジナルAndroidアプリをGooglePlayでリリース、NHK Whyプログラミング入賞、全国Programing Festival入賞、中学生がノーコードでSNS型PWAアプリリリースなど、ボランティアプログラミング教育活動行っている。また、オンラインのプログラミングスクールTechAcademyではPythonを使って機械学習の基礎を学ぶPythonオンライン講座を開催しています。初心者向けの書籍を使って人工知能（AI）や機械学習について学ぶことができます。現役エンジニアがパーソナルメンターとして受講生に1人ずつつき、マンツーマンのメンタリングで学習をサポートし、習得することが可能です。独学に限界を感じている方はぜひご覧ください。

Python

記事を検索

ニュース

インタビュー

テクノロジー

キャリア

お問い合わせ

CSSの軽量フレームワーク10選を現役エンジニアが解説【初心者向け】

目次

フレームワークとは

フレームワークを使うメリットとデメリット