このサイトを管理することの喜びの1つは、私が「自分のミューズに従う」ことです。 それは私の注意を引くソフトウェアがたくさんあるからです。 驚くべきことがいくつかありますが、その一部は解読するために "Computer Rocket Scientry"の学位を必要とし、その中にはひどいひどいものがあります。 それから、「Category Pioneer」のカテゴリーに入るソフトウェアがあります。 これらは、デザイナーのクリエイティブツールの全く新しいブランチを作成するアプリケーションです。 たとえば、MacroMindのMacDraw、MacPaint、GraphicWorksは80年代後半に登場し、今日はPhotoshopとAffinity Photoに直線を設定しました。 SiteMillやPageMillなどのウェブデザイン用のビジュアルエディタは90年代半ばに登場し、その直線性はDreamweaverとAdobe Museにつながっています。 Mobiriseはこのカテゴリーに加わる可能性があります。
私たちがレスポンシブウェブデザインと "モバイルファースト"ウェブデザインユニバースへの移行を続けると、多くのウェブ開発者がFoundationやBootstrap 3などのフレームワークを広範に活用し、完全に反応するウェブサイトを作り出しました。 これらは非常に強力なフレームワークであることは認めなければなりませんが、HTML、CSS、JavaScriptの実践的な知識があれば、あなたの人生は楽になります。
Mobiriseは逆の方向に進み、それを私が「Category Pioneer」とみなす理由です。 多くの点で、これはBootstrap 3の視覚的なグラフィカルユーザインタフェース（GUI）と見なすことができます。また、今日のWebデザイン環境で一般的なRapid PrototypingとConstant Iterationワークフローを採用している、その目的のための「行き先」ツールになる可能性を秘めています。
あなたがMobiriseについて興奮する前に、気をつけてください：
- アプリケーションはパブリックベータ版です
- それはまだ機能セットで少し制限されています
- まだ解決しなければならないバグがあります
あなたは本当にコピーをダウンロードして試してみるべきだと言っています。
MobiriseはMac版とPC版で利用でき、インストーラはMobriseのホームページで入手できます。
アプリケーションを最初に起動するときは、ウィンドウを最大化し、右下隅の+ボタンをクリックしてインターフェイスを開きます。
インターフェイスが開くと、ブロックパネルが表示されます。 ブロックは、Jumbotron、Heroユニット、ButtonsなどのBootstrapに含まれるコンポーネントと見なすことができる「ドラッグアンドドロップ」要素です。 ブロックをページにドラッグすると、完全にカスタマイズ可能になります。 上記の例では、ヘッダーブロック内の画像を自分のものに置き換え、本体のテキストを変更し、ロゴをメニューブロックに変更し、メニュー項目の色とテキストを変更しました。
ブロックのパラメータを変更することも簡単です。 ブロックをロールオーバーすると、ブロックに3つのアイコンが表示されます。 アイコンを使用すると、ブロックをページ上の新しい位置に移動したり、ブロックを削除したり、ギアアイコンをクリックした場合は、そのブロックのパラメータパネルを開くことができます。 たとえば、動画プレーヤーが含まれているメディアブロックを追加すると、[パラメータ]パネルでYouTubeやVimeoの動画のURLを入力するように求められます。動画が自動再生されるかループされるか、フルスクリーンの背景ビデオとして扱われる。
ページ上部には、モバイル、タブレット、デスクトップのアイコンが表示されます。 それらのいずれかをクリックすると、デザイン面がそのビューポートに縮小されます。 上にはプレビューボタンがあり、デフォルトのブラウザでプロジェクトが開きます。 [パブリッシュ]ボタンをクリックすると、ファイルをローカルに保存するか、FTPサーバーにアップロードするか、Googleドライブにアップロードするかを尋ねられます。
左側で、Index.htmlメニューをロールオーバーすると、ページパネルが開きます。 新しいページを追加したり、既存のページを複製したりすることができます。 パネルの下部には、新規プロジェクトまたは既存プロジェクトを開くことができます。
実際、このアプリケーションは非常に新しく、2015年5月に市場に出ました。パブリックベータ版では、本当に注意が必要なアプリの側面があります。 私の上位3つの機能リクエストには次のものが含まれます：
- ブロックのサイズを変更して並べ替える機能。 現時点では、彼らはお互いの上に積み重ねることができ、お互いの隣に置くことはできません。 これはParallaxスクロールでは問題ありませんが、グリッドを使用する静的ページでは、たとえばデスクトップからタブレットビューポートへの移動が重要な場合に、ブロックを並べ替えたりサイズを変更することができます。
- グラフィックのサイズを変更することができます。 上の例のロゴはあまりにも小さく、それを大きくする方法はないようです。
- SVGグラフィックスを追加する機能。 jpgやpngグラフィックスを追加することはできますが、上部にあるロゴなどはIllustratorでSVGに簡単に変換でき、ファイルサイズをさらに小さくすることができます。 残念ながら、Mobiriseでは使用できません。
結論
その新しさのために、この製品にある種の評価を与えることは大いに不公平です。 これは非常にクールな機能を備えた進行中の作業です。 直感的で使いやすいインターフェースが好きです。 さらに重要なのは、カテゴリパイオニアとして、Mobiriseは、コードベースを習得して共通のレイアウトのドラッグを使用することなく、グラフィックスの専門家、愛好家、およびWebデザイナーがBootstrap 3フレームワークにアクセスできるという約束を持つ製品の1つですドロップダウンプリンシパル。 Mobiriseが牽引力を得るなら、コードエディタを開いて仕事に行く最初のステップと思われる。
また、製品にはいくつかの穴があり、ベータ・プロセスを通して対処する必要があるインターフェース「やっこ」があります。
その間、私はあなたがアプリをインストールし、それを使って遊び始めることをお勧めします。 「プロダクションレディ」ではないかもしれませんが、もしそれが成立すれば、モービリスは最も重要なフレームワークのための多くのビジュアルエディターとなるでしょう。