シェアしたくなる最新のWebサービス・ITニュース情報をチェック!
  • follow us in feedly

アプギガトップ > Webサービス > コピペ1発で、自分のブログやサイトにSNS機能を実装できる「Spot.IM」がヤバイ!
注目記事ピックアップ
コード不要で、独自Webサービスをブラウザ上で無料開発できる「Bubble」を使ってみた!
share0
コード不要で、独自Webサービスをブラウザ上で無料開発できる「Bubble」を使ってみた!
ブロックを繋げてWebアプリやゲームを作れる「Weld Action Blocks」が思わず夢中になる面白さ!
share0
ブロックを繋げてWebアプリやゲームを作れる「Weld Action Blocks」が思わず夢中になる面白さ!
ソースコードの「バグ」を修正する速さを競うWebゲーム「CodeFights」で遊んでみた!
share0
ソースコードの「バグ」を修正する速さを競うWebゲーム「CodeFights」で遊んでみた!
GoogleドライブにTrello風タスク管理機能を拡張できる「Kanbanchi」を試してみた!
share0
GoogleドライブにTrello風タスク管理機能を拡張できる「Kanbanchi」を試してみた!
動画の中身をAI(人工知能)が認識&タグ付けする「Clarifai」が検索エンジンに革命を起こす!
share0
動画の中身をAI(人工知能)が認識&タグ付けする「Clarifai」が検索エンジンに革命を起こす!
好きなYouTube動画の「見て欲しいシーン」だけを抽出して再公開できる「vibby」が便利すぎる件!
share0
好きなYouTube動画の「見て欲しいシーン」だけを抽出して再公開できる「vibby」が便利すぎる件!
完全自動で、自分のプログラミング「作業ログ」を収集して可視化する「WakaTime」が素晴らしい件!
share0
完全自動で、自分のプログラミング「作業ログ」を収集して可視化する「WakaTime」が素晴らしい件!
欲しいコンテンツを選ぶだけでWebサイトを作成できる「XPRS」が、無料とは思えないクオリティだった件!
share0
欲しいコンテンツを選ぶだけでWebサイトを作成できる「XPRS」が、無料とは思えないクオリティだった件!
思わずWebアプリを開発したくなる「JavaScriptライブラリ7選」を一挙公開!
share0
思わずWebアプリを開発したくなる「JavaScriptライブラリ7選」を一挙公開!
ググる前にチェックすべき「Web開発系」サービスをまとめた至高の情報サイト8個+α!
share0
ググる前にチェックすべき「Web開発系」サービスをまとめた至高の情報サイト8個+α!
YouTube動画内に、まったく違う動画やWebページを挿入できる「videopath」が衝撃的!
share0
YouTube動画内に、まったく違う動画やWebページを挿入できる「videopath」が衝撃的!
発射した弾が、相手のスマホ画面に飛んでいく対戦ゲーム「DUAL」が衝撃的な面白さだった!
share0
発射した弾が、相手のスマホ画面に飛んでいく対戦ゲーム「DUAL」が衝撃的な面白さだった!
複数人コラボも可能な楽譜作成エディタを搭載した新SNS「Flat.io」が、完全無料で公開中!
share0
複数人コラボも可能な楽譜作成エディタを搭載した新SNS「Flat.io」が、完全無料で公開中!
プログラミングしないと戦えないWebストラテジーゲーム「Empire of Code」が時間泥棒確定!
share0
プログラミングしないと戦えないWebストラテジーゲーム「Empire of Code」が時間泥棒確定!
タスク管理の「Trello」にWeb制作機能を搭載できる「CardForm」が斬新過ぎてスゴイ!
share0
タスク管理の「Trello」にWeb制作機能を搭載できる「CardForm」が斬新過ぎてスゴイ!
Web開発系の情報収集が爆速になる絶対覚えておきたいWebサービス7選+α!
share0
Web開発系の情報収集が爆速になる絶対覚えておきたいWebサービス7選+α!
天才的なアイデアで開発された海外の「iPhoneアプリ事例7選」が、斬新過ぎてヤバイ!
share0
天才的なアイデアで開発された海外の「iPhoneアプリ事例7選」が、斬新過ぎてヤバイ!
最近、Slackの「bot」が何でも出来過ぎて「カオス」状態になってる件!
share0
最近、Slackの「bot」が何でも出来過ぎて「カオス」状態になってる件!
ブログ感覚で、独自の「オンライン講座」を作って公開できる「Classmill(無料)」を使ってみた!
share0
ブログ感覚で、独自の「オンライン講座」を作って公開できる「Classmill(無料)」を使ってみた!
スマホの映像が本当に飛び出す「3Dホログラム」を、30分くらいで作ってみた!
share0
スマホの映像が本当に飛び出す「3Dホログラム」を、30分くらいで作ってみた!
Webサービス
ad 今の年収で満足ですか?
typeで転職した71%が年収アップ!
2014/10/28 21:50

コピペ1発で、自分のブログやサイトにSNS機能を実装できる「Spot.IM」がヤバイ!

spot_im_01
どうも、まさとらん(@0310lan)です!

みなさんは、facebookやLINEのような「SNS」を利用されているでしょうか?
友人や家族と連絡したり、会社内の情報共有手段として利用されているケースも多いかと思います。

そんなSNSとほぼ同等の機能を、わずか数行のコードをHTMLにコピペするだけで、すぐに自分のブログやWebサイトなどで利用できるサービスが、海外で人気となっているのでご紹介しようと思います。

それが、「Spot.IM」です!
spot_im_02


どうやって使うの?
まずは、「Spot.IM」を実際に利用している事例を見てみましょう!

コチラは、イギリスの人気ロックバンドを紹介する専門誌「KERRANG!(ケラング)」のサイトです。
spot_im_03
右下に、アイコンのようなモノがあるのでクリックしてみます。


すると、SNS機能を搭載したポップアップが表示されます!
spot_im_04
通常のSNSと同じで、「メッセージ」や「画像」などをリアルタイムに投稿することができます。

「Spot.IM」では、このような機能を簡単に利用できるうえ、カスタマイズも出来るので、まさに自分だけの「SNSサービス」が公開できるようなモノ!


利用方法ですが、
とても簡単で、「Spot.IM」のトップページから「Get Spot.IM Now」ボタンをクリックします。
spot_im_05
この後、利用中のSNSアカウントなどを利用してログインします。


すると、設定画面になるので、ロゴアイコンやカラーテーマなどを設定してから、下段の「青色ボタン」をクリックします。
spot_im_06


「埋め込み用」のコードが表示されるので「コピー」します!
spot_im_07


あとは、サイトのHTMLにある「bodyタグ」の下に貼り付ければ完了です!
spot_im_08


たったこれだけの作業で、高度なSNS機能を自分のサイトに搭載できるわけですね。
spot_im_09


しかも、「Spot.IM」の専用スマホアプリも提供されています!
spot_im_10
Appストア
Androidマーケット


これを活用すれば、自分の「ブログ専用SNS」にしたり、「社内用SNS」などにも素早く変貌を遂げるでしょう。
spot_im_11
通常のチャットはもちろんのこと、画像や動画、ボイスノートなど…、多彩なSNS機能があまりにも簡単に利用できることに驚きます。


いろんなブログにも活用できる!
「Spot.IM」の特徴として、コードを貼り付けるだけ!という仕様上、国内の様々な無料ブログにも利用できるのが面白い点です。

例えば、
「はてなブログ」に利用する場合は、設定のデザインから「ヘッダ」部分にコードを貼り付ければOKです!
spot_im_12


「ライブドアブログ」なら、設定のカスタマイズから見れるHTMLの「bodyタグ」下部に貼り付ければ、すぐに利用可能です!
spot_im_13


もし、WordPressを利用しているならば、専用のプラグインが配布されているので…さらに便利です!

まず、「Spot.IM」のコード生成画面で、「for WordPress Users」ボタンをクリックします。
spot_im_14


すると、専用のID番号が表示されるのでコピーしておきます。
spot_im_15


あとは、WordPressのプラグイン追加画面で、「Spot.IM」と検索すればトップに表示されるのでインストールして有効化します。
spot_im_16
Spot.IM – Everywhere Social Network


設定画面で、先ほどコピーしておいた「ID番号」を貼り付けて保存すれば完了です!
spot_im_17


WordPressを使えば、さらに簡単で便利ですね。
spot_im_18
このように、多彩な環境で誰でも無料で利用できるのは、非常に強力で応用範囲も広いと思います。

この「Spot.IM」を利用した、新たなWebアプリの開発もいろいろ考えられるのではないでしょうか…?


おまけ
最後に、スマートフォンを対象としたSNSアプリを、Web上で簡単に開発できるサービスも合わせてご紹介しておきます。

史上最速でSNSアプリを開発・公開できる「Attendify」の簡単さが、海外でバカ受け!
spot_im_19
初心者の方でも、ドラッグ&ドロップによって必要な機能をカスタマイズしながら構築できるので、楽しみながらオリジナルのSNSアプリを開発するこが可能です。
ご興味ある方は、ぜひ一読くださいませ!


まとめ
今回ご紹介した「Spot.IM」のように、わずかなコードを貼り付けるだけで、新しい機能を搭載できるサービスというのは、アプギガでも過去にいくつかご紹介してきました。

このようなサービスが増えてくれば、組み合わせ次第によっては短時間で面白いWebサービスやコンテンツを作ることが出来るようになりますね。

手軽に高度な機能を組み込めるサービスから、アイデアを膨らませるというのは面白い方法かもしれません。


written by まさとらん

まさとらん

国内外問わず「良いモノ」だけひたすら集めて情報共有してます。
厳選ネタはアプギガ内で分かりやすく情報発信中!
その他の旬なネタは、twitterにて発信してますので、お気軽にどうぞ!

twitter:0310lan

この記事を読んでいる人は、他にこんな記事も読んでいます。
Related Posts Plugin for WordPress, Blogger...

ページトップへ戻る