TechAcademy（テックアカデミー） WordPressコース Webデザイン WordPress 【現役エンジニアが書籍レビュー】いちばんやさしいWordPressの教本第3版 人気講師が教える本格Webサイトの作り方
オーダーメイドコース
icon
icon
WordPress

【現役エンジニアが書籍レビュー】いちばんやさしいWordPressの教本第3版 人気講師が教える本格Webサイトの作り方

「いちばんやさしいWordPressの教本第3版 人気講師が教える本格Webサイトの作り方(「いちばんやさしい教本」) 」の書籍を現役エンジニアがレビューしています。書籍の評価はどれくらいなのかまとめているので、これから購入しようと考えている方はぜひ参考にしてみてください。

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

この記事では、「いちばんやさしいWordPressの教本第3版 人気講師が教える本格Webサイトの作り方 (「いちばんやさしい教本」) 」の書籍を現役エンジニアがレビューしています。

書籍の全体的な概要を説明し、どんな人におすすめの書籍なのか、評価はどれくらいなのかまとめているので、これから購入しようと考えている方はぜひ参考にしてみてください。

田島悠介

ここで紹介するのは「いちばんやさしいWordPressの教本第3版 人気講師が教える本格Webサイトの作り方 (「いちばんやさしい教本」)」になるよ。

大石ゆかり

今回はWordPressの本なんですね！

田島悠介

WordPressに関する概要やシステムの説明から、具体的にどういう手順でサイトを作っていくのかというところまで幅広く知ることができるんだ。レビューを見てみよう。

大石ゆかり

お願いします！

書籍名

いちばんやさしいWordPressの教本第3版 人気講師が教える本格Webサイトの作り方 (「いちばんやさしい教本」)

いちばんやさしいWordPressの教本第3版 人気講師が教える本格Webサイトの作り方 (「いちばんやさしい教本」)

 

今回のレビュワー

レビューしてくれる現役エンジニア

赤司達彦（あかしたつひこ）

開発実績: 10年前からHTMLやCSSを利用しホームページやブログの作成を開始しプログラマへ。iPhoneアプリエンジニアとして業務に携わる経験も持ちながら、フリーランスでWordPressを利用したWebサイトやブログを構築。WordPressをこれから始める方に向けた書籍も刊行。

 

[PR] Webサイト制作で副業する方法とは

書籍の概要

書籍を購入した目的

担当受講生の方に、WordPressの基本操作などがわかりやすく説明されている書籍を紹介するため。

 

学べる技術、スキル

WordPress

 

本の内容

WordPressで基礎的なWebサイトを構築する方法を学ぶことができます。

 

書籍のレビュー

総合評価

★★★★★ 5.0点

 

どんな人にオススメか

これからWordPressを利用してWebサイトやブログの作成を始めようと考えている、WordPress初心者の方。

 

書籍の良かった点

独自のテーマを使用してWordPressの使い方を学びつつ、本格的なWebサイトを作成できる点。また編集がよく練られていて、構成が非常にわかりやすいこと。

書籍の悪かった点

初心者の方向けということもあり、どうしても既存のテーマを使用して説明しなければならず、テーマの宣伝を兼ねているのかな？と感じるような、初心者には少しわかりづらいと思われる機能に関する説明があったこと。

 

全体的な感想

構成がしっかりしていて、WordPressの基礎をWebサイトを作成しながら学習できる良書です。フルカラーで見やすい点もおすすめです。

本書で使用しているbizvektorという無料テーマは、企業向けのテーマということもあり、多くの便利な機能を管理画面から簡単に設定できるというメリットがある反面、多機能ゆえに初心者の方には少しわかりにくいというデメリットもあります。

そういったデメリットはあるものの、書籍通りの手順で進めればそれなりのサイトを構築できますし、テーマに慣れてくれば、より高度な機能を実装してそのままテーマを自分のテーマとして利用できるというメリットもあります。初心者の方にはおすすめの一冊です。

 

以上、いちばんやさしいWordPressの教本第3版 人気講師が教える本格Webサイトの作り方 (「いちばんやさしい教本」) の書籍レビューを行いました。

どんなスキルが身につくのか、どんな勉強ができるのか理解した上で購入すると良いでしょう。

 

田島悠介

WordPressのテーマを使って、PCとスマートフォン両方に対応したサイトを作ることが目的になるね。

大石ゆかり

HTMLやCSS、PHPなどを複雑に触っていくというよりはWordPress上の操作手順を解説するという感じですね。

田島悠介

WordPressをブログとして使うだけでなく、本格的なWebサイト作成のツールとして使用したい人におすすめだよ。

大石ゆかり

図解が見やすくて分かりやすいのもポイントですね。ありがとうございました！

また、オンラインのプログラミングスクールTechAcademyでは、WordPressを使ってカスタマイズしたオリジナルサイトを構築できるWordPressオンラインブートキャンプを開催しています。

現役エンジニアがパーソナルメンターとして受講生に1人ずつつき、マンツーマンのメンタリングで学習をサポートし、最短4週間で習得することが可能です。

独学に限界を感じている場合はご検討ください。

記事を検索

関連するキーワード

関連する記事

WordPressで固定ページを作成する方法【超初心者向け】

WordPressを使い始めたばかりの人だと、普通の投稿と「固定ページ」の違いがわからないでしょう。 そこで今回は、WordPressの固定ページとは何か...
WordPress

WordPressのサイトが真っ白で表示されない場合の対処方法【初心者向け】

WordPressを編集していて、公開しているはずのサイトが真っ白になってページが表示されない・・ということはないでしょうか。 今回はそんなトラブルを解決...
WordPress

Browser Shotsの使い方ーWordPressプラグイン【初心者向け】

今回は、簡単にキャプチャ画像を挿入できるプラグイン、Browser Shotsの使い方を紹介します。 なお本記事は、TechAcademyのWordPre...
WordPress

WordPressで記事を投稿する方法【超初心者向け】

WordPressをとりあえずインストールしたという初心者向けの記事です。 まずは基礎中の基礎である、記事を投稿する方法を覚えましょう。  ...
WordPress

WordPressで広告バナーのリンク先を導入する方法がわからない【メンターが回答】

※TechAcademyに実際に寄せられた質問に現役エンジニアのメンターが回答しました 大石ゆかり 田島メンター！WordPressを使った広告バナ...
WordPress

WordPressで記事に「続きを読む」を設定する方法【初心者向け】

WordPressで作成したサイトのデザインにもよりますが、TOPページや記事の一覧ページには、記事の一部を表示して「続きを読む」に誘導することも多いのではない...
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

今さら聞けない！WordPressとは【初心者向け】｜現役エンジニアが解説

WordPressをご存知でしょうか？最近ではホームページの制作をするときにも、よくWordPressを使う場面が多くなってきています。 しかし、そもそもWordPressとは何か？と質問されたら説明するのは難しいものです。 この記事では、WordPress初心者の方でも、そもそもWordPressとはどんなものであって、どんなメリットやデメリットがあるのかが分かるように解説したいと思います。 ぜひ、WordPressの使い方を覚えましょう！   なお本記事は、TechAcademyのオンラインブートキャンプ、WordPress講座の内容をもとに紹介しています。   今回の記事の内容は動画でもご覧いただけます。 テキストよりも動画の方が理解しやすいという場合はぜひご覧ください。   大石ゆかり 田島メンター！！あのちょっと聞きたいことがあるんですけど〜 田島悠介 ん？何がわからないの？ 大石ゆかり あの、WordPressってなんですか？ 田島悠介 あぁ、WordPressかー。WordPressはCMSと呼ばれるものの一つで、プログラミングなんかをしなくても簡単にサイトを作ることができるものだよ。 大石ゆかり CMS、ですか。具体的にどういうことができるんですか？ 田島悠介 それじゃあ１つずつ説明していくね。 大石ゆかり はい♪お願いします！！！   目次 WordPressとは WordPressが人気な理由 WordPressでできること WordPressでサイト運営する上で必要なもの WordPressで作られた実際のサイト WordPressの学習方法 WordPressと一緒に使うと便利なツール WordPress利用時の注意点   そもそもWordPressとは何か WordPressとは、いわゆるコンテンツマネジメントシステム（CMS）というものです。 簡単にいうと、「ホームページの制作ができない人でも、簡単にコンテンツを管理できる仕組み」ということです。 通常、ホームページに新たに記事を追加しようとすると、HTMLという言語を勉強して、自分でコードと記事の文章を書いていかなくてはなりません。 それがWordPressの場合は、HTMLのコードがわからなくても、マイクロソフトのワードに文章を書いたり写真を挿入したりする感覚で、記事やニュースを更新していくことができます。   [PR] Webサイト制作で副業する方法とはWordPressが人気な理由 プログラミングができなくてもWebサイトが作れる 上記したように専門知識なくしてWebサイトの管理等ができますが、ここでの専門知識とは主にプログラミングに関することです。 特別な機能を持たせる開発をするような場合を除き、情報発信ができるようなメディア立ち上げをする場合にはWordPressそのものの操作に慣れるだけで作ることができるのです。 通常自分でゼロから作成しようとすると「HTML」や「CSS」、そしてもう少し華やかさや簡単な機能を加えるには、「JavaScript」や「PHP」等も知っておくと有利になりますが、WordPressを使えば全くこれらの知識がなくとも作れてしまいます。   無料である なにより、無料でこれらのシステムを使えることによって未経験者にも敷居が下がり使用者の増加に繋がっています。 しかしながら、インターネット上に公開するにはWordPressの利用とは別に、ドメインの取得やレンタルサーバーなどが必要となりこれらには当然費用が必要となります。 WordPressでできること 画像引用元：https://unsplash.com/photos/tZc3vjPCk-Q それでは、具体的にWordPressのメリットとデメリットをご紹介します。 WordPressのメリット HTMLがわからなくても自分でニュースを追加、更新できる WordPressは記事更新の管理画面が、わかりやすいインターフェースで設計されています。 そのため、直感的に記事の追加や編集、画像や動画の挿入が可能です。HTMLの知識は不要です。 Webサイトの構築が簡単 もし自分でWordPressのサイトを立ち上げたいと思った時でも、各サーバー会社が予め”かんたんインストール”という設定をしてくれている場合がほとんどです。 WordPressはデータベースという、記事のデータが入った箱から、ページの読み込みごとにそのデータを取ってくるという動きをするのですが、これらデータベースの設定も自動でサーバー会社が行ってくれます。 拡張性が高くてお手軽 たとえば、お問い合わせフォームを設置したいというときにHTMLであればCGIやPHPというものを勉強する必要がありますが、WordPressの場合はそれが不要です。 プラグインという便利な拡張機能が無料で、豊富に用意されているので、そのプラグインを”インストールする”ボタンを押すだけで実装できてしまいます。   WordPressのデメリット HTMLのサイトより表示スピードが遅い HTMLは、ページごとにコードを書いたファイルをサーバーに置いてあるだけなので、ページの表示スピードが早いです。 それに比べてWordPressは、ページの表示ごとにデータベースから、ページを構成するパーツをその都度呼び出してページを構築するため、HTMLに比べると表示スピードがどうしても遅くなってしまいます。 セキュリティの心配 WordPressはPHPというプログラミング言語でできている関係上、不正な操作や攻撃を受けやすいというデメリットがあります。 例えばログイン画面に、IDとパスワードをランダムに超高速に試されることで、不正ログインされてしまう可能性もあります。 そのため、WordPressのバージョンは常に最新にしておく必要があります。 この点は、Windows(ウィンドウズ)などのパソコンと同じです。 常にバージョンは最新のものを利用しましょう。 実際に自分でWordPressを運営したいという方は、WordPressをインストールする方法をご覧ください。 WordPressでサイト運営する上で必要なもの 画像引用元：https://unsplash.com/photos/gcsNOsPEXfs 独自ドメイン 自分のサイトを公開するには、ドメインというものを取得する必要があります。 有名なところで言うと「お名前.com」「ムームードメイン」などがあります。 初心者でもすぐ使える！ドメインが取得できるサイト10選   レンタルサーバー 誰がアクセスしてもサイトを公開させるためにはサーバーが必要です。 サーバーを自作する人もいますが、基本的にはレンタルサーバーを月額1000円程度で利用します。 レンタルサーバー比較・10選【Webサイト制作の初心者におすすめ】を参考に選んでみてください。 「ロリポップ」や「さくらのレンタルサーバー」は初心者の方にも人気です。   Webサイトのデザインテンプレート サイトの見た目を整形するデザインを用意する必要があります。 WordPressの管理画面上に用意されているものもありますが、無料で利用できるおしゃれなテーマも多いので、そちらがおすすめです。 初心者におすすめ！無料で使えるWordPressのテーマ20選【日本語対応のみ】   WordPressで作られた実際のWebサイト 画像引用元：https://unsplash.com/photos/OGOWDVLbMSc それでは、実際にWordPressで動いているサイトを6つほど紹介していきます。 AdverTimes(アドタイ) 宣伝会議の運営している広告や宣伝に関するメディアです。 記事だけでなく、FacebookやInstagramの写真を載せることもできます。   田中直染料店 オンラインショップ機能を追加しているWordPressサイトです。商品登録を、お店のスタッフの方が追加更新できるようにしているものと思われます。   浦和レッドダイヤモンズ公式サイト スポーツチームの公式ホームページでもWordPressが使われている例はいくつかあります。 過去の試合結果などを溜めておくことも、WordPressであれば簡単に行えます。   イルカ交通 名古屋の交通会社のホームページ。ニュースの定期発信にWordPressを役立てています。   渋谷教育学園渋谷中学高等学校 学校の発信するニュースを、複数のカテゴリに分割して管理しています。   TechAcademy magazine 実は、このサイトもWordPressで作られています。 こういった記事を発信していくようなサイトとの相性は非常にいいでしょう。   WordPressの学習方法 画像引用元：https://unsplash.com/photos/QklJV_Q0Pig 人気が高く利用者も多いWordPressなので、その分学習環境も整えられています。 本も多く出版されていて、また学習サイトに関しても無料で多くのサイトが公開されています。 学習サイト ドットインストール ドットインストールではWordPressの基本的な操作方法から細かい構築手順まで幅広く学ぶことができます。 ドットインストール   バズ部   こちらの特徴はWordPressの使い方全般に加えて、サイト構築後の集客等についてもまとめられているというところです。 バズ部   Webクリエイターボックス     WordPressにおけるポイントやコツなどが多く紹介されており、オリジナルテーマの作り方といった中級者以上に向けられた内容も学ぶことができます。 Webクリエイターボックス   書籍 いちばんやさしいWordPressの教本 プログラミングスキルがなくてもパソコンやスマートフォンに対応したWebサイトの完成ができるように丁寧に解説されています。   本格ビジネスサイトを作りながら学ぶ　WordPressの教科書 こちらは初級的な内容から発展的なことまで含まれており、本格的に使おうとする人に向いています。   WordPressと一緒に使うと便利なツール 画像引用元：https://unsplash.com/photos/hpjSkU2UYSU WordPressにはプラグインというツールを導入して機能を拡張することができます。 よく使われているプラグインを紹介します。   WP Social Bookmarking Light SNSへのリンクボタンを追加できるプラグインです。 現在ではWebサイトの投稿をSNSでシェアしたり、逆にSNSの投稿をWebサイトで引用したりということが当たり前に行われています。Webサイトを構築した際、早い段階で必要になるのがSNSへのリンク機能でしょう。 このプラグインは各SNSの公式のボタンを使った表示ができるのが特徴です。 WP Social Bookmarking Light   Table of Contents Plus 投稿ページが増えてくると、目次ページ（サイトマップ）が欲しくなります。 このプラグインは、長い固定ページ内の目次のほか、サイト全体の目次ページ（サイトマップ）の作成も可能です。 手作業で目次ページを作成するのと比較して圧倒的に容易ですので試してみるといいでしょう。 Table of Contents Plus   Contact Form 7 Webサイトにお問い合わせフォームを追加するプラグインです。 鉄板中の鉄板プラグインであり、とても多く利用されています。 導入が容易であり、広く利用されていることから設定方法などの情報も多く得られることができます。 Contact Form 7   WP-PageNavi ページナビゲーションを行うプラグインです。 このプラグインを導入することで、分かりやすいページ送り機能を実装することができます。 とても多く利用されているプラグインの１つです。 WP-PageNavi   All-in-One WP Migration WordPressで構築したWebサイトの移設を行うためのプラグインです。 Webサイトの設定や投稿などを全て１まとまりのファイルにエクスポートすることができます。 Webサイトをリニューアルする際に別環境にサイトのコピーを立ち上げたり、自分のパソコンでWordPressを動作させる場合など、幅広く活用できます。 またサイトのバックアップを取得するツールとしても有用です。 All-in-One WP Migration   なお、プラグインを導入すると、その分WordPressの動作も少しずつ遅くなります。 プラグインの導入は必要なものに限定し、多用しないようにしましょう。   WordPressの利用時の注意点 WordPressは便利な反面、利用する際にいくつか注意点があります。 画像引用元：https://unsplash.com/photos/iEiUITs149M ページ構成を考えておく WordPressは自由度が高いため、かなり複雑なWebサイトも構築可能です。 そのためページ構成を考えずに適当にWebサイトを構築してしまうと、収集がつかなくなってしまいます。 通常の記事で投稿するのか、固定ページと呼ばれるページで作成するのか、ページ間のナビゲーションはどうするか等、ページ構成を考えながらサイトを構築するといいでしょう。   動画や画像を多用しない 前述のとおり、WordPressには表示がやや遅いという弱点があります。 また一般的にユーザーがWebサイトのページ読み込みを待てる時間は約3秒程度と言われています。 特にWebサイトのトップページで容量の大きい画像や動画を貼り付けることは表示を遅くする原因となるため、控えるようにしましょう。 また素材自体を軽くするテクニックも様々ありますので活用するといいでしょう。 具体的には写真であれば、カメラで撮った写真のファイルはそのままでは画像サイズとファイルの容量が大きいため、画像編集ソフトでサイズを縮小する、または減色処理を行うなどの方法があります。 Webサイトがレスポンスよく表示されるよう、心がけましょう。   自動アップデートを有効にする WordPressは既定値で自動アップデートが有効になっています。 以前はアップデートによりシステムの動作が不安定になるなどの事象が発生することがありましたが、最近では安定してきていますので、自動アップデートは有効にしていて問題ないでしょう。 むしろアップデートによりセキュリティやバグ（不具合）への対応が行われますので常に最新版にしておくことが重要といえます。   必要最低限のSEO対策を行う Googleなどの検索結果でWebサイトが上位に表示されるよう対策を行うことをSEO対策と呼びます。 SEO対策は専門の会社もあるぐらいで非常に奥が深い領域です。 とはいえWebサイトの構成を整えるという意味でも、必要最低限の対策は行っておいたほうがいいでしょう。 「WordPress SEO by Yoast」というプラグインを使うと、ガイダンスに従いながらSEO対策を行うことができます。 試してみるといいでしょう。 WordPress SEO by Yoast   広告（アフェリエイト）の導入は慎重に Webサイトを構築するモチベーションの１つに広告収入（アフェリエイト）もあると思います。 しかし最初は広告を入れず、投稿を増やすことに専念したほうがいいでしょう。 広告の導入を考えているのであれば投稿のテーマや方向性を決めておくことが重要です。 投稿数が増えてユーザーの流入数が増加傾向にあることを確認できるようになったら、AdSenseなどに接続して広告導入の手続きを行いましょう。 AdSenseヘルプ – コード導入ガイド A8.net – アフェリエイトの始め方！   いかがだったでしょうか。 普段皆さんがご覧になっているウェブサイトも、WordPressで作られているかもしれませんね。 最後に、もし「WordPressって何？」と誰かに聞かれたら、「ホームページに自分で記事の追加や更新ができるツールだよ」と教えてあげましょう。 実際、どんなWebサイトが作れるのかイメージするために無料で使えるWordPressのテーマ30選も合わせてご覧ください。   執筆してくれたメンター 太田和樹（おおたかずき） ITベンチャー企業のPM兼エンジニア普段は主に、Web系アプリケーション開発のプロジェクトマネージャーとプログラミング講師を行っている。守備範囲はフロントエンド、モバイル、サーバサイド、データサイエンティストと幅広い。その幅広い知見を生かして、複数の領域を組み合わせた新しい提案をするのが得意。開発実績：画像認識技術を活用した駐車場混雑状況把握（実証実験）、音声認識を活用したヘルプデスク支援システム、Pepperを遠隔操作するアプリの開発、大規模基幹系システムの開発・導入マネジメント地方在住。仕事のほとんどをリモートオフィスで行う。通勤で消耗する代わりに趣味のDIYや家庭菜園、家族との時間を楽しんでいる。   大石ゆかり なるほど！！結構色々なサイトがWordPressを使って作られているんですね！！！ 田島悠介 そうだね。1からコーディングしなくても簡単にデザインを作ったり記事を更新したりできるから、様々な場面で活用されているよ! 大石ゆかり 私も今度使ってみます！！ 田島悠介 うん、何かサイトを作ったら見せてね♪ 大石ゆかり はい！！頑張ります！！！   TechAcademyでは、WordPressを使ってカスタマイズしたオリジナルサイトを構築できるWordPressコースを開催しています。 期間中は現役エンジニアのメンターが毎日学習をサポートするので、独学よりも効率的に学ぶことができます。 オンラインの説明動画や無料体験も実施中です！まずはこちらからお気軽に試してみてくださいね。 人事・研修担当の方は、WordPress研修も提供しているので、合わせてご覧ください。
WordPress

中学生でプログラミングを学ぶメリットとは 〜おすすめの言語・教材・教室を紹介〜

ここでは、中学生のプログラミング必修化について解説します。 プログラミング必修化のメリットなどについて触れたうえで、今後の社会の変化を把握しておきましょう。 目次 中学生でプログラミングが必修化 中学生からプログラミングを学ぶメリット 中学生が学ぶべきプログラミング言語 3選 中学生がプログラミングを学ぶ方法 ①書籍で独学 中学生がプログラミングを学ぶ方法 ②オンライン教材で独学 中学生がプログラミングを学ぶ方法 ③プログラミングスクールで学ぶ 中学生がプログラミングを学ぶ時のポイント／注意点 まとめ 中学校でプログラミングが必修化 2021年度から中学校でもプログラミング教育が必修化されます。 中学校では、技術・家庭科（技術分野）においてプログラミング、情報セキュリティに関する内容を充実させ、次のような内容について学びます。 計測・制御のプログラミング ネットワークを利用した双方向性のあるコンテンツのプログラミング ※双方向性とは何かしらの働きかけ(入力)によって、応答(出力)する機能のこと 中学校におけるプログラミング教育の目的 中学校におけるプログラミング教育の目的は「社会におけるコンピュータの役割や影響を理解するとともに、簡単なプログラムを作成できるようにすること」です。 さらには、来たる第四次産業革命や更なるグローバル化に対応する人材を育てるためでもあります。 日本ではすでにエンジニアが不足していますが、さらに深刻化することが予想されており、経済産業省の発表では2016年時点で約17万人、2030年には最大約79万人ものエンジニアが不足するとされています。 そのような背景もあり、IT人材を育成するためには小学生や中学生といった早い段階でのプログラミングスキルの向上が必要不可欠なんです。 中学校プログラミング教育のポイント「全面実施」とは 新学習指導要領によると、中学校でのプログラミング教育は2021年度から「全面実施」となっています。 全面実施とは、2021年度に中2、中3の子ども達は中学校を卒業するまでに、新しい学習指導要領ですべてを学んでおかなければならないということです。つまり、本来なら3年かけて学ぶ内容を1、2年で学ぶことになりかねないので、事前の準備が重要となります。 [PR] Webサイト制作で副業する方法とは中学生からプログラミングを学ぶメリット 中学校でプログラミング教育が必修化する際に「中学生がプログラミングを学ぶ具体的なメリットって何？」という声が少なからず聞かれます。 言うまでもなく、プログラミングを若いうちから学ぶことにはたくさんのメリットがあります。 思考面においては、プログラミング学習で身に付くプログラミング的思考（論理的思考）によって、IT分野だけでなく日常生活でとても役に立ちます。 さらに、中学生という早い段階でプログラミングを学ぶことで将来性がグッと広がり、人生の中で多くの選択肢を獲得するきっかけになるんです。 それでは中学生がプログラミングを学ぶ6つのメリットを詳しくみていきましょう！ 1．論理的思考力が身に付く 論理的思考力とは、自分が意図する活動を実現するためにはどうすべきか順序立てて考える力のことです。 問題や課題を解決するときには論理的思考力がとても役に立ちます！ そんな大人になる過程でも、社会人になっても必要となる論理的思考力は、プログラミングを学ぶことで身につけることができます。 というのも、プログラミングはコンピューターに任意の動きをさせるために細かな指示をする必要があります。さらに、正しい指示でなければ思った動きをしてくれないため、プログラミングではよくエラーが起こります。 そのためプログラミングを学習していると、問題解決のための論理的思考力も自然と身に付いてくるのです。 2．想像力が身に付く プログラミングは、自分が作りたいものを完成させるために頭の中で何度もイメージを繰り返す必要があります。そうやって脳内でイメージを繰り返していくうちに想像力が身に付きます。想像力が身に付くと、 視野が広くなる 思ったものを形にできる 見えない部分を理解することができる といった更なるメリットを得ることができます。 これらは子ども達が将来を生き抜く上で役立つ力になることでしょう。 3．身近なものの仕組みがわかる プログラミングを学習することで身近なものの仕組みが分かるようになってきます。現代の日本ではプログラミングによって作られたものやサービスが身近にあふれています。具体的には、 ゲームソフト スマホアプリ WEBサイト など。これらはすべてプログラミングによって作られています。 身近なものの仕組みが分かることで、今までとはものの見方が変わり、異なる視点から物事を考えられるようになります。さらには、知的好奇心が刺激されこれまで以上にIT分野に興味を持つきっかけにもなるのです。 4．将来、仕事に困らない 前章でもお伝えしたように、日本では今後IT企業が増加することに付随して更なるIT人材不足が予想されています。 そのため、プログラミングができるだけで数多くの企業から就職先を選ぶことができるようになり、仕事に困ることはないと言えます。 また20代前半のITエンジニアの平均年収は約340万円と、同年代の平均年収である約248万円を大きく上回っていることからも、プログラミングの将来性が高いことがうかがえます。 5．働く場所を自由に選べる プログラミングはパソコンと通信環境さえ揃えば作業をすることができるため、在宅で仕事をすることも容易です。 つまり地方に住んで自然豊かな環境にいながら仕事をすることもできますし、さらにはプログラミングで使用する言語は全世界で共通なので、プログラミングスキルさえあれば海外を拠点に働くこともできます。 また日本はIT先進国とは言えないため、若い内からプログラミングを学んでいるうちに「北欧などのIT先進国で最先端の開発をしてみたい」という選択肢もでてきます。 これは余談ですが、IT留学などで最先端の現場を経験したことがある人は、海外で働くことを強く意識する傾向にあります。 6．働き方の幅が広がる プログラミングはパソコン1台と通信環境さえあればどこでもできるため、起業にも最適なジャンルといえます。また、ITは今後さらに生活に密着していくことになるため、ビジネスチャンスが多いことも起業におすすめの理由です。 それだけでなく、自分で会社を立ち上げなくてもクラウドソーシング（企業や個人からの業務委託）などを活用することで、フリーランスとして働くこともできます。 このように、会社員以外にもたくさんの選択肢が広がるのはプログラミングを学んでいる人の強みとなるでしょう。 中学生が学ぶべきプログラミング言語 3選 この章では、中学生が学ぶべきおすすめの言語をご紹介していきます。中学生が学ぶべき言語の特徴としては、「成果が見えやすく、学習が続けやすいもの」です。 というのも若いうちは成功体験が少ないため、プログラミングで成果が視覚化できるとよりやる気が出て更なるレベルアップが期待できるため。 そのため「フロントエンド」という、 現在表示されているWEBページのデザイン ボタンにカーソルを合わせた時の色の変化 などといったユーザーの目に映る部分の開発ができる言語がおすすめです。具体的なおすすめの言語は以下の通り。 1）HTML/CSS HTMLやCSSは、WEBページを構成するプログラミング言語。 HTMLはそもそもWEBページを作成するために開発された言語で、現在インターネット上で公開されているほとんどのページがこのHTMLで作られているんです。 CSSはWEBページのデザインやスタイルの部分を指定することができる言語で、HTMLと組み合わせることで、WEBページ色やサイズなどを自分の思い通りに作成することができます。 以上のような特徴があるので、自分でホームページやWEBサイトを一から作りたい方にとくにおすすめですよ。 2）JavaScript JavaScriptは現代社会のありとあらゆる場所に使われているプログラミング言語。 身近な例を挙げると、 動くWEBページやアニメーション スマホアプリ カウントダウンなどの非同期通信（ページを再読み込みせずにリアルタイム更新） といったことに使われているんです。 このようにJavaScriptは幅広い使われ方をしているので、WEBサイトやWEBアプリ全般を学びたい方にぴったりの言語ですよ。 3）PHP PHPはWEBサイトの開設やアプリの開発などに使用されていプログラミング言語。 アクセスした日時や人によって表示内容が変わる、いわゆる動的なWEBアプリを作ることが最適で、 オンラインショップ 広告の配信システム SNS（FacebookもPHPで作られている） といったさまざまな用途で使われています。 また環境設定が比較的簡単で、基本的な文法さえ覚えてしまえばある程度使えるようになるため、初心者の方でも勉強しやすい言語ですよ。 中学生がプログラミングを学ぶ方法① 書籍で独学 書籍は昔からよく使われているプログラミングの学習方法で、著者が明示されていることから信頼できる情報が手に入りやすいことが特徴ですよ。 ◇プログラミングを書籍で独学するメリット/デメリット 書籍【メリット】 自分に合う教材を見つけやすい 気軽にはじめられる価格帯 体系的に学ぶことができる 書籍で学ぶメリットはこの3つ。 プログラミングの書籍は種類が多く、一つの言語に特化した書籍がほとんどのため、自分に合う教材が見つけやく、1,000〜2,000円程度と、他の学習法に比べて安価にはじめられるのも嬉しいポイント◎ 書籍では学習内容がページごとにわかりやすくまとめられており、効率よくプログラミングを学ぶことができます。 書籍【デメリット】 つまずくとなかなか前に進めない 情報が多すぎて必要なものがわかりにくい 書籍で学ぶデメリットはこの2つ。 書籍でプログラミングを独学する場合、一度つまずくと解決方法を見出すことが難しく、なかなか学習が進まないことがあります。これで挫折してしまうこともしばしば。 また、書籍は情報量が多すぎて必要以上のレベルであったり、必要のない情報まで記載されていたりします。そのため初心者だと必要な情報を見分けるのが難しく混乱してしまうことがあります。 ◇書籍選びのポイント 自分の目で見て中身を確かめる いきなり専門書レベルのものを買わない 書籍を選ぶ際のポイントはこの2つです。 まずは本屋などで立ち読みしてみて、自分が理解しやすい内容かどうかをチェックすることが大切です。 プログラミングが上達したいからと言ってはじめから専門書レベルの書籍を買ってしまうと学習の序盤でつまずいてしまい、継続して勉強することが困難になってしまうので、まずは初心者用の書籍がおすすめです。 ◇中学生におすすめのプログラミング書籍 9選 レベル別におすすめのプログラミング書籍は以下の通り。 プログラミング初心者におすすめの書籍① 「スラスラ読める JavaScript ふりがなプログラミング」 https://www.amazon.co.jp/ こちらの書籍はプログラムの読み方がすべて載っており、初心者の方がよく感じる「このプログラムは何を意味しているんだろう？」という疑問を解決してくれる書籍なんです。 プログラミング初心者におすすめの書籍② 「PHPの絵本 第2版 Webアプリ作りが楽しくなる新しい9つの扉」 https://www.amazon.co.jp/ こちらは本のタイトルにもあるようにイラストを多く使用している書籍で、初心者が難しく感じるプログラミングのハードルを低くしてくれますよ。 プログラミング初心者におすすめの書籍③ 「スラスラわかるHTML&CSSのきほん」 https://www.amazon.co.jp/ こちらは2013年に発売以来、初心者を中心に人気を保っており累計4万部を突破した書籍なんです。初心者用でありながら内容は実践的なものまで含まれているので、長く使えるのも嬉しいポイント。 プログラミング中級者におすすめの書籍① 「PHPライブラリ＆サンプル 実践活用[厳選100]」 https://www.amazon.co.jp/ こちらの書籍は、実際の開発現場で応用することができるPHPのサンプルコードなどが紹介されていることが特徴で、基礎的な知識を持った方が一歩踏み込んだ勉強をしたいときにおすすめの書籍です。 プログラミング中級者におすすめの書籍② 「JavaScript本格入門」 https://www.amazon.co.jp/ こちらは累計3万部を超えたベストセラー書籍で、基本的な情報から進化を続けるJavaScriptの新記法までを紹介しているので、本格的にJavaScriptを学ぼうと思っている方におすすめです。 プログラミング中級者におすすめの書籍③ 「HTML5&CSS3デザインブック」 https://www.amazon.co.jp/ こちらの書籍はWEBサイトを一から作る方法が紹介されており、HTMLとCSSの基本的な情報はもちろん、実践的な使い方が紹介されていることが特徴です。 プログラミング上級者におすすめの書籍① 「CSSシークレット ―47のテクニックでCSSを自在に操る」 https://www.amazon.co.jp こちらの書籍は47個の項目別にエンジニアが直面する問題を解決するためのテクニックが紹介されている書籍。CSSでできることをもっと広げてくれる有用な書籍ですよ。 プログラミング上級者におすすめの書籍② 「JavaScript関数型プログラミング 複雑性を抑える発想と実践法を学ぶ」 https://www.amazon.co.jp/ こちらはJavaScriptを使ってより上位のエンジニアを目指すために必要な実践テクニックが数多く紹介されています。関数型プログラミングのメリットを知るためにもおすすめの書籍です。 プログラミング上級者におすすめの書籍③ 「PHP逆引きレシピ」 https://www.amazon.co.jp/ こちらの書籍は全896ページにわたる大容量の情報がまとめてあり、エラーを解決するためにはこの1冊があれば十分といえるほど。中級者から上級者にレベルアップしたい方には必須級の書籍ですよ。 中学生がプログラミングを学ぶ方法② オンライン教材で独学 オンライン教材は家にいながら1人で学べることから近年注目されている学習方法で、徐々に教材の種類も増えてきていることが特徴です。 ◇オンライン教材で独学するメリット/デメリット オンライン教材【メリット】 動画で分かりやすい 学びたい技術をピンポイントで探せる プログラミングをオンライン教材で学ぶメリットはこの2つ。 講師が動画で授業を展開してくれるため、視覚と聴覚を使って学習ができることから理解しやすく、学習したことが身に付きやすい特徴があります。 また、プログラミングのオンライン教材はジャンルやカテゴリごとに細かく分かれているため、自分が必要としている技術や授業をピンポイントで探すことができるので、効率よく学習することができますよ。　 オンライン教材【デメリット】 体系的に学ぶのには不向き 検索力が問われる モチベーションの維持が難しい オンライン教材で学ぶデメリットはこの2つ。 オンライン教材はジャンルが細かく分かれているがために、分散的な学習プラットフォームといえます。そのため体系的に学ぶことには不向きです。また、学習していく中でわからないことは自分で検索して解決する必要があるので、検索力がないとつまずいてしまうこともしばしば。 オンライン教材での学習は誰かに管理されるわけではないので、学びたい意欲が強くないと続かない、モチベーションの維持が難しいのもデメリットと言えます。 ◇オンライン教材を選ぶポイント 1つのプラットフォームで豊富な情報量があるか 無料または格安でお試しができるか オンライン教材を選ぶ際のポイントはこの2つです。 オンライン教材は1つで完結することが望ましいので、1つのプラットフォームで自分が学びたいことすべてが網羅されていることが最低ライン。そのため、事前にどれほどの情報量（コースなどの種類）があるかをチェックすることが重要ですよ。 学習を効率よく進めるためには、無料または格安のプログラミング教材をお試しをしてから、自分に合うものを見つけることが大事です。そのためお試しができない高額の教材は避けましょう。 ◇中学生におすすめのオンライン教材 3選 中学生向け、レベル別におすすめのオンライン教材は以下の通り。 プログラミング初心者におすすめのオンライン教材 「Progate（プロゲート）」 https://prog-8.com/ Progateは、”初心者から、創れる人を生み出す”をコンセプトに、初心者でも挫折せずにプログラミングを学べる環境が整っていることが特徴。 またアプリ版もリリースされているので、スキマ時間ややる気が出ないときでも時間を上手に活用することができますよ。 プログラミング中級者におすすめのオンライン教材 「CODEPREP（コードプレップ）」 https://codeprep.jp/ CODEPREPは、プログラムを書いて動かしながら学ぶ実践型のオンライン教材。 毎日コツコツとプログラムを書く習慣をつけることができるので、本格的にエンジニアを目指す前段階としておすすめの教材といえます。 プログラミング上級者におすすめのオンライン教材 「Udemy（ユーデミー）」 https://www.udemy.com/ja/ Udemyは世界最大級のコースラインナップが特徴で、上級者の方でも満足できる充実の学習内容がそろっています。 こちらはすべてが動画教材のため、ある程度プログラミングを理解していないと教材の良さを活かしきれない点は注意が必要ですよ。 中学生がプログラミングを学ぶ方法③ プログラミングスクールで学ぶ プログラミングスクールは自分の学びたいコースを選び、教室に通うもしくはオンラインでカリキュラムを進めていくベーシックな学習スタイルで、継続しやすいことが特徴。 ◇プログラミングスクールで学ぶメリット/デメリット プログラミングスクール【メリット】 わからないところをすぐに聞ける 学習のモチベーションを維持しやすい プログラミングスクールで学ぶメリットはこの2つ。 プログラミングスクールの場合は、教室への通いでもオンラインでも分からないところをすぐに質問できて、学習に行き詰まることが少ないことがメリットです。 さらに課題の提出があったり、制作物を他の受講生や先生と共有してフィードバックをし合えたり、モチベーションを保ちやすく学習環境としては最高です。 プログラミングスクール【デメリット】 費用が高い 教室に通う場合は通える場所に限りがある プログラミングスクールで学ぶデメリットはこの2つ。 プログラミングスクールは他の学習方法と比べて費用が高いため、気軽にはじめることができないのがデメリットと言えます。 さらに教室へ通学型のプログラミングスクールは大都市を中心に開校されていることがほとんどのため、地方に在住の方はスクールに通えなかったり、納得いくスクールが見つからない場合があります。（オンラインスクールが増えているため、選択肢が多くなっています） ◇プログラミングスクールを選ぶポイント 受講生の感想を参考にする 運営会社の健全性をみる 無料お試しができるか確認する プログラミングスクールを選ぶ際のポイントはこの3つです。 本当に良いプログラミングスクールかどうかを見極めるには、受講生の感想を参考にすることが一番です。SNSなどのリアルな声をチェックしてみるのもいいでしょう。 子どもが安心してプログラミングを学習するためには運営会社が健全であることは絶対条件ですよね。そのため住所や代表者名が明記されているか、悪い評判はないか、などを事前に把握しておくのも大切です。 プログラミングスクールは一度きりではなく、何度がに分けて通うまたは学習するので、失敗のないように無料体験などお試しができるかどうかを確認しましょう。また無料体験では「スクールの雰囲気」や「授業の進め方」、「教室内の環境」などをチェックするといいですよ。 ◇中学生におすすめのプログラミングスクール 3選 中学生におすすめのプログラミングスクールを3つ紹介します。 テックアカデミージュニア https://junior.techacademy.jp/ テックアカデミージュニアは、全国に教室を展開する小中高校生を対象としたプログラミング教室です。動画をメインとした教材のため、導入教室が近くになくてもオンラインで学習することができます。 一人ひとりに合わせたペースで学習できることでき、自発的に課題を発見して問題解決へと導いてくれることが最大の特徴です。 また、 プログラミング学習体験 体験授業 無料カウンセリング など、自宅からオンラインで無料体験することができます！ 気になった方はこれらを有効に活用してみてくださいね。 ライフイズテック https://life-is-tech.com/ ライフイズテックは、2010年にスタートした中学生・高校生向けIT・プログラミング教育サービスです。 ライフイズテックは豊富な学習スタイルを展開していることが特徴で、 キャンプ（夏休みなどの時間を利用した短期集中型コース） スクール（教室に通うベーシックなスタイル） グローバルキャンプ（海外の名門大学で学べる珍しいコース） など全6種類の学習方法があります。 オンライン校があるため、教室が近くになくても自宅から学習可能です。 CoderDojo Japan https://coderdojo.jp/ CoderDojoは、2011年アイルランドで始まった7〜17歳の子どもを対象にしたプログラミング道場で、日本には約220もの道場があります。 プログラミングの基礎的な知識がついてきたら「腕試し」としてキャンプやコンテストに挑戦できるので、スポーツと同じように大会に向けてプログラミング学習を頑張るモチベーションになりますよ。 教室の開催回数や参加者が増えてきているので、気になる方は今のうちに参加してみることをおすすめします。 5. 中学生がプログラミングを学ぶ時のポイント／注意点 「自分の子どもにプログラミングを学習させたいけれど、そもそも自分がプログラミングを学習していないからどうやってアプローチすればいいのかわからない…」などとお困りではありませんか？ 実は中学生がプログラミングを学ぶときに注意したいポイントが2つあります。ポイントを抑えることでプログラミングの上達にもつながるので、ぜひ参考にしてみてくださいね。 それでは順番に解説していきます。 1．自分でできることからやってみる（いきなりお金を掛けすぎない） 1つ目のポイントは、「まずは自分でできることやる」こと。 というのも、まだ迷っている中学生にいきなり完璧に整った環境を与えても、そもそもプログラミングへの熱量が少ないとお金の無駄になってしまう可能性があります。 まずは自分でできる小さなことからはじめることで成功体験が積み重なり、プログラミングのやる気へとつながっていきます。 そのため、無料の教材やオンラインでできる簡単なものからはじめてみることをおすすめします。 2．無理強いはしない（本人の志向に任せる） 2つ目のポイントは、「無理強いはしない」こと。 中学生は徐々に精神が自立しはじめる年頃なので、無理にプログラミングをやらせようとしても逆効果になることがほとんどです。 そのため本人の意向を尊重して、 本人のやる気に任せる 言語の指定をしない といった対応をすることが必要ですよ。 本人がプログラミングをやる気になったときには、全力でサポートしてあげるといいでしょう。 6. 中学生のプログラミング学習〈まとめ〉 今回は中学生のプログラミング学習について紹介・解説してきましたが、いかがでしたか？ 最後にもう一度、中学生からプログラミングを学ぶメリットと中学生におすすめのプログラム言語をまとめておきます。 ◇中学生からプログラミングを学ぶメリット 論理的思考力が身に付く 想像力が身に付く 身近なものの仕組みがわかる 将来、仕事に困らない 働く場所を自由に選べる 働き方の幅が広がる ◇中学生が学ぶべきプログラム言語 HTML/CSS JavaScript PHP 中学生でプログラミングを学習する際はぜひ参考にしてみてくださいね。 この記事が子どもの成長や可能性を広げるきっかけになれば幸いです。   ▶︎TechAcademyジュニアについて詳しく知りたい 【お知らせ】TechAcademyジュニアでは、高校生向けに実践的プログラミングサービスを提供しています。独自で開発した学習システムは、基礎から実践までステップアップ式のカリキュラムとなっており、生徒が1つの画面で迷うことなく学習を進めることが可能です。 現在、自宅にいながらプログラミングの楽しさについて知ることができるプログラミング学習体験を実施しています。プロから学べる機会ですので、ぜひ体験してみてください。
子ども向けプログラミング

3つの事例から学ぶ！適切なパンくずリストの使い方

本稿は、Webdesigner Depotのブログ記事を了解を得て日本語翻訳し掲載した記事になります。 本記事は、コピーライターのMarc Schenker氏によって投稿されました。   「パンくず」と聞くとグリム童話の『ヘンゼルとグレーテル』を連想する人が多いかもしれません。 物語の中で、ヘンゼルはパンくずを家に帰るときの道しるべとして道に置いていきました。   Webの世界でも同じように、サイト訪問者のためにより良いUXを創造するときに、パンくずリストがナビゲーションとして役立つようになっています。 ユーザーがWebサイト内で現在どの位置にいるかを確認したいときに、パンくずリストは頼もしい存在です。パンくずリストは、ユーザーのアクセスしたページを追跡して表示することができます。アクセスした順にページを表示する場合もあれば、別の配置方法でページを表示する場合もあります。   この記事では、適切なパンくずリストの使い方を紹介しています。   パンくずナビゲーションの主な3タイプ パンくずリストには主に3つのタイプがあり、そのうち最初の2タイプは、最後のタイプよりもよく使われているでしょう。   位置型パンくずリスト 位置型パンくずリストは、サイトの階層構造において現在どの場所にいるかをユーザーに示します。サイト内でユーザーをわかりやすく導くことができるため、広く利用されているパンくずリストです。 位置型パンくずリストは、コンテンツが複数のレベルから構成され、ナビゲーションが複数のレイヤーから構成されているサイトで特によく利用されています。 ユーザーは、現在より前の、より上位のレベルの階層にあるコンテンツに、1クリックで戻ることができます。位置型パンくずリストは静的であるため、ユーザーがサイト内での現在位置を確認するのに役立ちます。 基本的な使い方の例として、1-800 Flowersのサイトを見てみましょう。 ユーザーは「私の誕生日（It’s My Birthday）」というフラワーアレンジメントのページにアクセスすると、このサイトが、トップページ（Home）、誕生日（Birthday）の順にページを辿って、「私の誕生日」のページに辿り着くことができる構造になっていると一目でわかります。 ユーザーはこれらの上位の階層にあるページにアクセスすることもできます。   属性型パンくずリスト 属性型パンくずリストは、位置型パンくずリストとは異なり、静的ではなく、ユーザーの操作によって絶えず変化し、検索フィルタのように機能します。 サイト内での現在位置を示すことはない代わりに、ページのコンテンツのメタデータを表示します。 そのため、属性型パンくずリストはユーザーが「何を買いたいか」をフィルタでカスタマイズして検索できるような、ECサイトによく使用されています。例えば、車の販売サイトなどです。 属性型パンくずリストは、すでにアクセスしたページに戻るために役立つとは限りません。   具体的な例として、Cars.comで使われているパンくずリストを見てみましょう。ユーザーが車の「メーカー」、「モデル」の検索条件からオプションを選択して検索すると、ページ左上にあるサイトのロゴのすぐ下に、パンくずリストが現れます。 検索条件の「製造年」、「メーカー」、「モデル」からユーザーが選択したオプションが表示されますが、前のページに戻ることはできません。 このように、属性型パンくずリストは、前にアクセスしたページに戻ることができる位置型パンくずリストとは異なっているという点が重要です。   パス型パンくずリスト パス型パンくずリストは、パンくずリストの主な3つのタイプの中で最も人気のないものです。その理由は、率直に言うと、このパンくずリストはブラウザの「戻る」ボタンを再表示したものに過ぎないからです。 UXを改善する効果はなく、むしろ余分な繰り返しなのです。 履歴型のパンくずリストとも呼ばれているパス型パンくずリストは、サイトの階層構造の深いレベルにあるページにアクセスしたユーザーに対して、追加的なコンテキストや情報を与えることはできないため、役に立つとはいえません。   例として、ユーザーがすでにクリックした検索結果から商品ページにアクセスする場合などがあります。 パス型パンくずリストにはこのようなUX上の問題があるため、現在ではサイトに使われることもますます稀になっています。   パンくずリストごとに使用が適したサイトとは パンくずリストの3つのタイプは各々どのようなサイトに使用するのが適しているのでしょうか？ まず最初に、パス型パンくずリストについては考える必要はないでしょう。少なくともUXを向上する効果はなく、最悪の場合にはユーザーが混乱する原因となる可能性さえあります。 というのもサイトの階層構造そのものを正確に表示するものではないからです。ここでは、他の2つについて考えます。   位置型パンくずリスト 位置型パンくずリストは、複数のレベルのコンテンツから成る、深い階層構造の大型サイトに適しています。大型サイトの例として、数多くのアイテムが販売・オークションのために出品されているeBayが挙げられます。 したがって、ユーザーにとって、サイトの階層構造がわかりやすくページを行き来するのに役立つため、位置型パンくずリストは、コンテンツの階層構造が深いサイトに最適です。   属性型パンくずリスト 次に、属性型パンくずリストに注目しましょう。 すでにCars.comのサイトの例で見たように、ユーザーに検索条件について数多くのカスタマイズ可能なオプションを提供しているeコマースのサイトには、属性型パンくずリストのようなナビゲーションが適しています。 ユーザーは、検索や注文のときに加えた数多くの変更を確認したいと思うことが多いため、位置型パンくずリストを使用するよりも、属性型パンくずリストによってフィルタを表示する方が効果的です。   [PR] Webサイト制作で副業する方法とはパンくずリストのベストプラクティス あなたがクライアントのサイトでパンくずリストのナビゲーションを設計するときには、これらの手法を実践すれば、間違いなく上手くいくでしょう。 パンくずリストの構造の中に、重複する要素がないかどうか確認します。ユーザーを混乱させる元となるため、1つのページが複数のカテゴリまたはコンテンツの複数のレベルに重複して分類されることのないように注意します。 パンくずリストの各リンク部分を区分するときには、記号(>) を使います。なぜなら、このスタイルが数年来の伝統であり、多くのユーザーが慣れていて使いやすいものだからです。 パンくずリストの中の各カテゴリには、検索順位に反映したいと思うキーワードを設定します。SEO対策として有効です。   パンくずリストは、正しく実装することが重要です デザインやUXの多くのコンセプトと同様に、正しく実装されていなければ、本来ユーザにとって非常に役立つ素晴らしい技法もかえって障害となります。 UXに何の効果ももたらさない、あるいはUXに悪影響を与えるようなパンくずリストではなくて、UXを最適化できるパンくずリストを設計するために正しい知識を身につけることが、このガイド記事の目的です。   パンくずリストは、様々なサイトで絶対的に必要となるわけではありません。 しかし、サイトのコンテンツが数多くのレイヤーから構成されている場合や、検索条件に数多くのオプションを設置した方が良いような場合には、パンくずリストを使用すれば、ユーザーにとって役立つナビゲーションを加えることが可能です。   パンくずリストのタイプ別の目的を理解することで、設計するサイトに合ったパンくずリストを実装できます。適切なパンくずリストを選択できれば、ユーザーの満足度を向上させ、集客の効果も高まるでしょう。 次にパンくずリストを実装するときには、これらのことを考えてみてください。   TechAcademyでは初心者でもエンジニアになれるオンラインブートキャンプを開催しています。これからプログラミングやデザインの勉強をしてみたいと思っている方は、ぜひご覧ください。 過去に独学で始めてみたけど挫折してしまった人でも、現役のエンジニアやデザイナーの元でサポートを受けながら進めることができます。その場ですぐ聞けるので、つまずくことなく習得できるはずです。
プログラミング

【現役エンジニアが書籍レビュー】WebデザイナーのためのWordPressテーマストアの作り方: なぜ海外のWebデザイナーはテーマを作り続けるのか？

この記事では、「Webデザイナーのための WordPressテーマストアの作り方: なぜ海外のWebデザイナーはテーマを作り続けるのか？」の書籍を現役エンジニアがレビューしています。 書籍の全体的な概要を説明し、どんな人におすすめの書籍なのか、評価はどれくらいなのかまとめているので、これから購入しようと考えている方はぜひ参考にしてみてください。   田島悠介 今回紹介するのは「Webデザイナーのための WordPressテーマストアの作り方: なぜ海外のWebデザイナーはテーマを作り続けるのか？」だよ。 大石ゆかり WordPressのテーマの作り方の本ということでしょうか？ 田島悠介 作成よりもテーマの販売の手法といった部分が中心となるね。レビューを見ていこうか。 大石ゆかり 了解です！ 書籍名 Webデザイナーのための WordPressテーマストアの作り方: なぜ海外のWebデザイナーはテーマを作り続けるのか？   今回のレビュワー レビューしてくれる現役エンジニア 赤司達彦（あかしたつひこ） 開発実績: 10年前からHTMLやCSSを利用しホームページやブログの作成を開始しプログラマへ。iPhoneアプリエンジニアとして業務に携わる経験も持ちながら、フリーランスでWordPressを利用したWebサイトやブログを構築。WordPressをこれから始める方に向けた書籍も刊行。   [PR] Webサイト制作で副業する方法とは書籍の概要 書籍を購入した目的 WordPressのテーマストアでテーマを販売したいと考えた際に購入しました。 学べる技術、スキル WordPressテーマをテーマストアで販売する具体的な戦略 本の内容 WordPressの自作テーマを販売する方法や戦略の考え方を学ぶことができる   書籍のレビュー 総合評価 ★★★★☆ 4.0点 どんな人にオススメか タイトルの通り既にWordPressテーマを自作できるスキルを持っていて、自作のテーマを販売して収益を上げたいと考えているWebデザイナーの方におすすめです。 書籍の良かった点 自作のテーマを販売する手順や戦略について総合的に理解することができる。 書籍の悪かった点 具体的なテーマの作成方法については説明がありませんので、テーマの作成方法をお知りになりたい場合は、テックアカデミーのWordPressコースの受講をおすすめします。 また、テーマをどのような媒体を通じて販売するかへの言及がない点も少し物足りなく感じます。   全体的な感想 「なぜ日本人デザイナーの作成したテーマは少ないのか」「自作テーマをテーマストアで販売する理由」といったテーマ販売以前に私たちが知りたいと感じる内容から始まり、「どういうテーマをいくらで販売して、月にどれくらいの収益があるのか」といったテーマ販売のケーススタディー、「どういうコンセプトのテーマを作成すれば売れやすいのか」「価格設定はどう考えるべきか」といった具体的なテーマ販売の戦略について一冊にまとまっています。 これから自作のWordPressテーマの販売を始めようとお考えの方にはわかりやすい一冊になっています。   田島悠介 自作テーマをストアで販売する際の、マーケティングの視点での解説になるよ。 大石ゆかり そういえばWordPress公式で配布されているのって、海外製のものがとても多い印象ですね。 田島悠介 そうだね。テーマを自分で作れるようになったら、こういった公開の方法についても学んでみよう。 大石ゆかり 分かりました。ありがとうございます！ 他にもいちばんやさしいWordPressの教本第3版 人気講師が教える本格Webサイトの作り方の書籍レビュー記事も合わせてご覧ください。 また、オンラインのプログラミングスクールTechAcademyでは、WordPressを使ってカスタマイズしたオリジナルサイトを構築できるWordPressオンラインブートキャンプを開催しています。 現役エンジニアがパーソナルメンターとして受講生に1人ずつつき、マンツーマンのメンタリングで学習をサポートし、最短4週間で習得することが可能です。 独学に限界を感じている場合はご検討ください。
WordPress

「飲食店・美容院・病院」に特化したWordPressのテーマとは[PR]

飲食店や美容院、エステサロン、病院などのWebサイトを作ろうと考えている方向けにWordPressのおすすめテーマ（テンプレート）を紹介しています。 ホットペッパーや食べログなどのポータルサイトに掲載するだけでなく、自社サイトを持つことは非常に重要です。自社サイトを持つことで、公式サイトとしての信用を獲得、お客さんに繰り返し見てもらう仕組みを作ることにつながります。 さらには、独自でドメインやサーバーを管理することで、集客に役立つメルマガや割引クーポンなども送ることができるようになります。 今回紹介するのは、それぞれの分野に特化したWordPressテーマです。初めてWebサイトを作る人にも、もちろんWordPressビギナーにもおすすめ。活用することで少ない手間で本格的なサイトを作ることができるでしょう。   WordPressとは WordPressは、世界中で利用されている無料のCMSプラットフォームです。 ブログや会社のホームページなどコンテンツを更新するWebサイトを作るのに向いているサービスです。難しい技術を使わなくても手軽におしゃれなサイトを作れるのが特徴ですが、おしゃれなサイトにするためには良いテーマを選ぶ必要があります。 WordPressのテーマには、無料と有料のものがありますが、本格的にサイトを運用するのであれば有料のテーマが良いでしょう。 有料テーマを使うべき理由についても紹介しているので、合わせて読んでみてください。   今回は、飲食店や美容院など店舗を持っている方向けに使い勝手の良いTCDのWordPressテーマを紹介していきます。機能面やSEOはかなり充実しているので、初めてサイトを作る方でもかなりクオリティの高いサイトになるはずです。   飲食店向けのテーマ KADAN あらゆる「和」の情報発信を底上げする。訴求に必要な要素が全部入ったテーマ トップページは、動画やスライドショーなどで洗練された画を見せることができます。トップページに載せる情報も自由に選んで並び替えることができる形になっています。 デザインも「縦書き」という今まであまり見なかった、和のイメージを伝えることができます。（もちろん横書きに編集することもできます。） 飲食店や旅館では、コース料理や宿泊プランなど時期によって都度変わるものもあるでしょう。KADANでは、プランやお知らせなど更新が必要なコンテンツも簡単に投稿できる設計になっています。 「見出し」「文章」「画像」「Googleマップ」「表」などページ内に必要なコンテンツもすぐに追加することができ、色やサイズといったデザイン面も簡単にカスタマイズできるようになっています。   また、あまり更新頻度が高くないお店の内観・外観や客室のページは、固定ページのテンプレートを使って作成することもできます。決められた入力項目に文章や写真を入れることで、スマホにも綺麗に対応したページを作ることができます。 ここまでクオリティの高いページもテンプレートに沿って内容を埋めていくだけで作成されます。 料理の写真や店舗の外観など自分たちが持っている素材を使ってサイト上でも良さを100%伝えられるテーマになるでしょう。 おすすめの業種 温泉旅館、和菓子店、酒造会社、神社、和食レストラン、呉服屋など WordPressテーマ「KADAN」 / DEMO   [PR] Webサイト制作で副業する方法とは美容院・サロン向けのテーマ BEAUTY 最新の「ヘアスタイル検索」など、安心と期待を膨らませるページ構成を手軽に。 スタイリストのページ、スタイルを紹介するページなど、集客する上でビジュアルが重要な事業者にとっては使い勝手の良いテーマだと思います。 スタイリストの出勤時間、その人が得意とするスタイルなども掲載することができます。   美容院で一番重要で一番更新が多いページは、スタイルの紹介でしょう。 スタイルの写真やスタイルの説明を登録すれば自動でレイアウトも調整され、スタイリストも選択するだけで表示が可能です。 更新が多いページである分、手間なく登録できる設計になっているのが特徴です。 パーマやカラーなどのメニューも簡単に登録を行うことができます。 新しいメニューを追加したり、すでにあるメニューを編集することも簡単に行えます。 美容院やサロンでは、スタイリストや施術メニューなど都度更新が必要なページがあると思います。 新しいスタイリストの紹介や新しいメニューの追加など簡単に設定が行えるので、集客の機会損失も防ぐことができるはずです。 おすすめの業種 理髪店、 ネイルサロン、まつ毛・眉毛サロン 、貸衣装、モデル事務所など WordPressテーマ「BEAUTY」 / DEMO   病院・クリニック向けのテーマ BIRTH 洗練された医療機関のWebサイトをいとも簡単に構築できるテーマ。 病院やクリニックなど医療機関のサイト作成におすすめのテーマとなっています。 トップページでは、画像や動画で目を引く構成になっていて、「医師紹介」「診療科目」「お知らせ」などのコンテンツはドラッグ&ドロップで並び替えができるので、手軽にサイトを組み立てることができます。 重要なお知らせを上部に表示するなど柔軟に変更することも可能です。 また、DEMOページを見れば分かるように画像や動画を前面に押し出しているので、第一印象のインパクトはかなり大きいでしょう。病院の施設内の案内も以下のようにスライドショーで紹介することもできます。 https://techacademy.jp/magazine/wp-content/uploads/2018/05/1bfc3ff954f7e345286a5477c83dc938.mp4   TCDのテーマを使えば、診察で忙しい院長でも手軽にかつ本格的なサイトを完成させることができるはずです。 難しいスキルも必要ないので、別の担当者に引き継ぐことも時間をかけずに済むでしょう。   このテーマの特徴でもあるのがFAQの設置です。 病院や医療施設であればサイト内に「よくある質問」を掲載しているところが多いですし、利用者も疑問に思う点が多いでしょう。 質問の項目をクリックするとプルダウンで回答が表示されるようになっていますが、あらかじめ質問と回答を入力しておけば自動でレイアウトを組んでくれます。 簡単にFAQを設置できるので、病院に問い合わせをしなくてもその場で解決することができるでしょう。   FAQの一部抜粋   また、各ページのフッターエリアは、診療予約や問い合わせといったアクションの誘導をすることができます。サイトへの集客だけでなく来院を増やすためにも電話番号や予約ページへのリンクを載せておくことが重要です。 おすすめの業種 歯科、整形外科、美容クリニック、鍼灸・マッサージ、国立・大学病院、介護施設など WordPressテーマ「BIRTH」 / DEMO   TCDテーマの特徴 SEOに強い 飲食店にせよ美容院にせよ「新規顧客の獲得」は必須でしょう。 そして新規顧客を獲得する上では、Googleなどで検索した際に上位表示されていることが理想です。検索した時に上位に表示されるためには、サイトの設計や載せるコンテンツを考えなければいけません。 ゼロからSEOについて学んだり、WordPressのプラグインの使い方を覚える時間が無いという方にとっては、使い勝手が良いテーマでしょう。 SEOにおいて必要なmeta titleやmeta descriptionの項目も元から用意されており、今や欠かせないモバイルにも対応しています。パンくずリストも階層ごとに表示されるので、Googleのクローラーもサイト構造を把握しやすいテーマになっています。   機能の充実さ TCDのテーマは、プラグインを使わなくても対応できる機能が多く備わっています。そして、どの機能も非常に使いやすくページの更新も簡単に行えるので、これまで出来ていなかったWebサイトへの集客にも効果を発揮するはずです。 技術面のスキルがなくサイトの運用もなかなか出来ていなかった人にとっては、かなり手軽に本格的なサイトを作ることができるでしょう。どの分野のビジネスでも合うテーマが用意されているのが特徴です。   どのTCDテーマにも共通して用意されているのが「TCDテーマオプション」です。 Webサイトを作る上で細かいかもしれませんが、重要な部分を担う画面になります。 ロゴやファビコンの設定、ソーシャルボタンの設定、SEOにおいて重要なパンくずの設定など様々な設定を一括で管理することができます。 それぞれプラグインやツールを導入して設置するのではなく、ここさえ見ておけば良いので、運用管理もしやすいでしょう。 TCDのWordPressテーマを利用していればどのテーマにも付いているとても便利な機能です。   サポートが手厚い   TCDでは「メールサポート」もあります。 初めてWordPressを使う人にとってはどの機能がどんな役割を果たすのか分からないことも多いでしょう。WordPressを触ったことがある人もカスタマイズについては課題にぶつかることもあるでしょう。 TCDではWordPressでサイトを作っていく中で分からない点をメールで問い合わせることができます。 実際にあった質問と回答の事例を紹介します。 質問 メニューページが簡単に作れるTCDページビルダーという説明があるのですが、どのようにしたらいいのかがわかりません。 スタイルギャラリーページはダッシュボードの左メニューにあるスタイルの個所を編集して作成方法は理解できました。 テーマの紹介ページにはメニュー名や料金、説明文をいれるページ作成機能があるように記載されていますが、 それがどこにあるのかがわかりません。 宜しくお願い致します。 回答 平素は当社サービスをご利用いただきありがとうございます。 株式会社デザインプラスの●●でございます。 お問い合わせいただいたページビルダー機能ですが、 投稿やカスタム投稿、固定ページ等の編集画面にございます エディタ画面右上にございますタブの 「ビジュアル」「テキスト」「ページビルダー」から 「ページビルダー」を選択いただくとご使用いただけます。 ページビルダー機能についての詳細は 下記をご参照ください。 design-plus1.com/tcd-w/2016/12/page-builder.html BeautyデモページのMenuページは 固定ページにページビルダー機能を用いて作成しています。 デモサイトの管理画面のキャプチャ画像を添付しますので ご参照いただければと思います。 今後ともどうぞよろしくお願い申し上げます。 自分の思い通りのサイトを作るために些細な問題でも質問でき、解決するまで回答が返ってきます。 また、購入前の質問も可能ですので、悩まれている方は問い合わせすることをおすすめします。 質問 TCDテーマの購入を検討しておりますが、他テーマと悩んでいます。 事業を始めるにあたってのサイト制作なので費用を掛けた制作会社への依頼も検討しているところです。 それぞれと比較してTCDテーマを採用するメリットを教えてください。 回答 ●●様 株式会社デザインプラス カスタマーサービスの●●と申します。 弊社サービスをご検討頂きまして誠にありがとうございます。 TCDテーマは●●様のような中小企業を営まれている方、 始めたばかりのサービスに対してのサイト構築に特にお勧めです。 分野・業種に特化した機能とデザインを完備したWordPressテーマであるTCDを採用いただくことで、 他の汎用性をウリにしたWordPressテーマと比較して簡単に、そして明確に差別化をすることが可能です。 コツは色々とカスタマイズなどを施そうとせず、テンプレートの設問に従って構築いただくことです。 それだけで効果を追求したサイトになるようにテーマ制作をしておりますので、 不慣れなサイト構築に時間を割くよりも●●様がやるべきことに力を集中していただくことのメリットが大きくなります。 事業を営んでいる方には差別化することの重要性について、ご理解いただけると思います。 TCDテーマ制作の裏側には、お客様の売上に対して効果を上げる為に考えつくしたデザインがあります。 独自で、またはパートナーとなる制作会社と白紙からオリジナルの構成を練り上げるということも、価値があることです。 しかし、その作業が時間と労力が想像以上必要なことであることも紛れもない事実です。 TCDテーマなら、その大変な工程を担うことが可能です。 まずはTCDテーマでサイトを構築していただき、驚くほど簡単に制作ができること、 実際のお客様のリアクションからデザインの力を体験していただけたらと思います。 制作にあたっての不明点はメールでのサポートが可能ですので、そちらも検討材料としていただけたらと思います。 また何かありましたらお気軽にお問合せください。 以上となりますが 今後ともよろしくお願いいたします。 また、TCDが運営しているTCD LABOでは、WordPressのテーマをカスタマイズする上で役に立つ情報をまとめています。 1つのWordPressテーマでも人によって求めている機能や期待するサイトの見た目は違うでしょう。TCDでは、カスタマイズする際のやり方を事例として紹介しているので、参考になるはずです。   今回紹介した飲食店や美容院などはサイトの更新作業も必要になるでしょう。 高いお金を払って外注するよりも安価で本格的なサイトが作れるテーマが揃っています。サイトを更新、運用するためにも使い勝手の良いWordPressのテーマを選びましょう。 TCDのWordPressテーマを見てみる
WordPress

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

副業したい方

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

はじめての副業コース

転職したい方

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

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

スキルアップしたい方

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

Pythonコース

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

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

オーダーメイドコース
TechAcademy（テックアカデミー） WordPressコース Webデザイン WordPress 【現役エンジニアが書籍レビュー】いちばんやさしいWordPressの教本第3版 人気講師が教える本格Webサイトの作り方