Webアプリ作成ガイド

Webアプリとは？

マワリミチの「Webアプリ作成」機能を使うと、あなただけのオリジナルWebアプリを作成できます。 専用のサブドメイン（例: yourname.mawarimichi.app）で公開され、PWA（Progressive Web App）として利用者のスマートフォンにインストールも可能です。

• 独自のアプリ名・アイコン・カラーテーマを設定できる
• 専用サブドメインで公開される
• スマートフォンのホーム画面にインストール可能（PWA）
• 地図・タイムライン・ギャラリー・検索など豊富なビューを搭載
• 多言語対応（日本語・英語・韓国語・中国語など）
• カスタムページ・ビジュアルエディタで独自ページを追加可能

Webアプリ作成手順

1. 1

   管理画面から「Webアプリ作成」を開く

   管理画面（admin.mawarimichi.app）にログインし、左メニューまたは管理トップの「Webアプリ作成」をクリックします。

2. 2

   新規作成ボタンを押す

   Webアプリ一覧画面の右上「新規作成」ボタンをクリックします。

3. 3

   基本情報を入力する

   アプリ名・スラッグ（サブドメインになる文字列）・説明・アイコン画像・テーマカラーを設定します。スラッグは後から変更できないのでご注意ください。

4. 4

   表示設定を行う

   デフォルトで表示するビュー（地図・タイムライン・ギャラリーなど）、フィルター設定、言語などを選択します。

5. 5

   作成してプレビューする

   「作成する」ボタンを押すとWebアプリが作成されます。「プレビュー」リンクから動作を確認できます。

カスタムページ・ビジュアルエディタ

Webアプリにはオリジナルのカスタムページを追加できます。テキスト・画像・ボタンなどのブロックをドラッグ＆ドロップで配置するビジュアルエディタで、コーディング不要でページを作成できます。

• Webアプリ詳細画面の「ページ管理」タブからカスタムページを追加
• 「ビジュアルエディタ」ボタンでエディタを起動
• ブロックを追加・並び替え・編集してページを組み立て
• 保存すると即時反映される

ナビゲーション・メニュー設定

Webアプリのヘッダー・フッターナビゲーションをカスタマイズできます。メニュー項目の追加・削除・並び替えが可能です。

トップページデザイン設定

公式トップページ（プランに応じて利用可能）のデザインをエディタで編集できます。ロゴ・バナー画像・説明テキストなどを設定して、ブランドに合わせたトップページを作成できます。