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

アプギガトップ > Webサービス > コピペ1発で、自分のブログやサイトにSNS機能を実装できる「Spot.IM」がヤバイ!
注目記事ピックアップ
天才的な猛者が開発した究極の「HTML5ゲーム」16選が思わず熱くなり過ぎる件!
share0
天才的な猛者が開発した究極の「HTML5ゲーム」16選が思わず熱くなり過ぎる件!
Web開発系の情報収集が爆速になる絶対覚えておきたいWebサービス7選+α!
share0
Web開発系の情報収集が爆速になる絶対覚えておきたいWebサービス7選+α!
Webサイトに訪れたユーザーの行動を「映像化」してトラッキングできる「Jaco」を使ってみた!
share0
Webサイトに訪れたユーザーの行動を「映像化」してトラッキングできる「Jaco」を使ってみた!
脅威の認識技術で別人の顔に変身できるアプリ「MSQRD」が予想以上に変身できる件!
share0
脅威の認識技術で別人の顔に変身できるアプリ「MSQRD」が予想以上に変身できる件!
ブロックを繋げるだけでチャットボットが作成できる「Motion AI」は、WebもSNSも無料で運用可能!
share0
ブロックを繋げるだけでチャットボットが作成できる「Motion AI」は、WebもSNSも無料で運用可能!
コード不要で、独自Webサービスをブラウザ上で無料開発できる「Bubble」を使ってみた!
share0
コード不要で、独自Webサービスをブラウザ上で無料開発できる「Bubble」を使ってみた!
タスク管理の「Trello」にWeb制作機能を搭載できる「CardForm」が斬新過ぎてスゴイ!
share0
タスク管理の「Trello」にWeb制作機能を搭載できる「CardForm」が斬新過ぎてスゴイ!
わずか1行のコードで、Web制作が劇的に捗るサービスと連携し放題になる「StackPile」を使ってみた!
share0
わずか1行のコードで、Web制作が劇的に捗るサービスと連携し放題になる「StackPile」を使ってみた!
GoogleドライブにTrello風タスク管理機能を拡張できる「Kanbanchi」を試してみた!
share0
GoogleドライブにTrello風タスク管理機能を拡張できる「Kanbanchi」を試してみた!
ググる前にチェックすべき「Web開発系」サービスをまとめた至高の情報サイト8個+α!
share0
ググる前にチェックすべき「Web開発系」サービスをまとめた至高の情報サイト8個+α!
動画の中身をAI(人工知能)が認識&タグ付けする「Clarifai」が検索エンジンに革命を起こす!
share0
動画の中身をAI(人工知能)が認識&タグ付けする「Clarifai」が検索エンジンに革命を起こす!
実はゲーム機として優秀なスマホ「Galaxy S7 edge」でポケモンGOを遊び倒してみた!<PR>
share0
実はゲーム機として優秀なスマホ「Galaxy S7 edge」でポケモンGOを遊び倒してみた!<PR>
プログラミングしないと戦えないWebストラテジーゲーム「Empire of Code」が時間泥棒確定!
share0
プログラミングしないと戦えないWebストラテジーゲーム「Empire of Code」が時間泥棒確定!
ブラウザだけで完結する「bot開発環境」を無償提供した「Meya.ai」は、ボットのホスティングまで可能!
share0
ブラウザだけで完結する「bot開発環境」を無償提供した「Meya.ai」は、ボットのホスティングまで可能!
好きなYouTube動画の「見て欲しいシーン」だけを抽出して再公開できる「vibby」が便利すぎる件!
share0
好きなYouTube動画の「見て欲しいシーン」だけを抽出して再公開できる「vibby」が便利すぎる件!
URLを指定するだけ!どんなWebデータも一発で可視化できる「Silk」は、そのままWebサイトも制作可能で無料提供中!
share0
URLを指定するだけ!どんなWebデータも一発で可視化できる「Silk」は、そのままWebサイトも制作可能で無料提供中!
ブロックを繋げてWebアプリやゲームを作れる「Weld Action Blocks」が思わず夢中になる面白さ!
share0
ブロックを繋げてWebアプリやゲームを作れる「Weld Action Blocks」が思わず夢中になる面白さ!
スマホで3Dモデルを現実世界に召喚し、自在に動かせる「Augment」サービスが無料公開中!
share0
スマホで3Dモデルを現実世界に召喚し、自在に動かせる「Augment」サービスが無料公開中!
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...

ページトップへ戻る