My Web道

WEB制作科 受講記録 …とその後も続くWEB制作に関する活動・学習記録です。

コーディング不要!簡単操作でプロ並みBootstrapサイトが作成できる「Mobirise」

ドラッグ & ドロップと簡単設定だけでBootstrapサイトが作成できる「Mobirise」

f:id:sntkk3:20171029210026p:plain

公式サイト
Free Website Builder Software : https://mobirise.com
mobirise.com


Bootstrapのここ最近のテーマをチェックしていたところ、偶然こちらのツールを発見。

なんだか興味深いので、早速ダウンロードして使ってみました。

Mobiriseの特徴

  • 一切のコーディング不要、簡単な設定とドラッグ & ドロップでBootstrap型Webサイトが作成できる
  • 商用および非営利利用も無料
  • モバイルサイトとしても完全対応
  • テンプレートは、Bootstrap 3 およびびBootstrap 4がベース
  • 作成ページは、FTPGitHub経由で公開可能

以下、公開用設定画面です
f:id:sntkk3:20171029220722p:plain

使い方

1. 公式サイトからプログラムファイルをダウンロード(Windows版、Mac版あり)
2. 上記1.のプログラムファイルをインストールし起動
3. アカウントを設定


ページ作成・編集には、ドラッグ & ドロップやパラメータ設定の変更のみ。
ロゴやボタン、フォントなど、スタイルの設定・変更、各種視覚効果の機能追加などもパラメータの設定変更で可能。

サイトのページ数、規模にもよりますが、ちょっとしたBootstrap型サイトがあっと言う間にできてしまいます。

f:id:sntkk3:20171029215004p:plain
Demo


コーディングが苦手な方はもちろん、そうでない方にも、ぜひ一度お試しの価値ありだと思いますよ。