TechAcademy（テックアカデミー） Webデザインコース Webデザイン 初心者でもすぐ使える！ドメインが取得できるサイト10選
オーダーメイドコース
icon
icon
Webデザイン

初心者でもすぐ使える！ドメインが取得できるサイト10選

初心者でもすぐ使える「ドメインが取得できるサイト」を10ピックアップした記事です。ドメインはサイトによって扱うドメインの数や金額が異なります。サポート体制も違うので、これから取得する人が比較できるようにまとめました。

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

自分のWebサイトを公開するときに、独自ドメインを取得したいと考える人も多いと思います。

 

そこで今回は、初心者でもすぐに使えるドメイン取得サイトをご紹介します。最後に金額などを比較しているので、見比べて選んでみてはいかがでしょうか。

 

ムームードメイン

domain_mumu

新規取得：580円～

格安、簡単でガイドもわかりやすい初心者向けのサイトです。不要になったドメインを買い取るサービスもあります。

また、GMOインターネットグループのpaperboy&co.が運営しているため、レンタルサーバーの「ロリポップ」、「ヘテムル」とも連携しています。

ムームードメイン

 

 

スタードメイン

domain_star

新規取得：850円～

アドレス資源の標準化を行っているICANNという団体公認のサイトです。新規ドメインの取得料金が格段に安くなるキャンペーンもあります。

レンタルサーバーの「ミニバード」、「ファイアーバード」等と連携しており、これらのサービスと同様にネットオウルポイントを利用することが可能です。

スタードメイン

 

 

[PR] Webデザインで副業する方法とは

Doレジ

server_do

新規取得：1,995円～

DTMS（ドメイン・トータル・マネジメント・サービス）という高度な管理機能があり、ドメインを長く運用するときに便利です。

レンタルサーバーと合わせて申し込むと最初の登録料が無料になります。

Doレジ

 

 

ドメインキング

domain_king

新規取得：920円～

「初心者歓迎」とサイトでも名言されているとおり、オンラインマニュアルや電話窓口などのサポートが充実しています。

キャンペーンなども随時実施されているのでお得な時に入手したいですね。

ドメインキング

 

 

ゴンベエドメイン

domain_gonbei

新規取得：5,008円～

ICANN公認のサイトです。都道府県や国の名前が付いたドメインを取得することができます。

また、「100年ドメイン」という、100年の間一切の更新手続きが不要という独特のサービスがあります。

ゴンベエドメイン

 

 

domain_sakura

新規取得：1,800円～

ガイドラインが分かりやすく、初めてでも簡単に取得できます。同サービスのレンタルサーバーと合わせて使うとより便利です。

プランの種類が豊富で、自分に合ったコースを選べるようになっています。

さくらインターネット

 

 

お名前.com

domain_onamae

新規取得：150円～

新規取得の他に、短くわかりやすい文字列など、今では入手が難しそうなドメインをオークションで入手することができます。

手続きのわかりやすさと24時間対応可能のサポートも魅力です。

 

 

バリュードメイン

バリュードメイン

新規取得：380円～

老舗の格安サービスです。専用のコントロールパネルが多機能で、様々な操作が行えます。

電話でのサポートには対応していませんが、ユーザーフォーラムでメンテナンス情報などを確認することが可能です。

バリュードメイン

 

 

みんなのドメイン

domain_minna

新規取得：850円～

お手頃価格、お手軽操作で初心者でも安心なサイトです。

サーバーを同時に契約することで.comドメインか.net ドメインを一つ無料で取得することができます。

みんなのドメイン

 

 

名づけてねっと

domain_nadukete

新規取得：2,100円～（クレジットカード支払いの場合は初期料金は無料）

NTTPCコミュニケーションズが運営するサービスです。

ひとつのパスワードで複数ドメインの管理が可能になっています。

名付けてねっと

 

 

ドメイン取得サイトの料金比較

最後に、今回紹介したサイトを比較してみます。

新規取得の費用、また電話サポートがあるかを表にまとめてみました。

サイト名 新規取得費用  電話サポート
ムームードメイン 580円〜 ×
スタードメイン 850円〜 ×
Doレジ 1,995円〜 ○
ドメインキング 920円〜 ○
ゴンベエドメイン 5,008円〜 ×
さくらインターネット 1,800円〜 ○
お名前.com 150円〜 ○
バリュードメイン 380円〜 ×
みんなのドメイン 850円〜 ×
名づけてねっと 2,100円〜 ○

 

いかがでしたか？

ぜひ気に入ったものを使ってみてください！

おすすめのレンタルサーバーを比較した記事もあるので、合わせてチェックしてみてください。

[お知らせ]TechAcademyでは初心者でも8週間でオリジナルWebサイトを公開できるWebデザインオンラインブートキャンプを開催しています。

記事を検索

関連するキーワード

関連する記事

コーポレートサイトに活用！会社のサイト作成で参考になるWebデザイン10選

今回はコーポレートサイトでWebデザインが参考になるサイトを紹介します。 Webサイトを作るためにはHTMLだけでなく、デザインのためにCSSも意識しなけ...
Webデザイン

直接予約を増やす！ホテルのWebサイトを作る上での5つのベストプラクティス

本稿は、Designmodeのブログ記事を了解を得て日本語翻訳し掲載した記事になります。 本記事は、UXコンサルタントのArmen Ghazarian氏に...
Webデザイン

デザイン作業に役立つ！本格的なオープンソースツール6選

本稿は、Webdesigner Depotのブログ記事を了解を得て日本語翻訳し掲載した記事になります。 本記事は、Ezequiel Bruni氏によって投...
Webデザイン

作業を円滑に！エンジニアとデザイナーが衝突しない秘訣とは

本稿は、UXPinのブログ記事を了解を得て日本語翻訳し掲載した記事になります。記事は、エンジニア、Webデザイナー、ペンシルバニア州立大学の助教授であるJame...
Webデザイン

事例から学ぶ！マテリアルデザインとは【初心者向け】

シンプルな見た目なのにどこかリッチな印象を受ける、「マテリアルデザイン」 聞いたことはあるけど、誰かに説明できるほど詳しく分からないという方も多いのではな...
Webデザイン

流行を知っておきたい！2017年1月のWebデザイントレンド

本稿は、Webdesigner Depotのブログ記事を了解を得て日本語翻訳し掲載した記事になります。 本記事は、ライターのCarrie Cousins氏...
Webデザイン

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

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

自身や企業でWebサイトを作成しようと思ったらまず最初にドメインとサーバーを用意する必要があります。 基本は新しくドメインを取って作ることが多いですが、過去に誰かが使っていたドメインを再利用することも可能なのです。それを中古ドメインと呼びますが、新規ドメインと何が違うのか、どんなメリットがあるのか詳しく紹介しています。 やったことは無いけれど「これからWebサイトを作ってみたい」という方はぜひ知っておきたい内容でしょう。   大石ゆかり 田島メンター！ドメインを取得したいのですが、何から調べたらいいでしょうか〜？ 田島悠介 まず最初に、ドメインには新規ドメインと中古ドメインの2つがあるということを知っておこう。 大石ゆかり 中古というと、過去に誰かが使ってたということですか？ 田島悠介 そうだね。ここでは新規ドメインと中古ドメイン、それぞれのメリットとデメリットについて解説するよ。   目次 新規ドメインとは 新規ドメインのメリット・デメリット 中古ドメインとは 中古ドメインのメリット・デメリット 中古ドメインを利用するには   新規ドメインとは 通常Webサイトが閲覧できるのは、人が住んでいる家と同様に指定された住所に訪問するからです。つまり、インターネット上での住所を取得する必要があり、住所のことを独自ドメインと呼びます。 そして、独自ドメインは、ドメイン指定事業者と契約をして取得することができます。 ドメインを取得する代表的なサービスとしては、「お名前.com」や「ムームードメイン」などがあります。   新規ドメインかどうか確認する方法 取得したいドメインが本当に新規のものなのかドメイン年齢というツールを使ってチェックすることができます。 例えば「yahoo.co.jp」と入力してドメイン年齢を調べるをクリックすると、ドメインの取得日が表示されます。 取得日が表示されれば過去に運用されていた、もしくは現在も運用しているドメインとなります。 新規ドメインであれば、取得日が表示されないので、事前に確認しておきましょう。   [PR] Webデザインで副業する方法とは新規ドメインのメリット・デメリット メリット 新しく事業やプロジェクトを立ち上げる場合、ゼロからブランドを確立することができます。「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サイトでもドメインは過去に使われていたものを使用することも考えてみてください！ アクセス中古ドメインを見てみる
Webデザイン

レンタルサーバー比較・15選【Webサイト制作の初心者におすすめ】

Webサイト制作の初心者の方は、どのレンタルサーバーがいいのかよくわからないということもあると思います。 そこで、Webサイト制作の初心者にもおすすめできるレンタルサーバーをピックアップしてみました。WordPressを利用しようと考えている方は、とても相性が良いので、ぜひ活用してみてください。   なお、TechAcademyのWebデザインオンラインブートキャンプではさくらインターネットのサーバーを使ってサイト公開できます。   格安のものから高機能のものまであるので、この記事をもとにレンタルサーバーを比較してみてください！   ConoHa WING 月800円/250GB~ 初心者でも使いやすいのが特徴のレンタルサーバーです。 初期費用無料、月額800円からで低価格 管理画面がシンプルでわかりやすい マルチドメイン、メールアカウント、WordPress無制限、SSL無料等ホームページ作成に必要な機能が一通り揃っている 独自ドメイン1個永続無料 また、日本No.1の処理スピードなので、SEOの内部施策に気を配りたい方にはおすすめです。 プランはいつでも変更可能なため、サイトのトラフィックに応じて柔軟に対応できます。 ConoHa WING エックスサーバー（XSERVER） 月900円/200GB～ 多機能・安定性・大容量を重視した本格レンタルサーバーです。 サブドメインやメールアカウントも無制限に作成できます。SSLも無料で利用することができるので、ECサイトなど決済の仕組みや会員登録のシステムを使うWebサイトにおすすめです。 個人でブログを運営している人の多くもエックスサーバーを利用しているので、初めてレンタルサーバーを使う人にとっては使い勝手が良いでしょう。 エックスサーバー   [PR] Webデザインで副業する方法とはロリポップ 月250円/50GB～ paperboy&co.が運営するサーバーです。月々250円からと低価格ながら、一通りの機能と必要な容量が揃っています。プランによってはWordPressを簡単に複数インストールすることも可能です。 ホームページ作成講座やアフィリエイトの紹介などもあります。そこまで本格的なWebサイトではないけれども一度自分のサイトを作ってみたいという人にはコスパの良いサービスです。 データベースを使わなければ月額100円で使えるので、圧倒的に安く利用できるでしょう。   また、ハイスピードプランの追加とプラン変更ができるので、徐々にステップアップして、常に最適なサーバーを使えます。 ペパボ傘下にEC関連サービスやセキュリティ会社を抱えているため、最高レベルのセキュリティでサーバーを管理しているので、安全性も非常に高いです。 ロリポップ   さくらのレンタルサーバ 月129円/10GB～ さくらインターネットのレンタルサーバーです。個人サイト用の格安プランから、企業向けの本格的なプランまで様々なコースがあります。 メールフォームなどのCGIやWordPressなどを簡単インストールする機能もついています。WordPressでサイトを作る場合、最低でも月額515円のスタンダードプランを申し込む必要があるので注意しておきましょう。 また、2週間の無料お試しもできるので、どのプランを使えば良いか分からないという人は、ぜひ無料で試してみましょう。 さくらのレンタルサーバ   スターサーバー 月126円/10GB～ お手軽価格で操作も分かりやすい、初心者でも安心のレンタルサーバーです。 独自SSLも無料で行うことができ、まずは2週間無料で利用できるので、初めてレンタルサーバーを導入する人にはおすすめです。 ユーザー用のコントロールパネルが見やすく、WordPress簡易設置・サブドメイン・オリジナルドメインなどの機能も充実しています。 スターサーバー   ヘテムル 月1500円/256GB～ ロリポップと同じく、paperboy&co.が運営するサーバーです。 公式のマニュアルがとても細かいところまで解説しているので、分からないことがあった時に大変便利です。 稼働も安定しており、WebDAVを使った簡単アップロードなどの機能も充実しています。キャンペーンも多く開催しているので、チェックしておくと良いでしょう。 他のレンタルサーバーと比較するとやや高めの金額ですが、たくさんのアクセスが来ても動作が遅くならないようなパフォーマンスを重視したい人は便利でしょう。 ヘテムル     CPI 月3,800円/無制限 KDDIグループの共用レンタルサーバーで、大容量で高速ネットワーク回線であるのが特徴です。 個人でも法人でもサイトをビジネスとして運用していく上では非常に向いているサービスです。 「SmartRelease」という自動・手動でバックアップが取れる機能もあるので、初心者にも安心して運営できると思います。「更新したらサイトが見れなくなった」などの問題が起きてもすぐに復旧できます。 安定稼働を重要視している方にはおすすめのサーバーでしょう！ CPIレンタルサーバー   エクストリム 月99円/2GB～ 月額99円と、格安でWebサイトを始めることができます。 ショップカートを手軽に設置するサービスもあるので、ネットショップを運営したい方にもおすすめです。 エクストリムレンタルサーバー   ラクサバ 月99円/2GB～ エクストリムと同じく月99円からのお手軽な料金プランが魅力です。 WordPressの簡易インストールにもきちんと対応しています。料金は非常に安いですが、ディスク容量がそこまで大きくないので、サイトが大きくなった際は注意が必要です。 それでも非常に安価ですし、独自ドメインも複数扱えるので、小さなWebサイトをいくつも作るという人におすすめですね。 ラクサバ   wpXレンタルサーバー 月1000円/30GB～ その名の通り、エックスサーバーのWordPress専用版です。 1つの契約ごとに10個までWordPressのサイトを設置することができます。別途初期費用が5000円かかってきます。 WordPress専用のレンタルサーバーとしては一番の人気を誇っているので、WordPressでサイトを作ろうと考えている人は、選択肢の1つに入れて良いでしょう。 wpXレンタルサーバー   アイクラスタプラス 月1315円/200GB～ GMOが運営していて、「100％稼働率」が売りの企業・ビジネス向けサーバーです。もちろん個人でも利用できます。 初期費用が少し高めですがそれに見合った安定性を誇ります。 法人向けのレンタルサーバーで、企業のコーポレートサイトなどを作る上で利用している人が多いようです。WordPressやMovable Typeも簡単にインストールできるので、知識がなくても手軽に扱えるでしょう。 アイクラスタプラス   クイッカ（Quicca） 月90円/10GB、月900円/40GB 何と言っても圧倒的に安いのが特徴ですが、機能性や安定性も優れているレンタルサーバーです。 WordPressやMovableTypeなどの自動インストールも対応しているので、他のCMSを利用する際もとても便利でしょう。1契約で複数のドメインを利用できるので、ページ数の少ないサイトを定期的に立ち上げようと思っている方には、とてもおすすめです。 初期費用が926円（税抜）かかりますが、月額900円のプランを選択すると初期費用が無料で利用できます。今すぐWebページが必要という方はぜひ使ってみてください。 クイッカ（Quicca）   @YMC 月864円〜/最大500GB×2 大企業も利用しているハイスペックなレンタルサーバーです。月864円のプランであれば個人的な趣味のサイトとしても十分ですし、ビジネスとして利用するのでも使いやすいでしょう。 無料期間も15日間あるので、「初めてレンタルサーバーを使う」「自分のサイトを初めて作る」という人でも安心して試せるでしょう。初期費用が10800円と比較的高めに設定されているので、まずはお試しで使ってみることをおすすめします。 @YMCのレンタルサーバー   バリューサーバー 月167円〜/50GB〜 個人で利用している方には「まるっとプラン」というドメインとサーバーがセットになって月額167円〜という低価格なプランが人気です。 まるっとプランは、初心者でも簡単にサイト作成ができるように作られたものですが、ワンクリックで作成できてしまうので、とても手軽です。知識がなくてもお得に利用できるのが特徴でしょう。 「技術的なことはあまり詳しくない」という方は、まるっとプランで独自ドメインとサーバーがセットになっているプランを申し込むことをおすすめします。安価にWebサイトを立ち上げることができるはずです。 バリューサーバー   お名前.comレンタルサーバー 月900円/50GB〜 ドメインを取得する際に利用する人が大多数だと思いますが、共用サーバーとVPSを利用することができます。上級者でも自分で運用できるよう作られているので、自由度が高いサーバー環境となっています。 初心者にとっては使いこなすのが難しいと感じるかもしれません。 それでも機能面は、マルチドメイン対応であったり、ディスク容量を考えると申し分ないので、今後Webサイトを複数持つことを考えている人には使い勝手が良いでしょう。 現在申し込むと、最大で2ヶ月無料なので、かなりお得に利用できるはずです。 お名前.comレンタルサーバー   ExpressWeb 月250円/30GB～ さまざまなWebアプリケーションを簡単設置する機能がついています。 格安サービスでありながら稼働率も安定しています。 ExpressWeb   NTTコミュニケーションズ Bizメール&ウェブエコノミー 月1429円/150GB 通信業界の大手であるNTTコミュニケーションズが運営しているため、セキュリティ面、サポート面ではとても安心感がありますね。 初期費用は無料ですし、申し込み後すぐに利用ができるので、初めてサイトを作る人でも手軽に立ち上げることができるはずです。 以前レンタルサーバーの設定で苦戦して諦めてしまったという人や初めてサーバーを立ち上げる人にとっては、サポートが手厚いので分からないことを解決しながら進められると思います。 NTTコミュニケーションズ Bizメール＆ウェブエコノミー   今回の記事はいかがでしたか。 WordPressでWebサイトを作る場合、簡単にインストールできる機能があるレンタルサーバーも増えてきているので、初心者でも手軽にサイトを立ち上げられるはずです。 今回比較しているレンタルサーバーは、個人でも法人でもよく利用されているサーバーばかりです。「初めてWebサイトを作ってみる」という方も「今まで別のサーバーを使ってたけど、他のサーバーも知りたい」という方もぜひ検討してみてください。 以前にWordPressの簡単インストールが使えるレンタルサーバーも紹介しているので、あわせてチェックしてみてください！ [お知らせ]TechAcademyでは初心者でも最短4週間でオリジナルWebサイトを公開できるWebデザインオンラインブートキャンプを開催しています。レンタルサーバーを使って実際にサイトを公開することができます。
Webデザイン

初心者におすすめ！ワードプレスが使えるレンタルサーバー（カラフルボックス編）[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の自動インストールの手順から、ドメインの取得、移行代行サービスの紹介までをお伝えしてきました。 はじめて触る方は、「思っていたよりも、ずっと簡単だった！」と感じるはずです。 お手頃な料金設定やサイトスピードも申し分なく、なんといっても最新の自動バックアップ機能の安心感が段違いです。 ブログ初心者からサイト運営のプロまで、非常に満足度の高いサービスになっているのが特徴です。 カラフルボックス公式サイトへ
トピックス

WordPressの使い方！初心者でもサイト作成が簡単に｜現役エンジニアが解説

WordPressを使用するとデザインの変更や機能のカスタマイズ、データの管理を手軽に行える多機能なブログサービスを作成することができます。実際、このTechAcademyマガジンもWordPressを使って作られたサイトです。 他にも企業のコーポレートサイトやブログサイトなどの多くはWordPressを使われているのです。サイト作成に便利なプラットフォームなので、ぜひ使えるように理解していきましょう。 そもそもWordPressとは何なのかよく分からない方は、今さら聞けない！WordPressとは【初心者向け】をご覧ください。   なお本記事は、TechAcademyのオンラインブートキャンプ、WordPress講座の内容をもとに紹介しています。   大石ゆかり 田島メンター！！WordPressのことはなんとかわかったんですけど、どうやって使うんですか〜？ 田島悠介 WordPressを使うにはインストールや初期設定が必要なんだ。 大石ゆかり なんだか難しそうですね・・・。 田島悠介 きちんと手順に従えば簡単にできるよ。インストールさえしてしまえば、簡単に記事の作成とかサイトデザインとかもできるから。それじゃあ教えてあげるね。 大石ゆかり よろしくお願いします！！！   目次 WordPressのインストール手順 初期設定とインストール WordPress管理画面の基本設定 記事の投稿方法 カテゴリーとタグの管理 ユーザー管理 パーマリンクの設定 テーマの使い方 プラグインの使い方 WordPressで知っておきたいその他の設定   WordPressのインストール手順 用意するもの PHP・MySQLが使用できるサーバー(レンタルサーバーなど) 以下の条件があります。 PHP バージョン 7.4 以上 MySQL バージョン 5.6 以上 または MariaDB バージョン 10.1 以上 HTTPS対応 (2020年6月時点) FTPクライアント(今回はFileZillaを使用します) 独自ドメイン(yahoo.co.jpのように自分のサイトを公開する場合に必要です) 独自ドメイン、レンタルサーバーについては別途記事内で比較しています。合わせてご覧ください。   本体の入手とサーバーへのアップロード まずはWordPressの公式サイトのダウンロードページにアクセスしましょう。 WordPress – ダウンロード 以下のボタンをクリックしてWordPress本体をダウンロードします。 ダウンロードし、解凍した「wordpress」という名前のフォルダを任意の半角英数字の名前に変更します。ここではwpとしています。(変更せず、「wordpress」のままでもOKです) FTPクライアントを使用してサーバーに本体をアップロードします。今回はFileZillaを使用します。サーバーに接続し、WordPressを設置したい場所にフォルダごとアップロードします。 アップロードしたフォルダのある場所にアクセスします。※ ※例えばhttp://xxxx.ne.jp/に「wp」と名前変更したWordPressフォルダをアップロードした場合、アクセスする場所はhttp://xxxx.ne.jp/wpとなります。また、これがそのサイトのアドレスになります。   [PR] Webデザインで副業する方法とは初期設定とインストール データベースの設定を行います。「さあ、始めましょう！」のボタンをクリックします。 データベース名・ユーザー名・パスワード・データベースのホスト名を入力し、「送信」ボタンをクリックします。これらは使用しているレンタルサーバーにより設定が異なります。 以下は、レンタルサーバーのスターサーバーでの例です。(管理画面の「データベース設定」から見ることができます) パスワードはこのデータベースで設定したものを入力します。 また、データベースの文字コードは「UTF-8」にしておきます。 「インストールを実行」をクリックします。 ここではWordPressサイトの基本的な設定を行います。 また、これらの項目は全て後でいつでも変更できます。「検索エンジンがサイトをインデックスしないようにする」にチェックを入れるとサイトが検索エンジンに表示されない状態にしておくことができます。 テスト導入時などにチェックします。入力後「WordPressをインストール」をクリックします。 インストール完了のメッセージと、ログイン用のユーザー名とパスワードに関する情報が表示されます。 続いてログイン画面が表示されます。設定したユーザー名とパスワードを入力し「ログイン」をクリックします。   管理画面の基本設定 ログインするとWordPressの管理画面が表示されます。記事の投稿やサイトデザインの変更、プラグインの追加や各種設定はこの画面から行います。   サイトの基本情報変更 左メニューの「外観」から「カスタマイズ」を選択します。 「サイト基本情報」を選択します。 サイトのタイトルとキャッチフレーズはここからいつでも変更できます。   ログイン・ログアウト方法 管理画面からログアウトする場合は上メニューのユーザー名から「ログアウト」を選択します。 再び管理画面にログインするときはサイト上の「ログイン」(テーマにより表示されないものもあります)か、WordPressフォルダ内にあるwp-login.phpにアクセスすることでログイン画面に移行することができます。※ ※例えばhttp://xxxx.ne.jp/wpというサイトの場合はhttp://xxxx.ne.jp/wp/wp-login.phpがログイン画面へのアクセスになります。   記事の投稿 左メニューの「投稿」から「新規追加」を選択します。 「タイトルを追加」の部分にタイトル、「文章を入力、または…」の欄に本文を入力します。 なお、WordPressではバージョン5.0からエディタが「ブロックエディター」に変更になっています。 この記事でもブロックエディターの説明を行っています。 また、/ を入力するか、+ボタンを押すことで画像などのコンテンツを挿入することができます。 入力が完了したら「公開」ボタンをクリックすると記事がサイトに反映されます。     予約投稿の方法 「公開」ボタンを押せば、その瞬間記事として公開されますが、中には決まった時間に公開したいと思う人も多くいるでしょう。 公開ボタンを押した画面の下に表示されている「公開：今すぐ」をクリックします。 カレンダーが表示され、日時を自由に決めることができます。 トップページには出したくないから過去の記事として公開したい、明日の9時に公開したいので、予約投稿にする際に便利です。 今より先の時間に設定すると、「公開」から「予約投稿」というボタン名に変わります。 設定した時間になったら自動的に公開されるので、時間に合わせて手動で公開する必要がなく便利な機能でしょう。   カテゴリとタグの管理 WordPressでは投稿した記事を分類するために、カテゴリーやタグを利用することが出来ます。一般的に、カテゴリーは、記事を大まかにグループ分けする場合に使われ、タグはさらに細かく分ける場合に用いられています。 WordPressで投稿する記事は、必ずカテゴリーを選択しなければなりませんが、タグは必ずしも設定しなくてもよいことになっています。 新規カテゴリーの作成方法 ログインした後、「投稿」から「カテゴリー」を選択すると、カテゴリー新規追加、既存のカテゴリー編集の画面が開きます。 名前にカテゴリー名を書いて、下のほうにある新規カテゴリーを追加ボタンを押すと、新規カテゴリーが追加されます。 スラッグというのは、カテゴリーのアドレスにつける別名みたいなものです。スラッグを設定しない状態で、未分類のカテゴリー一覧の記事を表示した場合、アドレスが以下のようになります。 http://あなたのHPのURL/category/%E6%9C%AA%E5%88%86%E9%A1%9E/ ブラウザのURLを見てみると、 http://あなたのHPのURL/category/未分類/ と表示されていますがそれはブラウザが気を利かせて、日本語に変換してくれただけで、本当はURLエンコードされた日本語文字列になっています。コピーしてテキストエディタや掲示板などの入力欄に貼り付けるとわかります。 未分類のカテゴリーに対して、not-categoryなどのスラッグをつけると「http://あなたのHPのURL/category/not-category/」でアクセスできるようになります。 また、カテゴリーに親カテゴリーを指定することで、カテゴリーに階層構造を持たせることも出来ます。   新規タグの作成方法 ログインした後、「投稿」から「タグ」を選択すると、タグの新規追加、既存のカテゴリー編集の画面が開きます。 タグもカテゴリーと同じで、スラッグを利用することが出来ます。タグは、記事投稿時に複数設定することが出来るので、該当するものを設定しましょう。   ユーザー管理 WordPressでは、複数人で管理することも出来て、それぞれ権限を設定することでセキュリティを向上させることが出来ます。 管理画面のユーザーをクリックすると、新規登録・編集画面になります。 権限グループごとに何ができるのか 新規追加の前に、権限について見ていきます。権限には以下の5種類のグループがあります。 購読者 WordPressにログインすることが可能。プロフィールの変更が出来る 寄稿者 記事を投稿できる。ただし、編集者や管理者が許可しない限り公開状態には出来ません 投稿者 記事を投稿できるが、他のユーザーが作成した記事は扱えないことと、固定ページ作成は出来ない 編集者 他のユーザーが作成した記事や固定ページなども扱えるが、デザインやプラグインなどWordPressの設定に関わるものは扱えない 管理者  全ての権限がある となっています。寄稿者は記事を投稿できるものの、公開状態にするには編集者以上の権限を持つユーザーの許可が必要。 投稿者は、記事を投稿できるものの、カテゴリーなどの作成や管理権限が必要なもの、他のユーザーが作成した記事の編集は行えません。 編集者は、ほとんど全ての作業が可能ですが、設定にかかわるものは変更できないです。管理ユーザーに権限を設定することで、複数人の管理人がいてもセキュリティが守られるようになっています。   新規ユーザーの登録方法 管理画面の「ユーザー」をクリックすると、登録されているユーザー一覧が表示されます。ページトップに「新規追加」ボタンがあるので、こちらをクリックしましょう。   必要な情報を設定した後、権限を決めて追加ボタンを押すと追加できます。 権限を間違えると、全ての記事が削除されてしまう恐れもあるので注意が必要です。   ユーザーの削除方法 管理者の権限を持つユーザーでログインすると、削除することが出来ます。   パーマリンクの設定 パーマリンクでは、記事ページなどのURLをカスタマイズすることができます。「設定」から「パーマリンク設定」でパーマリンクの編集を行うことができるので、確認してみましょう。 URLとは、通常であれば、ファイルの場所を示しています。例えば、URLが http://ほにゃらら.com/aisatsu/ohayou.html だった場合「aisatsu」というフォルダの中の「ohayou.html」というファイルの情報が返されます。 ところがWebサーバーの設定でこれを変更することが出来ます。WordPressのインストール先のフォルダに.htaccessファイルがあります。 中身について詳細は解説しませんが、要求したファイルやフォルダがない場合、全てのアクセスを「index.php」というファイルに集める、という設定になっています。index.phpにアクセスを集めて、ブラウザのアドレスから判断して、プログラムでデータベースから検索して結果を表示しています。 WordPressのデフォルトの設定では、2020年6月24日に投稿した場合のURLは、 http://あなたのURL/2020/06/24/hello-world/ などのようになっています。この/2020/06/24/hello-world/の部分が、パーマリンクになります。デフォルトでは、日付と投稿名でデータベースから記事を取得しているようです。 この部分をある程度自由に変更することが出来ます。   パーマリンクの変更 パーマリンクを変更した場合、どのようにURLが変わるのかを見てみます。パーマリンクの設定の変更画面は、管理画面から設定、パーマリンク設定をクリックします。 デフォルトの状態は、日付と投稿名です。2020年の6月に投稿した記事であれば、 /2020/06/投稿した記事のタイトル/ というURLになります。 基本に設定すると「/?p=123」という、記事に設定されている番号が付けられます。これはデータベース上で管理されている、その記事唯一の番号です。 月と投稿名だと「/2020/06/投稿した記事のタイトル/」になります。数字ベースだと「/archives/123」といった形になります。 投稿した記事のタイトルだけという設定もあり「/投稿した記事のタイトル/」というURLにすることも可能です。   パーマリンクのカスタム構造 パーマリンク設定では、自分でカスタマイズすることもできます。構造タグというものを使用します。詳しくは使い方を参照してください。 カテゴリーベースを変更することも出来ます。カテゴリーベースのところを.(ドット)にすると「/category/カテゴリー名/」になるURLが「/カテゴリー名/」に短縮することも出来ます。 ただし、その場合投稿記事のパーマリンクが「/記事のタイトル/」になっていた場合、重なる可能性があります。記事の投稿名がhello-worldで、カテゴリーにhello-worldがあった場合どうなるでしょうか？ どちらも http://あなたのURL/hello-world/ でアクセスできてしまいます。この場合、投稿した記事が優先して表示されてしまい、カテゴリー一覧が表示されなくなるので注意が必要です。   テーマ WordPressは「テーマ」という機能によりサイトのデザインを簡単に変更することができます。各種テーマは公式が作成したものやユーザーが公開しているものが使用できます。 個人や企業でWordPressのテーマを作っているところも多いので、費用をかけなくても十分整ったサイトを作ることができるはずです。   テーマの変更方法 左メニューの「外観」から「テーマ」を選択します。   インストール済みのテーマの一覧が表示されます。上の「新規追加」かテーマ一覧内の「新しいテーマを追加」をクリックします。   テーマは新着や人気順から探せる他、右上の「テーマを検索」からキーワードを指定して見つけることができます。   テーマをインストールし、一覧画面から「有効化」をクリックするとサイトに反映されます。   テーマの例 「WP Portfolio」テーマは、ポートフォリオ作成に適したテーマです。記事作成時にアイキャッチに指定した写真やイラストなどを一覧できるため作品を見せやすくなっています。   おすすめのテーマ 各シチュエーションで使えるWordPressのテーマを紹介します。 国内ではブログサイトやコーポレートサイトをWordPressで利用している企業が多いですが、海外ではECサイトなどもテンプレートが用意されているので、ぜひ使ってみてください。 以下では、ブログサイト、ECサイト、コーポレートサイトに分けてそれぞれ人気のテーマを紹介しています。 ブログサイト アルバトロス かなり多くのブロガーが利用しているオープンケージのWordPressのテーマ。その中でも王道のアルバトロスをおすすめしたいと思います。 有料ではありますが、技術的なスキルが全くない人でも簡単におしゃれなWebサイトを作れるのが大きな特徴です。 カスタマイズもかなり自由に行えますし、一度買ってしまえばずっとサイトを運営できるので、多くのブロガーから人気なのでしょう。 アルバトロス   賢威 SEOに強いブログ・サイトを作りたい方におすすめのテーマです。ウェブライダーという様々な企業のSEOコンサルを担ってきた会社が開発を行っています。 サイトのテーマだけでなく、SEOに関するマニュアルも載せているので、集客にも力を入れたい人にとっては一石二鳥なテーマになるはずです。 賢威   Riba Lite 画像のサムネイルが大きくバックに表示されているタイプのサイトです。カメラでよく写真を撮ったり、トップページで写真を強調させたいときにおすすめのテーマです。 ダウンロード / DEMO   Hueman よく見るニュースサイトのような作りになっているテンプレートです。サイドメニューも充実しており、どこに何を置くか難しい技術を使わなくても選択するだけで設定することができます。 個人のブログサイトとしても活用できるので、ぜひ活用してみてください。 ダウンロード / DEMO   ECサイト Shop Isle wordPressでECサイトを構築する際は、WooCommerceプラグインを使うのが定番です。WooCommereに特化したテーマの1つがShop Isleです。 様々な効果を適用でき、ECサイトだけでなくビジネスサイトとしても活用できます。より高機能のPRO版も存在します。 ダウンロード / DEMO   YITH Proteo ファッションやアパレル系のECサイトにおすすめです。 カテゴリも細かく設定できますし、洋服などを販売する際に写真にマウスオーバーすると他の写真も出てくるといった仕掛けもあります。 スマホで見るとカートに入っているアイテム数、購入金額がトップで確認できるのでユーザーとしても使いやすいでしょう。 ダウンロード / DEMO   Fukasawa 白を基調としたデザインでより一層アイテムを引き立てるテンプレートでしょう。商品自体も白をバックに写真を撮っているので、シックな印象を与えますね。 ブランディングとしての見せ方としても使えるのでおすすめです！ ダウンロード / DEMO   コーポレートサイト Zelle PRO WordPressのテンプレートの中でも非常に多機能で、出来ないことは無いんじゃないかというくらい多くのことを実現できるはずです。 また、デザイン面でもスクロールすると横からフォームが出てくるパララックス仕様になっており、おしゃれにも見えるでしょう。 ダウンロード / DEMO   Sydney 画像がディスプレイいっぱいに表示されたインパクトの大きいテンプレートです。 トップページに会社情報、事業内容、メンバー、SNSアカウント、ニュースなど多くの情報も載せられるのでスクロールしていて飽きが来ないでしょう。 ダウンロード / DEMO   他にも初心者におすすめの無料で使えるWordPressのテーマを紹介しているので、合わせてご覧ください。   プラグイン WordPressではプラグインという拡張機能を使うことによってサイトにさまざまなシステムを追加することができます。 アクセス解析を行うものや問い合わせフォームを追加するもの、スライドショーを表示させるものなどさまざまなプラグインがあります。   プラグインの検索とインストール 左メニューの「プラグイン」から「新規追加」を選択します。   テーマのときと同様に、新着順や人気順・キーワードでの検索でプラグインを探すことができます。「今すぐインストール」ボタンをクリックするとプラグインがWordPressにインストールされます。 インストールされたらすぐに利用できるわけではなく、まず有効化をしなければなりません。   プラグインの有効化 左メニューの「プラグイン」から「インストール済みプラグイン」を選択します。   インストールされているプラグインの一覧が表示されます。使用したいプラグインの「有効化」をクリックします。   プラグインの例 SNSボタンのプラグイン 「Social Media Feather | social media sharing」プラグインを使用すると、サイトの記事にFacebookやTwitterなどの共有用アイコンを追加することができます。 利用するサービスやアイコンの大きさなども自由にカスタマイズが可能です。記事をシェアしてもらうためにもSNSボタンはぜひとも設置しておきましょう。   記事編集で役立つプラグイン TinyMCE Advanced 記事作成をする前に必ず入れておきたいプラグインです。ビジュアルエディタに追加できる各機能を手軽に設定できます。 TinyMCE Advancedの使い方   WP Videos YouTubeやVimeoといった外部の動画を記事内に埋め込むことができるプラグインです。URLを入力するだけで追加できるので、簡単に設定できるはずです。 WP Videos   SEO対策に役立つプラグイン All in One SEO Pack SEO対策全般の設定をまとめて行えるプラグインです。 FacebookやTwitterといったSNSとの連携、SEOにおいて欠かせないタイトルタグ・ディスクリプションタグの設定も行えるので、まず最初に入れておきましょう。 All in One SEO Packの使い方   Google XML Sitemaps XMLサイトマップを作成してGoogleに更新を通知させることができます。サイトマップがあることでサイトにどんなページが存在するのかGoogleに認識させることができるので、SEOの効果も見込めます。 Google
WordPress

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です。 その中でも社員を大切に扱い、キャリアアップに向けた育成を行っている企業は多くあります。 キャリアアップについての考え方など、それぞれの企業の情報をしっかりと集め、より良い企業でのキャリア形成を目指しましょう。 大石ゆかり とっても参考になりました！ ありがとうございます！ 高評価押しておきますね！ 田島悠介 ありがとう！ ゆかりちゃんもがんばってね！ 自己実現を応援しています。   テックアカデミーでは初心者でもエンジニアになれるオンラインブートキャンプを開催しています。 未経験でもこれからプログラミングを習得したいと思っている方は特にご覧ください！ また、現役エンジニアから学べる無料体験も実施しているので、ぜひ参加してみてください。
エンジニア転職

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

あなたの目的に合わせて学べるコース

副業したい方

Web制作の力を身につけ
副業までサポート

はじめての副業コース

転職したい方

未経験から
Webエンジニアに

Webエンジニア転職保証コース

スキルアップしたい方

AIも統計解析もできる
Pythonを学ぶ

Pythonコース

※ 経済産業省の行うリスキリングを通じたキャリアアップ支援事業の補助金対象コースです。条件を満たすことで支払った受講料の最大70％がキャッシュバックされます。詳しくは こちら のページをご確認ください。

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

オーダーメイドコース
TechAcademy（テックアカデミー） Webデザインコース Webデザイン 初心者でもすぐ使える！ドメインが取得できるサイト10選