Androidアプリ開発

【ゼロから作る！】初心者から始めるAndroidアプリ開発の開発手順とは

Androidアプリ開発をこれから勉強したいと考えている初心者向けに基礎から応用までまとめて紹介しています。どうやって進めたら良いか分からないという人は開発手順や便利なツールを知ることができるはずです。

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

Androidアプリの開発手順をゼロから紹介していきます。

今回の記事では、アプリを作ったことがないという未経験者でも分かりやすく2人のキャラクターが登場しながらAndroidアプリ開発について解説しています。

「Androidアプリを作る上で必要なもの」「Androidアプリを作ってリリースしてみたい」などそれぞれシチュエーションに分けて細かく紹介していきます。

では、Androidアプリの開発手順を実際に見ていきましょう！

今回の登場人物

20163020-2 田島悠介（29）

元エンジニアで田島アプリスクールの代表。人の成長を見るのが一番のやりがいになっている。
好きな映画は『トスカーナの休日』

20160620

大石ゆかり（24）

3ヶ月前に田島アプリスクールに事務として転職してきた。
Instagramには3つの写真加工アプリで編集してからアップするという。

20160620

田島さんってなんでiPhoneとAndroid、両方のスマホ持ってるんですかー？

20163020-2

なんでって両方のアプリを勉強するためだよ！

20160620

え、でも同じアプリ入れてるじゃないですかっ！

20163020-2

実はね、iPhoneとAndroidで同じアプリでも違うデザインになっていたりするんだよ！

20160620

へぇ〜そうなんですね。どっちも同じように作ってると思ってました！

20163020-2

実は結構違うんだよね！

ちなみにiPhoneとAndroid、それぞれ持ってる人の割合って何%くらいか知ってる？

20160620

んー、私の周り見てもみんなiPhoneだからほとんどiPhoneなんじゃないですかー？

20163020-2

たしかに日本人でiPhone使ってる人は多いよね！

でも世界ではスマホを使ってる人の80%くらいがAndroidって言われているんだよ！

20160620

え、そうなんですかー！初めて知りました！

20163020-2

アプリを海外の人に使ってもらおうと思ったらAndroidから作る方が良いかもね！

せっかくだからAndroidアプリの作り方を一通り説明しようか？

20160620

ぜひ！知っておきたいです！(Androidアプリ作れたら海外で働く夢も叶うかも♪)

Androidアプリ開発で必要なもの

パソコン(Mac/Windows/Linuxのいずれか)
Android Studio
Java

Androidアプリの開発を進めるためには上の3つが必要になります。

Android StudioではなくEclipseという環境でアプリ開発することも可能ですが、Android Studioで作る人が多いです。

また、中にはツールを使ってアプリ開発できるものもありますが、プログラミングをして自分の力で作りたいという人は「Java」というプログラミング言語を理解する必要があるでしょう。

すでにパソコンをお持ちの方は、Android Studioのインストール方法をご覧ください。

20160620

Javaって聞いたことあります！なんだかよく分かってないけど！

20163020-2

おお、いいね！Javaという言語自体は20年くらい前からあって、アプリだけじゃなくてWebや携帯機器を作る上でも便利な言語なんだよね。

20160620

じゃあ、Javaが出来たらいろんな仕事ができそうですね！

20163020-2

・・・ゆかりちゃん、そういうところは頭の回転早いよね(笑)

[PR] Androidアプリの開発で挫折しない学習方法を動画で公開中

実際にAndroidアプリを作ってみる

実際にAndroidアプリを作ろうと思ったら「企画→設計→開発」といった流れが一般的です。

企画

「こんなアプリを作ってみたい」と思ったら具体的に企画していきます。

個人で作るアプリであれば、アイデアが細かく決まっている必要はないでしょう。作りながらこういう機能が欲しいと思い浮かぶことも多々あります。

どんなアプリなのか
誰がそのアプリを使うのか
どんな機能、どんな画面が必要なのか
(収益を得るのであれば)どこで収益を得るのか

などは企画段階で決めておく方が良いでしょう。

設計

設計では、アプリの画面設計図を作成しましょう。CacooやProttといったツールを利用すれば、初心者の方でも手軽に作成できるのでおすすめです。

開発

アプリの形がイメージできる画面設計図が完成したら実際にアプリを作っていきましょう。

f5cac0fb3aef07bcacede963ef9ba12e-620x349

Androidアプリは、Android Studioを使ってアプリの画面や機能を作っていきます。具体的には、XMLで画面を作り、ソースコードを書いて正常な動作を行います。

WebView1-620x350

例えば、ログイン機能を作る場合「ログインする画面」と「ログインに成功した後の画面」が少なくとも必要になります。

①ユーザー名とパスワードでログインする

②ログインに成功したらログインした状態でトップページに飛ぶ

この①と②を連動させるためにコードを書く必要があります。また、ログインに失敗した時の表示画面やコードも必要になるでしょう。

20163020-2

さっきのJavaっていうのはソースコードを書くために必要な知識になるから覚えておこうね！

20160620

そもそもなんでAndroidアプリを作るのにJavaを使うんですか？

20163020-2

良い質問だね！

GoogleがJavaという言語を選んだんだけど、Javaは他の言語で出来ないことを効率良くできたり、ずっと人気の高い言語で使える人も多いだろうと思って採用してるんだよ。

20160620

そうなんですね！

アプリをリリースしたい

Androidアプリをリリースする際、Google Playで公開することが一般的でしょう。

アプリを公開するためには、Google Play デベロッパーコンソールと公開用ツールというものを活用してリリースしていきます。また、それらを使用するためにGoogleアカウントをデベロッパーとして登録する必要があります。

登録料に$25(一度支払えば年数制限なく使用可能)支払う必要がありますので、覚えておきましょう。

アプリの公開手順

ちなみにAndroidアプリの場合、iOSアプリがApp Storeのみでのリリースと違いGoogle Play以外にもアプリストアが存在しています。

Google Play以外のアプリストアとしては、Amazonアプリストア、楽天アプリ市場などが有名でしょう。

スクリーンショット 2016-07-27 19.18.58

20160620

Androidアプリっていろんなところで出せるんですね！

20163020-2

そうそう！それにiOSアプリと違って審査が厳しくないから比較的簡単にリリースできるよ！24時間以内には審査が終わっているからね。

20160620

へぇ〜すごい早いですね！

アプリで収益を得る

Androidアプリで収益を得ようと思ったら3つの方法があるので、紹介していきます。

有料ダウンロード
広告
アプリ内課金

有料ダウンロードは、アプリを有料で販売することです。有料アプリはゲームが多く購入される傾向にあります。

スクリーンショット 2016-07-28 11.17.08

広告はアプリ内に広告を表示して収益を得ます。アプリ自体は無料で使ってもらい、広告を出すことで収益が上げられます。

アプリ内課金はゲームに良く使われます。ゲーム内のアイテムを販売するなどして収益を得ます。

広告などを利用すれば個人でもアプリで稼ぐことができるでしょう。

20160620

最近って有料アプリあんまり見ないですよね。

20163020-2

そうだね。まずダウンロードしてもらおうと思ったら無料で公開するのが良いかもね。

20160620

でも稼ごうと思ったら有料アプリで出した方が手軽じゃないですかー？

20163020-2

もちろん公開するだけで良いから楽かもしれないけど、アプリ全体の売上の90%は無料アプリで使っていく中で課金するタイプだと言われているんだよ！

20160620

だから最近無料アプリが多いんですね！

おさらい

Androidアプリの開発にはAndroid StudioとJavaで行う！
アプリを作る時は企画→設計→開発という順番で進めよう！
アプリのリリースには、Googleのデベロッパーコンソールに登録が必要！
アプリで収益を得るには3つの方法がある！

日本では、iPhoneの方がスマホのシェアは多いですが、世界的にはAndroidのシェアが圧倒的です。海外の人にも使ってもらいたい、グローバル展開したいと考えるのであれば、Androidアプリの開発は欠かせないでしょう。

Androidアプリは一人からでも開発できるので、ぜひチャレンジしてみてください。

[お知らせ]TechAcademyでは初心者でも最短4週間でオリジナルアプリが作れるAndroidアプリ開発講座(オンラインブートキャンプ)を開催しています。自分でAndroidアプリを公開してみたい方はぜひご覧ください！

この記事を気に入って頂けたら
いいね！・フォローをお願いします

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

【ゼロから作る！】初心者から始める！iPhoneアプリの開発手順とは

iPhoneアプリの開発手順をゼロから紹介していきます。今回の記事では、プログラミングをやったことがないという初心者の方にも分かりやすく2人のキャラクターを用いて解説しています。「iPhoneアプリを作る上で準備しなければならないもの」「iPhoneアプリをリリースしてみたい」「iPhoneアプリで収益を上げたい」などそれぞれシチュエーションに分けて細かく紹介しています。では、iPhoneアプリの開発手順を実際に見ていきましょう！今回の登場人物田島悠介（29）元エンジニアで田島アプリスクールの代表。人の成長を見るのが一番のやりがいになっている。好きな映画は『トスカーナの休日』大石ゆかり（24） 3ヶ月前に田島アプリスクールに事務として転職してきた。 Instagramには3つの写真加工アプリで編集してからアップするという。ゆかりちゃん！明日から始まるアプリ講座の参加人数って何人だっけ？・・・・・。・・・ゆかりちゃん？？・・・・。(Instagramのタイムラインに気を取られている) あっ！田島さんすみません。・・・で、なんですか？？明日から始まる講座の人数って何人だっけ？ 15人ですよ！それよりこういうインスタみたいなアプリってどうやって作るんですかー？おっ！ゆかりちゃんもアプリ作ってみたいの？はいっ！！だってアプリ作れたら稼げるって聞いたから！ (すごいミーハー感が・・・) じゃあ、せっかくだからiPhoneアプリを公開する手順を一通り説明していくね！ゆかりちゃんが気になってるお小遣い稼ぎの方法も最後に紹介するからね！やった〜！！ありがとうございます！（これで世界一周行けるかな♪）目次 iPhoneアプリ開発をする上で準備するもの実際にアプリを作ってみるアプリをリリースしてみるアプリで収益を得る iPhoneアプリ開発で準備するもの iPhoneアプリを作る前に準備すべきものがいくつかあります。 Mac Xcode iPhoneアプリの開発を進めるためには上の2つが必要になるのです。実際にApp Storeにリリースしたいと思っている方は、リリースまでに準備すべき6つのことをご覧ください。すでにMacを持っている方は、Xcodeのインストール方法をご覧ください。田島さん、iPhoneアプリってWindowsのパソコンじゃ作れないんですか？？良い質問だね！ iPhoneアプリを作るためのXcodeをインストールしたり、あとで紹介するアプリをリリースするためにMacが必要なんだ。そうなんですね！やっぱりMacの方がカッコイイですもんね。 (やっぱりどこかミーハーなんだよなあ・・・) じゃあ次は実際にアプリを作ってみる流れを説明するね！ [PR] Androidアプリの開発で挫折しない学習方法を動画で公開中実際にアプリを作ってみたいせっかくXcodeをインストールしたらオリジナルのiPhoneアプリを作ってみたいと思うはずです。作りたいものが浮かばないという人は、サンプルアプリを紹介しているので、そのまま真似して作ってみるのも良いでしょう。もし、実際にiPhoneアプリを作ろうと思ったら「企画→設計→開発」といった流れが一般的です。企画企画では、いつ誰が何のために使うのかなど具体的にアプリのイメージを考えます。個人で作るアプリであれば自分が欲しいと思うものが良いでしょう。設計設計では、画面設計図を作りましょう。手書きでも良いですが最近では、ProttやCacooといったツールで誰でも簡単に作成できるのでぜひ試してみてください。開発企画や設計が終わったら実際にアプリを作っていきます。 iPhoneアプリは、Storyboard(ストーリーボード)というところで画面を作り、ソースコードを書いて正常な処理や動作を行います。例えば、写真のアプリを作る場合「カメラを起動している画面」と「写真を保存する画面」が少なくとも必要です。 ①カメラでボタンを押して写真を撮る ②ライブラリに写真を保存するこの①と②を連動させるためにコードを書く必要があります。そして、完成したら自分のiPhoneでテストしてみましょう。実際にiPhoneでサクサク動くかどうか確認しておくことは重要です。ソースコードってなんですか？ソースコードというのは、コンピュータに何か命令を送る時に使う言葉なんだよ。僕らが日本語や英語で会話するようにコンピュータにも特有の言語があるんだよね。 iPhoneアプリを作るときはSwift(スウィフト)っていう言語を使うことが多いよ！ Swiftって言うんですか？？テイラー・スウィフトとは何か関係があったりするんですかー？いやいやテイラー・スウィフトとは何も関係ないよ(笑) (それにしてもすごい連想だな・・・) Appleにアプリをリリースしたい iPhoneアプリを開発したら一般にリリースしたいものです。 AppStoreに公開するためには、iTunesConnect, DeveloperCenterというサイトで設定をし申請を行います。ちなみにリリースさせるためにはAppleのDeveloper登録が必要で年間11,800円かかります。参考サイトサルでもできるiOSアプリ公開手順～App store 登録～最初にも言ったけど、iPhoneアプリをリリースするためにはMacでなければならないんだ。ちなみにiPhoneアプリをリリースする際はAppleによる審査があるから覚えておこうね。なんで審査なんてするんですか〜？アプリを使う時に登録した個人情報が外に漏れないといったセキュリティ面や不快な表現がないかどうかの確認をするためだよ。へえ〜意外と厳しいんですね！そうなんだよね。だからみんな開発が終わってもたくさんテストして不具合がないか確認するんだよね。さて最後は、ゆかりちゃんお待ちかねのアプリでの稼ぎ方について説明していくよ！わあ〜！待ってました！ iPhoneアプリで収益を得たい iPhoneアプリで収益を上げるためには3つの方法があります。有料ダウンロード広告アプリ内課金有料ダウンロードは、アプリを有料で販売することです。有料アプリはゲームが多く購入される傾向にあります。広告はアプリ内に広告を表示して収益を得ます。アプリ自体は無料で使ってもらい、広告を出すことで収益が上げられます。アプリ内課金はゲームに良く使われます。ゲーム内のアイテムを販売するなどして収益を得ます。広告などを利用すれば個人でもアプリで稼ぐことができるでしょう。ちなみにゆかりちゃんはどんなアプリを作りたいの？撮った写真にプリクラみたいに可愛くスタンプとか文字を載せたいんです。あと、フィルターもおしゃれにして。とにかく可愛くデコレーションができるアプリが欲しくて、できるならアプリで稼げたらいいなあなんて思ってます。面白そうなアプリだね！そのアプリで収益をあげようと思ったら例えば、無料のスタンプやフィルターを用意しておいて、もっとおしゃれなものを使いたいと思ったら課金するみたいな感じが良いかもね。なるほど〜！いろいろ教えていただきありがとうございましたっ！おさらい iPhoneアプリの開発にはMacが必要！アプリを作る時は企画→設計→開発という順番で進めよう！アプリのリリースにはAppleのデベロッパー登録が必要！アプリで収益を得るには3つの方法がある！一つアプリを作るだけでも必要な知識はたくさんありますが、自分で作れるようになれば今後もそのスキルが役立つはずです。未経験だからといって諦める必要はなくぜひ自分のアイデアを形にしてみましょう！ [お知らせ]TechAcademyでは初心者でも最短4週間でオリジナルアプリが作れるiPhoneアプリ開発オンラインブートキャンプを開催しています。期間中は現役エンジニアのメンターが毎日学習をサポートするので、独学よりも効率的に学ぶことができます。

iPhoneアプリ開発

Ruby on Railsで作る！Webアプリケーションをゼロから開発する手順とは

Rubyという言語のフレームワークRuby on Railsを使ってWebアプリケーションを作る手順について紹介しています。最近はRuby on Railsで書かれたWebアプリが多く、一人でも素早く開発できる便利なフレームワークとして知られています。今回の記事では、Webアプリを作ったことがないという初心者向けに分かりやすく2人のキャラクターが登場しながらWebアプリの開発について解説しています。企業でもメインで使っているところは多いので、エンジニアを目指している方もぜひ参考にしてみてください。今回の登場人物田島悠介（29）元エンジニアで田島アプリスクールの代表。人の成長を見るのが一番のやりがいになっている。好きな映画は『トスカーナの休日』大石ゆかり（24） 3ヶ月前に田島アプリスクールに事務として転職してきた。 Instagramには3つの写真加工アプリで編集してからアップするという。（ある日の昼休み・・・）田島さんちょっとご相談が！なになにー？？私の母親が手作りでアクセサリーを作ってるんですけど「ネット上でも販売できるECサイトが欲しい」って言ってて、どうしても作ってあげたいんですっ！それで、田島さんに作り方を聞きたくて・・・なるほどね。いい娘さんだなあ！・・・どうやったら作れますか？そしたらどんなものが必要か説明していくね！やったー！ありがとうございますっ！目次必要となる知識実際に開発してみよう Webアプリを公開してみよう必要となる知識 HTML/CSS HTMLとは、Webサイトにものを表示するための言語です。上の画像のようにWebサイト上に文字を表示することができます。そしてCSSは、サイト上の表示を整えるものです。文字の色や大きさを変えたいといったサイトの見栄えを整えるためにCSSが必要になります。上の画像を見るとわかるように、背景に色付けしたり白いボックスを真ん中に寄せるなど色や位置をCSSで指定しています。プログラミングはやったことがないけど、Webアプリを自分で作ってみたいという人はこのHTML/CSSから学んでみることをおすすめします。 JavaScript JavaScriptは、ボタンを押した時やマウスオーバーした際に動きを見せるために必要な言語です。Webサイトの下部に設置されている「ページトップ」に戻る動きなどはJavaScriptを使って実装していきます。 Webサービスをより使いやすい設計にするためにJavaScriptを知っておくと良いでしょう。 Ruby Rubyはプログラミング言語の一つで、日本人のまつもとゆきひろ氏によって作られました。 Rubyはプログラミング言語として、以下のような特徴を持ちますすぐに実行できる（インタプリタ型、スクリプト言語）簡単に実世界を表現することができる（オブジェクト指向）短いコードで記述できる（動的型付け） Web系のプログラミング言語の中でも人気が高く、Webアプリケーションを開発している多くの企業も利用しているのが実情です。 Ruby on Rails プログラミング言語Rubyで書かれたWebアプリケーションフレームワークの1つで、David Heinemeier Hansson（DHH）氏によって作られました。 Ruby on Railsを利用することで、実際のWebアプリケーションを作成するのに必要な、データベースへのアクセスや、HTMLの描画、（ユーザーログインで必要な）セッションの管理などを少ないコードで実現することができます。 RubyやRuby on Railsを触ったことがないという人は、まずRuby on Railsの環境構築方法をご覧ください。Ruby/Ruby on Railsを書いて実際に動かすためにも準備が必要になってくるのです。データベースデータベースとは、あらゆるデータを一元管理し、そのデータを検索などしやすくしたシステムです。普段Webサービスを使っている中で何か登録している動作があれば、すべてデータベースに格納されていると理解できるでしょう。つまり、Webサービスを形にするためにはデータベースの知識も必要不可欠になってきます。データベースソフトウェアには、SQLiteやMySQL、PostgreSQL, Oracle Databaseなどがあり、これらはリレーショナルデータベース(RDB)と呼ばれます。Ruby on Railsではリレーショナルデータベースを使用することが多いです。ルビーってなんか名前良いですね！宝石みたいっ！（相変わらずミーハーだねって言いたいところなんだけど・・・）実は、誕生石のルビー、つまり宝石から名付けられてるんだよ！え、素敵！じゃあ私がWebアプリ作れたらルビー買ってくださいね♪ なんでそうなるの笑 [PR] Androidアプリの開発で挫折しない学習方法を動画で公開中実際に開発してみよう実際にWebアプリケーションを作っていこうと考えたら「企画→設計→開発」といった流れが一般的です。「企画」では、どんな人がいつ使うのかといったターゲットを決め具体的なWebアプリの構想を練っていきます。「設計」では、サイトマップ、ワイヤーフレームの作成、データベースの設計を行いましょう。以下で具体的に解説しています。サイトマップの作成サイトマップとはWebサイトの構成図です。作ろうと考えているWebサイト・Webアプリにはどんなページが必要なのか、どういう配置にしたら良いか考えるものです。例として、コーポレートサイトのサイトマップを作成してみました。会社のHPに限らずどのWebサイト、Webサービスもサイトマップを作っておくと余分なページや足らないページなどを把握することができます。また、複数人で開発する際の共有としても役立つでしょう。ワイヤーフレームワイヤーフレームは、各ページをより詳細に設計するための図になります。特に色付けなどは必要ありませんが、そのページにはどんなボタンやレイアウトが必要なのか作成する必要があります。自分の頭の中にイメージがあっても形にする時にワイヤーフレームを書き出しておくとより鮮明に理解できるでしょう。 Cacooなどのツールを利用すれば、初心者でも簡単に作成することができるはずです。データベース設計データベースで管理するデータの全体図を書き出していきます。Webサービスを運営していく中で機能を追加したり削ったりすることがあるので、将来的にも一元管理しやすいデータベースを設計しておくと良いでしょう。項目なども洗い出しておくことにより、Modelの設計などに役立ちます。やり方が分からないという方は、作りたいWebサービスと似たすでにあるサービスの情報を洗い出してみると良いでしょう。何か動作したときにどんなデータが登録されているのか確認してみると勉強になるはずです。開発では、Ruby on Railsでコーディングしながらアイデアを形にしていく段階になります。コードは、テキストエディタというものを使って書いていくようにしましょう。ひとつWebアプリ作るのにも大変そうですね〜そうだね〜。企業で作るとしたらディレクター、デザイナー、エンジニアで役割分担することが多いからね！だいたいどれくらい時間かけるんですか？早くても3ヶ月くらいはかかると思うよ。ゲームとかは1本作るのに1年くらいかけてつくり込むからね！え、そんなに・・・ Webアプリを公開してみようオリジナルのWebアプリを作ったら公開して誰でも使えるような状態にしたいと思うでしょう。中には自前でサーバーを立てて運用する人もいますが、費用や時間的なコストを考えるとレンタルサーバーを借りて公開する方が良いでしょう。実際に公開するためには、独自ドメインを取得し、サーバーを立ち上げる必要があります。それぞれ以下で記載している記事も合わせてご覧ください。費用をかけずに手軽に公開したいという方であれば、Herokuというツールを利用すると良いでしょう。独自ドメインの取得ドメインとは、インターネット上にある住所のようなもので登録していないと訪問先がなくWebサイトを見ることができません。ムームードメインやお名前.comなどが人気でしょう。ドメインが取得できるサイトサーバー(自前・レンタル) ドメインを取得したらサーバーを用意しなければなりません。自分で取得した住所に建物を建てるようなイメージです。決まった住所(ドメイン)に建物(サーバー)を置くことでWebサイトを見ることができるのです。レンタルサーバーは数多くあるので、選ぶ基準としては、「利用したい技術が利用できるか」や「かかる費用」などを事前に確認しておくと良いでしょう。さくらのVPSやSqale(スケール)などは初めて利用する人でも扱いやすいかと思います。レンタルサーバー比較サーバーとかって高いんですか？ 1,000円程度あれば借りられるところは多いよ！そうなんですねっ！じゃあ私がECサイト作って公開したときは経費で落としてくださいね♪ ・・・うん、自分で払おうね笑おさらい WebアプリはRuby on Railsを使うのがおすすめ！ Webアプリを作る時は企画→設計→開発という順番で進めよう！ Webアプリを公開するためにドメイン取得とサーバーを借りよう！ Webアプリを作ることでデザイン面、システム面両方の知識が身につくでしょう。エンジニアとして就職転職したいという人も一度自分で何か作った経験があれば、大いに役立つはずです。 Ruby on Railsは初心者でも受け入れやすくアイデアを形にしやすいフレームワークなので、ぜひチャレンジしてみてください。 [お知らせ]TechAcademyでは初心者でも最短4週間でオリジナルサービスが作れるRuby on Railsオンラインブートキャンプを開催しています。

Ruby

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

Webサイトを作成する上で人気が伸びているWordPress(ワードプレス)。今回は、WordPressを使ってブログサイトを作る手順について紹介しています。 2人のキャラクターが登場しながら分かりやすく解説しているので、WordPressを使ったことがない、ブログサイトを作ってみたいという人はぜひご覧ください。今回の登場人物田島悠介（29）元エンジニアで田島アプリスクールの代表。人の成長を見るのが一番のやりがいになっている。好きな映画は『トスカーナの休日』大石ゆかり（24） 3ヶ月前に田島アプリスクールに事務として転職してきた。 Instagramには3つの写真加工アプリで編集してからアップするという。田島さん、私今アメブロでブログ書いてるんですけど、もっとおしゃれな感じにしたいんですっ！なんか良いサービス知らないですか？ってか、ゆかりちゃんアメブロやってたんだ！教えてよ！笑それは秘密です♪（スッピン写真とか載せてるし、絶対見せられない）ええー。。ブログやるなら「WordPress(ワードプレス)」っていうのがおすすめだけど知ってる？ Word(ワード)なら知ってますけどそれとは違うんですか？ Wordでは無いんだけど、同じような使い方で自分のサイトを作れるんだよ！へえ〜そんな便利なものがあるんですね！具体的に教えてくださいっ！おっけ〜！教えたら今やってるブログも教えてね！それはダメです！！目次 WordPressとはサイト作成に準備するものブログサイト公開までブログサイト公開後 WordPressとは WordPressとは、CMS(コンテンツマネジメントシステム)と呼ばれるサービスの一つで、無料で使えることで有名です。ちなみにCMSとは簡単にサイト上のコンテンツを管理することができる仕組みです。普通、サイトを作ろうと思ったらHTML/CSSといった言語を使いながらプログラミングの作業が必要になります。しかし、WordPressの場合は、プログラミングを一切することなく自分のサイトを作ることができるのです。下の画像は、当サイトのTechAcademy magazineですが、このサイトもWordPressを使って動いています。ブログのように記事配信を行っていくようなサイトにはWordPressが適していると言えるでしょう。最近では企業のコーポレートサイトもWordPressで作成されているサイトがどんどん増えてきています。なんでWordPressってすごい人気なんですか？やっぱり無料で手軽なのに機能が多く何でもできるところじゃないかな！私アメブロしかやったことないんですが、大丈夫ですかね？笑もちろん！特に専門スキルは必要ないよ！ [PR] Androidアプリの開発で挫折しない学習方法を動画で公開中準備するもの WordPressをインストールし、実際にWebサイトとして動かしていく上で必要なものを紹介しています。まだ準備できていないという人は今のうちに用意しておきましょう。独自ドメイン Webサーバー FTPクライアント独自ドメインとは、インターネット上でアクセスするための住所のようなものです。「◯◯.com」や「◯◯.jp」の◯◯の部分がドメインです。独自ドメインというだけあって自分で決めることができます。 Webサーバーは、WebサイトをPCやスマホなどのWebブラウザに情報を表示するソフトウェアになります。昔は自分でサーバーを用意しなければなりませんでしたが、今はレンタルサーバーという便利なものがあるので誰でも利用することができます。レンタルサーバーを利用すれば月額500~1,000円程度でWebサイトを運営することができます。 FTPクライアントは、サーバーへファイルを転送するために必要です。無料で使えるFTPソフトもあり、特にCyberduckやFileZillaといったツールがよく使われています。以下は、WordPressを利用する手順になります。 WordPressのダウンロード FTPツールを使ってWordPressをサーバー上にアップロード WordPressのインストールでは、一つずつ解説していきます。 1. wordpress.orgよりWordPressをダウンロード WordPress.orgからWordPressをダウンロードすることが可能です。ダウンロードしたら解凍しておきましょう。 2. ダウンロードしたWordPressを、FTPツールでサーバー上にアップする WordPressをダウンロードしたらサーバー上にアップロードする必要があります。以下ではFileZillaというツールを使っていますが、どのFTPツールでも基本の操作は同じです。 FileZillaを開いたらサイトマネージャを開き、「新しいサイト」をクリックします。続いて、ホスト名、ユーザー名、パスワードを入力し、ログオンの種類を通常に設定します。入力したら接続ボタンをクリックしましょう。ホスト名、ユーザー名、パスワードをそれぞれ事前に確認しておきましょう。(契約時のメールに記載されていることが多いです) 赤枠内がサーバー内にあるファイルになります。右クリックをして「ディレクトリを作成」を選択してください。ディレクトリ名は、半角英数字で任意の名前を入力します。今回は、「/wp」というディレクトリを作成しています。作成した「wp」ディレクトリをクリックして開きます。そして、解凍したWordPressフォルダ内のファイルをすべて選択し、右クリックで「アップロード」を選択します。次に、wpディレクトリを右クリックして「ファイルのパーミッション」を選択します。「数値」を705に変更します。（既に705になっている場合はそのままでOKです） wpディレクトリ下の「wp-content」も同様に705に変更したらサーバーへのアップロード作業は完了です。 3. WordPressのインストールなど初期設定を行うこれからWordPressが利用できるように設定していきます。「さあ、始めましょう！」と書かれた箇所をクリックしてください。使用するデータベースなどの情報を入力する項目が表示されます。「この部分のインストールは無事完了しました。WordPress は現在データベースと通信できる状態にあります。準備ができているなら…」と表示されれば、問題なくファイルが作成されています。インストール実行をします。ブログサイトの「サイトのタイトル」、WordPressの管理画面にログインする際の「ユーザー名」「パスワード」「メールアドレス」を入力しましょう。あとで変更することも可能です。また、ブログサイトが検索結果に出てもいい場合は「検索エンジンによるサイトのインデックスを許可する。」にチェックを入れておきましょう。 WordPressをインストールし、「成功しました！」と表示されれば無事完了です。実際にログインしてみましょう。設定したユーザー名、パスワードでログインするとWordPressの管理画面に入ることができます。無事ログインできればWordPressの管理画面に入ることができるはずです。上記の画像がWordPressの管理画面になります。ブログを投稿したり、サイトの設計を編集したり、アカウントを追加するなどは基本的にこの管理画面上で行うことが可能です。サイドメニューに情報が多く、慣れるまで少し大変かもしれませんが毎日ログインして利用していればすぐ使えるようになるはずです。わぁ、WordPressっていろんな機能があるんですね。管理画面の使い方についてはこの後詳しく見ていくから付いてきてね！は、はいっ（汗）ブログサイト公開まで実際にWordPressが利用できたらWebサイトのデザインや構成を編集していきます。これから作っていこうと思っているブログ記事やカテゴリなどデザインを整える必要があるでしょう。 Webサイトの構成(サイトマップ) テーマの選択公開するブログサイトの構成、つまりサイトマップを考える必要があります。作る前から細かく設定する必要はありませんが、サイト内にどんなページが必要なのか書き出しておくとテーマも選びやすくなります。簡単にブログサイトのサイトマップを作ってみました。テーマとは、簡単に言えばサイトのデザインです。WordPressが人気な理由の一つとして最初にも紹介しましたが、HTMLやCSSなどデザインやプログラミングの作業をしなくてもテーマを選択するだけで一つのサイトにすることができます。何もしなければサイトデザインはデフォルトテーマ「Twenty Fifteen」が適用されています。非常にシンプルな作りになっているので、「もっとおしゃれなテーマにしたい」、「ヘッダーやフッターをつけたい」などサイトに合わせてテーマを選んでいきましょう。テーマを変更する際は、「外観」>「テーマ」で変更することが可能です。テーマ自体は、WordPressだけでなくいろんな企業や個人で提供しているので、調べてみることをおすすめします。無料で使えるWordPressのテーマ30選も合わせて紹介しておきます。サイト上に大きく動画が流れるようなデザインとかもできますか？もちろん動画が流れるテーマはたくさんあるよ！おお、そうなんですね♪ 下から浮き上がったり横からスライドしたり動きのあるサイトとかも作れます？パララックスっていうサイトかな。もちろんあるよ！WordPress自体世界中で使われてるからテーマを作る人も世界中にいて、種類に困ることは無いと思うよ！ブログサイト公開後 WordPressが選ばれている理由の一つにカスタマイズの柔軟性がよく挙げられます。記事を追加、更新できるだけでなくWebサイトのSEO対策や会員機能の追加など簡単に行えるのです。せっかくブログサイトを作ったらより多くの人に見てもらいたいはずです。プラグインの導入ブログ記事の投稿プラグインは、WordPressのダッシュボードから追加・設定することができます。プラグインをインストールしたら「有効化」しなければ利用できません。プラグインはいつでも設定できるので、必要に応じてインストールしましょう。 WordPressでまず最初に入れるべきプラグインを参考にしながらより本格的なサイトにしていきましょう。続いてブログ記事を実際に投稿してみましょう。新規でブログ記事を作成する場合は「投稿」>「新規追加」で新しく公開することができます。文章だけでなく画像や動画を記事内に挿入したい場合は、フォーマットなどを上手く利用すると良いでしょう。サイドメニューの「投稿」>「投稿一覧」で現在公開している、下書きの記事を一覧で見ることができます。サイトデザインはデフォルトテーマ「Twenty Fifteen」が適用されていますが、以下のように「Hello world!」というタイトルのブログ記事を読むことができました。ついにブログ更新が始まるって感じですね♪ そうだね！ちなみにゆかりちゃんはどんな事書いていくの？んー特に決めてないんですけど海外の映画とか見た感想をつらつらと書いていこうかなって思ってます♪ おお、いいね！じゃあ、僕の好きな「トスカーナの休日」もぜひ紹介してね！おさらい WordPressとは誰でも簡単にサイトを作れる便利なサービス！ WordPressでサイトを作るためには3つのものが必要！サイトを作る上でサイトマップを作成しよう！ WordPressはテーマとプラグインが充実している！初めてWordPressでサイトを作る際、サーバーやドメインの契約、新しいツールの導入など慣れない作業が多いかもしれませんが、サイトを公開してしまえば後はどんどんブログ記事の作成に集中できます。 WordPressを使ってぜひ自分だけのブログサイトを作ってみましょう。 [お知らせ]TechAcademyでは、WordPressを使ってカスタマイズしたオリジナルサイトを構築できるWordPressオンラインブートキャンプを開催しています。期間中は現役エンジニアのメンターが毎日学習をサポートするので、独学よりも効率的に学ぶことができます。

WordPress