Webデザイン

【Webサイト作成に役立つ！】中古ドメインと新規ドメインを比較してみた[PR]

Webサイトを作る上で新規ドメインと中古ドメインの違いについて比較しています。ドメインを取って作ることが多いですが、過去に誰かが使っていたドメインを再利用することも可能なのです。中古ドメインと新規ドメインで何が違うのか、どんなメリットがあるのか詳しく紹介しています。

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

自身や企業でWebサイトを作成しようと思ったらまず最初にドメインとサーバーを用意する必要があります。

基本は新しくドメインを取って作ることが多いですが、過去に誰かが使っていたドメインを再利用することも可能なのです。それを中古ドメインと呼びますが、新規ドメインと何が違うのか、どんなメリットがあるのか詳しく紹介しています。

やったことは無いけれど「これからWebサイトを作ってみたい」という方はぜひ知っておきたい内容でしょう。

田島メンター！ドメインを取得したいのですが、何から調べたらいいでしょうか〜？

まず最初に、ドメインには新規ドメインと中古ドメインの2つがあるということを知っておこう。

中古というと、過去に誰かが使ってたということですか？

そうだね。ここでは新規ドメインと中古ドメイン、それぞれのメリットとデメリットについて解説するよ。

新規ドメインとは

通常Webサイトが閲覧できるのは、人が住んでいる家と同様に指定された住所に訪問するからです。つまり、インターネット上での住所を取得する必要があり、住所のことを独自ドメインと呼びます。

そして、独自ドメインは、ドメイン指定事業者と契約をして取得することができます。

ドメインを取得する代表的なサービスとしては、「お名前.com」や「ムームードメイン」などがあります。

新規ドメインかどうか確認する方法

取得したいドメインが本当に新規のものなのかドメイン年齢というツールを使ってチェックすることができます。

例えば「yahoo.co.jp」と入力してドメイン年齢を調べるをクリックすると、ドメインの取得日が表示されます。

取得日が表示されれば過去に運用されていた、もしくは現在も運用しているドメインとなります。

新規ドメインであれば、取得日が表示されないので、事前に確認しておきましょう。

新規ドメインのメリット・デメリット

メリット

新しく事業やプロジェクトを立ち上げる場合、ゼロからブランドを確立することができます。「yahoo.co.jp」のようにサービス名と会社名、そしてドメイン名が同じであれば長期的にブランド認知を獲得することができるでしょう。

デメリット

新しくドメインを取得した場合、検索エンジンにとっても認知度が無い状態からスタートするので、検索結果の上位に表示されるまである程度の時間がかかります。

検索順位が上位にいるサイトは、「更新頻度が多い」「サイトのページ数が多い」「コンテンツ自体の品質が高い」「多くのリンクを獲得している」といったSEO対策がしっかりしています。

当然これらを満たすためには長い月日が必要で、新規ドメインで始める場合ゼロからのスタートとなるので、検索エンジンにインデックスされるまでに時間を要するでしょう。

新規ドメインについての概要だね。

検索で見つけやすくなるまでには、少し時間がかかるということですね。

ただし履歴がないということは、その分安心して利用できるということでもあるんだ。次は中古ドメインについて見てみよう。

そもそも中古ドメインという言葉自体を初めて聞く人もいると思います。中古ドメインを利用するメリットは何なのか、中古ドメインはどこで取得できるのかなど、これからWebサイトを作ろうと考えている人に役立つはずです。

中古ドメインとは

中古ドメインとは、過去にあるサイトで使われていたドメインを指します。運営者がサイトを閉鎖してドメインを手放したり、期限切れでフリーになったドメインです。

過去に運営されていたサイトのドメインパワーをそのまま引き継ぐので、クローラーや検索エンジンに見つけてもらいやすいのが特徴です。

とはいえ、中古ドメインがSEO的に良いとは限らず、以下で紹介する3つのポイントを注目しておきましょう。

1. 被リンクの質

新規ドメインと中古ドメインの大きな違いとして、「被リンク」が挙げられます。

被リンクとは、外部のWebサイト上に自分のサイトのリンクが設置されることです。検索エンジンは、良いコンテンツであれば多くのサイトで紹介、引用されているという発想で、検索順位を決める上で被リンクの数や質が指標になっているのです。

被リンクの質をチェックする上で、良質なWebサイトから自然な形でリンクが貼られているかが重要です。同じサイト・ページから100個も200個もリンクが貼られていたら検索エンジンは不自然に思うはずです。

下記の被リンクは、悪質なリンクとして認識されているので、作為的なリンクでないかチェックしておきましょう。

サイトに影響を与える悪いリンクの例

金銭を払って獲得したリンク
リンクのみが貼られているページからのリンク
キーワードが大量に含まれたアンカーテキストが日本語として不自然なリンク

2. Googleペナルティの有無

悪質サイトだと評価されるとGoogleから手動ペナルティを受ける場合があります。

この場合は、別のドメインを利用すべきでしょう。

3. 過去のサイト運用履歴

中古ドメインは、ドメインパワーを引き継ぐことを主な目的としているため獲得したリンク元のサイトに注目することが重要です。

一般的に好ましくないジャンル（アダルト・ギャンブル）のサイト履歴があった場合、好ましくない被リンクを受けている可能性が高いです。

中古ドメインのメリット・デメリット

メリット

中古ドメインを利用するメリットは主に3点あります。

過去のサイトの評価を引き継げる
検索エンジンに早くインデックスされる
新規ドメインより検索結果への反映が速い

また、被リンクが付いていることが大きなメリットです。中には教育機関や政府機関などから被リンクを貰っている評価の高い中古ドメインもあります。

新規ドメインでは、サイトを公開してすぐに被リンクを貰うことは難しいですが、評価の高い中古ドメインほど良いサイトから被リンクが貼られている状態でスタートすることができます。

より早く検索結果に反映したい人にとっては大きな特徴と言えるでしょう。

その他にも、誰かが取得していて新規で購入できないドメインを手にいれることも可能です。

デメリット

過去に使われていたサイトの評価を引き継ぐ形になるので、アダルトサイトや悪質なサイトなどそもそも検索エンジンから評価されていないドメインを利用すると、どれだけ良いコンテンツを作っても検索上位に表示されるのは難しいでしょう。

URL自体がブラックリストに登録されている場合もあるので、むやみに中古ドメインを利用するのは危険です。

また、ドメイン自体を取得するのに数万円の初期費用が必要になります。

中古ドメインを利用するには

中古ドメインを利用するならアクセス中古ドメインをチェックしておきましょう。単純に「運用期間が長い」「被リンクが多い」という情報だけで判断せず、総合的に判断する必要があります。

アクセス中古ドメインでは、以下の項目などを比較することができます。

被リンク数
被リンク詳細情報
参照元ドメイン数
参照元IP数
ドメインの年齢
SNSのシェア数
ドメインの有効期限

リンクを受けているページがどのページなのか確認することもできますし、リンク元のサイトも見ることができます。

他にも外部ツールを使って手動ペナルティやブラックリスト、過去のWebサイトの運用履歴なども確認できます。

また、被リンク数、参照元ドメイン数、参照元IP数、参照元クラスC分散、バックリンクスコアの5項目を独自の指標を用いて点数（パワーランク）をつけています。

アクセス中古ドメインの中古ドメイン販売リスト

パワーランクは4つに分かれていて、ブロンズ・シルバー・ゴールド・プラチナという順にランク付けされています。メインサイトを作るのであればゴールド・プラチナのランクが向いているでしょう。

このパワーランクや被リンク数を指定して検索することもできるので、目的に合ったドメインが探せるはずです。

ちなみにドメインを購入した後はどこに更新料を支払うんですか〜？

ドメインが登録されているレジストラに支払う必要があるんだけど、アクセス中古ドメインで購入したらPure Domainっていうレジストラに納品されるよ！納品したら他のレジストラに移管することもできるからね！

じゃあ新規ドメインと同じで更新料を払えば利用できるってことですね♪

そうだね！このサービスだとドメインの購入も更新も一緒にできるのが特徴だね！

新規ドメイン・中古ドメインそれぞれ詳しく紹介しました。

より早くクローラーに認識、検索エンジンにインデックスされることを望んでいるのであれば中古ドメインを使うことも選択肢に入れると良いでしょう。全く新しいWebサイトでもドメインは過去に使われていたものを使用することも考えてみてください！

アクセス中古ドメインを見てみる

【初心者向け】Cyberduck（サイバーダック）の使い方

Webページを公開する際に使用するFTPクライアントソフトのCyberduck（サイバーダック）の使い方を紹介する記事です。 CyberduckはWind...

Webデザイン

初心者におすすめ！無料で試せるWeb制作ツール10選

HTMLやCSSの知識がない場合でも、テンプレートなどを使用することで簡単に本格的なWebサイトを作ることができるツールが存在します。ここでは、そのよう...

Webデザイン

Webデザイナーとは？必要なスキルや学習方法を細かく解説

この記事では、Webデザイナーとはどんな仕事をする人なのか、どんなスキルが必要なのか詳しく紹介しています。これから在宅での仕事を考えている人や転職したい...

Webデザイン

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

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

CSS

簡単にECサイトが完成する！ネットショップ作成でおすすめのテンプレート10選

ECサイト(ネットショップ)を作成する際におすすめのテンプレートをまとめています。最近では無料でもおしゃれなテンプレートが増えてきているので、サイト作成...

Webデザイン

作る前にチェック！スマートフォンサイトのデザイン集サイトまとめ

スマートフォン対応を検討することも多くなっていると思いますが、PCのサイトと大きくデザインが異なるので、自分で作る際、あるいは発注する際にデザインで迷うことはな...

Webデザイン

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

自分のWebサイトを公開するときに、独自ドメインを取得したいと考える人も多いと思います。そこで今回は、初心者でもすぐに使えるドメイン取得サイトをご紹介します。最後に金額などを比較しているので、見比べて選んでみてはいかがでしょうか。ムームードメイン新規取得：580円～格安、簡単でガイドもわかりやすい初心者向けのサイトです。不要になったドメインを買い取るサービスもあります。また、GMOインターネットグループのpaperboy&co.が運営しているため、レンタルサーバーの「ロリポップ」、「ヘテムル」とも連携しています。ムームードメインスタードメイン新規取得：850円～アドレス資源の標準化を行っているICANNという団体公認のサイトです。新規ドメインの取得料金が格段に安くなるキャンペーンもあります。レンタルサーバーの「ミニバード」、「ファイアーバード」等と連携しており、これらのサービスと同様にネットオウルポイントを利用することが可能です。スタードメイン [PR] Webデザインで副業する方法とはDoレジ新規取得：1,995円～ DTMS（ドメイン・トータル・マネジメント・サービス）という高度な管理機能があり、ドメインを長く運用するときに便利です。レンタルサーバーと合わせて申し込むと最初の登録料が無料になります。 Doレジドメインキング新規取得：920円～「初心者歓迎」とサイトでも名言されているとおり、オンラインマニュアルや電話窓口などのサポートが充実しています。キャンペーンなども随時実施されているのでお得な時に入手したいですね。ドメインキングゴンベエドメイン新規取得：5,008円～ ICANN公認のサイトです。都道府県や国の名前が付いたドメインを取得することができます。また、「100年ドメイン」という、100年の間一切の更新手続きが不要という独特のサービスがあります。ゴンベエドメインさくらインターネット新規取得：1,800円～ガイドラインが分かりやすく、初めてでも簡単に取得できます。同サービスのレンタルサーバーと合わせて使うとより便利です。プランの種類が豊富で、自分に合ったコースを選べるようになっています。さくらインターネットお名前.com 新規取得：150円～新規取得の他に、短くわかりやすい文字列など、今では入手が難しそうなドメインをオークションで入手することができます。手続きのわかりやすさと24時間対応可能のサポートも魅力です。バリュードメイン新規取得：380円～老舗の格安サービスです。専用のコントロールパネルが多機能で、様々な操作が行えます。電話でのサポートには対応していませんが、ユーザーフォーラムでメンテナンス情報などを確認することが可能です。バリュードメインみんなのドメイン新規取得：850円～お手頃価格、お手軽操作で初心者でも安心なサイトです。サーバーを同時に契約することで.comドメインか.net ドメインを一つ無料で取得することができます。みんなのドメイン名づけてねっと新規取得：2,100円～（クレジットカード支払いの場合は初期料金は無料） NTTPCコミュニケーションズが運営するサービスです。ひとつのパスワードで複数ドメインの管理が可能になっています。名付けてねっとドメイン取得サイトの料金比較最後に、今回紹介したサイトを比較してみます。新規取得の費用、また電話サポートがあるかを表にまとめてみました。サイト名新規取得費用電話サポートムームードメイン 580円〜 × スタードメイン 850円〜 × Doレジ 1,995円〜 ○ ドメインキング 920円〜 ○ ゴンベエドメイン 5,008円〜 × さくらインターネット 1,800円〜 ○ お名前.com 150円〜 ○ バリュードメイン 380円〜 × みんなのドメイン 850円〜 × 名づけてねっと 2,100円〜 ○ いかがでしたか？ぜひ気に入ったものを使ってみてください！おすすめのレンタルサーバーを比較した記事もあるので、合わせてチェックしてみてください。 [お知らせ]TechAcademyでは初心者でも8週間でオリジナルWebサイトを公開できるWebデザインオンラインブートキャンプを開催しています。

Webデザイン

【デザイン事例を紹介！】グリッドデザインのWebサイトが良い15の理由

本稿は、Design School Canvaのブログ記事を、Design School Canvaより了解を得て日本語翻訳し掲載した記事になります。また本記事は、Mary Stribley氏によって投稿されたものです。グラフィックデザイナーにとって、グリッドは特に重要なデザインツールであるとされています。ほんの数本のグリッドの存在がデザインに加わることが、デザインプロジェクト全体にとって、極めて重要なのはなぜでしょうか？デザイナーは一人一人異なる答えを持っているかもしれませんが、要するに、グリッドは、それなしでは時間もかかり、面倒で困難なデザインを構築するのに役立ってくれるのです。もしあなたがグリッドデザインの世界を探求しようか迷っているとしたら、グリッドをレパートリーに加えるだけで、デザインが非常に良くなる15の理由をお話します。 01. コンテンツが整理されるグリッドの主な利用価値の1つは、デザインの要素を整列化、順序化したり、Webページをクリーンできちんとしたデザインにするのに役立つことです。これはグリッドの整列機能の効果であり、グリッドの役割の大部分を占めていると言えます。グリッドシステムを確立することで、要素を整列化するのに使える基本構造を自分自身で創ることが可能となるのです。そして、これによりクリーンで整理されたレイアウトを実現できます。例として、Christine Wisnieski によるTwist CreativeのGridデザインのレイアウトを見てみましょう。各要素がきれいに整列されて、全体としてクリーンな仕上がりになっています。グリッドを使うときには、各要素をきれいに整列できるようなタイプのものを見つけましょう。要素とは具体的には、文章、画像、グラフィックなどで、その他どのような対象も要素となりえます。最終的な完成イメージという大まかな全体像から始めて、それに合うグリッドを組み立てましょう。 02. あなたの仕事を高速化する常に高速化と効率化を追い求める世界で生きる私たちにとって、「効率改善」などは耳に聞き慣れた言葉ですから、このメリットの説明は、すんなりと受け入れてもらえるかもしれません。グリッドは、あなたのデザインにかける時間を、よりスピードアップして充実したものにしてくれるでしょう。というのも、どのポジションに要素を配置するのが最高の選択なのかを示すガイドとしても、機能してくれるからです。要素が良く見えそうなポジションを手さぐりで探してから、ランダムに配置するという作業をしなくても、グリッドがあれば、あなたを自然な解へと導いてくれるでしょう。グラフィックデザイナーのTroy Templeman氏が述べるように、「Gridデザインは、どの場所にコンテンツを配置できるかというよりむしろ、どの場所にコンテンツを配置すべきかという、デザイナー自身の決定をサポートすることで、デザインのプロセスをスピードアップしてくれる。」というわけです。グリッドは家の建築の土台のようなものとして考えることができます。一番最初に建造しておくべきものの1つであり、そこからさらに構築を進めます。 [PR] Webデザインで副業する方法とは03. 文章の居心地が良くなるようなレイアウトを実現できる少なくとも、グリッドと文字は、2つのデザイン要素として相性のいいの組合せです。強力なグリッドは、文章量の多いレイアウトを、よりすっきりとして組織化された印象に整えてくれます。ボディコピーの文章も読みやすくしてくれるでしょう。文章を読みやすくするのに役立つグリッドの手法の1つに、「ベースライングリッド」があります。これはノートの罫線のようなもので、文章の1行1行がベースラインとなるグリッドの上に乗ります。これらのグリッドは、文章で作られた各要素が、同じ高さに並ぶように整えてくれます。もしあなたが文章の行を整列していなくても、多くの人はその特定のアンバランスな箇所には気づかないかもしれませんが、あなたのデザインが全体として散らかっているということは無意識的に気づくものです。つまり、小さな変化が大きな効果をもたらしてくれるのです。これは、「ベースライングリッド」の実例です。各行がそれぞれ整列されていて、クリーンですっきりとしたタイポグラフィーの効果を生み出しています。 04.　他のデザイナーとの共同作業をもっと容易にしてくれるあなたも今までに他のデザイナーと共同で仕事をしたことがあるでしょうか？そのような場面では、グリッドは、ストレスとコミュニケーションの齟齬をいくらか和らげてくれるかもしれません。すでにお話したように、グリッドはデザインに基本構造を作るのに役立ち、個々の要素がどの場所に置かれるべきかについての方針も示してくれます。もし、あなたが最初にグリッドからデザインを組み立てていれば、新しいデザイナーが途中から加わったときにも、あなたのデザイン手法や、要素の配置の意図を理解してもらえるでしょう。例として、あなたが下にあるようなデザインに取り組んでいて、これから第3パラグラフを作成するときに、他のデザイナーに参加してもらうよう依頼するケースを考えてください。グリッドシステムを使っていれば、配置や整列を正確に実践できます。加えて、「カラムの幅はどのくらいにしますか？」「1つ前のカラムからどのくらいの距離を空けて配置しますか？」などのメッセージが行ったり来たりすることも少なくなるでしょう。というのも、グリッドによって全ての答えはすでに用意されているからです。他のデザイナーと共同で仕事をする時には、わかりやすくて、最終的な完成品に合うグリッドシステムを構築しましょう。必要なカラムの数が3つであるなら、13も使う必要はありません。グリッドシステムを組み立てていないうちから、要素の整列を行うのは避けましょう。グリッドを機能的で役立つものにしておくのが大切です。 05. バランスの整ったデザインを創りやすいグリッドの美しさはその統一感にあります。あなたのデザインを複数のカラムに分割しようとするときには、シンメトリーなレイアウトから始めることになるでしょう。左右のどちら側のデザインがもう一方の側からずれているか判断することも、容易になるでしょう。例として、以下のMaan Ali氏によるWebサイトのデザインを見てみましょう。左右対称なグリッド、大きさの均一化されたブロックと文章を使うことで、均整のとれたデザインになっています。他の例として、Braulio Amado氏によるデザインでは、中央のグラフィックを加えて3つのカラムとして表現することで、シンメトリーで完璧なバランスになっています。かなり強いデザインであるために、圧迫感のある印象を人に与えやすいにもかかわらず、きちんと整列して完璧なバランスを実現することで、クールで落ち着いたデザインになっているのです。 06. マルチページのレイアウトに統一感を与えるグリッドは複数ページのレイアウトにも役立つでしょう。レイアウトにグリッドを使うことで、あるページから別のページへ、あるレイアウトから別のレイアウトへ、グリッドを継承することが可能です。容易にレイアウト全体の一貫性を保つことができます。例として、WebサイトのRolling Stoneを考えてみましょう。数多くのページから構成されていますが、各ページの構造やコンテンツはそれぞれ異なっています。全体のページで一貫したレイアウトを保ちながら、各ページごとに最高の方法でデザインするには、どうしたら良いと思いますか？以下の画像では、WebサイトのRolling Stoneの音楽のページとトップページを比較しています。4つのカラムで構成されるグリッドデザインを使うことで、一貫性があり、クリーンで、親しみが持てるような外観になっています。一方で、各ページにある空白のスペースも、ページがしっかり機能することに役立っています。グリッドがマルチページのレイアウトに役立つ具体例としては、スタイルガイドのようなマニュアルが一般的です。これらは教育目的で使われ、線形のデザインで整えるのが望ましいため、グリッドが活用されるのです。例として、以下のMike CollingeによるBosphorusのスタイルガイドでは、グリッドが統一して使われています。複数のページをデザインするプロジェクトに取り組んでいるとしたら、「素晴らしいマルチページのレイアウトを設計するためのチェックリスト」に目を通しておきましょう。 07. 階層化したデザインを表現できる Gridデザインの共通の前提は、グリッドを使うことで各要素を均一なサイズのブロックに分けることですが、こうすることで自動的にデザインをコントロールできます。階層化はデザインにとって大切なことであり、グリッドはこの階層化をスピードアップして容易にしてくれます。あなたが階層化の大切さにまだ気づいていないとしても、全てのデザインは少なくとも3段の階層を持つべきである理由のリストによって、その認識は変わるでしょう。例として、NASAのホームページのデザインを見てみましょう。 4つのカラムのグリッドで構成されるデザインで、より重要度の高い画像を、複数のカラムや列の領域まで引き伸ばして大きくすることで、階層を表現しています。「ハロウィーンの空を飛ぶ活動を終えた彗星」の左上の画像は、2カラム×2列分のサイズに広げられ、ページの中で最も注目を引くようにデザインされています。他の重要な話にも、画像が複数のカラムに引き伸ばされたものがあります。印刷物にもグリッドをデザインの基本として使うことができます。複数のカラムのサイズに拡大することで、ある要素に注目を集めたり、逆に小さなカラムのサイズにして、ある要素を目立たないようにすることができます。次の例は、David Tang氏によるデザインで、数字の23や30に注目を集めるように、グリッドの大きさや配置が工夫されています。 08. 散らかったレイアウトと、さよならできるグリッドは、恐怖の散らかったデザインを一掃してくれる素晴らしいツールです。そのためには、マージンを使いましょう。マージンとは、デザインのまわりの余白のことです。一般的に、マージンが狭いほど、あなたのデザインは詰まって散らかって見えてしまいます。マージンをより広くすることで、整ったクリーンなデザインに見せることができます。以下の例では、マージンがグレーの色でマークされています。グリッドとマージンはしばしば一緒に使われますが、この組合せには、デザインをより開かれたクリーンな印象にする効果があります。散らかったデザインを回避するもう1つの方法は、ガターを使う方法です。ガターとは、グリッドのカラム間にある余白のことです。ガターのサイズは調整できますが、機能するグリッドを作るためには、全体のガターサイズは統一しましょう。マージンとガターを組み合わせることで、効果的な結果を生み出している例を見てみましょう。このAisle One によってデザインされた壁紙は、マージンとガターが目立つようなデザインであるため、それぞれいかに効果的に使われているかに気づかせてくれます。 09. 心地よいデザインの世界が開ける芸術家や写真家など数多くのデザイナーが、グリッドを作品のベースに使っている理由は、数学的な美しさを持つデザインを生み出すと考えられているからです。グリッドによって心地よいデザインを生み出す方法の1つに、「三分割法」があります。最も基本的かつ簡単な方法の1つです。写真の技術としてもよく使われる方法ですが、理論の根本は、各2本の水平線と垂直線によって、全体のデザインを9つの均一な区画分けることにあります。線の交点(以下の例ではブルーの円)にデザイン要素を置くことで、心地よいデザインを生み出します。この理論が写真に使われるとき、写真家は、レンズの焦点がこれらの交点に集まるようなフレームを慎重に選びます。試しに「三分割法」をあなたのテキストデザインに取り入れて、目に心地よくなるかどうか確認してみましょう。ページを水平方向と垂直方向に均等な3×3の区画に分けて、これらのシンプルなガイドを応用するだけです。 10.　グリッドのルールを破ってインパクト効果を狙うグリッドのレイアウトのルールを守ることで、クリーンで整った美しいデザインを生み出すことができますが、時にはグリッドのルールを破ることで、ユニークで人目を引くような効果を狙うことができます。例として、99Uによるデザインでは、シンプルな3カラムグリッドが使われていますが、イエローの文字を対角方向にページ全体に走らせることで、グリッドによるクリーンな直線性のルールを破っています。「Think differently(考え方の転換)」というメッセージを伝えるには、印象的で記憶に残りやすく、実に効果的なデザインです。グリッドのルールを破ると、特定の要素に注目を集める効果もあります。例として、このBig CartelのWebサイトのデザインを見てみましょう。要素はグリッドに従って整列されていますが、いくつか例外的なデザイン要素があります。グリッドから飛び出ている要素が、強い垂直ラインのデザインを破ることで、人の視線を引く効果があります。 11. 柔軟性に富むグリッドがあなたのデザインに合うかどうか心配になりますか？全てのグリッドは柔軟性に富むので、デザインの変化にも対応できますから、心配する必要はありません。あなたがグリッドを作るときには、好きなだけカラムの数を選ぶことができるのは、グリッドの柔軟性の１つです。以下の例では、1カラムのデザインと、2または3カラムのデザインの比較を示しています。もちろん一般的には、デザイナーやデザインの必要性に応じて、最大13カラムの範囲でグリッドが構成されます。以下の例では、フルページサイズの画像と文字、そしてシンプルなレイアウトタイプを活かしたデザインで、1カラムのグリッドシステムとして完璧です。次のDesign Surgeryによるレイアウトのデザインは、13カラムで構成されています。所々に入っている画像と相まって、長くなりがちな記事の文章を効果的に魅せています。最終的にカラムの数はあなた次第です。ただ、カラムの数が多いほどデザインの柔軟性が高まり、数が少ないほどシンプルで柔軟性が低くなることも、デザインする時には心に留めておきましょう。 12. 対角線のデザインに役立つ文字通り、異なる角度からのデザインのアプローチにも、グリッドは役に立ちます。グリッドは水平または垂直に並べるだけではなく、対角線の軸上に配置しても、効果的です。 Andrew Ackroyd氏によってデザインされたポスターは、フォントと画像が対角線のグリッド上に並べられ、モダンでスタイリッシュな効果を生み出しています。対角線のグリッドは、画像の多いレイアウトにも役立ちます。Karen Hoffstetter氏によるこのデザインでは、対角線を活かしたフレームを使った画像で、全体が埋め尽くされたデザインです。またこのデザインでは、対角線のグリッドに加えて、水平方向と垂直方向グリッドも使われていることが、要素の美しい整列を可能にしています。 13. 万能に使えるグリッドが最も利用されているのは、雑誌や編集のレイアウトなどですが、その他のどんな用途にも、デザインツールとして活用できます。多くの有名なロゴは、グリッドシステムに基づいて作成されています。例えば、Braunの有名なロゴは、グリッドを使用して、文字をクリーンで強さのあるデザインに統一するプロセスから、誕生したのです。グリッドはまた、イラストレーション全般にも使うことができます。Dean Gorissen氏による、都市のイラストレーションでは、クリーンでシャープな角度が使われていますが、これが対角線のグリッドの形が利用されたことを示しています。どのような用途であれ、グリッドは、計り知れないほど便利なツールとなってくれるでしょう。全てのデザインスタイルやデザイナーにとって有益なツールではないかもしれませんが、多くのケースにおいては役に立ちます。あなたの次のプロジェクトでも、グリッドの活用を考えてみてください。 14. 余白のデザインに役立つあなたは余白を活かしたデザインの世界を深く掘り下げてみたいと思っていますか？グリッドは余白のデザインにも役立ちます。デザインを複数のカラムに分けて、要素を並べた後、残ったいくつかの列やカラムは空けたままにして余白を作りましょう。 João Oliveira氏によるこのレイアウトでは、グリッドのいくつかの領域を空けておくことで、余白を広く作っています。その結果として、スタイリッシュかつ洗練されたデザイン、機能的でミニマルなレイアウトが実現されていて、散らかりや不要な要素は全くありません。同様に、Mehmet Gozetlik氏によるポスターのデザインでも、グリッドの機能が活かされています。フォントと画像が中央のカラムに整列され、外側のカラムは余白にされています。美しくバランスが取られていて、要素が中央に集められた、視覚効果も高いポスターデザインです。 15. 読者の目に優しいデザイン活字印刷のレイアウトを読みやすくすることで、グリッドは、文章のデザインにも役立ちます。人間の目は、文章のまとまりの長さにとても敏感です。文章のまとまりが長すぎると、最後まで読み進めるのも辛くなりますが、短すぎても細切れな印象になり、しっかりと読み込むのが難しくなります。一般的に、行の黄金比は、1行あたり、単語数で6以上、合計文字数で空白も含めて約50～65文字になるとされています。文字の多いレイアウトにグリッドを使うことで、簡単に素早く均一なカラムを作ることができます。カラムを使うことで、文章の長さを強力にコントロールできます。これこそ、新聞でグリッドを基本としたレイアウトがよく使われている理由です。読みやすいコンテンツを作るのに役立っているのです。編集に関することをもっと学びたいと思いますか？「世界の編集デザインベスト50」のリストが紹介されているWebページを訪問して、目を通しておきましょう。次はあなたの番です：グリッドデザインを早速実践しましょうあなたがグリッドのファンであるなしに関わらず、非常に多くのデザインで役に立つことは明らかです。グリッドの起源は13世紀に遡るというのも、驚くにはあたらないことかもしれません。グリッドには、デザインのバランスを整えて整列することから、対角線のデザインでタイポグラフィーをクールに見せることに至るまで、数多くの活用方法があります。グリッドは、デザインのページ上のただの線ではありません。デザインを構造化し、デザインの方向性を示し、デザインを形作ることで、あなたの望む完成イメージを実現する力があるのです。 [お知らせ]TechAcademyでは初心者でも最短4週間でオリジナルWebサイトを公開できるWebデザインオンラインブートキャンプを開催しています。

Webデザイン

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

「スキマ時間で稼げる副業はないかな…？」「どうせなら在宅でできる副業はないかな…？」「スキルを身につけながら稼ぐことはできないかな…？」この記事では、在宅でできるおすすめの副業20選を紹介し、選び方、副業をする上での注意点まで解説しています。今の会社の収入だけでは満足できていない人会社に出勤するのが無駄だと思っている人そんな人に向けて書きました。この記事を最後まで読めば、あなたにぴったりの副業が見つかるでしょう。目次新規ドメインとは新規ドメインのメリット・デメリット中古ドメインとは中古ドメインのメリット・デメリット中古ドメインを利用するには副業で特におすすめなのは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

副業・フリーランス

初心者におすすめ！ワードプレスが使えるレンタルサーバー（カラフルボックス編）[PR]

ワードプレス（WordPress）はSEOにも強く、SNSとの連携も簡単で、初心者でも手軽にWebサイトを構築することができます。しかし、実際にWebサイトを作るためには、独自ドメインとサーバーを用意する必要があり、WordPressを作成する前に「やっぱり無料ブログでいいかな。。」なんて諦めてしまう方も多いと思います。今回は、実際に使ってみて「初心者の頃にこのサーバーと出会っていれば！」と感じた、クラウド型レンタルサーバー「カラフルボックス」を紹介したいと思います。たった3分ほどでWordPressのインストールができる便利機能や、災害やトラブルに強い次世代のバックアップ機能を無料で搭載したおすすめのレンタルサーバーです。導入の手順や表示速度、他のレンタルサーバーとの比較をしながら丁寧に紹介していきますので、いままでWordPressを触ったことがない初心者の方こそ、この機会にぜひ試してみてください！目次カラフルボックスとは　★★ カラフルボックスを使うメリット　★★★★★ 　→月額480円からのお手頃価格　→“地域別”自動バックアップ（無料）　→自由にプラン変更　→無料SSLに対応　→初心者でも安心のサポート　→安心のセキュリティワードプレスへの導入手順　★★★ ワードプレスの速度を比較　★★★★ プロモーションコードドメインも購入可能　★★ WordPress移行代行サービス　★★ 重要度を★印で表示カラフルボックスとはカラフルボックスは、月額480円から利用することができるクラウド型のレンタルサーバーです。簡単にWordPressをインストールする機能も備わっているので、初めてWebサイトを作る人にとっても安心できます。高機能でかつ充実したサポートがあるため初心者にも扱いやすい設計になっているサーバーです。 [PR] Webデザインで副業する方法とはカラフルボックスのメリットカラフルボックスの特徴について紹介しています。月額480円からのお手頃価格月額480円からスタートできるので、個人でも法人でも手軽にレンタルサーバーを利用することができます。プランの変更も日ごとに行うことができます。また、30日間のお試し期間もあるので、初めて使う人でも気軽に利用できるでしょう。 “地域別”自動バックアップ（無料）過去14日間の自動バックアップが標準搭載されていますが、他のレンタルサーバーと違ってバックアップデータを東京と大阪の遠隔地に取得する最新機能が「無料」でついています。この機能は一般のレンタルサーバーではかなり珍しい機能のようですね。地震や豪雨といった自然災害が多い日本だと万が一の場合もありますので、同じ場所にバックアップデータをとるより遥かに安全に設計されています。こういった機能があると、メインのブログや会社で使う場合もおすすめできますね。自由にプラン変更カラフルボックスでは、サイトのアクセス状況に応じてプランを変更することができます。初めは低価格のプランからスタートして、アクセスが集中してきたら都度上位プランに変更するなんてこともできます。逆に本格的に運用しなくなったらプランを下げることもできるので、柔軟に対応できます。無料SSLに対応 SEO対策やサイトを安全に運用するにおいて欠かせないSSL化についても無料で対応しています。カラフルボックスでは、無料SSLが自動で設定されるため非常に楽です。初心者でも安心のサポートメール・電話・ライブチャットと充実したサポートを受けることができます。メールのみのところも多い中、電話やチャットでも柔軟に素早く対応してもらえるのは初心者にとって心強いです。安心のセキュリティ imunify360というセキュリティソフトウェアを標準で使用できます。 imunify360は脅威を自動で検出し、ソフトウェアを実行するすべてのサーバーを保護するためのAIを備えた高度なファイアウォール。ブルートフォース攻撃、DoS攻撃、ポートスキャンに対する防御が可能です。また、自動スキャン機能でマルウェアの感染を防ぎます。ワードプレスをインストールする方法ここからは、サーバーの購入から実際にWordPressをインストールしていきます。まずはカラフルボックスの公式サイトから、ワードプレスを入れたいサーバーを申込みます。サーバーの購入公式サイトの右上にある「お申込み」ボタンをクリックします。レンタルサーバーのプランが一覧で表示されます。希望のプランにチェックを入れて、「次へ」をクリックしましょう。お好きなサブドメイン名を入力して、「次へ」をクリックします。プラン名を確認し、プロモーションコードがあれば入力、内容が問題なければ「お申込み内容の確認」をクリックします。続いて、お客さま情報と支払い方法を入力します。支払い方法は、ここでは「クレジットカード」で進めます。利用規約を確認後「規約に同意します」にチェックし「注文を確定する」をクリックします。 ※必ず利用規約を確認しましょう。以上でサーバー登録が完了しました。登録メールアドレスに「サーバーアカウント設定完了通知」というタイトルのメールが届きます。ユーザー名やパスワードなどアカウント情報が記載されたメールになるので、大切に保管しておきましょう。コントロールパネル「cPanel」にログインそれでは、cPanelにログインします。「サーバーアカウント設定完了通知」のメールにある「ログイン（cPanel）」に記載されているメールアドレスとパスワードを入力します。ワードプレス（WordPress）のインストールカラフルボックスでは、自動インストール機能で簡単にワードプレスをインストールすることができます。早速自動インストール機能を使ってWordPressをインストールしましょう。先程ログインしたcPanelの画面下部、Web Applicationsにある「WordPress」をクリックします。「このアプリケーションをインストール」をクリックします。詳細設定を行います。（最低限の設定のみ説明しています。）インストールが完了しました。 1：サイトのURL 2：WordPress管理画面のURL どちらも大事なURLですので、ブックマークしておくことをおすすめします。ワードプレスの速度を比較カラフルボックスと2社のレンタルサーバーのページ読み込み速度を比較してみたいと思います。当然サイトの表示速度が速ければユーザーの離脱も減りますし、SEO対策にも繋がるので、とても重要な要素です。今回は、比較する会社をA社・B社としており、まずはそれぞれのサービスの料金やスペックを見てみましょう！カラフルボックス A社 B社月額 880円(36ヶ月下位プラン有) 900円/12ヶ月 880円/36ヶ月初期費用無し(単月契約は2,000円) 3,000円無し容量 60G SSD 200G SSD 50G SSD サポートメール・電話・チャットメール・電話メール自動バックアップ有（手動）有（リスト時有料）有（手動）クラウド型 ◯ × ◯ リージョン選択 ◯ × ◯ Litespeed対応 ◯ × ◯ カラフルボックスは、サイトの運用にかかるコストも少ない中でサポート対応も充実しているのが特徴です。WordPress移行代行サービスもあるので、他のサーバーから乗り換えたい方もスムーズに行えるはずです。以下、ワードプレスのアクセス速度を比較してみました。（以下の表参照）測定時間は、アクセス速度を測定したその時の時間を示しています。他の各数値に関しては、GTmetrixという分析ツールを使って算出しています。Page Speed Scoreは、Googleによるページ読み込みスコア、YSlow Scoreは、Yahoo!によるページ読み込みスコアになります。 Fully Loaded Timeは、ページの読み込み速度（秒）を記載しています。測定時間 Page Speed Score YSlow Score Fully Loaded Time カラフルボックス 11:41 A 90% B 81% 1.6 13:00 A 90% B 81% 1.6 17:50 A 90% B 81% 1.5 A社 9:00 B 89% C 71% 1.9 13:00 B 89% C 71% 1.8 18:00 B 89% C 71% 2.0 B社 9:08 A 91% B 81% 1.8 13:07 A 91% B 81% 1.7 15:33 A 91% B 81% 1.9 結果を見て分かる通り、カラフルボックスのスコアはGoogle/Yahooともに平均して高いのとページの読み込み速度が非常に速いです！ Googleも表示速度が遅いサイトに関しては、検索順位にも悪い方向に影響が出るだろうと発表しているので、SEO対策においてもページの読み込み速度はとても重要です。すでにWebサイトを持っている方は一度チェックしてみると良いかもしれませんね。以上、カラフルボックスのサーバーについて紹介しました。ワードプレスを使ってサイトを作ってみたいという方、ワードプレスのサイトは持っているものの表示速度を上げたい、別のサーバーに切り替えたいと考えている方は、ぜひ試してみてください。プランも容易に変更できるので、状況に応じて柔軟に運用することができるはずです。カラフルボックスのサービスを見てみるプロモーションコード無料から有料への変更時に10%割引のクーポンがあるようです。マイページにログインし、登録サービスを選択後、「アップグレード/ダウングレード」をクリックします。ご希望のプランを選択します。選択すると合計金額、プロモーションコード、お支払方法の確認ができます。プロモーションコードの欄に下記のクーポンコードを入力して、コードの検証をクリックします。「DYHVL4E8」 ※10%割引（アカウント毎に1回限り） 10%割引が反映されているのが分かるかと思います。ドメインも購入可能カラフルボックスではドメインも購入可能なので、サーバーと同時に購入すれば、更新時の支払いの管理もラクに行うことが出来ます。ドメインの取得まずは、マイページにログインしましょう。続いて、「ドメイン」から「新しいドメインを登録する」をクリックします。作成するサイトのドメイン名を検索します。希望のドメイン名を検索すると、そのドメイン名が取得可能かどうか確認することができます。利用したいドメインの「追加」をクリックすると「購入」に変わるので、購入ボタンをクリックしましょう。次に各項目を設定します。 1. whois情報公開代行個人情報を公開したくない場合にチェックを入れましょう。カラフルボックス名義のwhois情報になります。 2. ネームサーバー初期値のまま設定ください。 3. 入力が完了したら「次へ」をクリックしましょう。内容の確認と支払い方法を入力すると、ドメインの取得は完了となります。 WordPress移行代行サービスカラフルボックスを使ってみたいけど、すでにWordPressを持っている方もいると思いますが、そんな方にピッタリのサービスがあります。それが、「WordPress移行代行サービス」です！ WordPress移行代行サービスサーバー移行はWebの知識がない人がやってしまうと、予期せぬエラーで何日もつまずいてしまいます。特に難しいのがワードプレスでも使う「データベース」の移行作業で、慎重に作業をしてもエラーが出て失敗することも。最悪の場合、データが消えてしまうこともあるので、移行作業に慣れていな方は、こういったお役立ちサービスを使う方が、かえって時間の短縮になったりします。通常、移転の専門業者に頼んだりすると、10万近くする場合もありますが、カラフルボックスでは、1サイトにつき12,800円、5営業日以内で作業を代行してくれるので、かなり良心的です。安心して移行作業を行いたい場合は、ぜひ利用してみてください。全体のまとめいかがだったでしょうか。 WordPressの自動インストールの手順から、ドメインの取得、移行代行サービスの紹介までをお伝えしてきました。はじめて触る方は、「思っていたよりも、ずっと簡単だった！」と感じるはずです。お手頃な料金設定やサイトスピードも申し分なく、なんといっても最新の自動バックアップ機能の安心感が段違いです。ブログ初心者からサイト運営のプロまで、非常に満足度の高いサービスになっているのが特徴です。カラフルボックス公式サイトへ

トピックス

CSSでフォントをメイリオにする方法を現役デザイナーが解説【初心者向け】

CSSでフォントをメイリオにする方法について、TechAcademyのメンター（現役エンジニア）が実際のコードを使用して初心者向けに解説します。 CSSについてそもそもよく分からないという方は、CSSの書き方について解説した記事をまずご覧ください。なお本記事は、TechAcademyのオンラインブートキャンプ、Webデザイン講座のCSSカリキュラムをもとに執筆しています。田島悠介今回は、CSSに関する内容だね！大石ゆかりどういう内容でしょうか？田島悠介フォントをメイリオにする方法について詳しく説明していくね！大石ゆかりお願いします！ CSSでフォントをメイリオにする方法について CSSでフォントをメイリオにする方法について解説してみます。メイリオというフォントについてまずは、メイリオというフォントについておさらいしましょう。メイリオは、Windows OSにて使われているフォントで、従来のMSゴシック、MSPゴシックに代わって採用されたシステム用の書体のことです。システム用書体なので、WindowsOSの入ったマシンを起動したり、ブラウザなどであらゆる箇所に表示されています。なめらかに・視認性・可読性に優れたフォントです。語源は日本語の「明瞭」から来ており、明瞭に、視認性・可読性を向上させるために開発されました。漢字・ひらがな・カタカナ・数字それぞれがゴシック体です。従来のMSゴシックからは、大きく形が変わり、Windows10など最新バージョンでも、バージョンアップされた「メイリオUI」として引き続き採用されています。【参考資料】メイリオについてちょっと難しい用語も出ていますが、以下は国内大手のフォントメーカー「モリサワ」のフォント解説です。参考資料として読んでみてください。 Windows Vista以降のシステム表示用に採用されたフォントで、フォントの名称は「明瞭」に由来します。従来のMS UIゴシックよりも高い可読性を目標に作られました。画面描画用のビットマップを持たないため、すべてのサイズでClearTypeによるスムージング処理が行われます。文字セットはWindows Vistaで採用されたJIS X 0213：2004に対応し、Windows XPまでに搭載されていたフォントとは122文字（マイクロソフト社公表文字数）の字形が異なります。キリル文字やプロポーショナルのギリシア文字などでメイリオ固有の文字セットを持っているため、この文字セット自体を「メイリオ文字セット」と呼ぶことがあります。「メイリオ文字セット」をはじめとするマイクロソフト社の文字セットは、主要フォントメーカが基本としている文字セット「Adobe-Japan1」に比べて、非常に独特で、JIS2004対応フォント「MS明朝」「MSゴシック」、そして「メイリオ」の間であっても、完全な互換性はありません。モリサワフォント用語より引用また、メイリオUIについての詳しい解説は以下のサイトも参考になります。意外と知らないメイリオUI・Yu Gothic UI。UIフォントとはなんなのか（外部サイト） [PR] Webデザインで副業する方法とはサイト内のフォントをメイリオ指定してみよう！ font-familyを使おうフォントを指定するには、CSSの「font-family」を使います。サイト内で文字の表示を指定するCSSです。WordやEXCELなどで、文字を統一するためにインストールされたフォントを選んだ経験があるのではないでしょうか？それと同じで、制作者側から書体を指定します。 body{ font-family:フォント名; } 実際にフォントをメイリオ指定する実際に記述する場合は、以下のようになります。実際は、古いバージョンのWindows向けユーザー、Mac向けユーザーへも配慮するのでもう少したくさんの記述をしますが今回はメイリオだけ。とします。 body{ font-family:'メイリオ', 'Meiryo', sans-serif; } フォント名は、日本語表示の場合、シングルクォーテーションまたはダブルクオーテーションでくくります。あれ？2つはいっているじゃないか、と思われたかもしれません。これは、例えば、OSが英語である場合も想定して、という意味です。OSが英語などである場合は、Wordなどで出てくるフォントもすべて英語ベースになります。なので、日本語向けOSのカタカナ表記、英語ベースのOSの場合も考慮し、フォント表示も英語と2種類で表記しておいたほうが良いのです。最後に入れているのは、メイリオがOSにインストールされていない場合を想定して、「メイリオも無ければ、同じゴシック体表示をして欲しい！」という意味です。【参考資料】メイリオが入っていないMacOSではどうなるの？プリインストールされていないMacOSでは、font-familyで指定してもメイリオでは表示されません。端末にフォントデータが入っていないからです。ここは仕方ありません。Macでプリインストールされているフォントも添えておくことがベターでしょう！ body{ font-family:'メイリオ', 'Meiryo','ＭＳゴシック','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',sans-serif; } 今回は、CSSでフォントをメイリオにする方法を解説してみました。監修してくれたメンターゆかちん先生フリーランスのクリエイティブディレクター。制作会社、インハウス、スタートアップ企業などで、グラフィックデザイン・ウェブデザイン・アプリデザイン、ウェブディレクションなどに携わってきました。TechAcademyではWeb Designコース・ウェブディレクションコース・WordPressコースを担当しています。大石ゆかり内容分かりやすくて良かったです！田島悠介ゆかりちゃんも分からないことがあったら質問してね！大石ゆかり分かりました。ありがとうございます！ TechAcademyでは初心者でも、オリジナルWebサイトを公開できる、オンラインブートキャンプを開催しています。また、現役エンジニアから学べる無料体験も実施しているので、ぜひ参加してみてください。

CSS

IT企業の種類を３つに分けて未経験エンジニア採用経験者が解説｜IT業界研究【未経験からのエンジニア転職】

IT業界の3つの種類について解説します。大石ゆかり田島メンター、エンジニアに転職するためにIT企業を調べているのですが、どのようなIT企業を目指したらいいか分からないです・・・そもそもどんな種類の会社があるのでしょうか？田島悠介 IT企業には大きく分けて3種類あるんだ。自社開発を行っている企業 SIer（エスアイヤー）(元請けメイン) SIer(二次請けメイン) 最近は「自社開発を行っている企業を目指すべき！」とか「SIerはブラックだ！」とか言われることがあるけど、実は一概にそうとは言えなくて、きちんとそれぞれの企業を見て判断する必要があるんだよ。今回はIT企業を3つに分類して、着目すべきポイントについて話していきますね。大石ゆかりお願いします！今回はどんな人にとって参考になりますか？田島悠介 Twitterや他のYouTube動画からは知れないIT企業の実態を知りたい人 IT業界へ転職したいけどIT企業が何なのかイメージがつかない人未経験からエンジニア転職をしたい人このような方は最後まで見るだけで、とても転職活動が効率良くなると思います。また余談ですが、この動画に少しでも良いなと思うところがあれば高評価やチャンネル登録をしてもらえると、私のモチベーションが上がります。大石ゆかり私はいつも心の中で高評価を押していますよ！田島悠介押してはないんだね（笑）それではさっそく解説していきます。【動画でも解説しています。クリックで見る！】田島：今回はこの順で説明していきます。自社開発を行っている企業 SIer(元請けメイン) SIer(二次請けメイン) 自社開発を行っている企業田島：まずは自社開発を行っている企業について解説します。大石：そもそも自社開発を行っている企業ってどんな会社のことを指すんですか？田島：自社開発を行っている企業とは、自社のサービスを持ち、自分たちで開発も行っている企業のことを指します。自社のサービスとは、ITシステムをもとにした製品やサービスを指します。スマートフォンのアプリやニュースサイト、年賀状作成ソフトなどをイメージすると良いでしょう。自社開発を行っている企業は自社でサービスを持つので、ITシステムの開発だけではなく、サービスの企画やブランディング、運営など、多くのことを行っています。田島：会社の例を5つ挙げてみましょう。株式会社サイバーエージェント日本を代表する自社開発企業です。インターネット広告事業を中心とし、グループ会社にAbemaTVやスマホゲームの開発を行っているCygamesなどがあります。楽天株式会社 ECサイト楽天だけではなく、楽天ペイや楽天銀行など多くのサービスを展開、自社開発を行っています。株式会社Preferred Networks（プリファードネットワークス）日本のAIベンチャーの雄です。 AI技術の1つである深層学習など、最先端の技術を実用化しています。弥生株式会社弥生会計などのビジネスソフトウェアで高いシェアを持ちます。 NDソフトウェア株式会社介護ソフトウェアの開発と販売を行っています。「ほのぼの」シリーズは業界トップシェアを誇ります。田島：ざっとこんな感じですね。大石：スキルアップできるか、という面ではどうでしょうか？田島：もちろんスキルアップは可能です。 ITシステムの開発が自社のサービスと直結しており、高いスキルが要求される現場に身を置くことで自身もスキルアップできます。小規模のスタートアップであれば、開発だけではなく企画や運営など、多くの工程に携わることができ、自社開発全体について学べます。規模の大きい会社であれば、開発工程に集中し技術的なスキルアップが期待できます。自社開発は仕事はハードかもしれませんが、スキルアップはしやすいと言えます。大石：お給料が良くてホワイトだとよく聞くんですが、実際はどうなんでしょう？田島：待遇は会社の規模や状態によります。すでに自社サービスが軌道に乗って収益を上げている会社の場合、良い待遇を期待できますが入社は狭き門です。これから自社サービスの展開を目指すスタートアップであれば、あまり良い待遇は期待できないでしょう。安定した待遇を期待するのであれば、SIerの方が向いているかもしれません。大石：会社によって差が大きいんですね。エンジニア未経験でも就職できますか？田島：未経験からの就職難易度は「かなり高い」でしょう。そもそも自社開発を行っている企業は少なく、さらにそのような企業は即戦力となる人材を求めているからです。未経験の場合、最初から自社開発を行っている企業を目指すのではなく、一度SIerに就職し、2～3年しっかりと力を付けてからチャレンジすると良いでしょう。大石：経験を積んで、自社開発企業に入るときに会社を選ぶポイントを教えてください！田島：ポイントは3つです。待遇が自分の希望に合っているか労働時間は過度に長くないか企業の安定性これらをしっかり吟味して会社を選びましょう。大石：わかりました！ SIer(元請けメイン) 田島：次は、元請けメインのSIer（エスアイヤー）について説明します。大石：そもそもSIerってどんな会社ですか？田島：SIerとは、ITシステムの開発を主な業務としている企業です。 SI（エスアイ）はSystem Integrator(システムインテグレータ)の略で、ITシステムの開発に関する工程全体を指します。田島：ITシステムは複数の会社でチームを作って開発する場合が多く、その中で顧客から仕事を受注するリーダー的な会社を元請けと呼びます。 2次請けとは内情が違ってくるので、今回は分けて説明します。会社の例を5つ挙げてみましょう。 NTTデータ官公庁に強い、日本のSIerの最大手です。大塚商会ビジネスソフトウェアを得意としています。 NEC ITシステムの開発だけでなく、AI技術やエネルギー分野など多くの事業を行っています。富士通自社ブランドのパソコンを発売している数少ない日本企業です。 SIerとしても長年の実績があります。伊藤忠テクノソリューションズ業界ではCTCと呼んでいます。 ITシステムのコンサルティングから開発、運営まで幅広く対応しています。このような会社が元請けをメインにしているSIerです。大石：聞いたことはあるけど、何をやってるかは知らない会社ばかりでした。元請けSIerはスキルアップできるかという側面だと、どうでしょうか？田島：スキルアップは意識して行う必要があります。元請けをメインとするSIerの場合、開発作業は自社で行わず、設計やプロジェクト管理が業務の中心である場合が多いでしょう。エンジニアとして成長するためには、プログラミングや技術的なスキルを高めることが必要です。 SIerでスキルアップを行うためには、しっかりと目標を定め、自主学習も併用すると良いでしょう。田島：一方で、待遇は一般的に良い方だと言えます。元請けをメインとするSIerの場合、大企業である場合が多く、売上も安定しています。 SIerが顧客から仕事を受注する形態としては、一括いくらで受注する請負契約と、一人月いくらで受注する準委任契約、一般的にはSESと呼ばれるものがあります。元請けの場合、単価も高く仕事量を自社でコントロールできます。過度な残業も少なく、福利厚生もしっかりとしており、休暇なども取りやすいでしょう。安定を望むのであれば元請けをメインとするSIerがおすすめと言えます。大石：元請けSIerは未経験からの就職はしやすいですか？田島：未経験からの就職難易度は「やさしくはない」でしょう。現在IT業界は人材不足であり、エンジニアを積極的に採用しています。とはいえ大きめの企業がメインになるので、採用難易度はそれなりに高くなります。田島：エンジニアでなくてもそうですよね。未経験から入社する場合、自分のスキルをしっかりと示すことが必要です。スクールなどでプログラミングの学習を行ったり、情報処理技術者試験の取得にチャレンジしておくと良いでしょう。大石：やはり、それなりに勉強が必要なんですね。元請けメインのSIerを選ぶときのポイントを教えてください！田島：SIer(元請けメイン)を選ぶときのポイントは以下の3つです。業務内容が自身のスキルアップの方向性と合っているか待遇が自分の希望に合っているか企業風土が自分に合っているか、先輩社員の意見などを参考にする求人票を見たり、応募する前に再度見て、しっかり見極めましょう。大石：わかりました！ [PR] Webデザインで副業する方法とはSIer(二次請けメイン) 田島：最後は二次請けメインのSIerです。これらは元請けのSIerから受託したITシステムの開発を主な業務としている企業です。実は日本のIT企業の約90%をしめます。二次請けだけでなく、三次請けや四次請けなどの場合もあります。 SIerが顧客から仕事を受注する形態として、請負契約とSESがあることは先程に説明しましたよね。二次請けをメインとするSIerの場合、一人あたり月額いくらのSESが主流であることが一般的です。職場は自社で行う場合もありますが、元請けの企業に出向いて勤務する場合も多いでしょう。二次請けをメインとするSIerは中小企業が大多数ですが大企業もあります。会社の例を5つ挙げてみましょう。株式会社クラウドワークスランサーズ株式会社株式会社オルトプラスレバレジーズ株式会社日本（にっぽん）ラッド株式会社ここらあたりですね。大石：意外と知ってる会社があって驚きました。スキルアップはできるんでしょうか？田島：スキルアップは自主学習を中心に行う必要があるでしょう。二次請けをメインとするSIerは業務内容を自社で選べないため、継続的なスキルアップが難しい状況にあります。田島：ただしSIer業界の常識は身につけることができます。 SES契約は数ヶ月から数年で行われ、業務内容は毎回変わる場合がほとんどです。 3ヶ月プログラミングを行い、3ヶ月テストだけを行う、という場合もあります。運が良ければ自分に合った業務に携わることができる可能性もありますが、継続的に自分の希望する業務に就くことは難しいでしょう。そのため、自社開発や元請けSIer、フリーランスエンジニアへキャリアアップするための登竜門として経験する人が多いです。大石：ブラックという噂もたくさんありますよね。田島：どの業界にも等しくあるように、ブラック企業はあります。ただ、すべてがそうでないので、しっかり自分で会社を見極めることが重要です。もし二次請け以降の会社がすべてブラックだとしたら、日本のIT企業の90%がブラックということになってしまいます。実際は、首都圏の場合、待遇は良い方でしょう。ただし地方や中小企業の場合は、高待遇とは言えないといった感じです。これは自社開発をメインとした企業と同じですね。給与体系が歩合制となっている場合は特に注意が必要なので、そこは事前に見極めてから入社しましょう。大石：しっかり自分で調べて、考えて入社することが大切なんですね。これはどの業界でも、どんな職種でも言えることですね。未経験からの入りやすさはどうでしょうか？田島：未経験からの就職難易度は「やさしい」といえます。また、入社後に研修を行っている会社も多くありますのでエンジニア未経験者には優しいですね。ただし、入りやすいからと言って何もせずに入るのは良くないです。未経験から入社する場合、全くITの知識がないと苦労することになります。最低限、パソコンの基本的な使い方は身につけておきましょう。 ITパスポートなどの初心者向けの資格試験にチャレンジするのも良いでしょう。スクールや独学でプログラミングを学んでいるとなおよしです。田島：ここで大事なのはプログラミングを学ぶだけでなく、自分のサービスをポートフォリオとして出せるレベルにまでなっておくことです。学校の受験と似ていますね。受験では、どれだけ勉強しても問題が解けないと点が取れなくて合格できないですよね。プログラミングもそれと同じで、アウトプットを出せて初めて土俵に立つことができるんです。大石：わかりました！しっかりサービスを作るところまでやりきります！田島：最後に、SES企業を選ぶときのポイントです。待遇が自分の希望に合っているか勤務先や転勤の有無を確認するキャリアアップについて企業の考えを確認するこれらをエンジニアの知り合い、スクールのカウンセラーやメンターと相談して慎重に判断しましょう。まとめまとめです。今回は、IT企業の業種を以下の3パターンに分けて解説しました。自社開発をメインとしている会社元請けをメインとしているSIer 二時請けをメインとしているSIer 田島悠介いかがだったでしょうか？ IT業界にも、業界の常識というものがあります。未経験の方は、最初からフリーランスや自社開発を行っている企業を目指さずに、SIerでしっかりと業界の常識とスキルを身に付けてから、自身の目標に向かってチャレンジすると良いでしょう。日本のIT企業のほとんどが、二次請け、三次請けを行っている中小企業のSIerです。その中でも社員を大切に扱い、キャリアアップに向けた育成を行っている企業は多くあります。キャリアアップについての考え方など、それぞれの企業の情報をしっかりと集め、より良い企業でのキャリア形成を目指しましょう。大石ゆかりとっても参考になりました！ありがとうございます！高評価押しておきますね！田島悠介ありがとう！ゆかりちゃんもがんばってね！自己実現を応援しています。テックアカデミーでは初心者でもエンジニアになれるオンラインブートキャンプを開催しています。未経験でもこれからプログラミングを習得したいと思っている方は特にご覧ください！また、現役エンジニアから学べる無料体験も実施しているので、ぜひ参加してみてください。

エンジニア転職

記事を検索

ニュース

インタビュー

テクノロジー

キャリア

お問い合わせ

【Webサイト作成に役立つ！】中古ドメインと新規ドメインを比較してみた[PR]

目次