TechAcademy（テックアカデミー） WordPressコース Webデザイン WordPress WordPressのプラグインをインストールする方法【WordPress初心者向け】
WordPress

WordPressのプラグインをインストールする方法【WordPress初心者向け】

WordPress(ワードプレス)の【プラグインのインストール方法】を初心者向けに紹介する記事です。プラグインの変更はダッシュボードから変更する方法と、FTPでサーバーにアップロードする方法の2つがあるので、順番に説明します。

TechAcademyマガジンは受講者数No.1のオンラインプログラミングスクールTechAcademy [テックアカデミー]が運営。初心者向けに解説した記事を公開中。現役エンジニアの方はこちらをご覧ください。

WordPress初心者向けに、プラグインのインストール方法を紹介する記事です。

前回のテーマのインストール方法と同じく、基本的な操作ですので、しっかりと覚えておきましょう。

 

WordPressでは、プラグインを追加することによってサイトのカスタマイズを簡単に行うことができます。

プラグインの変更はダッシュボードからアクセスして変更する方法と、配布サイトから入手したプラグインをFTPでサーバーにアップロードして適用する方法があります。

今回はそれぞれ分けて紹介します。

 

なお本記事は、TechAcademyのWordPressオンラインブートキャンプの内容をもとに紹介しています。

 

大石ゆかり

田島メンター！！WordPressのプラグインってどうやってインストールするんですか？

田島悠介

「ダッシュボードからインストールする方法」と「FTPでアップロードする方法」の2種類あるんだ。どっちも簡単だから、すぐに覚えられると思うよ！

大石ゆかり

教えてください！

 

ダッシュボードからのインストール

まずは簡単なダッシュボードからインストールする方法を説明します。

wordpress_ps_1

WordPressにログインして、「プラグイン」→「新規追加」を選択します。

 

wordpress_ps_2

プラグインを検索する画面が表示されます。

今回は「Auto ThickBox Plus」というプラグインをインストールしてみます。Auto ThickBox Plusは、サイト内の画像をポップアップ表示するプラグインです。

検索欄にAuto ThickBox Plusと入力して「プラグインの検索」をクリックします。

 

wordpress_ps_3

プラグインの検索結果が表示されます。

Auto ThickBox Plusの「いますぐインストール」をクリックします。

 

wordpress_ps_4

インストールが完了したら、「プラグインを有効化」をクリックします。

 

wordpress_ps_5

きちんとプラグインが動作するか、チェックしてみます。

画像をポップアップで表示するプラグインですので、記事内の写真をクリックします。

 

wordpress_ps_6

このように表示されましたので、プラグインが無事に動作したことがわかりました。

 

 

ファイルをアップロードしてインストール

次に、WordPress公式の配布サイト、あるいは個人配布サイトからWordPressプラグインファイルをダウンロードし、FTPクライアントを利用してサーバーにアップロードする方法を紹介します。

 

今回はWP Social Bookmarking Lightというプラグインを利用してみます。

WP Social Bookmarking Lightは、記事内にソーシャルメディアの共有ボタンを設置するプラグインです。

wordpress_ps_7_1

まずは、WordPressの公式ダウンロードサイト内のWP Social Bookmarking Lightのダウンロードページにアクセスします。

「Download」ボタンをクリックして、ファイルを解凍して保存します。

 

wordpress_ps_7

FTPクライアントを起動し、wp > wp-content > pluginsフォルダ内まで移動し、wp-social-bookmarking-lightフォルダを右クリックして「アップロード」を選択します。

 

wordpress_ps_8

「プラグイン」→「インストール済プラグイン」を選択すると「WP Social Bookmarking Light」が追加されていますので、「有効化」をクリックします。

 

wordpress_ps_9_1

プラグインが動作しているか確認します。

記事内にソーシャルメディアの共有ボタンが設置されているかチェックするために、記事のタイトルをクリックしましょう。

 

wordpress_ps_9

記事ごとにFacebookとtwitterのボタンが追加されました。

ちなみに、設置するソーシャルメディアの種類は「プラグイン」→「プラグイン編集」で追加や削除が可能です。

 

 

無事にインストールできましたか？

初心者におすすめのWordPressのプラグインを紹介する記事もあるので、参考にして使ってみてください！

 

大石ゆかり

プラグインをインストールできました〜。ほんとに手軽にできますね♪

田島悠介

そうだね。プラグインを使うとより多機能なサイトを手軽に作れるから、ドンドン使ってみると良いよ♪

大石ゆかり

はい♪

 

[お知らせ]TechAcademyでは、WordPressを使ってカスタマイズしたオリジナルサイトを構築できるWordPressオンラインブートキャンプを開催しています。期間中の8週間は現役エンジニアのメンターが毎日学習をサポートするので、独学よりも効率的に学ぶことができます。

記事を検索

関連するキーワード

関連する記事

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

WordPressのプラグインqTranslate-Xを使用すると、サイトで使用する言語の切り替え機能を追加することができます。メインの言語や翻訳で使用する言語...
WordPress

WordPressのサイトを別のサーバーに移行する方法【初心者向け】

WordPressでは別サーバー間でも記事内容やアップロードしたメディアファイルなどのデータをまるごと移行させることが可能になっています。 ここでは、他のサー...
WordPress

サイト移行の時に便利！WordPressの記事をエクスポートする方法【初心者向け】

  WordPressではサイト内のデータをxml形式のファイルでエクスポートすることによって他サーバー等への移転を簡単に行うことができるように...
WordPress

ゼロからの始め方！WordPressでブログサイトを作る手順とは【入門向け】

Webサイトを作成する上で人気が伸びているWordPress(ワードプレス)。今回は、WordPressを使ってブログサイトを作る手順についてTechAcade...
WordPress

User Role Editorの使い方ーWordPressプラグイン【初心者向け】

WordPressのユーザーには「管理者」「投稿者」「購読者」などの各種権限グループが存在し、それぞれに管理画面内で行うことができる操作が異なります。 W...
WordPress

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

WordPressのプラグインの使い方を初心者向けに紹介する記事です。 今回は、WordPressのセキュリティを強化できるプラグインの1つである、Cra...
WordPress

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

WordPressのテーマをインストールする方法【WordPress初心者向け】

WordPress初心者向けに、テーマ（テンプレート）のインストール方法を紹介する記事です。 基本中の基本の操作ですので、しっかりと覚えておきましょう。   WordPressでは、テーマを利用することによってサイトのレイアウトを簡単に大きく変更することができます。 テーマの変更はダッシュボードからアクセスして変更する方法と、配布サイトから入手したり自分で作成したテーマをFTPでサーバーにアップロードして適用する方法があります。 今回はそれぞれ分けて紹介します。   なお本記事は、TechAcademyのWordPressオンラインブートキャンプの内容をもとに紹介しています。   大石ゆかり 田島メンター！！WordPressのテーマをインストールしたいんですけど、どうやったらいいんですか〜？ 田島悠介 2種類やり方があるんだ。一つは「ダッシュボードからインストールする方法」でもう一つは「FTPでアップロードする方法」なんだ。テーマによってはダッシュボードからインストール出来ない場合もあるから、どちらも使えたほうが良いね！ 大石ゆかり じゃあ両方、教えてください！   ダッシュボードからのインストール まずは、WordPressにログインした状態でインストールする方法を紹介します。 ダッシュボードから簡単にインストールが可能です。 左のメニューから「外観」→「テーマ」を選択します。   現在インストールされているテーマの一覧が表示されるので、「新規追加」をクリックします。   ここから公式テーマの最新・おすすめを見たり、どのようなテーマが欲しいのか項目を設定して検索することができます。 今回は「おすすめ」をクリックしてみます。   一覧が表示されるので、利用したいテーマの画像をクリックします。   プレビューが表示されます。 左のメニューから「インストール」をクリックするとテーマがダウンロードされます。   インストール完了のメッセージが表示された後、「有効化」をクリックするとテーマが反映されます。   これでダッシュボードからのテーマ変更は完了です。     ファイルをアップロードしてインストール 次に、WordPress公式の配布サイト、あるいは個人配布サイトからWordPressテーマファイルをダウンロードし、FTPクライアントを利用してサーバーにアップロードする方法を紹介します。 今回はShotokuというテーマを利用します。   配布サイトからファイルをダウンロードし、解凍して保存します。   FTPクライアントを起動し、wp > wp-content > themesフォルダまで移動します。   Shotokuフォルダを右クリックしてアップロードします。FTPクライアントでの操作はここまでです。   WordPressにログインしてから、「外観」にある「テーマ」をクリックすると、新しくShotokuテーマが追加されているのがわかります。   追加されたテーマにカーソルを合わせて「有効化」をクリックします。   これで新しいテーマが反映されました。   無事にインストールできましたか？ 初心者におすすめのWordPressのテーマを紹介する記事もあるので、参考にして使ってみてください！   大石ゆかり こんなに気軽にサイトのデザインが変更できていいですね♪ 田島悠介 そうだね。テーマを変えるだけでなくて、更にカスタマイズなんかもできるから、徐々にできるようになると良いね！ 大石ゆかり はい、頑張ります♪   [お知らせ]TechAcademyでは、WordPressを使ってカスタマイズしたオリジナルサイトを構築できるWordPressオンラインブートキャンプを開催しています。期間中は現役エンジニアのメンターが毎日学習をサポートするので、独学よりも効率的に学ぶことができます。
WordPress

初心者でも簡単にできる！WordPressをインストールする方法｜現役エンジニアが解説

WordPressでサイトを作成してみたい！という方向けに、初心者でも簡単にできるWordPress（ワードプレス）のインストール方法を紹介する記事です。 「試してみたけどできなかった」という人はこの記事を参考にインストールしてみてください。 今回はWindowsを使って紹介しますが、基本的な操作はMacも同じです。 さらに簡単な方法で試したい場合は、WordPressで簡単インストールを利用する方法を使ってみてください。 目次 本記事では4つの項目に分けてインストールの手順をご紹介します。 事前に用意するもの WordPressのダウンロード サーバへのアップロード WordPressにログイン     大石ゆかり 田島メンター！WordPressってどうやって構築したらいいんですか？ 田島悠介 WordPressを構築するにはまずレンタルサーバーを借りる必要があるね。 そしてデータベースを設定してFTPでアップロードすれば大体完了だね。 大石ゆかり ちょっとむずかしそうですね・・・。 田島悠介 そんなことはないよ。 ひとつひとつやっていけば大丈夫だから。 一緒にやってみようか。 大石ゆかり はい、お願いします♪     事前に用意するもの WordPressのインストールには、レンタルサーバーとFTPクライアントが必要です。   レンタルサーバー WordPressを利用できるサーバには条件があります。 (対応状況は、各レンタルサーバーのサイトで確認することができます) 以前に、レンタルサーバーを紹介する記事を公開しているので、この中から選んでみてください。 今回はミニバードというレンタルサーバーを使用して説明していきます。   FTPクライアントソフト サーバへファイルを転送するためにFTPクライアントソフトを用意します。 こちらも以前に、無料のFTPクライアントソフトを紹介する記事を公開しているので、ご使用中のOSに合ったソフトを使ってください。 今回はFileZillaを使って説明します。     [PR] WordPressで挫折しない学習方法を動画で公開中WordPressのダウンロード 事前の準備ができたら、WordPress日本語ローカルサイトからWordPressをダウンロードします。 「WordPressをダウンロード」というボタンをクリックすると、すぐにダウンロードが始まります。 ダウンロードしたファイルを解凍して保存しておいてください。   サーバへのアップロード 続いて、ダウンロードしたファイルをサーバへアップロードします。 ここからはFTPクライアントソフトを使います。 今回はFileZillaを使って説明しますが、基本的に他のソフトでも同じような操作が可能です。   ①ファイルのアップロード 左上のアイコンをクリックして「サイトマネージャ」を開きます。     「新しいサイト」をクリックします。     ログオンの種類を「通常」にし、ホスト名・ユーザー名・パスワードの3つを入力します。 入力したら「接続」をクリックします。 ※ホスト名・ユーザー名・パスワードは、ご自身で契約しているレンタルサーバーにてご確認ください。 （ミニバードの場合は契約時のメールに設定項目が記載されています）       枠の中が、現在、サーバ内にあるファイルです。     サーバ側のウィンドウ内で右クリックして「ディレクトリを作成」を選択します。     半角英数字で任意の名前を入力します。 今回は「wp」としています。     特別な設定をしないかぎり、このディレクトリを作成した場所がそのままWordPressサイトのアドレスになります。 例えば、http://www.xxxxx.jp/内にwpというディレクトリを作成した場合、WordPressサイトへのアドレスは、http://www.xxxxx.jp/wp/になります。     作成した「wp」フォルダをクリックして開きます。     解凍したWordPressフォルダ内のファイルすべてを選択し、右クリックして「アップロード」を選択します。     ②パーミッションの設定   次に、「wp」フォルダを右クリックして、「ファイルのパーミッション」を選択します。     「数値」を705に変更します。（既に705になっている場合はそのままでOKです）     「wp」フォルダの中にある「wp-content」フォルダも同様に705に変更します。 サーバへのアップロードはここまでです。     WordPressにログイン 最後に、ブラウザからアクセスして、WordPressにログインしてみます。   ①ブラウザからアクセスする 先ほど作成したディレクトリのアドレスに、ブラウザからアクセスします。 ※今回は「wp」フォルダ内にアップロードしているため、アクセスするアドレスはhttp://www.xxxxx.jp/wp/になります。   上のような画面が出たら「設定ファイルを作成する」をクリックします。     「さあ、始めましょう！」をクリックします。     ②データベースの設定 データベースの設定をするため、赤枠内の項目を入力しましょう。 ※データベースの情報は各レンタルサーバーのマイページなどで確認することができます。     「送信」を押すと、次のような画面が現れます。 「インストール実行」をクリックします。   ②WordPressの設定 続いて、WordPressの基本設定を行うため、赤枠内の項目を入力します。 ユーザー名とパスワードは後で使うので忘れないようにしましょう。   サイトのタイトル サイトのタイトルに設定されます。 後で変更可能で、日本語も入力できます。 ユーザー名 ログインする時に必要なユーザー名です。 半角英数字で入力します。 パスワード ログインする時に必要なパスワードです。 なるべく「強力」になるように設定しましょう。 メールアドレス サイトの管理に関するメッセージを受け取るメールアドレスを入力します。 入力したら一番下の「WordPressをインストール」をクリックします。   問題がなければ、インストール完了のメッセージが表示されますので、「ログイン」をクリックします。     先ほど設定した「ユーザー名」と「パスワード」を入力します。     WordPressへのログインが完了して、「ダッシュボード」画面が表示されます。 記事の投稿や編集はここから行います。   今回の記事を参考にインストールできましたか？ インストールができたら、記事の投稿やプラグインのインストール、テーマのインストールをしてみましょう。 おしゃれなWebサイトを作るのにおすすめなWordPressのテーマもぜひチェックしてみてください。 また、WordPressをローカルで使いたい場合は、XAMPPを使ってWordPress用にローカル環境構築する方法も合わせてご覧ください。   監修してくれたメンター Mak Tak イラストレーター兼Webエンジニア。 4年間Web制作会社にてフロントエンドを担当したのち、現在はフリーランスとして活動。 アニメーションを駆使したPOPなWebデザインが得意。 居場所に縛られない働きかたを謳歌しています。     大石ゆかり ひとつひとつ、順番にやっていけば簡単でしたね♪ 田島悠介 そうだね。 WordPressはインストールさえしてしまえばいろいろなサイトを簡単に作れるから、とても便利だよ♪ 大石ゆかり はい、やってみます！ また、現役エンジニアから学べる無料のプログラミング体験会も実施しているので、ぜひ参加してみてください。 [お知らせ]テックアカデミーでは、WordPressを使ってカスタマイズしたオリジナルサイトを構築できるWordPressコースを開催しています。 期間中は現役エンジニアのメンターが毎日学習をサポートするので、独学よりも効率的に学ぶことができます。
WordPress

WordPressを簡単インストール利用する方法【さくらインターネット編】

WordPressには通常インストール方法の他に簡単インストールというものがあります。簡単インストールを使えば、FTPクライアントソフトなどの準備がいらず、Webブラウザ上だけで完結できます。 WordPressの簡単インストールが使えるレンタルサーバーにはいくつかありますが、今回は「さくらのレンタルサーバー」を題材にして紹介します。他のレンタルサーバーでも同じような手順で使うことができます。   なお本記事は、TechAcademyのWordPressオンラインブートキャンプの内容をもとに紹介しています。   大石ゆかり 田島メンター！！WordPressのことはわかったんですけど、実際にどうやって始めたらいいんですか〜？ 田島悠介 まずレンタルサーバーを借りるところからだね。例として「さくらのレンタルサーバー」を使って説明するね。 大石ゆかり はい、お願いします〜。   目次 本記事では下記の流れで紹介していきます。 さくらインターネットのレンタルサーバー登録 サーバーの設定 WordPressのインストール     さくらインターネットのレンタルサーバー登録 まず初めに、さくらインターネットのレンタルサーバーに登録します。 ページを開いたら、左上の「お申し込みはこちらから」と書かれたボタンをクリックします。   すると以下の画面が開きます。既にさくらのインターネットの会員の方は「会員IDがある」のラジオボタンをチェックし、会員IDとパスワードを入力します。 さくらのインターネットを利用したことのない方は「初めて利用する」のラジオボタンをチェックしてください。   次にサービスプランを選択します。 用途に合わせて容量や機能の異なるプランを選択できますが、今回はWordPressを使用するため、必要なデータベースを利用できない「ライト」プランは避けるようにしてください。ここでは「スタンダード」プランを選択します。 ご希望の初期ドメイン名は3～16文字の英数字とハイフン（-）を組み合わせて、お好きな文字列を入力できますが、ご登録後変更できませんのでご注意ください。 入力漏れがないことを確認し、「つぎへ」をクリックします。   約款と個人情報に関する公表事項が表示されますので、よく読んだ上で同意できる場合には「同意します」をチェックし、「つぎへ」をクリックします。   個人情報を入力する画面が表示されるので、（＊）印の項目で漏れがないように入力してください。 入力し終わったら「つぎへ」をクリックします。   会員メニューへログインするためのパスワードとパスワードの再設定のために必要な秘密の質問とその答えを入力します。   「つぎへ」をクリックすると支払方法を選択するページが開きます。年間一括払いと月払いのどちらかの選択と、「クレジットカード」、「請求書払い」、「銀行振込」のいずれかを選択してください。 ※お申込後2週間のお試し無料期間がありますが、クレジットカード払いを選択した場合は、解約の手続きをしない限り2週間後に自動で本登録が行われますのでご注意ください。   最後に「最終のご確認」ページが表示されるので、それぞれの項目で誤りがないか確認した上で「お申込みを行う」をクリックします。 これでレンタルサーバーの登録手続きは完了です。登録したメールアドレスに「お申込受付完了のお知らせ」と「[さくらのレンタルサーバー]仮登録完了のお知らせ」が届くので確認してください。 このメールの内容はあとで使うので、消さないようにしましょう。     [PR] WordPressで挫折しない学習方法を動画で公開中サーバーの設定 続いてWordPressをインストールするためのサーバーの設定を行っていきます。   まず、さくらインターネットの会員メニューにアクセスします。 ここで「会員ID」と「パスワード」の入力を求められます。このときの「会員ID」には登録したメールアドレスに届いている「お申込受付完了のお知らせ」の「会員登録情報」に表示されている「会員ID」を、「パスワード」には先ほどのサーバー契約時にご自分で設定したパスワードを入力してください。   「ログイン」ボタンを押すと「さくらインターネットの会員メニュー」が開きます。 ページ上方にある「契約情報」をクリックすると契約情報についての画面が表示されるので、「契約サービスの確認」を押してください。   契約したサービスが表示されてるので、そこに表示されている初期ドメイン名の「手続き」にある「サーバの設定」をクリックします。   ログイン画面が表示されるので、「[さくらのレンタルサーバー]仮登録完了のお知らせ」のメールの「サーバコントロールパネル　ログイン情報」に示されている「ドメイン名」と「サーバパスワード」を入力し、「送信する」ボタンをクリックしてください。   これで「さくらのインターネット　サーバコントロールパネル」が開きます。 ちなみにサーバパスワードはコントロールパネルの「サーバ情報とパスワード」の「サーバパスワードの変更」から変更できますので、自分で覚えていられるパスワードに変更しておきましょう。   これからWordPressをインストールするためのデータベースを作成します。 左のメニューにある「アプリケーションの設定」の中の「データベースの設定」をクリックします。   現在はまだデータベースがない状態だと思います。「データベースの新規作成」を押します。   お好きなデータベース名を入力し、文字コードは「UTF-8」を選択します。「接続用パスワード」はデータベースに接続する際のパスワードになります。半角英数字、記号を組み合わせて設定してください。全て終わったら「データベースを作成する」をクリックします   データベース一覧の画面が表示されるので、今作成したデータベースがあるのを確認してください。 これでサーバーの設定は完了です。   大石ゆかり サーバーを借りて、サーバーの設定は終わりました！ 田島悠介 お疲れ様。これでもうWordPressをインストールできるから、早速やってみよう！   WordPressのインストール それではいよいよWordPressのインストールを行っていきます。 「さくらのインターネット　コントロールパネル」で、左のメニューの「運用に便利なツール」の中にある「クイックインストール」をクリックしてください。   「カテゴリメニュー」の中の「ブログ」を選択します。   「インストールメニュー」から「WordPress」を選択します   次の画面で「ライセンス」と「インストール規約」、「注意事項」をよく読んで、「ライセンス、インストール規約、注意事項の内容に同意する」にチェックをします。 インストール先にはWordPressをインストールしたいディレクトリ名を入力します。まだディレクトリが作成されていない場合には任意のディレクトリ名を入力することで、インストール先のディレクトリが作成されます。 また、「データベース」の欄は先ほど作成したデータベースを選択し、「データベースパスワード」にはデータベース作成の際に設定した「接続用パスワード」を入力してください。 「データベースの接頭語」にはご自分でわかりやすい英数字を設定して下さい。あらかじめ入力されているものをそのまま使っても大丈夫です。 入力が全て終わったら、「インストール」をクリックします。   続いて、WordPressの初期設定を行います。 先ほどインストールが完了した画面で「アプリケーションの設定へ進む」をクリックしてください。   WordPressの初期設定画面が表示されます。「サイトのタイトル」、管理画面にログインするための「ユーザー名」、「パスワード」と「メールアドレス」を入力してください。「サイトのタイトル」は後で変更することができます。   「プライバシー」の欄はチェックが付いているままの状態で構いません。 ここで「WordPressをインストール」をクリックします。   これでWordPressへのログイン画面が表示されたら成功です。 この画面は今後WordPressを利用する際に必要な画面になりますので、ブックマークなどをして保管しておくと良いでしょう。   先ほど設定した「ユーザー名」と「パスワード」を入力し、「ログイン」クリックすると、WordPressの管理画面が表示されます。 これでインストールは完了です。 完了したら、WordPressで記事を書いていきましょう。   大石ゆかり これでWordPressが使えるわけですね！ 田島悠介 そうだね。インストールさえしてしまえば記事を書いたり好きなテーマに入れ替えたりするだけで色々なサイトが作れるから、とても便利だよ！ 大石ゆかり はい♪   [お知らせ]TechAcademyでは、WordPressを使ってカスタマイズしたオリジナルサイトを構築できるWordPressオンラインブートキャンプを開催しています。期間中の8週間は現役エンジニアのメンターが毎日学習をサポートするので、独学よりも効率的に学ぶことができます。
WordPress

Photoshop CCのインストール方法

Photoshopの最新版として、Photoshop CC（Creative Cloud）があります。 今回は、Photoshop CCをインストールする方法を紹介します。 目次ダッシュボードからのインストールファイルをアップロードしてインストール   田島悠介 今回は、Photoshop CCについての説明をしようか。 大石ゆかり 田島メンター！！CCっていうのは何ですか～？ 田島悠介 CCは、Creative Cloudの略だよ。現在最新版のPhotoshopはいわゆる買い切り型ではなく、月にいくらという形で料金が発生するサブスクリプション方式になっているんだ。 大石ゆかり それって、毎月お金がかかるってことですか？ 田島悠介 サブスクリプション方式になる前は10万ほどの価格だったアプリケーションのすべての機能を、月額1,078円で使用できると考えると決して高いものではないと思うよ。実際のインストール手順を見てみよう。   Photoshop CC（無料体験版）のインストール手順 まずは、Adobeのアプリケーション一覧ページにアクセスします。 アプリの一覧の中にPhotoshopがあるので、「無料で始める」のボタンをクリックします。   するとPhotoshopの無料体験版のプランを選ぶ画面が表示されます。 ここでは最も安価な「フォトプラン」の「始める」ボタンをクリックします。   次はメールアドレスの認証画面が表示されます。 新規登録の際には、この後にパスワード設定画面に移りますので、メールクライアントを介して認証を完了させてください。 すでにAdobeIDを取得済みの方は、登録しているメールアドレスを入力してください。 Adobeアカウントを作成した場合は、今後もAdobe製品を使用するときに必要になるので、パスワードなど忘れないようにしましょう。   さらに支払い情報を入力する画面に移ります。 こちらでクレジットカード情報などを入力し、「無料体験版を始める」ボタンをクリックします。 Adobeの製品購入にはクレジットカード払いの他に、コンビニ払い、銀行振込、請求書払い（後払い）でのお支払いをご利用いただけます。 詳しくはCreative Cloudご購入・ご利用ガイドをご確認ください。 「無料体験版を始める」ボタンをクリックすると、Creative Cloudデスクトップアプリケーションのインストーラのダウンロードが始まります。 ダウンロードが完了したらファイルをダブルクリックし、Creative Cloudデスクトップアプリケーションをインストールしましょう。 Creative CloudはAdobeIDとひも付き、Adobeアプリケーションのインストールやアップデートなどが行え、各種環境設定などを一元管理できるアプリケーションです。 最初の Adobeアプリケーションをインストールする際に、自動的にインストールされます。   田島悠介 AdobeのID・パスワードは各種サポートやフォーラムを利用したり、アプリの管理を行う上で必要になるので必ず保管しておこう。 大石ゆかり Phothoshop以外のソフトを使う上でも必要になるんですか？ 田島悠介 Illustoratorなど他Adobeのソフトを使うときにも必要になるから、ログイン情報は忘れないようにしておこう。   Creative Cloudデスクトップアプリケーションがインストールできたら、すべてのアプリ画面からPhotoshopの「インストール」ボタンをクリックします。 これでPhotoshopのインストールが始まります。   Photoshopのインストールが完了すると、「インストール済み」にPhotoshopが追加されています。 こちらの「開く」ボタンをクリックしてPhotoshopを開くことができます。   以上でPhotoshop CCのインストールは完了です。 まずは7日間の無料体験版を試してみましょう！   田島悠介 Photoshop CCのインストール手順は以上だよ。 大石ゆかり 無事インストールできました！よく見たら、他にもいろんなソフトがありますね。 田島悠介 画像加工以外にも動画やWebサイトの作成など、Adobeにはたくさんのソフトがあるからね。ちなみにコンプリートプランというコースでは、これらすべてを使用することができるよ。 大石ゆかり そっちの方も調べてみます！ありがとうございました！   Photoshopを学習中の方へ これで解説は終了です、お疲れさまでした。 Photoshopを調べたけど分かりづらい 副業や転職後の「現場で使える」知識やスキルを身につけたい Photoshopの学習や情報収集をしていて、このように思ったことはありませんか？ テックアカデミーのPhotoshop講座では、第一線で活躍する「プロのWebデザイナー」が教えているので、効率的に実践的なスキルを完全オンラインでしっかり習得できます。 合格率10%の選考を通過した、選ばれたWebデザイナーのチャットサポートを受けながら、初心者でもフォトレタッチをマスターできます。
Photoshop

ゲームが簡単に作れる！Unityのインストール方法（AssetStoreの説明つき）

ソーシャルゲームなどの開発にもよく使われている「Unity」という統合開発環境を知っていますでしょうか？ 無料でもインストールできるので、これから使ってみたいという方も多いと思います。   そこで今回は、初心者の方向けにUnityのインストール方法、ゲーム素材が共有・販売されている「AssetStore」から素材をダウンロードする方法を紹介します。 なお、本記事はTechAcademyのUnity入門オンライン講座の内容をもとにしています。   田島悠介 今回はUnityのインストール手順を見てみよう。 大石ゆかり 田島メンター！！Unityのインストールには何を用意したらいいんですか～？ 田島悠介 あらかじめ用意しておくソフトなどはないけれど、Unityのアカウントを持っていない場合は新規登録する必要があるので使用するメールアドレスとパスワードを決めておくといいかな。 大石ゆかり 分かりました！   Unityとは Unityとは、Unity Technologies社が開発した統合開発環境です。3Dエンジンとビジュアルベースのエディタがあり、直感的な開発が可能な統合開発環境です。2013年7月にはユーザー数が全世界で200万人を突破するなど、多くの人に使われています。   iOSアプリ、Androidアプリなどのスマートフォンアプリから、Xbox、プレイステーションなどにも対応したマルチプラットフォームでもあります。 日本でもソーシャルゲームをはじめ、多くのゲーム開発に使われています。Unityが使われたゲームはゲームリストのページから確認することもできます。   UnityのBasic版は無料でインストール可能ですが、Pro版は1ライセンスにつき157,500円かかります。     Unityのインストール ここからは実際にインストールの手順を説明します。   まずは、Unityのインストールページにアクセスします。 サイト上にも記載されていますが、Windowsの場合は、Windows XP SP2以降のWindows、Macの場合はMac OS X Intel CPUおよび10.6 以降のMac OSが必要になります。 エラーが出てインストールできないことがあれば、OSも確認しておきましょう。   「Download Unity」のボタンをクリックすると、ダウンロードが開始されます。 ダウンロードが完了したら、インストーラーを実行してインストールを完了させます。   インストールが完了すると、Windowsはスタートメニュー、Macはアプリケーションの中にUnityが追加されるので、まずは起動します。 起動するとライセンスを選択する画面になりますので、今回は「free version」を選択します。なお、Pro版を30日試すことも可能です。   次に、ログインする画面が表示されます。まだアカウントを持っていない場合は「Create Account」からアカウントを作成してください。   「Create Account」をクリックすると、このような画面が表示されます。   ログインが完了すると、「Start using Unity」というボタンが表示されるので、ここをクリックするとUnityが使えるようになります。   Unityがこのように表示されたらインストール完了です。 特に難しい操作はないので簡単ですね。   田島悠介 パスワードには数字と大文字を最低ひとつ入れなければいけなかったり、全体で8文字以上でないといけなかったりといくつかの決まりがあるよ。 大石ゆかり それに当てはまらないと設定できないんですね。 田島悠介 アカウントは次に説明するアセットストアや公式のフォーラムの利用の際に必要になるので、しっかりと控えをとっておこう。 大石ゆかり はい！   [PR] WordPressで挫折しない学習方法を動画で公開中AssetStoreから素材をダウンロード Unityには、Unityで使用できる画像や3Dモデルの素材やプラグインなどが購入できる「AssetStore」というものがあります。 有料のものが多いですが、無料で使える素材もあるので、ダウンロード方法を説明します。   まずは、メニューの「Window」から「AssetStore」をクリックします。   するとこのような画面が開きます。 Categoriesには、３Dモデル、効果音やBGMに使える「Audio」、スクリプトの開発効率を上げるプラグインの「Scripting」などがあります。   今回は、飛行機の3Dモデル素材である「F16a Fighter Jet」をダウンロードします。 右上にある検索ボックスで「F16a」と入力して検索してみます。 F16a Fighter Jetのページが開くので、そのまま「Download」のボタンをクリックします。   するとこのような画面が表示されるので、「Import」ボタンをクリックします。   インポートが完了すると、Assetsに表示され、使うことができるようになりました。   今回はかなり初歩的な内容ですが、うまくできましたでしょうか？ ぜひUnityをさらに使いこなしてみてください。   田島悠介 最後にアセットストアの紹介をしたよ。非常に多くの素材があるので是非活用しよう。 大石ゆかり 無料のものだけでもたくさんありますね！ 田島悠介 Unity本体もアセットもそれなりの容量が必要になるので、ハードディスクの空きには注意しておこう。 大石ゆかり ダウンロードの時間にも余裕を持っておいた方がよさそうですね。ありがとうございました！   ゲーム開発のプロがおすすめするUnityの入門書を紹介した記事もあるので、あわせてご覧ください。 [お知らせ]TechAcademyではオリジナルゲームアプリが公開できるUnityオンラインブートキャンプを開催しています。現役Unityエンジニアのサポートで効率的に学びたい場合はご検討ください。
Unity

今さら聞けない！Xcodeをインストールする方法【iOSアプリの統合開発環境】現役エンジニアが解説

iPhone（iOS）用のネイティブアプリを開発するにはXcodeが必要です。 しかし、Xcodeのインストール方法や開発環境の構築方法を知らなければ、iOS用ネイティブアプリを開発できません。 今回は初心者向けにXcodeをインストールして、プロジェクトを作成、シミュレーターの起動までご説明します。   目次 Xcode（エックスコード）とは Xcodeで開発できるアプリケーション Xcodeのインストール方法 プロジェクトの作成 シミュレーターの表示 Xcodeの学習方法   Xcode（エックスコード）とは Xcodeとは、iOS/Mac OS用アプリの統合開発環境です。 iPhoneやiPad向けのアプリは、Xcodeの環境から開発できます。 Xcodeは、Apple社がApp Storeで無償配布しています。 WindowsのPCではインストールができないので注意しましょう。 また、実機の利用や、App Storeでアプリ配布をするには、別途デベロッパプログラム（年間11,800円）に登録する必要があるので注意しましょう。 [PR] WordPressで挫折しない学習方法を動画で公開中Xcodeで開発できるアプリケーション Xcodeは、Apple社が提供しているアプリケーション開発ソフトウェアです。 そのため、Xcodeで開発できるアプリケーションは以下のOSで動作します。 iOS（iPhone、iPad） macOS （iMac、Macbook） watchOS（Apple Watch） tvOS（Apple TV） 上記OSで動作しているものであれば、基本的にすべてのアプリケーションを開発できます。 Xcodeのインストール方法 まずは、Xcodeのダウンロードページにアクセスします。 画面を開くと「App Store.appを開きますか？」という確認が表示されるので、「App Store.appを開く」をクリックします。 もちろん、直接、Mac App Storeから検索してインストールすることも可能です。   そのまま「入手」のボタンをクリックし、続けて表示される「インストール」のボタンをクリックします。 インストールには数分かかりますので、時間の余裕があるときにインストールしましょう。   インストールが完了すると、自分のPCのアプリケーションにXcodeが追加されるので、起動してみます。 このように表示されたらインストール完了です。 プロジェクトの作成 Xcodeのインストールが完了したら、さっそくプロジェクトを作成してみましょう。 「Create a new Xcode project」をクリックするとこのような画面が表示されます。 iOSアプリを作る場合は、左上にあるiOSのApplicationを選びます。 今回は、「App」を選択して、次に進みます。   次にプロジェクト情報の設定を行います。 Product Nameには開発するアプリ名、Organization Identifierには、個人的な練習アプリを作る場合は「edu.self」などと入力しておくと良いでしょう。 Interfaceは「Storyboard」を選択します。 最後に「Next」をクリックするとプロジェクトが保存できます。   これでプロジェクトが作成できました。   シミュレーターの表示 最後に、簡単な画面を作ってシミュレーターで表示してみます。 画面が遷移するだけのアプリなら、コーディングなしですぐに作れます。 Xcodeの左に表示される「Main.storyboard」をクリックします。   画面上部のメニューバーから、View ＞ Show Library を選択します。   表示されたオブジェクトライブラリの「Button」をドラッグ&ドロップするだけでボタンを設定できます。 今回はXcodeのインストールがメインですので、細かい説明はしませんが、ボタンの色やテキストを変えられます。   ここまでできたら、左上にあるボタンをクリックしてみましょう。 なお、ボタンの横に表示されているところから、デバイスを変えられます。   するとシミュレーターが表示され、先ほど作成したアプリがシミュレーター内で表示されます。 ここでアプリをクリックすると、作成したアプリが表示され、画面遷移などを確認できます。 iPhone実機でも確認できますが、手軽に確認したい場合は、シミュレーターを使用すると良いでしょう。   Xcodeの学習方法 Xcodeのインターフェイスはすべて英語で、日本語対応していません。 しかし、最初はとっつきにくい部分もあるかもしれませんが、今やiPhoneアプリの開発者は非常に多くなっており、参考となるWebサイトや書籍も多数存在するため、英語がわからなくて困る、といったことはほとんどありません。 また他のソフトウェアについても同じことが言えますが、まずはインストールして使ってみることが一番の学習になります。 その後、わからないことが出てきたらWebサイトで検索したり、参考書をめくってみるといった学習をおすすめします。 ただし、Webサイトのなかには古い情報もあり、Xcodeのスクリーンショットが現状と合っていないページもあるので注意が必要です。   学習サイト iPhoneアプリ開発やXcodeに対して興味・関心を持つ人におすすめの学習サイトを3つ紹介します。 iPhoneアプリ開発 Qiita Xcode documentation それでは見ていきましょう。 iPhoneアプリ開発 こちらのサイトは比較的新しいバージョンのXcode+Swift（iOSアプリ開発のプログラミング言語）を用いて記事が作成されており、非常に参考になります。 iPhoneアプリ開発 Qiita 全国のプログラマーが技術情報を共有するサイトです。 開発したアプリが思い通りに動かない、そもそもエラーが出てしまう、などハマりやすいトラブルについて記載されていることが多く役立ちます。 Qiita Apple Developer Xcode Documentation 公式ドキュメント（英語）です。 Xcodeでプログラミングを行うには公式ドキュメントは欠かせません。 すべて英語ですが、チュートリアルなども用意されており、内容はとても充実しています。 翻訳ソフトを使いながら読み進めていくと良いでしょう。 Xcode Documentation 参考書籍 先ほどは、画面の作成をStoryboardで簡単に行いました。 Storyboardは現在多くの開発の現場で使用されていますが、徐々にSwiftUIという機能を使っての画面作成に移行が進んでいます。 よって、これからXcodeでのiPhoneアプリ開発を行うのであれば、SwiftUIを学ぶのが良いでしょう。 以降の書籍は、2021年3月現在において最新のバージョンに対応しており、また新しいバージョンが出た際には改訂されているため、その時点での最新版の書籍を購入することをおすすめします。   絶対に挫折しない iPhoneアプリ開発「超」入門 第8版 iPhoneのアプリ開発の入門書として超定番です。 開発をはじめるために必要な内容がとても丁寧に説明されており、最初の1冊はこれをおすすめします。   詳細! SwiftUI iPhoneアプリ開発入門ノート[2020] iOS 14+Xcode 12対応 最新のXcode12とSwiftUIに対応した入門書です。 アプリ開発に関する事項が幅広く簡潔に網羅されています。 タイトルにもあるように、SwiftUIの内容が充実しており、本書で開発に必要な知識をカバーできます。   SwiftUI 徹底入門 SwiftUIについて詳細に記述されています。 難易度は上記の2冊と比較するとやや高めです。 少し理解が進んでから2冊目以降に購入すると良いでしょう。   今回の記事は以上です。 問題なくインストールできましたか？ Xcodeのショートカットキーを紹介する記事もあるので、インストールが完了したら使ってみてください。 ぜひ、いろんなアプリを作ってみてください！ [お知らせ]テックアカデミーでは初心者でも8週間でオリジナルアプリが作れるiPhoneアプリ開発オンラインブートキャンプを開催しています。
iPhoneアプリ開発

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

藤門千明
TechAcademy（テックアカデミー） WordPressコース Webデザイン WordPress WordPressのプラグインをインストールする方法【WordPress初心者向け】