スマホのブラウザから、指先1本でWebサイトを制作できる「adsy.me」がスゴイ！
どうも、まさとらん（@0310lan）です！
スマホに「最適化」されたWebサイトを作りたい方に朗報です！
パソコン不要で、スマホのブラウザから指で画面をタッチしていくだけで、インタラクティブなWebサイトを制作できるサービスをご紹介します。
それが、「adsy.me」です！
※一応、PCブラウザからでも動作するようになっています…。
「adsy.me」とは？
たいていのWebサービス・アプリは、PCブラウザで動作するのが基本ですが、「adsy.me」はスマホのブラウザに最適化されているのが特徴となっています。
これにより、アプリをインストールすること無く、スマホからブラウザを開くだけで、すぐに多彩なWebサイトの制作を開始できるのです！
写真・動画・音楽・マップ…など、自作のボタンでインタラクティブに表示することも可能になっています。
早速作ってみよう！
まずは、スマホのブラウザから公式サイト(http://www.adsy.me/)へアクセスして、ユーザー登録をします。
登録が完了したら、Webサイトの背景色を設定できるので、カラーを決めたりスマホに保存されている写真や、Webから画像を検索して設定しましょう！
今回は、Web上から適当な画像を設定してみました…。
次に、Webサイトへ「タイトル」を設置してみましょう！
そこで、「＋」アイコンから「テキスト編集ボタン」をタップします。
文字を入力したら、フォントやカラー、透明度などをカスタマイズします。
事前に用意されている、多彩なアイコンも利用できるので活用しましょう！
さらに、動画コンテンツもサイト内に埋め込んでみたいと思います。
背景画像と同様に、Web上から適当な動画を検索して設置可能です。
ちなみに、指でドラッグしたり、ピンチイン・アウトなどで、サイズや回転などの編集も直感的にできます。
ある程度できたら、画面上部のアイコンをタップして「プレビュー」表示してみましょう！
このように、すべての操作が「指1本」で直感的にコントロールできるので、誰でも楽しみながらスマホサイトを作れるのが大きな魅力となっています。
ページを追加してみる！
せっかくなので、ページをいくつか追加してみましょう！
「ページ追加」ボタンをタップして、先ほどと同じく背景色・画像を設定していきます。
自分の好きな音楽を「SoundCloud」などから検索して埋め込んだりできます。
再生ボタンをタップすると、レコードのようにアイコンがクルクル回転するアニメーションも楽しめるようになっています。
また、Googleマップを利用して、任意のキーワードから地図を検索することもできます。
通常のマップや、航空写真を簡単にサイトへ埋め込めるようになっています。
さらに、面白い特徴として、「リンク」を作成する場合には、任意の箇所を「塗り絵」のようになぞって作成するようになっています。
そして、外部サイトや、メール、電話…など、多彩なサービスと連携したり、作成済みのページへリンクを貼ることができるわけです。
今回は、1ページ目に戻るボタンを作ったので、タップすればホームへ戻れるようになります。
もちろん、自分で作成した画像をボタンのように見せることも可能で、活用次第では本格的なサイト構築まで可能でしょう！
最終的に、完成したら「書き出し」をすることで、世界中に一般公開もできます。 ちなみに、ページ数に制限は無く、複数サイトの制作にも対応しています。
参考までに、「adsy.me」の使い方を紹介した動画を掲載しておきますので、ご興味ある方はぜひ視聴してみてください！
おまけ
最後に、PC・スマホに対応した本格的なWebサイトを、ブラウザ上で制作できるサービスも合わせてご紹介しておきます！
【1日でプロに匹敵するwebサイトをデザインから公開まで完結できる「Webflow」正式版に驚愕！】
ほぼすべての作業をドラッグ＆ドロップで構築できるように設計されており、マルチデバイス対応のサイトを簡単に作れるのが魅力的です。
さらに、そのまま簡易ホスティングもしてくれるので、ネット上へ公開することもでき、完成したサイトの「コード書き出し」にも対応しています！
まとめ
「adsy.me」を使ってみると、スマホだけでこんなに面白いWebサイトが作れることに驚くかもしれません。
また、SNSのような機能も搭載されているので、ユーザー同士のコミュニケーションが取れたり、有料で独自ドメインにも対応してくれるとのこと。
作ったサイトは、「埋め込みコード」でブログなどにも貼り付けられるので、ご興味ある方はぜひ挑戦してみてください！
＜参考＞
・「adsy.me」公式サイト
written by まさとらん
