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

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

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

TechAcademyマガジンはオンラインのプログラミングスクールTechAcademy [テックアカデミー]が運営する教育×テクノロジーのWebメディアです。初心者でもすぐ勉強できる記事が1,000以上あります。

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

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

 

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

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

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

 

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

 

20160620

 

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

 

20163020-2

 

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

20160620

 

教えてください！

 

 

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

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

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のプラグインを紹介する記事もあるので、参考にして使ってみてください！

 

20160620

 

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

 

20163020-2

 

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

 

20160620

 

はい♪

 

 

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

記事を検索

関連するキーワード

関連する記事

XAMPPを使ってWordPress用にローカル環境構築する方法【初心者向け】

WordPressを使ったサイト制作でも、ローカル環境を構築することができます。サイトをカスタマイズして、完成させてから公開したいという方におすすめです。 ...
WordPress

SEO Friendly Imagesの使い方ーWordPressプラグイン【初心者向け】

SEO対策の人気のプラグイン「SEO Friendly Images」について紹介していきます。 とても便利な機能が多いので、一つ一つ見ていきましょう。 ...
WordPress

おしゃれに見せよう！WordPressのフォントを変更・カスタマイズに便利なプラグインまとめ

WordPressのプラグインにはコードなどを編集せずに直感的操作でフォントデザインを変えることのできるものが存在します。 公式や個人で配布されている各種テー...
WordPress

Auto Post Thumbnailの使い方ーWordPressプラグイン【初心者向け】

WordPressのプラグインの使い方を初心者向けに紹介する記事です。 今回は、アイキャッチ画像を自動で生成してくれるプラグイン、Auto Post Th...
WordPress

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

WordPressのプラグインの使い方を初心者向けに紹介する記事です。 検索エンジンにインデックスする上で入れておきたいプラグイン、PuSHPressの使...
WordPress

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

WordPressを使い始めたばかりの人だと、普通の投稿と「固定ページ」の違いがわからないということはないでしょうか。 そこで今回は、WordPressの...
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で簡単インストールを利用する方法を使ってみてください。   なお本記事は、TechAcademyのWordPressオンラインブートキャンプの内容をもとに紹介しています。     田島メンター！！WordPressってどうやって構築したらいいんですか？？？     WordPressを構築するにはまずレンタルサーバーを借りる必要があるね。そしてデータベースを設定してFTPでアップロードすれば大体完了だね。   ちょっとむずかしそうですね・・・。     そんなことはないよ。一つ一つやっていけば大丈夫だから。一緒にやってみようか。     はい、お願いします♪     目次 本記事では4つの項目に分けてインストールの手順をご紹介します。 事前に用意するもの WordPressのダウンロード サーバーへのアップロード ブラウザからログイン     事前に用意するもの 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へのログインが完了して、「ダッシュボード」画面が表示されます。記事の投稿や編集はここから行います。   今回の記事を参考にインストールできましたか？ インストールができたら、記事の投稿やプラグインのインストール、テーマのインストールをしてみましょう。 また、WordPressをローカルで使いたい場合は、XAMPPを使ってWordPress用にローカル環境構築する方法も合わせてご覧ください。     一つ一つやっていけば簡単でしたね♪     そうだね。WordPressはインストールさえしてしまえば色々なサイトを簡単に作れるから、とても便利だよ♪     はい、色々やってみます！   [お知らせ]TechAcademyでは、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

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

ほとんどの方がご存知だと思いますが、iPhone（iOS）用のネイティブアプリを開発するには、Xcodeが必要になります。   今回は初心者向けにXcodeをインストールして、プロジェクトを作成、シミュレーターの起動までご説明します。 なお本記事は、TechAcademyのiPhoneアプリ開発オンラインブートキャンプの内容をもとに紹介しています。   Xcode（エックスコード）とは 今回紹介するXcodeとは、iOS/Mac OS用アプリの統合開発環境です。iPhoneやiPad向けのアプリはこの開発環境から開発することができます。 Apple社が、AppStoreで無償配布していますが、WindowsのPCではインストールができないので注意しましょう。   また、実機の利用や、AppStoreでアプリ配布をするには、別途デベロッパプログラム（年間8,400円）に登録する必要がありますのでご注意ください。 Xcodeのインストール まずは、Xcodeのダウンロードページにアクセスします。このページで「Mac App Storeで見る」をクリックします。 （直接、Mac App Storeから検索してインストールすることも可能です）   そのまま「インストール」のボタンをクリックします。インストールには数分かかりますので、時間の余裕があるときにインストールしましょう。   インストールが完了すると、自分のPCのアプリケーションにXcodeが追加されるので、起動してみます。   このように表示されたらインストール完了です。   [PR] WordPressで挫折しない学習方法を動画で公開中プロジェクトの作成 Xcodeのインストールが完了したら、早速プロジェクトを作成してみましょう。 「Create a new Xcode project」をクリックするとこのような画面が表示されます。 iOSアプリを作る場合は、左上にあるiOSのApplicationを選びます。今回は、「Single View Application」を選択して、次に進みます。 次にプロジェクト情報の設定を行います。   Product Nameには開発するアプリ名、Organization Nameには自分の名前、Company Identifierには、個人的な練習アプリを作る場合は「edu.self」などと入力しておくと良いでしょう。 Languageでは、使用する言語をSwiftかObjective-Cから選択することができます。 Devicesでは、iPhoneやiPadを選ぶことができるので、開発したいアプリに合わせて選択してください。 ちなみにUniversalというのはiPhone・iPad両方に対応するという意味になります。 最後に「Next」をクリックするとプロジェクトが保存できます。   これでプロジェクトが作成できました。     シミュレーターの表示 最後に、簡単な画面を作ってシミュレーターで表示してみます。画面が遷移するだけのアプリなら、コーディングなしですぐに作ることができます。 Xcodeの左に表示される「Main.storyboard」をクリックします。   次にボタンを設置します。 右下に表示される、「Button」をドラッグ&ドロップするだけでボタンを設定できます。 今回はXcodeのインストールがメインですので、細かい説明はしませんが、ボタンの色やテキストを変えることもできます。   ここまでできたら、左上にあるボタンをクリックしてみましょう。なお、ボタンの横に表示されているところから、デバイスを変えることもできます。   するとシミュレーターが表示され、先ほど作成したアプリがシミュレーター内で表示されます。ここでアプリをクリックすると、作成したアプリが表示され、画面遷移などを確認できます。   今回の記事は以上です。問題なくインストールできましたか？ Xcodeのショートカットキーを紹介する記事もあるので、インストールが完了したら使ってみてください。 ぜひ、いろんなアプリを作ってみてください！ [お知らせ]TechAcademyでは初心者でも8週間でオリジナルアプリが作れるiPhoneアプリ開発オンラインブートキャンプを開催しています。
iPhoneアプリ開発

月額980円で使える！Photoshop CCのインストール方法

Photoshopの最新版として、Photoshop CC（Creative Cloud）があります。以前は非常に高価なツールとして有名でしたが、CCになってから月額980円で使用することが可能です。 また、30日間無料で使うことができます。   そこで今回は、Photoshop CCをインストールする方法を紹介します。 なお本記事は、TechAcademyのオンラインPhotoshop講座のカリキュラムをもとに執筆しています。     今回は、Photoshop CCについての説明をしようか。     田島メンター！！CCっていうのは何ですか～？     CCは、Creative Cloudの略だよ。現在最新版のPhotoshopはいわゆる買い切り型ではなく、月にいくらという形でクラウドで使用するシステムになっているんだ。     それって、毎月お金がかかるってことですか？     それまで10万ほどの価格だったソフトのフルの機能を、月額980円で使用できると考えると決して高いものではないと思うよ。実際の手順を見てみよう。   Photoshop CCのインストール手順 Photoshop CCのインストールには、下記の2つの手順を経る必要があります。 Creative Cloudをインストール Creative CloudからPhotoshop CCをインストール ※Creative Cloudを既にインストールしている場合はすぐにインストールできます   それでは順番に説明していきます。     Creative Cloudをインストール まずは、Adobeのダウンロードセンターにアクセスします。 Photoshopがあるので、「ダウンロード」のボタンをクリックします。   するとPhotoshopのページが開きますので、ここで「体験版のダウンロード」をクリックします。   サインイン/サインアップの画面が表示されます。 既にAdobeのIDを持っている場合はサインインしてください。持っていない場合は「Adobe IDを作成」をクリックして、作成してからサインインします。 ここで作成したIDは後ほど使うので、パスワードなど忘れないようにしましょう。     AdobeのID・パスワードは各種サポートやフォーラムを利用したり、ソフトの管理を行う上で必要になるので必ず保管しておこう。     登録はしたけれど、ソフトはどこからダウンロードするんですか～？     Photoshopの前に、まずはCreative Cloudのシステムをインストールする必要があるんだ。   サインインするとダウンロードが始まり、このような画面が表示されます。 これでCreative Cloudのインストールは完了です。     [PR] WordPressで挫折しない学習方法を動画で公開中Creative CloudからPhotoshop CCをインストール 続いて、Photoshop CCをインストールします。 インストールしたCreative Cloudを開くと、再度サインインが求められますので、AdobeのIDでサインインします。   サインインが完了したら、上部に表示される「Apps」のをクリックします。 続いて、Photoshop CCの「体験版」のボタンをクリックします。 するとPhotoshop CCのインストールが開始します。   インストールが完了させてPhotoshopを開くと、「試用」というボタンが表示されるので、そこをクリックすると30日間無料で使えるようになります。 まずは体験版を試してみましょう！     Photoshop CCのインストール手順は以上だよ。     無事インストールできました！よく見たら、他にも色んなソフトがありますね。     画像加工以外にも動画やWebサイトの作成など、Adobeにはたくさんのソフトがあるからね。ちなみにコンプリートプランというコースでは、これら全てを使用することができるよ。     そっちの方も調べてみます！ありがとうございました！   インストールが完了したら、Photoshopで文字を加工することから始めてみてはいかがでしょうか。 [お知らせ]TechAcademyでは初心者でも1週間でフォトレタッチをマスターできるオンラインPhotoshop講座を開催しています。現役デザイナーに毎日チャットで質問することができます。
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

WEEKLY RANKING

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