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

アプギガトップ > Webサービス > スマホのブラウザから、指先1本でWebサイトを制作できる「adsy.me」がスゴイ!
注目記事ピックアップ
動画の中身をAI(人工知能)が認識&タグ付けする「Clarifai」が検索エンジンに革命を起こす!
share0
動画の中身をAI(人工知能)が認識&タグ付けする「Clarifai」が検索エンジンに革命を起こす!
スマホの映像が本当に飛び出す「3Dホログラム」を、30分くらいで作ってみた!
share0
スマホの映像が本当に飛び出す「3Dホログラム」を、30分くらいで作ってみた!
プログラミングしないと戦えないWebストラテジーゲーム「Empire of Code」が時間泥棒確定!
share0
プログラミングしないと戦えないWebストラテジーゲーム「Empire of Code」が時間泥棒確定!
最近、Slackの「bot」が何でも出来過ぎて「カオス」状態になってる件!
share0
最近、Slackの「bot」が何でも出来過ぎて「カオス」状態になってる件!
脅威の認識技術で別人の顔に変身できるアプリ「MSQRD」が予想以上に変身できる件!
share0
脅威の認識技術で別人の顔に変身できるアプリ「MSQRD」が予想以上に変身できる件!
iPadに話しながら手描きするだけで、授業風の動画を作って公開できる「Educreations」が超絶便利!
share0
iPadに話しながら手描きするだけで、授業風の動画を作って公開できる「Educreations」が超絶便利!
コード不要で、独自Webサービスをブラウザ上で無料開発できる「Bubble」を使ってみた!
share0
コード不要で、独自Webサービスをブラウザ上で無料開発できる「Bubble」を使ってみた!
Web開発系の情報収集が爆速になる絶対覚えておきたいWebサービス7選+α!
share0
Web開発系の情報収集が爆速になる絶対覚えておきたいWebサービス7選+α!
複数人コラボも可能な楽譜作成エディタを搭載した新SNS「Flat.io」が、完全無料で公開中!
share0
複数人コラボも可能な楽譜作成エディタを搭載した新SNS「Flat.io」が、完全無料で公開中!
今すぐスマホを「リモコン」代わりに遊べる厳選Webアプリが、盛り上がること間違いなし!
share0
今すぐスマホを「リモコン」代わりに遊べる厳選Webアプリが、盛り上がること間違いなし!
HTML5アプリをChromeアプリに爆速変換できる「Monaca」のビルド能力がスゴイ件!
share0
HTML5アプリをChromeアプリに爆速変換できる「Monaca」のビルド能力がスゴイ件!
プロジェクター不要のプレゼン資料が作れるWebサービス「Slides」があまりに多機能過ぎる件!
share0
プロジェクター不要のプレゼン資料が作れるWebサービス「Slides」があまりに多機能過ぎる件!
YouTube動画内に、まったく違う動画やWebページを挿入できる「videopath」が衝撃的!
share0
YouTube動画内に、まったく違う動画やWebページを挿入できる「videopath」が衝撃的!
海外のニッチな情報収集に特化したWebサービス7選が、Google先生より詳しいと話題に!
share0
海外のニッチな情報収集に特化したWebサービス7選が、Google先生より詳しいと話題に!
「Prott」新機能のワイヤーフレーム作成ツールで、超高速プロトタイプピングを実践してみた!
share0
「Prott」新機能のワイヤーフレーム作成ツールで、超高速プロトタイプピングを実践してみた!
Chromeの「新規タブ」機能が拡張され過ぎて、もはや別アプリと化している件!
share0
Chromeの「新規タブ」機能が拡張され過ぎて、もはや別アプリと化している件!
小学生でもゲーム制作を可能にするWeb統合エディタ「Tynker」が、むしろ大人がハマると話題に!
share0
小学生でもゲーム制作を可能にするWeb統合エディタ「Tynker」が、むしろ大人がハマると話題に!
ソースコードの「バグ」を修正する速さを競うWebゲーム「CodeFights」で遊んでみた!
share0
ソースコードの「バグ」を修正する速さを競うWebゲーム「CodeFights」で遊んでみた!
ブロックを繋げてWebアプリやゲームを作れる「Weld Action Blocks」が思わず夢中になる面白さ!
share0
ブロックを繋げてWebアプリやゲームを作れる「Weld Action Blocks」が思わず夢中になる面白さ!
天才的なアイデアで開発された海外の「iPhoneアプリ事例7選」が、斬新過ぎてヤバイ!
share0
天才的なアイデアで開発された海外の「iPhoneアプリ事例7選」が、斬新過ぎてヤバイ!
Webサービス
2015/02/27 20:50

スマホのブラウザから、指先1本でWebサイトを制作できる「adsy.me」がスゴイ!

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

スマホに「最適化」されたWebサイトを作りたい方に朗報です!

パソコン不要で、スマホのブラウザから指で画面をタッチしていくだけで、インタラクティブなWebサイトを制作できるサービスをご紹介します。

それが、「adsy.me」です!
adsy_02 ※一応、PCブラウザからでも動作するようになっています…。


「adsy.me」とは?
たいていのWebサービス・アプリは、PCブラウザで動作するのが基本ですが、「adsy.me」はスマホのブラウザに最適化されているのが特徴となっています。

これにより、アプリをインストールすること無く、スマホからブラウザを開くだけで、すぐに多彩なWebサイトの制作を開始できるのです!
adsy_03 写真・動画・音楽・マップ…など、自作のボタンでインタラクティブに表示することも可能になっています。


早速作ってみよう!
まずは、スマホのブラウザから公式サイト(http://www.adsy.me/)へアクセスして、ユーザー登録をします。
adsy_04

登録が完了したら、Webサイトの背景色を設定できるので、カラーを決めたりスマホに保存されている写真や、Webから画像を検索して設定しましょう!
adsy_05 今回は、Web上から適当な画像を設定してみました…。


次に、Webサイトへ「タイトル」を設置してみましょう!

そこで、「+」アイコンから「テキスト編集ボタン」をタップします。
adsy_06

文字を入力したら、フォントやカラー、透明度などをカスタマイズします。
adsy_07

事前に用意されている、多彩なアイコンも利用できるので活用しましょう!
adsy_08

さらに、動画コンテンツもサイト内に埋め込んでみたいと思います。
adsy_09

背景画像と同様に、Web上から適当な動画を検索して設置可能です。
adsy_10 ちなみに、指でドラッグしたり、ピンチイン・アウトなどで、サイズや回転などの編集も直感的にできます。


ある程度できたら、画面上部のアイコンをタップして「プレビュー」表示してみましょう!
adsy_11 このように、すべての操作が「指1本」で直感的にコントロールできるので、誰でも楽しみながらスマホサイトを作れるのが大きな魅力となっています。


ページを追加してみる!
せっかくなので、ページをいくつか追加してみましょう!

「ページ追加」ボタンをタップして、先ほどと同じく背景色・画像を設定していきます。
adsy_12

自分の好きな音楽を「SoundCloud」などから検索して埋め込んだりできます。
adsy_13 再生ボタンをタップすると、レコードのようにアイコンがクルクル回転するアニメーションも楽しめるようになっています。


また、Googleマップを利用して、任意のキーワードから地図を検索することもできます。
adsy_14

通常のマップや、航空写真を簡単にサイトへ埋め込めるようになっています。
adsy_15

さらに、面白い特徴として、「リンク」を作成する場合には、任意の箇所を「塗り絵」のようになぞって作成するようになっています。
adsy_16

そして、外部サイトや、メール、電話…など、多彩なサービスと連携したり、作成済みのページへリンクを貼ることができるわけです。
adsy_17

今回は、1ページ目に戻るボタンを作ったので、タップすればホームへ戻れるようになります。
adsy_18 もちろん、自分で作成した画像をボタンのように見せることも可能で、活用次第では本格的なサイト構築まで可能でしょう!

最終的に、完成したら「書き出し」をすることで、世界中に一般公開もできます。 ちなみに、ページ数に制限は無く、複数サイトの制作にも対応しています。


参考までに、「adsy.me」の使い方を紹介した動画を掲載しておきますので、ご興味ある方はぜひ視聴してみてください!




おまけ
最後に、PC・スマホに対応した本格的なWebサイトを、ブラウザ上で制作できるサービスも合わせてご紹介しておきます!

【1日でプロに匹敵するwebサイトをデザインから公開まで完結できる「Webflow」正式版に驚愕!】
adsy_19 ほぼすべての作業をドラッグ&ドロップで構築できるように設計されており、マルチデバイス対応のサイトを簡単に作れるのが魅力的です。

さらに、そのまま簡易ホスティングもしてくれるので、ネット上へ公開することもでき、完成したサイトの「コード書き出し」にも対応しています!


まとめ
「adsy.me」を使ってみると、スマホだけでこんなに面白いWebサイトが作れることに驚くかもしれません。

また、SNSのような機能も搭載されているので、ユーザー同士のコミュニケーションが取れたり、有料で独自ドメインにも対応してくれるとのこと。

作ったサイトは、「埋め込みコード」でブログなどにも貼り付けられるので、ご興味ある方はぜひ挑戦してみてください!

<参考>
「adsy.me」公式サイト


written by まさとらん




まさとらん

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

twitter:0310lan

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

ページトップへ戻る