ノーコード情報満載!

  1. ノーコード
  2. 32 view

Universeの使い方を日本語で解説!スマホでWebサイトが一瞬で作れる

スマートフォンだけでWebサイトを制作したい、とお考えの方にとって、Universeは最適なソリューションです。やることは、直感的にパーツをレイアウトするだけ。これぞ「ノーコード開発ツール」といった使い勝手です。今回は、そんなUniverseの特徴や使い方を日本語で解説します。

Universeとは

universeのトップページ
画像:onuniverse.com

Universeは、ニューヨークのブルックリン発のノーコード開発ツールです。特徴は、スタイリッシュな UI と非常にシンプルな操作性です。そして何より、iOSアプリ単体(※)で Webサイト 開発が完結する点にあります。

大規模な企業やプロのWebデザイナーに向けて作られたツールではなく、「モバイル端末を使って”1分以内で”作るウェブサイト」がコンセプトです。実際に、テンプレートを選択して、テキストや写真等を編集すれば、数分のうちにWebサイトのビルド& ローンチ も可能でしょう。

さらに、 サブスク によるプロ機能を使えば、かなりの作り込みも可能となるのも魅力です。この場合は、独自ドメインの設定も行えるようになるほか、カスタムコードの追加も可能となります。非常にシンプルなノーコード開発ツールでありながら、ローコード開発ツールとしても利用できるようになります。

※Mac版のアプリもあり

Universeの基本操作を解説

こちらでは、iOSアプリを使ったUniverseの基本的な操作を解説していきます。

1.アカウントを作成する

まず、Universeのアカウントを作成します。メールアドレスとパスワードを用いた認証のほかに、Apple IDとの連携も可能です。

また、同時にドメインの設定も行えます。「.onuniverse.com」であれば無料で使用可能です。一旦、こちらのドメインで制作をしてみるのがおすすめです。

2.テンプレートを選択する

Universeには用途に応じたテンプレートが用意されています。

  • Personal
  • Local Business
  • Link in Bio
  • Online Store
  • Portfolio
  • Musician
  • Influencer
  • Professional Service

まずは上記のなかから、ご自身の目的に合ったものを選びましょう。「はじめから順に作りたい」という場合には、「Blank Canvas」も用意されています。

いずれかを選択した後は、テンプレートの選択画面に遷移します。横方向にスワイプしながら、好みのデザインをセレクトしてください。

※「upgrade to continue」と書かれているテンプレートは、サブスクリプション加入者向けのものです

3.ブロックへパーツの配置

グリッドデザインと、ブロックと呼ばれるパーツがUniverseの特徴です。これは、グリッドに対してレイアウトできるアイテムのことで、さまざまな機能を ドラッグ&ドロップ で追加しながら開発を進めます。

テンプレートを選択した場合、すでに写真やテキストなどのパーツが組み込まれています。それぞれのパーツを長押しすると、配置やサイズを変更できます。シングルタップをすれば、中身の編集が可能です。なお、ブロックには、さまざま機能があります。

  • TEXT
  • PHOTO
  • PAYMENT
  • DOWNLOAD
  • BUTTON
  • VIDEO
  • GALLERY
  • LINK
  • LOOP
  • CONTACT
  • SUBSCRIBE
  • MAP
  • YOUTUBE
  • SOUNDCLOUD
  • VIEMO
  • GIPHY
  • SHAPE

上記以外にも、プロ版のユーザーにはECサイト制作プラットフォームの「SHOPIFY」との連携や、カスタムコードの追加といったブロックが提供されています。

4.サイトをビルドする

ブロックの追加とレイアウトが完了したら、あとは画面右下の「Preview」ボタンをタップします。これでサイトの完成です。

5.他のページも追加する

トップページ以外のページを追加する場合は、ホーム画面の「Pages」で「+」をタップします。すると、以下のようなページタイプの選択画面が現れるので、必要なものを選択してください。

  • HOMEPAGE
  • ABOUT
  • LINKS
  • STORE
  • PORTFOLIO
  • PRODUCT
  • DIGITAL PRODUCT
  • PHOTO GALLERY
  • CONTACT
  • BLOG
  • EVENT
  • BLANK

ページを追加すると、サイト上にメニューボタンが自動で表示されるようになり、追加したページもここに並びます。

まとめ

今回は、ノーコード開発ツールのUniverseをご紹介しました。実際に使ってみると、その手軽さに驚きます。パソコンすら使わず、スマートフォンだけでここまでスタイリッシュなホームページを制作できるのは、ノーコードツールのなかでも希少な存在と言えるでしょう。より簡単かつスピーディーに Webサイト 制作を行いたいとお考えの方におすすめです。

ノーコードの最近記事

  1. Autifyの概要からテスト自動化への導入事例までを徹底解説

  2. Platioはノーコードで作成できる便利な業務アプリ!機能や特徴を解説

  3. UNIFINITYで業務効率アップ!使い方とメリットやデメリット

  4. WebアプリとWebシステムの開発に役立つ!FastAPPの概要

  5. STORESの使い方を解説!初心者でも分かる基本や応用のまとめ

関連記事

PAGE TOP