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

アプギガトップ > Webサービス > スマホのブラウザから、指先1本でWebサイトを制作できる「adsy.me」がスゴイ!
注目記事ピックアップ
好きなYouTube動画の「見て欲しいシーン」だけを抽出して再公開できる「vibby」が便利すぎる件!
share0
好きなYouTube動画の「見て欲しいシーン」だけを抽出して再公開できる「vibby」が便利すぎる件!
GoogleドライブにTrello風タスク管理機能を拡張できる「Kanbanchi」を試してみた!
share0
GoogleドライブにTrello風タスク管理機能を拡張できる「Kanbanchi」を試してみた!
最近、Slackの「bot」が何でも出来過ぎて「カオス」状態になってる件!
share0
最近、Slackの「bot」が何でも出来過ぎて「カオス」状態になってる件!
欲しいコンテンツを選ぶだけでWebサイトを作成できる「XPRS」が、無料とは思えないクオリティだった件!
share0
欲しいコンテンツを選ぶだけでWebサイトを作成できる「XPRS」が、無料とは思えないクオリティだった件!
複数人コラボも可能な楽譜作成エディタを搭載した新SNS「Flat.io」が、完全無料で公開中!
share0
複数人コラボも可能な楽譜作成エディタを搭載した新SNS「Flat.io」が、完全無料で公開中!
わずか数行のコードで、Adobe製の画像編集エディタを無料で使い放題にできる「Creative SDK」がヤバイ!
share0
わずか数行のコードで、Adobe製の画像編集エディタを無料で使い放題にできる「Creative SDK」がヤバイ!
ブログ読者に「聞いてみたいこと」を簡単にWebコンテンツ化できる「plyfe」を試してみた!
share0
ブログ読者に「聞いてみたいこと」を簡単にWebコンテンツ化できる「plyfe」を試してみた!
スマホの映像が本当に飛び出す「3Dホログラム」を、30分くらいで作ってみた!
share0
スマホの映像が本当に飛び出す「3Dホログラム」を、30分くらいで作ってみた!
スマホで3Dモデルを現実世界に召喚し、自在に動かせる「Augment」サービスが無料公開中!
share0
スマホで3Dモデルを現実世界に召喚し、自在に動かせる「Augment」サービスが無料公開中!
ブログ感覚で、独自の「オンライン講座」を作って公開できる「Classmill(無料)」を使ってみた!
share0
ブログ感覚で、独自の「オンライン講座」を作って公開できる「Classmill(無料)」を使ってみた!
プログラミングしないと戦えないWebストラテジーゲーム「Empire of Code」が時間泥棒確定!
share0
プログラミングしないと戦えないWebストラテジーゲーム「Empire of Code」が時間泥棒確定!
思わずWebアプリを開発したくなる「JavaScriptライブラリ7選」を一挙公開!
share0
思わずWebアプリを開発したくなる「JavaScriptライブラリ7選」を一挙公開!
ブロックを繋げるだけでチャットボットが作成できる「Motion AI」は、WebもSNSも無料で運用可能!
share0
ブロックを繋げるだけでチャットボットが作成できる「Motion AI」は、WebもSNSも無料で運用可能!
天才的なアイデアで開発された海外の「iPhoneアプリ事例7選」が、斬新過ぎてヤバイ!
share0
天才的なアイデアで開発された海外の「iPhoneアプリ事例7選」が、斬新過ぎてヤバイ!
完全自動で、自分のプログラミング「作業ログ」を収集して可視化する「WakaTime」が素晴らしい件!
share0
完全自動で、自分のプログラミング「作業ログ」を収集して可視化する「WakaTime」が素晴らしい件!
コード不要で、独自Webサービスをブラウザ上で無料開発できる「Bubble」を使ってみた!
share0
コード不要で、独自Webサービスをブラウザ上で無料開発できる「Bubble」を使ってみた!
ブラウザだけで完結する「bot開発環境」を無償提供した「Meya.ai」は、ボットのホスティングまで可能!
share0
ブラウザだけで完結する「bot開発環境」を無償提供した「Meya.ai」は、ボットのホスティングまで可能!
タスク管理の「Trello」にWeb制作機能を搭載できる「CardForm」が斬新過ぎてスゴイ!
share0
タスク管理の「Trello」にWeb制作機能を搭載できる「CardForm」が斬新過ぎてスゴイ!
URLを指定するだけ!どんなWebデータも一発で可視化できる「Silk」は、そのままWebサイトも制作可能で無料提供中!
share0
URLを指定するだけ!どんなWebデータも一発で可視化できる「Silk」は、そのままWebサイトも制作可能で無料提供中!
ググる前にチェックすべき「Web開発系」サービスをまとめた至高の情報サイト8個+α!
share0
ググる前にチェックすべき「Web開発系」サービスをまとめた至高の情報サイト8個+α!
Webサービス
ad 今の年収で満足ですか?
typeで転職した71%が年収アップ!
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...

ページトップへ戻る