ロボラボでエンジニアをしている川端です。弊社はマッチングサイト開発を専門に扱っているため「マッチングサイトを作りたい!」という方がよくご相談にいらっしゃいます。ご相談者の「こういうマッチングサイトがあると凄く便利だと思うんです!」という熱い思いにあてられ、弊社も最高のマッチングサイトを作ろう!という気持ちに火がついてしまいます。そこには一点大きな問題が。それはマッチングサイト開発には多大なお金がかかるということです。価格は一概には言えませんが、弊社では初期開発で200万〜300万円ぐらいの規模の案件が多いです。200~300万円という価格はシステム開発では小規模な部類に入りますが、スタートアップや、個人事業主にとっては大きな支出ですよね。見積りをお出ししたときの「そんなにするんですね...」という相談者の様子を見るとこちらも胸が痛くなってしまいます。お金を理由にやりたいことが実現できないのはとても残念なことです。社会にとっても良いマッチングサイトが生まれるきっかけを逃すことになり、大きな損失です。そこで今回、無料で使えるオープンソースである「Osclass」を使い、簡単に低価格でマッチングサイトを構築する方法をお伝えします。知識のない方でも着実にサイトを構築することができることでしょう。この記事では一般的なシステム開発会社が20万、30万お金を頂いて、行っている手法を詳細に記載しています。他社にとって、もはや営業妨害レベルの記事ですが、世の中に素敵なマッチングサイトが生まれることが僕の何よりの望みです。この記事があなたのマッチングサイト構築の第一歩になれば幸いです。今回構築したサイトがこちら今回の最終的に出来上がったサイトはこちらになります。※サンプルサイトの為、サービスは提供しておりません。あるフリーランスのアウトソーシングサイトっぽい感じですね。今回はOsclassのサンプルサイトをお見せするために作成したので、標準の機能をそこまで大きくイジっていません。構築にかかった費用や時間は次の通りです。約4時間、1,700円程度で費用でこのようなサイトを作ることができます。エンジニアとしてサーバ構築などの知識があったので、これぐらいの時間になりましたが、知識の無い方でも1,2日あれば十分にOsclassでサイトを構築することが可能でしょう。3章では具体的な構築の過程をご説明します。Osclassのメリットまず、Osclassを知らない方のために「Osclassとは何か?」「どんなメリットがあるのか」をご紹介します。「Osclass」とはマッチングサイトを簡単に構築できる、オープンソースのプロジェクトです。Osclassには次のメリットがあります。無料で使えるオープンソースオープンソースとは、一般公開されているソースコードのことを指します。オープンソースで有名なものでは、ブログやホームページでよく使われる「Wordpress」があります。OsclassはWordpressと同じ様に、無料で使うことができ、商用の利用もOKです。CtoCマッチングサイトが簡単に作れるOsclassはCtoC(個人間取引)のマッチングサイトを簡単に作ることができます。CtoCのマッチングサイトで有名なサービスには、「メルカリ」や「ヤフオク!」などがあります。これらに似たサイトをOsclassでは簡単に作ることができるのが大きな特徴です。マッチングサイトに必要な機能が揃っているマッチングサイトを作る際に最低限必要な機能には次のものがあります。etcこれらすべての機能をゼロから作るとなると、かなりコストがかかってしまいますが、Osclassではこれらの機能が標準で入っています。Osclassを使うことで高速に低価格でマッチングサイトを構築することができます。テーマが豊富にある「マッチングサイト作りたい!でもデザインが微妙なのはちょっと...」そう思うことはないでしょうか?昔と違い、今は見た目がきれいなWebサイトが多く、デザインが微妙なサイトはすぐにユーザーが離れてしまいます。Osclassにはデザインのテーマが無料のものから有料のものまで豊富に公開されています。これらのテーマを使うことで見た目にもきれいなサイトを作ることができるのです。Osclassのテーマはこちらのサイトから見ることができます。Osclassの導入手順ここでは実際にOsclassでサイトを構築した手順を細かくご説明します。1つ1つ順を追って見てみましょう。サーバを立ち上げるまずはOsclassをインストールするためのサーバを立ち上げます。「いきなりサーバなんてハードルが高い...」と思った方もいるかもしれませんが、高度な知識は必要ありません。以降でご説明する手順を忠実に実行すれば、知識の無い方でもサーバを立ち上げることができるでしょう。Conohaに登録し、サーバを立ち上げるまずはConohaというVPS(簡単に言うとサーバを提供してくれるサービス)を利用します。引用:ConohaVPSは他にも「さくらVPS」や「GMOクラウド」といったサービスがありますが、Conohaは初期費用がゼロ1時間単位の従量課金なので無駄な費用がかからないSSD対応で高いパフォーマンスといった特徴があり、おすすめです。実際、弊社でも毎月のサーバ代を抑えたいクライアント様にはConohaを提案するケースがよくあります。実際にサーバを立ち上げていきましょう。引用:Conohaまずは右上のログインボタンを押下し、新規会員登録のリンクから会員登録を進めます。会員登録後、このような画面が表示されます。引用:Conohaここでは次のように選択し、確定を押下してください。7.6(64bit)rootパスワード:※特定されにくいパスワードを入力してください。・・・1ネームタグ:任意の値サーバ構築後、このような画面が表示されましたか?引用:Conoha次に選択したサーバを選択します。引用:ConohaIPアドレスという項目をメモしておきます。・・・2また、接続許可ポートを「SSH(22)」と「Web(20/21/80/443)」にチェックしておきます。これでサーバの立ち上げは完了です。Osclassのセットアップ次はサーバにログインし、Osclassのセットアップを行います。この作業は経験のない人にとっては少しむずかしい作業もあります。手順は細かく説明していきますので、1つ1つ実施していきましょう。サーバにログインする前項で立ち上げたサーバにログインします。Macの方はターミナルアプリを開いて下さい。※Windowsの方は後ほどご説明します。ターミナルを開いたら次のコマンドを入力してください。root@111.222.333.444パスワードを聞かれるので、1を入力します。次のような画面になれば成功です。Windowsの方は次の動画を参考にサーバにログインします。動画の6:30~辺りで入力されている値は次の値に置き換えてください。Name:rootPassword/phrase:1で設定したパスワードPHPをインストールする(バージョンは7.2)サーバログイン後、次のコマンドを上から順番に入力してください。/etc/php.ini一番最後のコマンドは/etc/php.iniを編集する、というコマンドです。こちらのコマンドを実行すると/etc/php.iniファイルの編集画面が表示されるので、upload_max_filesizeという項目を見つけて次のように変更し、保存します。(※入力したいときはi、保存は[esc]:wqを入力します)※viの操作に慣れない人は次の手順で入力が行えます。入力したいとき:iを押す。後はカーソルキーで移動する保存したいとき:[esc]:wq強制終了したいとき:[esc]:q!Apacheをインストールする前項完了後、次のコマンドを上から入力してください。httpd.servicehttpからアクセス可能にする前項完了後、次のコマンドを上から入力してください。firewalld.serviceここまでで一度、サーバにブラウザからアクセスできるか試してみましょう。ブラウザを立ち上げて、2で取得したIPアドレスを入力します。次のような画面が表示されたら成功です。MySQLをインストールする前項完了後、次のコマンドを上から入力してください。generated'このような画面が表示されるので、ここで表示されるパスワードをメモしておきます。・・・3次のコマンドを入力します。mysql_secure_installation1mysql_secure_installation入力を求められるので次の通りに入力していきます。Y完了後、次のコマンドを入力します。osclass;exitOsclassをインストールする前項完了後、次のコマンドを上から入力してください。/etc/httpd/conf/httpd.confDocumentRootを次の画面ように変更し、保存します。次のコマンドを入力します。httpd.serviceこれでOsclassのインストールは完了です。Osclassの初期設定を行う前項でOsclassのインストールが完了したので、ブラウザから確認してみましょう。ブラウザを立ち上げて、2で取得したIPアドレスを入力します。次のような画面が出てくれば成功です。次にinstallを選択します。入力項目に次の値を入力してNextを選択します。prefix:oc_入力項目に次の値を入力してNextを選択します。Username:管理者のユーザー名を登録します。好きなもので結構です。・・・5Password:管理者のパスワードを登録します。特定されにくいものを入力してください。title:サイト名になるものです。後から変更可能なので気軽に好きなものを入力して下さい。e-mail:お問い合わせ時の送信先メールアドレスになります。お持ちのメールアドレスを入力して下さい。citiesこのような画面が表示されればセットアップ完了です。panel」を押下すると、次の画面へ遷移します。ユーザー名とパスワードは56で入力したものを入力して下さい。ダッシュボード画面を開いたら、次に日本語に対応させましょう。サイドバーから「Market」>「Language」を開いてください。2ページ目辺りに「ja_JA」というものがあるので、こちらの「Download」を選択します。more」>「Settings」>「Language」を開きます。次のような画面が開くので、Japaneseの「Enable(website)」を選択します。その後、一旦ログアウトしてから再度ログインすると日本語に対応されていることを確認できるでしょう。現在の状態で2で取得したIPアドレスをブラウザで開くと次のような画面が表示されます。ログインや会員登録ができるようになっていますが、ちょっとこのままのデザインだと味気ないので、テーマを導入していきます。テーマをダウンロードする今回はOsclassWizardsというOsclassのテーマを使います。OsclassWizardsは無料のテーマにも関わらず、有料以上にクオリティの高いデザインになっており、Osclassでは最も利用者の多いテーマの1つです。引用:OsclassWizardsOscalssWizardsのテーマを取得するには次のURLを開いてファイルをダウンロードします。・・・7OsclassWizardsのテーマ取得はこちらからテーマをインストールするダッシュボード画面のサイドバーから「外観」>「テーマの管理」を選択します。ファイルを選択で7で取得したzipファイルを選択し、アップロードを選択します。※もしここでエラーになった場合は、php.iniのupload_max_filesizeの上限を超えている可能性があります。3-2でご説明した手順に沿って、php.iniファイルを編集して下さい。アップロード完了後、「OsclassWizards」というテーマがインストールされているので、こちらの「有効にする」を選択します。選択後再度トップ画面を見てみるとテーマが反映されていることが確認できます。デフォルトよりはいい感じになりましたね。以上でOsclassの導入は完了です。CSSの知識がある人はテーマを編集したり、PHPファイルを編集することでサンプルのようなサイトのようなレイアウトにすることが可能です。オリジナリティのあるサイトを作りたい方は挑戦してみてください。ドメインの設定サイトの設定が完了しましたが、今度は独自ドメインからサイトにアクセスできるようにします。今回はお名前.comでドメインを購入し、購入したドメインからアクセスできるようにしたいと思います。ドメインを購入する引用:お名前.comまずはお名前.comで好きなドメインを検索します。(今回はosclass-sampleにしました)・・・8引用:お名前.comosclass-sample.workが安かったので、こちらで購入します。ドメインを設定する前項でドメインを購入後、下記の画面にアクセスします。お名前.comでのドメインの設定はこちらから引用:お名前.com8で購入したドメインを選択し、「次へ進む」を選択します。引用:お名前.com画面したの方の「DNSレコード設定を利用する」を選択します。引用:お名前.comVALUEの欄に2で取得した「IPアドレス」を入力し、「追加」を選択します。確定をボタンを押下すると、ドメインの紐づけが完了します。反映には少し時間がかかるため、先にSSLの対応を行うとよいでしょう。SSLを設定するSSLを設定することで、通信を暗号化することができ、セキュリティリスクを抑えることができます。マッチングサイトのようなメールアドレスやその他個人情報を入力するサイトではSSLの対応は必須です。ここではSSLの設定の仕方をご紹介します。秘密鍵を作成するSSL証明書を取得する前に秘密鍵というものが必要になるため、こちらを作成します。次のサイトにアクセスして下さい。