株式会社アウローラ 中武様 登壇資料

56
株式会社アウローラ 中武 雅護 SI業界のエンジニアに送る “0”からのWEBサービス開発

Upload: leveragesevent

Post on 15-Apr-2017

2.549 views

Category:

Engineering


1 download

TRANSCRIPT

Page 1: 株式会社アウローラ 中武様 登壇資料

株式会社アウローラ中武 雅護

SI業界のエンジニアに送る“0”からのWEBサービス開発

Page 2: 株式会社アウローラ 中武様 登壇資料

自己紹介

Page 3: 株式会社アウローラ 中武様 登壇資料

中武 雅護(ナカタケ マサモリ)

■未経験バイトからIT業界へ

■約4年間、中小SIerで炎上案件を多数経験

■思い立って独立。WEB開発に初めて触れる

■2012年、株式会社アウローラ入社

■WEBシステム開発・スマホアプリ開発

■その他、サービスに携わることは何でも

--個人的な活動--

ハイエナズクラブ(サイト立ち上げ)

http://hyenasclubs.org

アロハフィッシュマンズ(サイト立ち上げ)

http://alohafishmans.com

Page 4: 株式会社アウローラ 中武様 登壇資料

株式会社アウローラについて

Page 5: 株式会社アウローラ 中武様 登壇資料

p3

“求人広告事業”と”EC事業”を軸に、女性のライフスタイル全般を支援できる

総合的なサービスを企画・開発しています

<ルアム>は、ロンドンに店舗を構え、デザイナー、グラフィッカーなど新鋭デザイナーズ集団で展開するレディースアパレルブランドhttp://lurem-jp.com/

自社のドレスブランドである『EaStRe』に加え、ネイルシール、化粧水、スリミングジェル、コスメなど女性のためのアイテムを取り揃えていますhttp://ququronmall.jp/

学び 食事

家族 美容

出産・育児

      恋愛 趣味

健康

EC事業求人広告事業

仕事/キャリアファッションノンキャリアの若年層女性に

ターゲットを絞った総合求人サイト「RUN-WAY」

20代を中心とした若年層女性、なかでも正規雇用での就業経験のない

ノンキャリアの女性をターゲットにした求人情報サイトです。

“ちゃんとしなきゃ、のスタートライン”をテーマに、若年層女性のポテンシャル採用のご提案を通して、企業の価値向上に貢献

していきます。http://run-way.jp/

Page 6: 株式会社アウローラ 中武様 登壇資料

今日話すこと

Page 7: 株式会社アウローラ 中武様 登壇資料

突然ですが!

Page 8: 株式会社アウローラ 中武様 登壇資料

この中で自分で0からWEBサイトを作った経験のある方は

いらっしゃいますか?

Page 9: 株式会社アウローラ 中武様 登壇資料

雇われSE時代の頃の私は(~2008年頃)

(エンジニアなのに)

WEBサイトの作り方なんて全く知りませんでした。

Page 10: 株式会社アウローラ 中武様 登壇資料

当時の業務といえば、、、

・案件は(ほぼ)社内システム・大規模システムの限定された機能の実装がメイン・規模がでか過ぎて、全体像が見えない

Page 11: 株式会社アウローラ 中武様 登壇資料

個人的な疑問

SI業界では意外と“0”からWEBサイトを作った事がない人が

多いのでは?

Page 12: 株式会社アウローラ 中武様 登壇資料

SI業界のエンジニアに送る(当時の自分に送る)

“0”からのWEBサービス開発

Page 13: 株式会社アウローラ 中武様 登壇資料

Agenda

1.自分のドメインに【Hello World】を表示するまで

2.開発する際に決める事

3.求人サイト【RUN-WAY】の開発事例

4.まとめ

Page 14: 株式会社アウローラ 中武様 登壇資料

1.自分のドメインに【Hello World】を表示するまで

Page 15: 株式会社アウローラ 中武様 登壇資料

4STEP

・ドメインの購入

・レンタルサーバを契約する

・ドメインとサーバを紐付ける(DNS設定)

・ドキュメントルートのindex.htmlに【Hello World】と入力してデプロイ

Page 16: 株式会社アウローラ 中武様 登壇資料

Q:ドメインって何?

ドメイン購入 レンタルサーバ ドメインとサーバの紐付け HelloWorldの記述

Page 17: 株式会社アウローラ 中武様 登壇資料

Q:ドメインって何?

A.インターネット上の住所です↓

http://hoge.com [.com] http://hoge.jp [.jp]         ↑

         トップレベルドメイン

ドメイン購入 レンタルサーバ ドメインとサーバの紐付け HelloWorldの記述

Page 18: 株式会社アウローラ 中武様 登壇資料

Q:ドメインを購入するには?

ドメイン購入 レンタルサーバ ドメインとサーバの紐付け HelloWorldの記述

Page 19: 株式会社アウローラ 中武様 登壇資料

Q:ドメインを購入するには?

A:ドメイン取得サービスで購入します。お名前.com/ムームードメイン/VALUE-DOMAIN/etc

ドメイン購入 レンタルサーバ ドメインとサーバの紐付け HelloWorldの記述

Page 20: 株式会社アウローラ 中武様 登壇資料

Q:どのサービスを使えばいいの?

ドメイン購入 レンタルサーバ ドメインとサーバの紐付け HelloWorldの記述

Page 21: 株式会社アウローラ 中武様 登壇資料

Q:どのサービスを使えばいいの?

A:(基本的には)どこでも良いです!・サービス会社によって、多少料金の違いはあります

・最悪、ドメインのサービス会社移管が可能。

ドメイン購入 レンタルサーバ ドメインとサーバの紐付け HelloWorldの記述

Page 22: 株式会社アウローラ 中武様 登壇資料

Q:トップレベルドメイン[.com]はどうやって選ぶの?選ぶ際のリスクは?

[.com] [.jp][.org][.co.jp][.tokyo]

ドメイン購入 レンタルサーバ ドメインとサーバの紐付け HelloWorldの記述

Page 23: 株式会社アウローラ 中武様 登壇資料

Q:トップレベルドメイン[.com]はどうやって選ぶの?選ぶ際のリスクは?

[.com] [.jp][.org][.co.jp][.tokyo]

A:(基本的に)何でも良いです!・会社HPの場合は、[.co.jp]を狙いましょう・jpドメインは日本国内に住所が必要です

ドメイン購入 レンタルサーバ ドメインとサーバの紐付け HelloWorldの記述

Page 24: 株式会社アウローラ 中武様 登壇資料

ちなみに、弊社のHPドメインは

ドメイン購入 レンタルサーバ ドメインとサーバの紐付け HelloWorldの記述

Page 25: 株式会社アウローラ 中武様 登壇資料

ちなみに、弊社のHPドメインは

http://aurora.vc

ドメイン購入 レンタルサーバ ドメインとサーバの紐付け HelloWorldの記述

Page 26: 株式会社アウローラ 中武様 登壇資料

【VC】~セントビンセント・グレナディーン~

ドメイン購入 レンタルサーバ ドメインとサーバの紐付け HelloWorldの記述

Page 27: 株式会社アウローラ 中武様 登壇資料

【VC】~セントビンセント・グレナディーン~

ドメイン購入 レンタルサーバ ドメインとサーバの紐付け HelloWorldの記述

Page 28: 株式会社アウローラ 中武様 登壇資料

Q:VCドメインで困ったことは?

ドメイン購入 レンタルサーバ ドメインとサーバの紐付け HelloWorldの記述

Page 29: 株式会社アウローラ 中武様 登壇資料

Q:VCドメインで困ったことは?

A:何もありません※但し、企業ドメインは【.co.jp】が理想

ドメイン購入 レンタルサーバ ドメインとサーバの紐付け HelloWorldの記述

Page 30: 株式会社アウローラ 中武様 登壇資料

レンタルサーバを契約する

ドメイン購入 レンタルサーバ ドメインとサーバの紐付け HelloWorldの記述

Page 31: 株式会社アウローラ 中武様 登壇資料

Q:レンタルサーバの種類

ドメイン購入 レンタルサーバ ドメインとサーバの紐付け HelloWorldの記述

種類 代表的なサービス会社

メリット デメリット 向いてるサイト

共用サーバxサーバヘテムルロリポップ

コストが安い。 高負荷に弱い。制限あり

小規模サイトどうでも良いサイト

専用サーバkagoyawadax 処理能力が高い。安定している。

コストが高い。冗長化、負荷分散に時間と

コストがかかかる。中規模~大規模サイト

VPS さくらのVPS ノーコメント ノーコメント ノーコメント

クラウドサーバAWSGCP

初期コストがかからないバックアップや冗長化、負荷分散

が楽ちん英語が一杯 全部!

Page 32: 株式会社アウローラ 中武様 登壇資料

Q:どう選べば良いの?

ドメイン購入 レンタルサーバ ドメインとサーバの紐付け HelloWorldの記述

Page 33: 株式会社アウローラ 中武様 登壇資料

Q:どう選べば良いの?

A:サイトの規模と将来性で判断。

小規模でアクセス増加も見込まない場合→共用サーバ

商用もしくは将来的にアクセス増加の可能性がある場合→専用サーバorクラウドサーバ

※弊社で運営していたサイトは専用サーバから全てクラウドサーバに移行しました。

ドメイン購入 レンタルサーバ ドメインとサーバの紐付け HelloWorldの記述

Page 34: 株式会社アウローラ 中武様 登壇資料

ドメインとサーバの紐付け

ドメイン購入 レンタルサーバ ドメインとサーバの紐付け HelloWorldの記述

Page 35: 株式会社アウローラ 中武様 登壇資料

Q:ドメインとサーバの紐付けはどうするの?

ドメイン購入 レンタルサーバ ドメインとサーバの紐付け HelloWorldの記述

Page 36: 株式会社アウローラ 中武様 登壇資料

Q:ドメインとサーバの紐付けはどうするの?

A:ドメインの管理画面にて、ネームサーバ(DNS)の指定を行いドメインの向き先を対象のサーバに向けます。

ドメイン購入 レンタルサーバ ドメインとサーバの紐付け HelloWorldの記述

Page 37: 株式会社アウローラ 中武様 登壇資料

HelloWorldの記述

ドメイン購入 レンタルサーバ ドメインとサーバの紐付け HelloWorldの記述

Page 38: 株式会社アウローラ 中武様 登壇資料

Q:どこに記述すればサイトに反映されるの?

ドメイン購入 レンタルサーバ ドメインとサーバの紐付け HelloWorldの記述

Page 39: 株式会社アウローラ 中武様 登壇資料

Q:どこに記述すればサイトに反映されるの?

A:サーバで設定された(した)ドキュメントルート直下のindex.htmlに記述します

ドメイン購入 レンタルサーバ ドメインとサーバの紐付け HelloWorldの記述

Page 40: 株式会社アウローラ 中武様 登壇資料

Agenda

1.自分のドメインに【Hello World】を表示するまで

2.開発環境を決める

3.求人サイト【RUN-WAY】の開発事例

4.まとめ

Page 41: 株式会社アウローラ 中武様 登壇資料

2.開発環境を決める

Page 42: 株式会社アウローラ 中武様 登壇資料

2.開発環境を決める

WEBの開発言語と、それを使用したWEBサ―ビス

PHP YahooFacebook(現在は自社開発のHack言語)

Ruby(Ruby on Rails) COOKPAD

PythonDropboxInstagramPinterest

JavaWajaTwitter(Rubyから移行?)Evernote

Perl mixiはてなブックマーク

Page 43: 株式会社アウローラ 中武様 登壇資料

2.開発環境を決める

Q:どの言語にすれば良いの?

Page 44: 株式会社アウローラ 中武様 登壇資料

2.開発環境を決める

Q:どの言語にすれば良いの?

A:自分に合うものでOK!

Page 45: 株式会社アウローラ 中武様 登壇資料

2.開発環境を決める

Q:どれにするか迷う場合は?

Page 46: 株式会社アウローラ 中武様 登壇資料

2.開発環境を決める

Q:どれにするか迷う場合は?

A:まずはPHP+MySQLを選びましょう

※殆どのレンタルサーバに標準装備されている※比較的簡単にWebアプリケーションの構築が可能。

アウローラのメインサービスは大体PHP+MySQLで動いています。

Page 47: 株式会社アウローラ 中武様 登壇資料

2.開発環境を決める

フレームワークを選ぼう

Page 48: 株式会社アウローラ 中武様 登壇資料

2.開発環境を決める

Q:フレームワークって何?

A:アプリケーション開発の土台です。Good

便利な機能が既に用意されている例:DB接続機能ルールに沿って行動すれば、効率的な開発が可能

フロントエンドの開発者(WEBデザイナ)との作業分担がしやすい複数人での開発に向いている

Bad学習コストが掛かる。

超小規模サイトや静的サイトの場合、使わない方が開発は早い

Page 49: 株式会社アウローラ 中武様 登壇資料

2.開発環境を決める

Q:PHPフレームワークの種類

Page 50: 株式会社アウローラ 中武様 登壇資料

2.開発環境を決める

Q:PHPフレームワークはどれを選べば良いの?

Page 51: 株式会社アウローラ 中武様 登壇資料

2.開発環境を決める

Q:PHPフレームワークはどれを選べば良いの?

A:どれでもOK!※宗教と同じで、どれが良いとかは人それぞれ

※ぶっちゃけ、どれでも開発可能

大事なのは、フレームワークに囚われ過ぎない事。

Page 52: 株式会社アウローラ 中武様 登壇資料

Agenda

1.自分のドメインに【Hello World】を表示するまで

2.開発環境を決める

3.求人サイト【RUN-WAY】の開発事例

4.まとめ

Page 53: 株式会社アウローラ 中武様 登壇資料

3.求人サイト【RUN-WAY】の開発事例

RUN-WAY  ノンキャリアの女性のための100%未経験歓迎求人サイト

  ドメイン  :http://run-way.jp  ファーストコミット :2012年5月  言語 :PHP5.3  DB :MySQL5.3 →MySQL5.6  フレームワーク :CakePHP1.3 サーバ      :専用サーバ → GCP                 (Google Cloud PlatForm)

Page 54: 株式会社アウローラ 中武様 登壇資料

Agenda

1.自分のドメインに【Hello World】を表示するまで

2.開発環境を決める

3.求人サイト【RUN-WAY】の開発事例

4.まとめ

Page 55: 株式会社アウローラ 中武様 登壇資料

4.まとめ

WEBサービスは....

・誰でも簡単に始められる。

・どんな環境でも大抵、何とかなる。

・どんな環境でも大抵、手直しが必要になる。

・”何で”作るかでなく、”何を”作るか。が大事

Page 56: 株式会社アウローラ 中武様 登壇資料

ご清聴有難うございました