instagram のような画像共有サイトの作り方!スクリプトを使って簡単構築 | インスタ クローン | 収益化
[音楽] はい皆さんこんにちは田ですえ今回はです ね海外の面白いツルについてご紹介して いきたいと思いますが今回はですねあの 視聴者の方からいくつかご質問いただいて おりましたあのInstagramの クローンの作り方について動画でご説明し ていきたいと思いますでま今回どういう 動画かと言いますとまできる限りノー コードでも比較的簡単に Instagramのような画像 シェアリングプラットフォームを作って いくというような動画になっていきます はいま需要としましてはですねまま既に こうInstagramっていう大きいま 有名な画像シェアリングプラットフォーム があるんですけども例えば皆さんの日に 特化したプラットフォームを作ることに よって例えばコスメ専用の画像 シェアリングプラットフォームとかあとは 例えば建築アートのそういう画像 シェアリングサイトとかを作ることによっ てまそういう特定のニーズの人を集客する ことができてで今回のこの プラットフォームを使うことによって 例えば広告を配信したりとかまご自身の アドセンスを貼り付けたりとかもできます しあとは各ユーザーさん同士が自分の写真 を売ったりとか販売とかすることもできる ようになっていますまそういった機能を 使うことによって活性化させることによっ てま十分収益間狙うこともできる プラットフォームまInstagramの ようなま画像シアリングプラットフォーム を作ることができるようになっていますの でまもしですねまそういうの考えて いらっしゃる方がいましたらま今回の動画 が少しでも参考になればと思いますで実際 に今この画面に移しているのが今回その 実際にあの皆さんの作成ができる プラットフォームになっていますはいま こういった形でですま本当に Instagramのような形で画像 アップロードしたりとか動画を アップロードしたりとかあとリールとか ストーリーとかいう機能もありますでこれ 今英語になっていますがまもちろんあの 日本語か全部することが可能になっている というような状態になっていますはいあと ストアということでまそれぞれ皆さんが ですねご自身の画像をいくらで販売すると かできますしあとは自動的に画像画像に スカッシュを入れたりとかもできますしで もちろんあとはチャット機能ということで このウブこのwebアプリ内で他の ユーザーさんとチャットをすることができ たりとかもできるという機能になってい ますかなりですねあの機能的になってい ますま他にもですねこういった Instagramのような プラットフォームを作ることができるあの スクリプト僕たくさん知ってるんですけど もま今回ですま比較的簡単かつある程度 機能に優れてるま機能的なものとという とこで今回のあのスクリプトをご紹介し たいと思いますはいで今回のま動画の流る としましてはこういった形で進めていき たいと思いますまず今回のまこの プラットフォームを作るための必要なもの ということでご説明していきましてそこ からインストール方法のご紹介とかあとは 実際にこのプラットフォームの中で使う ことができる機能などについてご紹介して いきたいと思いますま長い動画になると 思いますのでま倍速で見ていただいたりと かあとはま必要な部分飛ばしていただいて 見ていただければと思い ますはいそれではですねまず今回のこの プラットフォーム作るために必要なものに ついてご紹介していきたいと思いますで まず最低的に必要なものとしまして ホスティングサーバーが必要になってき ますでこれはですま正直何でもオッケーと いう形になりますがま日本のま一般的な ホスティングサーバー例えばXサーバーと かミックスホストとかまコノハとかであれ ばあの作動すると思いますま基本的に何で もオッケーであとまFTPの機能ですね あのパソコンから直接サーバーにファイル をアップロードする操作がありますので そのFTPの機能が使えるサーバーであれ ば基本的に何でもオッケーという形になり ますであと次に必要なものがコード スクリプトということでこれまたすぐのの ちょうどご紹介しますが一応有料のコード スクリプトこれ専用のものが販売されてい ますのでまそちらを購入してそれを アップロードしてま設定をしてくという ような流れでプラットフォームを作ること ができますであとドメインということでま もし皆さんあのドメインカスタムドメイン お持ちであればそのカスタムドメインの中 で皆さんのサイトを表示することができ ますのでももしドメをお持ちであればその ドメを使うことが可能ということになって いますはいそうしましたら今回ご紹介する このスクリプトですね有料のスクリプトに なるんですけどもこちらのPixel フォトとというスクリプトになりますで こちらもですねまあの僕がよく使ってる このコードキャニオンで販売されてものな んですが上も1300件ほどあのもう 世界中で売られているまスクリプトという 形になりますでこの販売者の方もですね かなりあの結構いろんなスクリプト出して おりましてまそれこそFacebook 顔負けのそういうソーシャル プラットフォームとかも出していたりし ますでその方が出している今回はこの Instagramのクンのような プラットフォームを作ることができる スクリプトという形になりますでまた こちらのあのリンクあの貼っておきますの でまた動画説明欄から見ていただければと 思いますがま基本的には本当に Instagramと同等の機能ができる という形になりますでこちらにですねあの ライブのプレビューがありますので クリックいただきましてここでデモを確認 することができますでここで皆さんご自身 でアカウントを作成いただいてこのサイン アップなでまメールとパスワード作って いただいてここですぐアカウントを作って 試しにログインすることができますのでま そこで実際の使用感とか確認いただければ と思いますま冒頭でもご説明しましたが あのもちろん日本語かあの各言語を日本語 にすることができますのでま英語だけで なくあの日本語でも使うことができると いう形になりますでこちらのスクリプトに 関しましてですがこちらが59$になって ましてでこちら買の価格になりますので5 払ってしまえばも使えるという形になり ますで今回アップデートがあった時もま しっかりとあのアップデートは ダウンロードすることができるようになっ ていますでライセンスの使用上ですね一応 1ドメインにつきまして1つのこの購入が 必要になりますのでもし複数のドメインで これ使おうと思った時はまそれぞれ買う 必要があるという形になりますまた詳しい ことに関しましてはこちらのコード キャニオンの規約などをご確認いただけれ ばと思い ますはいそうしましたら実際にですね インストールするところからご説明して いきたいと思いますで今回僕はですねあの Xサーバーをま持っているのでXサーバー 上で設定していく方法についてご説明して いきたいと思いますでまず何をするかと 言いますとまずこちらからコード キャニオンからダウンロードしていきます でダウンロードしますとこういった形で ZIPファイルで表示されていますでこれ 最初ですねまずあの回答していくまずこの ZIPファイルを回答していくんですが 最初ですねここの名前がですねすごい長い 名前になっていますでこのまま回答して しまいますと時々ですねあのこのファイル パスが長すぎてエラになってしまいますの でまこういった形で簡単にまピクセル フォトとか一見短い名前にZIPファイル の時にしておきますでこれをですねまあの WindowsMacどちらもそうですが 回答ということでまこの展開いただくこと によってこの中のZIPファイルをこうい た形でフォルダー形式で確認することが できますはいでここにですねま ドキュメンテーションスクリプトというの がありますま回答はですね結構ファイル数 多いのでま何万ファイルとありますのでま パソコンのスペックとかあの状況によって はまちょっと数分かかることがありますが まその回答を行っていただくという形に なりますでそうすると回答後のファイルに ですねこういった形で3つフォルダーが ありますで今回このスクリプトですねこの スクリプトというフォルダーを皆さんの そのサーバーにアップロードしていただく ところから始まるという形になりますで もう1つ必要な作業がありましてこちら ですね実際に今ダウンロードしてこちらの 僕のあの購入リストになるんですけども 今回このPixelフォトというのを昔 ダウンロードしたものがありますでここで ダウンロードクリックしてこちらの ファイルですねこちらのファイルを先ほど ダウンロードしてZIPファイルをゲット することができたんですがここの ライセンスサーティフィケートというもの がありますこれいわゆるあの購入コード みたいな形でしっかりとそのドメインに 対して1つのこのライセンスが使われて ますよというのを確認するために必要に なってきますでこのテキストバージョンを あじめダウンロードしておくことによって こういった形でここにアイテムパーチェス コードというのが載っていますでこれを ですねあのインストールする時に挿入する 必要がありますのであらかじめこちらの 購入コードのテキストファイルも ダウンロードしておくとおすすめですはい 次にどうするかと言いますと次にFTPを 開きますちょっとあのFTPの設定方法と かについては今回割愛させていただきます がま他のあのサイトとかで詳しく説明され てる方もいらっしゃるのでまそちらご確認 いただければと思いますで既にこのもうX サーバーとま僕のあのFTPクライアント のアカウントを接続した状態にしています でここから皆さんの先ほどのスクリプト フォルダーの中身をこのサーバー上に FTPでアップロードしていくという流れ になりますなのでイメージとしましては今 このスクリプトですねスクリプトの ファイルの中身このアドビパネルとかアス とかエンドポイントとか入ってるこの フォルダーの中身をそのままここに アップロードしていくという形になります のでまこちらでアップロードをですね アップロードをクリックすることによって このサーバー上の新しいドメインのところ にこうアップロードすることができると いう作業になりますでここちらもですねま あのファイル数が多いので結構時間が かかると思いますがまそこは気長に待って いただきましてまエラーが発生してあの 転送できてないファイルがあればしっかり と全て転送できるようにあのサイドQを 繰り返すという形になりますはい今実際に こちらアップロードしている状態になって いますでま大体1万ファイルぐらい アップロードする必要がありますのでこう いった形でまあのネットの速度とかあの皆 さんのホスティングサーバーのスピードに もよりますがこういった形で多少時間が かかるという形になりますで今回はこの insta.hodPlus.sという サブドメインに対してファイルを アップロードしているという形になってい ますでちょっとまだ時間がかかるので少し 置いてみたいと思いますはいそうしまし たらですね今ちょっとま時間かかりました がこういった形でFTPで今フォルダーの スクリプトのフォルダーの中ので全ての データをホスティングサーバーのところに アップロードすることが完了しましたで こういった形で今全てのファイルがこの左 の方から右の実際のサーバーの方に アップロードされたという状態になってい ますで次にどうするかと言いますと今回 このアップロードしたとこのドメインがま サブドメインなんですけどもこのインスタ hpr.Sというアドレスのところに アップロードしましたでそこのですねそこ にスラッシュインストールをつけたURL に進むことによってインストール画面に 進むことができるようになりますはいこう いった形であの正常にファイルが全て アップロードされていればこういった形で Pixelフォトスクリプト インスタレーションというページに飛ぶ ことができますでここからですねま基本的 な情報を入れていくという形ですでまず 1番最初に要求されるのがこのパーチ コードということで先ほどテキスト ファイルでダウンロードしたところに パーチェスコードが書かれていますので そちらをここに貼り付けけるという形です はい今貼り付けましたでインストールを クリックしますでそうするとまウェルカム ということで次のページに進むことができ ますでここでま利用規約ということでま ライセンスによってこういうことができ ますよできませんよという風に書かれて いるのでアグリーをクリックしてNEXT をクリックしますで次にま リクワイアメントということで今回ま サーバーの環境ですねまこういったのが あのサーバーとして要求されていますで 今回Xサーバーの普通のプラン使ってます がまこういった形で全てステータス オッケーチェックマークがついていると いう状態になっていますま本当これあの サーバーによるのでまもしあの皆さんご 心配な場合はそのホスティングサーバーに 1回この各スペックを聞いていただいて からあの使えるかどうかっていうのを見て いただくといいかなと思いますでこれオー になっていますのでNEXTをクリックし ますで次んですがまデータベースと紐 付ける作業がありますでまこういうウブ アプリケーションというのはその フォルダーだけではなくてアプロとした フォルダーだけでなくてその顧客のデータ とか投稿内容とか全てをまデータベース化 して全てをデータベースの部分を保存して おくという必要もありますでここにこの SQLとかあるんですがこれが各 データベースというものになっていますで これもあのXサーバーの方で作っていくの ですがま基本的にあの他のホスティング サーバーであってもまデーまデータベース 作れる皆さんの方で重に作れるはずですま それこそWordPressのためにも WordPressもデータベースが必要 になっていますので作るオプションはある と思いますはいで今回あのXサーバーを例 にして少し作ってみたいと思いますがまず データベースを作成する際にまず データベースのユーザーですね データベースを管理するユーザーを作成し てあとデータベースそのものを作りますで このユーザーがこのデータベースを持って いますよという風に紐付けることによって まデータベースが機能しますであとその データベースののユーザーにはパスワード が必要になってくるという形になりますの でま今回ですねこのホストネームと ユーザー名とパスワードこのユーザーの ためのパスワードとあとデータベースの 名前というものを要求されていますので これらを作っていこうと思いますはいで 今回Xサーバーを例にしていますがま他の プラットフォームですね例えばCパネルを 持っているMIXホストとかでもま似た ような方法で作ることが可能になってい ますで基本的にこのデータベースという ところがあると思いまして今回あのX サーバーの場合ですとこのMySQL設定 というのをクリックしますはいこういった 形で今このサーバーで保存されて データベースのデータが入ってきています でまず最初にはユーザーを作った方がいい と思いますのでこのユーザー追加という ところでユーザーを作成しますでま バージョンこの5.7大丈夫ですで次に このユーザーIDというところがありまし てここは正直何でも大丈夫ですあのどんな 文字列でも大丈夫です他のデータベース ユーザー面と被らなければいいので今回は インス2という風に入れてみますこれ ちょっと4文字しか入れることができませ んのでまこういった形で入れておきたいと 思いますでこのデータベースのユーザに 対してのパスワードも作りましてこれで 確認画面を進みますはいそうしましてこれ でオッケーですので追加するをクリックし ますそうしますとまずデータベースを管理 するユーザーアカウントを作ることができ ましたで次にですがこのユーザーが管理 するためのデータベースというものをまた もう1つ作りますで次にこのユーザー追加 じゃなくてここのMySQL追加という ものがありますのでこちらをクリックし ますはいそうしますとここにまた データベースの名前を入れることができる ようになってますのでこれちょっとあの 紐付けが分かりやすいように同じような形 でインス2と入れて作成をしますでこれも 確認画面進みますはいそうしましてこれで オッケですので追加をするをクリックし ますはいそうしますと今データベースの ユーザーとデータベース自体を作りました で最後にこのデータベースと今作った ユーザーと今作ったデータベースが紐づい ていますよとという設定がありますので そちらを行っていきますはいそうしますと ここに今ですね僕が持っているこのサイト に保存されているこのサバーに保存されて いるデータベースが全て並んでいるんです がまこういった形であのデータが並んでい ますでここに今作ったデータベースが存在 していましてここにはユーザーはいません という風になっていますのでこれの データベースを管理してにまだユーザーが 紐づいていないのでここでユーザーを選択 するという形ですでもこの追加の部分が ありますので先ほど作った同じですねこの インス2というデータベースを選んで追加 をクリックします配送しますとアクセス券 の追加を完了しましたということで先ほど ユーザーとして作ったアカウントがこの人 がこの先ほど作ったデータベースを持って いるという風に紐付けることができました でこれで設定としては大丈夫ですであは ですねまたこちらに戻りましてここに 先ほど作成したユーザーネームなどを入れ ていくという形になりますはいこのような 形で情報を入れましたでッサーバーの方 ですとホスト形式がこのような形になり ますでこれはですねこのMySQL情報の ところにこのホスト名というものが書いて ありますのでこちらあの皆さんそれぞれ 異なっていますのでこれをコピーして いただいて先ほどのここに貼り付けると いう作業になりますはいであとサイト URLということでま今回あの皆さんが アップロードしたところのドメインをその まま入れていただければ大丈夫ですあの サブドメインでも全然機能しますで今回 例えば僕の場合ですとこのinsta. hodaPlus.sというところにも アップロードしましたのでこちらのURL を入れておくという形になりますであと サイト名ということでま今回作成する サイトの名前ですね一応あのSEOにも 関わってきますのでサイト名をつけて もちろん後からも変更可能ですので最初は 適当でも大丈夫ですであとサイトの管理者 メールとあとアドミンですねの管理者の ユーザー名と管理者のパスワードをここで 設定しておく必要がありますで最後ここで インストールをクリックすることによって ログインページにアクセスすることが できるというようになっていますはいそう しますとどうなるかと言いますとこれで インストール完了しますとこういった ページに飛ぶと思いますこれも既にあの もう僕が作成済みのページになっており ますのでちょっと一部もう日本語になって いますがここに飛ぶことができるように なってますであとはですねもまずアドミン としてログインする必要がありますので 先ほど作ったアドミンのEメールと アドミンのパスワードまあのユーザーメン でも大丈夫ですがユーザーメンと パスワードを入れてログインをクリックし ますはいそうしますと晴れてですねもう あの作業完了したんですけども皆さんの ドメインにInstagramのような 画像シェアリングプラットフォームを設置 できたという形になりますこれはあの めちゃめちゃ簡単ですもうダウンロードし てまアップロードとか回答にちょっと時間 かかったりしますが実際の作業としまして は本当に10分ぐらいあればもうすぐすぐ 簡単に作れてしまうというものになってい ますでもちろんですねまここからあの皆 さんのそのそれぞれの設定サイトの設定と かの日本語化をしていく必要がありますの でそちらについてもご説明していきたいと 思い ますはいそうしましたらまずサイトの内部 的な設定ということでまその設定を見 ながらあのこのスクリプトでどういうこと ができるかというところもご説明していき たいと思いますでまずこの右上に行きまし てここにですがここにアドミンパネルと いうところがありますでこれ今管理者なの でここのプラットフォーム見えていますが 例えばですが今これあの別のユーザーとし て見ていますでその人がクリックをすると ともちろんアドビパネル見えていません これあのただの一般ユーザーですのであの 管理者のとこには入れないという形になり ます今僕のこちらのアカウントの方では 管理者としてログインしてるのでこれが 見えているという形になりますでこちら クリックしますでそうすると今回のこの スクリプトの中で設定できるま諸々の設定 ができるという形になっていますでまずま 1つずつご紹介していきたいと思いますが まずダッシュボードのところですねこちら に進みますと統計情報ということでまこの 時に誰が投稿したとかユーザーがこの時に 何人入ったかとか確認することができます でこれもデスイヤになってますがもちろん ですがDISweekにするとま週ごとに 投稿がこれだけあったとかこのま木曜日に 0人で木曜日に投稿が4件あって金曜日に 投稿が5件あったとかまそういうまとまっ た統計情報をここで確認することができる ようになっていますで次に設定ということ でまず一般設定から見ていきたいと思い ますで管理画面はですねまどうしてもあの 英語になってしまいますのでもし難しい 場合はこういった形はあの日本語かあの ページ翻訳機能を使っていただくと分かり やすいかなと思いますまずあのデフォルト の言語ということであの日本語になってい ましたがこれはまた後ほどあの詳しくごご 紹介したいと思いますでこういった形でま いろんな機能がありましてまお金を 引き出すシステムとかですねあのユーザー さんがまこれ販売する画像を販売すること もできますので販売した時の出勤設定とか もここで行うことができるという風になっ ていますであとこのプラットフォーム自体 でブログを書くこともできるのでまその ブログを有効にしますかどうかとか設定も できますしあとはストーリーですね実際に Instagramのような形でこういっ た形でストーリーを上げることもできます でこういったバーが動きまして本当に次へ 進むことことができるという形ですでこの 場合は今2つ投稿しているのでこれとこれ のストーリーがあるというような形でま ストーリーセットもできるのでまそれ有効 にするかどうかというところもここで設定 することができますであとプライベート 写真とビデオということでこれまた ちょうどご紹介したいと思いますが例えば ですね何かこう写真を投稿する時にここで 金額を設定することができますで例えば ここで10という風にしておいて公開をし て投稿しますでそうするとどうなるかと 言いますとま別のユーザーとして見てい ますが 管理謝として見るとこういった形で普通に 画像が投稿されていますでただ別の ユーザーとして見ると今この写真を見るに はアンロックする必要がありますという形 でこれ10ドルが必要ですという風になっ ていますでこの各ユザーにはウォレットと いう機能もありましてま皆さんがそのお金 をさあのあらかじめ入れれておいてここ から使うことができる機能というものも ありますもちろんこういう機能オフにする ことも可能ですがでここでま10ドル払え ばこの画像をアンロックして見ることが できるという風なあの仕組みもありますで それがこのプライベート写真とビデオと いうものになりまして画像以外にも動画に 対してもロックすることができるという風 になってますであとはログインと登録と いうことでもちろんこのサイトでユーザー 登録を有効にしますか無効にしますかと いう風な設定もできますでこれオンにして おくことでま普通のSNSのような形でま 誰もがメールアドレスとパスワードを使 作成してアカウント作ることができるよう になってますがこれをオフにすることに よって例えばもうあのイントラネットの ような形で招待した人しか使えないような 仕組みにもすることができますであとま ユーザーがご自身でアカウントあの希望 する場合は削除できるようにしますかとか そういう設定もありますであとアカウント 認証ということでまいわゆるまスパム防止 のために2段階認証ということでまメール アドレスで認証したりとかあとはSMSを 送ってまこれ電話番号電話認証を行うこと も可能になっていますであとま2段階ログ インということでま毎回ログインする時に ただ単にメールとパスワードだけじゃなく てメールアドレスの認証リンクをクリック してログインするとかまそういう セキュリティ性を高めることもできると いう風になっていますでもちろんこの メールとかあのSMSを使うためにはまた 別のあの連携が必要になってくるんです けども一応こう設定も可能という風になっ ていますであとまリキャプチャーという ことでまからのあのロボットではありませ んかみたいな形で人間ですかのチェックも ここで設定することができますであと画像 販売システムということで先ほどあの冒頭 でさらっとご紹介しましたがこのストアと いう機能がありますてそうすると誰もが 写真を自由に販売することができるように なってますこのアップロードをクリックし ましてここで画像とタイトルとカテゴリー と金額を決めてアップロードすればこう いった形でこのジャンルの画像がいくら ですよみたいな形で販売ができますで今今 これがあの画質が低いものになってまして こういう風にあの自動的にスカしを入れる こともできるようになってますでこれも あのまた皆さんのこの各ユザーさんの ウォレットから実際に購入することが できるという仕組みになっていますでこれ があのストア販売システムですねあの最低 限の幅とか高さとかを設定することができ てスカシをどこに入れますかとか設定する ことができますであとまこういうあの アダルト画像設定ということでま Twitterとかでですとねま露骨な イメージみたいな形でまちょっとそういう あのアダルト系に近いものに関しましては 自動的にあのフィルターがかかるように なってますでこれもですね実あの GoogleビジョンというあのAPIが ありましてそれと連携することによって 今回のスクリプトの中でもまそういう ちょっと危い画像と言いますかちょっと露 が多い画像とか出てきた時に自動的に フィルタリングしてくれる機能と GoogleのAIが判断して自動的に フィルタリング自動的にぼかしをかけて くれるという機能もありますのでまそれと 連携する場合はここでオンにすることに よってまそういった使用も可能という風に なってますはい次にですねこのウェブ サイト設定ということでまいわゆるま サイト全般的な設定を行います先ほど設定 したこのサイト名とかサイトのキーワード というまSEOに関係するところを設定 することができますであと画像のすかしと いうことでこれ結構便利な機能になりまし てま各ユーザーさんが上げた画像に対して 自動的にすかしを入れてくという機能が ありますこれかなり便利です例えばですが 今これ僕適当にあのおしゃれな部屋の画像 を上げたんですが自動的にこのホスタ グラムというここのロゴの画像を少しで 入っていますでこれはあのただ単にもう上 に重なってるわけじゃなくても画像として これはもう入っているという感じですで これに関しましてもこのロゴが自動的に 挿入されているとという形であのスカしを 入れることができる機能もありますあと 投稿設定ということでこの各投稿ですね 毎回投稿するここのテキスト数を最大何 文字にしますかとかまそういう設定もここ で行うことができるようになっています はい次に電子メール設定ということでここ ですねま先ほどのあの2段階認証とか湯座 さんに通知を送る時のメールをここで メールの配信設定をここで定義することが できるようになっていますであの皆さんの あのホスティングサーバーがあのサーバー メールが対応していればデフォルトでも 大丈夫なんですけどもま基本的にこのま あの送信の安定性を高めるためにはこの smtvサーバーを使って例えば例えば 先度グリッドとかまあの別のツールと連携 していただくとまより安定してメールを 配信することができるようになっています はいあとSMS設定ということでま2段階 認証とかであのワンタイムパスワードとか 送る時にまあの大手のまTWとかと連携 することができますのでまトリオのその APIの情報入れておくことによって SMS認証を有効化することができると いう仕組みになってますま他にもですね ちょっとこれ今日本語かなってるのは ちょっとおかしいのがありますがこういう メッセージバードとかinfVIPとかま 割と有名なそういうあのSMSを送れる ツールとも連携することができるという風 になってますはいあとはソーシャルログ イン設定ということてあの最初にユーザー さんがログインする時とかアカウントを 作る時にまメールとパスワードだけじゃ なくてFacebookアカウントでログ インしたりとかGoogleアカウントで もう登録したりとかすることができる機能 になっていますあのそれぞれの アプリケーションごとにあのやり方あの APIの取得取得する方法が変わってき ますがま基本的にこのAPIと シークレットキーを入れていただければ それでも連携ができるという仕組みになり ますこのドキュメントに関しましてはこの スクリプトの方であの公式のドキュメント がありますのでまたそちらを見て いただければと思いますはいであと ファイルアップロード設定ということでま どういうアップロードあのどういう形式の ファイルを許可しますかというのここで 基本的に設定することができますでまま 画像とか動画とかもちろんそうですがあと 360動画に関しましてもアップロードし てこのサイト内で見ることができるように なっていますであとはですねここま重要に なってくると思うんですけどもこの最大 アップロードサイズということでまここを 10GBとかにしてしまいますとま10g の動画とかめちゃめちゃあのサイズの 大きい画像とかをバンバンアップロードさ れてしまいますとま皆さんのサーバーの 容量も少なくなってきてしまいますのでま ここでま2MBとか6MBにしておくこと によってそういうのを防ぐことができると いう形になってますであとすごい機能とし ましてははこちらですねあの他の ストレージとかcdnと連携することが できます例えばま大手であるAmazon S3とかあとGoogleCloudとか あとデジタルオーシャンスペースとかま そういった外部のあのクラウドサービス ですねあのま画像とかそういうデータだけ を保存するためのあの外部クラウドがある んですけどもその外部クラウドと連携する ことができるのでま今僕例えばですがこの 今Xサーバー上にこのサイト自体は設置し ましたがそういう画像とかに関しましては こういうAmazonS3とかに保存さ れるようになるのでま増えたとしても そっちの容量を増やせばどんどんまだ容量 は拡張可能という風になりますのでまそう いう面でもかなりですねあの優秀と言い ますかまま結構こういう画像シアリング プラットフォームの欠点としましてやはり このファイルの容量が増えていくに比例し てそのサーバーの管理代ですねあの サーバー代もかかってくるのですがまこう いった形でもう拡張可能のサーバーとこう 連携しておけばあのまどこかであの移転し なきゃいけないとかそういった考えが なくなりますのでまかなり優秀かなと思い ますはい次に言語の設定についてご紹介し たいと思いますでこれ今日本語と入ってい ますがこれはもう僕が追加したものになっ ていますで言語を追加するにはこのアド ランジというところに入れましてでこれで ジャパニーズと入れてキーネームでこれも 適当にちょっとジャパンキーネームで適当 にjpと打ってもう追加をしておきました でそうするとこのマネージラングジの ところにここにジャパニーズが入ってきて いますであとはエディットをクリックする とこういった形ですねあの11号にはなっ てしまうんですが1ま1フレーズずつあの 日本語化することができます例えばこの ノーティフィケーションというのを通知と いう風にしてセーブをクリックするともう サイト上の言語が変わるという形になり ますで例えばですがまだ変換されていない ここのストーリーズとかちょっと一度変換 してみたいと思いますがここ例えばコピー してここでストーリーズを検索しますで そうするとここに今ストーリーズというの がありましたでこれを今英語になっている ものからストーリーと変更してセーブを クリックしますはいそうしますて今ページ を更新しますとこれがストーリーに変わっ たという形になりますでこの容量でまあの 1文字ずつと言いますかあの1言1言ずつ にはなるんですけどもここで全部あの皆 さんの2位の言葉に変えることができると いう風になってるのでそのま語の面では ほとんど心配なく使えるかなと思います はい次にですがユーザー管理ということで ま当然ですねこのサイトに登録されてる 全てのユーザーの情報というのを確認する ことができますでここでまあのメール アドレスとか名前とかあのユーザーネーム とかでま色々な条件であのユーザーを検索 することができましてこういった形で今 リストが出てきています今ちょっとあの テストサイトですので3名しか いらっしゃいませんがこういった形で各 ユーザーを管理することができますで もちろんこのアクションをクリック いただきましてエディットをクリックする とこういった形で各ユーザーの情報という のも管理者がいじることができという 仕組みになってますであとはですねあの マネージベリフィケーションリクエストと いうものがありましてまこれもですねあの InstagramとかまTwitter みたいな形でま認証済みユーザーみたいな ことであの設定することができますで ユーザーがま自分のあのIDとかを送って ま認証しますと認証申請しますという風に あのリクエストを出すんですがそういうの がここで管理者で管理することができます でここであの有効化承認すればこの人にま バッチがつくとかま認証済みユーザーです よという風に表示がされるという形になり ますはいあとはまアフィリエイト セッティングということでこのプラッ フォームの中でアフィリエイトを行うこと も可能になっています例えば別の誰かが別 のユーザーを紹介したらじゃあ今ここあの 0.1ドルと書いてありますがまじゃあ 10セあの報酬としてあのアフィリエイト マージとして渡しますよみたいなことも 可能ですまお友達紹介制度みたいな形で あのま皆さんプラットフォームを広めて いく時にこういう機能も使うことが可能に なっていますはい次にペイメント設定と いうことでまで今回ですま実際にはこの各 利用者が何か販売したりとかコンテンツに ロックをかけてかけてお金を払うとそれは 見れるなるとかまそういったあの一応有料 化システムも可能という風になっています でそこでどういういろんな設定があるかと 言いますとこちらもちょっと日本語に変え ますがま出勤の時どうするかということで ま出勤する時は銀行振り込みとかま PayPalとかまそういったものと連携 が可能ですであとまお客さんが自動あのお 金を振り込む時とかですねあの実際にあの 例えばウォレットに金額を追加する時とか はまストライプが使えたいとかペイパルが 使えたりとかまこの辺りあのま他の ちょっとプラットフォームに関しまして あまり日本では使えませんが決済ゲート ウェとも一応連携が可能という形になり ますでま銀行フリでも実可能でしてま銀行 振り込みで振り込みが確認できたらその ユーザーさんにその金額をウォレット追加 するま手動で追加するという風なやり方も あります広告システムということでま いわゆるま1回広告ですねあの広告が表示 された時にこれだけの金額を引きますよと かクリックされた時にじゃクリックされた 時はこの金額を課金しますまそういった 計算もここで行うことができるようになっ てますであとはサイト広告ということでま 一応あの一ヘッターとかヘッダーにこう いうあのスクリプトを入れて広告を表示 することも可能という風になっていますの でまGoogleアドセンスを入れたりと かま2位で皆さんの画像広告を表示したり することも可能という風になってますはい あとはプロシステムということでまこれは ですね本当にあのTwitterのような 形でま一応お一定のお金を払っている方が まプロアカウントということでできること が増えるという形ですまこれも サブスクリプション形式で課金することが できるのでまプロユーザーの方お金払っ てる代わりにまいろんな機能が使えると いう風なこ仕組みを設定することも可能に なっていますはいあとマネージポストと いうことでまもちろんですねあのも各全 ユーザーさんが投稿した内容というのも ここのデータベースとしてここで管理する ことが可能になっていますで例えば先ほど 僕はポストしたこちらの内容をクリック するとこちらの投稿ですねということで 確認することもできますしまこの人が投稿 した内容もこういった形で確認することが できるという風になっていますでもちろん あの不要なものであればこれ管理者が強引 に消したりとかもすることができるという 仕組みになってますはいあとは バックアップ設定ということでま当然です ねあのサイトを運営していく中でこういう データのバックアップというのはかなり 重要になってきますで今回のスクリプトの 場合もちろんバックアップ機能というのも 備わっていますのでここでクリエイト ニューフルバックアップをクリックする ことによってしっかりと皆さんのその ユーザーのデータとかそれぞれの画像とか のデータを保存して1つのファイルとして あの保管しておくことができますなのでま 定期的にあのバックアップを行って いただくことによってもしサイトがダウン したりとか来ておかしくなった時も一応 復元は可能という風になって ますはいということであの全体的にあの 管理者として設定できる内容をご紹介させ ていただきましたで次はですねじゃあ実際 のユーザーどういうことができるかという ところについてご紹介ていきたいと思い ますはいでまず基本的にあのところからご 説明しますともちろん投稿関係ですねあの 画像を投稿したりとか動画を投稿したり することが可能ですであとリールという ことでこれ今マイクをオンにすることに よって実際のこのまウェブカメラとかま スマホでもそうですがスマホで見た時に皆 さんのカメラで実際に録画することが可能 という風にもなっていますあとジフという ことでまよくあるこういうジフ系の画像を 投稿して公開することができるという 仕組みにもなっていますであとビデオと いうことでま外部のビデオということでま YouTubeの埋め込みリンクとか微妙 とかデイリーモーションとかのリンクが あればここに貼り付けていただければその まま投稿が可能という風になっていますで あともちろんですが他のユーザーの投稿に いいねをしたりとかコメントを残すという ことも可能になっていますでそのコメント に対していいねをしたりとかもできると いう仕組みになっていますで先ほどさらっ とご紹介しましたがこのストーリーという 機能がありますのでま本当に Instagramのような形で ストーリーを上げるという形でま24時間 後というストーリーをそのまま使うことが できるようになっていますあとメッセージ 機能がありますのでこういった形で別の ユーザーとチャットをやり取りすることが 可能という風にもなってますこれもかなり 便利な機能ですで先ほどご紹介した通りま ストアということでま皆さんがですねま もちろんこのストア機能オフにすることも できますが皆さんの自由な画像を アップロードして購入した人が購入すると いうやり取りも可能になっていますであと はですねまこの右上のとこで設定できる ことですが一応まトグルモードということ でまライトモードダークモードを 切り替えることが可能になっっていますで あと各ユーザーの設定ということでこの各 ユーザーこういった形でまそれぞれ ユーザーの情報を確認することができます まフォロワーとか誰がフォローしてるかと かもちろん確認することができるという風 になっていますでこのプロフィール セッティングをクリックすることによって それぞれの皆さんのパスワードとかま メールアドレスとかを確認変更することが できますもちろん名前とかも変更すること が可能ですで例えばま誰がプロフィール 見れますかとか誰が直接メッセージ送れ ますか送れますかとかまそういった もちろんプライバシーな設定も変更する ことが可能ですしあとは通知設定という ことで何かがあった時にこうメール送信し ますかとかそういった設定も可能ですあと はウォレットの引き出し設定とか ウォレットに追加お金を追加する時の設定 も可能です例えばですがウォレットのとこ ですと例えば60$と入れてADを クリックしましてこれ今ちょっとあの銀行 振り込みしかありませんがもし PayPalとかストライプとかあれば ここに選択肢があって自動的に反映する ことが可能ですはいであとはもちろん通知 機能というものもありますのでここで誰が フォローしたとか誰が投稿にいいねしたか とかも確認することができるという仕組み になってます はいいかがでしたでしょうかと今回はです ねまほとほぼノーコードで Instagramのクローンサイトを 作る方法についてご紹介させていただき ましたでも本当にですねま世の中こういう スクリプト色々ありますがま結構これ僕が 知ってる中でも割とまリーズナブルですし すごい高機能なスクリプトになっているの で今回ご紹介させていただきましたでま あの動画でもご紹介しましたが日本語化 することもできますのでもそれぞれの ワードを日本語に全部置き換えることが 可能になってるのであの全然日本語でも 対応するかなと思いますでまサイトもです ねすごい高速で使うことができますし バックアップ機能とかもありますし各 ユーザー同士てであのメッセージ ダイレクトメッセージの機能もありますの でまかなり優秀なスクリプトだと思います なんでまあとは皆さんがですねまこう集客 したりとかまうまい具合にこうジャンルを 固めて集客したりすることができればま かなりですね収益化できる プラットフォームになるかと思いますので ま是非それのま1つの最初の手段としまし てこのInstagramのようなサイト の作り方が参考になればと思いますはい あのこちらのチャンネルではこういった形 でま海外の面白いツールとかテクニックに 関してご紹介していますのでま是非 チャンネル登録よろしくお願いします今回 の動画が良ければまた高評価いただければ と思いますまもしあのインストールする中 でご不明な点などありましたら僕の可能な 範囲でお答えさせていただきますのでまと コメント欄にコメントいただければと思い [音楽] ますY [音楽]
DEMOサイトはこちら https://demo.pixelphotoscript.com/
スクリプトの販売ページはこちら https://1.envato.market/WqVVQZ
動画の内容 /////////////////////////////////////////////////////////
今回は PixelPhoto というクローンスクリプトを使って、 instagram(インスタグラム)のような画像共有サイトを構築する方法をご紹介します!
instagram 以上の機能が備わっている個人的におすすめのスクリプトになっており、日本語化もすることができます。
インストール手順から、機能などについてご紹介していますので参考になれば幸いです。
早ければ 30分くらいで構築できます!
instagram で稼ぐのではなく、 instagram のようなプラットフォーム自体を運営して収益化を目指せます。
目次 /////////////////////////////////////////////////////////
0:00 はじめに
2:25 事前準備・必要なモノ
4:52 インストール方法
14:36 サイト設定のカスタマイズ
28:18 利用者目線でできること
30:58 まとめ
サーバー要件 /////////////////////////////////////////////////////////
Required PHP version 7.2 or more
Required cURL PHP extension
Required MySQLi PHP extension
Required GD Library for image cropping
Required Mbstring extension for UTF-8 Strings
Required ZIP extension for backuping data
Required allow_url_fopen
Required config.php to be writable for the installation
(詳しくは販売サイトをご確認ください)
チャンネルについて /////////////////////////////////////////////////////////
こんにちは!海外在住フリーランスのHodaです (^^)
HodaPressでは、主にオンラインビジネスツールに関する情報を提供しています。特に、KAJABIというオンラインコース作成ツールについての詳細なガイドや使い方を解説した動画が多く、その他にもShopifyやElementor Proなどのツールについても紹介しています。
これらのツールを効果的に活用するための知識や技術を提供することで、皆さんのオンラインビジネスを成功させる手助けをしています。また、新機能の紹介やアップデート情報も随時提供しており、視聴者が常に最新の情報を得られるようにしています。
このチャンネルは、オンラインビジネスを始めたい人、すでに始めているが更にスキルを磨きたい人、特定のツールについて詳しく知りたい人など、幅広い視聴者に対して有益な情報を提供しています。
😀 HODA 😀
WordPressエキスパート | アプリ開発 | IT翻訳 | WEBデザイナー | 動画製作 | 海外クラウドコーディネーター | 旅行系ブロガー | KAJABIサイト制作 | ノーコード制作 | SEOマーケティング
🚩 住んでいた国 🚩
カナダ → ポーランド → リトアニア → デンマーク → スペイン(2024年)
#instagram #ノーコード #画像共有サイト
※Youtubeコメント欄に頂いたご質問等に関しましては基本的に回答させていただきますが、あくまでも簡単なご回答になってしまうこと、あらかじめご了承ください。(Kajabi運営の有料定期サポートも行っております。)
※また、内容が曖昧なもの、よく分からないもの、非常識なもの、最低限のマナーができていなものに関しては回答を行っておりません。
I am not an employee, agent or representative of Kajabi, LLC. Kajabi does not in any way endorse my products or services. I am an independent Kajabi Partner and I receive referral payments from Kajabi in this role. All opinions expressed herein are my own and are not official statements of Kajabi or any party affiliated with Kajabi.
キーワード
Instagramクローン,
画像共有サイト作成,
ソーシャルメディアサイト構築,
Web開発チュートリアル,
クローンスクリプト,
サイト構築方法,
オンラインプラットフォーム作り方,
プログラミングチュートリアル,
DIYソーシャルメディア,
写真共有アプリ作成,
instagram
