Muse”でブログを見に来ている人が結構いた。使い方や評判を調べに来ているのに自分の憶測で書いた記事を読ませるのは申し訳ないと思ったのでちょっと使ってみた。ちなみに前回書いた記事の内容は以下の通り。視覚的&直感的にウェブサイトがデザインできちゃうらしいよ。オンライン上のサービスなら無料でも似たようなの(Wix等)はあったけど、正直重いし、有料テンプレートを使ったりしない限りデザインもそこまでバラエティがあるわけではないし何しろウェブに繋ぎながらデザインをしないといけないという点でそこへんの無料ブログと大差が無いと思ってましたが、とうとうクライアント側だけでできちゃうのかーという感じ。Reflow(こちらはメンバー登録を済ませれば無料)とかいうのを使えばレスポンシブデザインをフォトショから書き出したりもできちゃうらしいじゃないですか。言っても今だって初心者御用達のホームページビルダーでも似たような事は出来るしウェブの知識が少しでもあればこんなので作ったウェブサイトはいろいろとマズい事くらいは容易にわかる。問題はそこじゃなくて、クリエイター系でPsやイラレ、映像関係でAfやPrくらいしか使わないけどとりあえずCCは使ってますって層に簡単に作れる環境が勝手にお膳立てされてしまっているのが問題なんだ。ここまで書いておいて使ったことはなかったので実際どうなのよ!?というのが気になるところだと思います。食わず嫌いもいかんので早速使ってみました。Cloudをインストールします。CCの体験版を選択してインストール。インストールが完了したら起動します。起動直後の画面はこんな感じ。他のAdobeのソフトウェアと比較するとかなりシンプル。Widthやカラム数、余白などの設定が出来ます。デフォルトのままOKこのような画面が出ればOK。左下にあるのはマスターテンプレート。中央左にあるのは最初のページ(Home等)になります。雛形ファイルを作るので左下のマスターテンプレートをダブルクリック。自動的にDTPソフトのような制作画面へ移行します。PhotoshopやFireworksを使ったことがあれば特に難しい事はありません。アイコン等もPhotoshopとほぼ同じ、レイヤーの操作もFwよりはPsに近い感じです。マスターテンプレートを編集すると当該テンプレートと関連付けられているページ全てに適応されます。※ソチオリンピックにちなんでロシアにしてみた。ページ数が沢山あって適応したいテンプレートが複数ある場合でも簡単に追加・変更が出来て何時でも一目で分かるようになってます。ページごとの設定をしたいときは各ページをダブルクリック。編集の仕方はマスターテンプレートと同じです。ハイパーリンクを選択するとURLの入力(外部リンク)or各ページの選択(内部リンク)が設定できます。サイト構成を後から変更してもここで設定したリンクは変わりません。リンクが設定してあるページを削除するとハイパーリンクの設定も解除されます。各ページの細かい設定が終わったらサイト構成を作りましょう。そのまま書き出しても問題ありませんが、一応見た目を整えて整理する意味でもやっておきましょう。最初のページをHomeの下へドラッグすれば、あとはサイトマップを作る要領で配置していけばOK。エクスポート・書き出し何もコンテンツの無い国旗を書き出すわけにはいかないので、試しに5分で作ったウェブサイトっぽい何かを書き出して見ましょう。やっつけ仕事すぎなのは気にしないでください。書き出しの方法は2種類あります。1.そのままローカルフォルダにHTMLを書き出す方法。2.FTP設定をしてネットワーク上に直接書き出す方法。めんどくさがり出ない限りは最後のエラーチェック等をするためにもローカルに書き出す事をオススメします。チェックした後にFileZillaやFFFTP等を使ってアップロードしましょう。ローカルフォルダを選択すると書き出しが開始されます。この5ページほどであれば数秒もかかりません。ローカルに書き出す場合はフォルダ選択後にドメイン名は「index.html」と入力しておけば大丈夫だと思います。書き出されるファイルは以下の通り。museutils.jsimageフォルダ内:各種画像ファイル簡単なものであれば以上です。コード等の内容これが一番気になる部分ではあると思います。さきほど書き出したHTMLとCSSの中身を見てみましょう。--><p>Homeです。-587px;}HTML5で書き出されているようです。MetaのGeneratorは恐らくMuseのバージョンだと思います。それにしても、自力で似たようなものを作るなら10分の1以下で書けそうなコードですね。文字もWEBセーフフォント以外を使うと画像として書き出されるようです。position:relativeの嵐、そしてmargin:-10000pxって・・・。まとめ結論から言うと「思ったとおり」でした。ご丁寧にjQueryまで吐き出してくれましたがちょっと実用に耐えうる代物では無い感じ。設定弄り倒せばもうちょっとマシなコードを吐き出すのかも知れませんが現状そこまでの時間を割く価値は無い。してもHTMLやCSSの知識無しで作りたい方にはイケダハヤト氏の広告でおなじみのWix等をオススメします。難易度もデザインもSEOの観点から見てもMuseの完敗は否めない。現状使い道があるとすればサイトマップは見易いからこれでデザインカンプより前の段階のドラフト作る程度?そこまで言われてもMuseが気になる方は1ヶ月無料の体験版を使ってみると良いと思います。悪いところばかりではない。UIが他のAdobe製品に慣れていれば使いやすい。あとはsitemap.xmlまで自動で吐き出してくれるのは便利だなぁと思った。この機能は是非Dreamweaverに組み込んで欲しい。素人でもすぐに分かる!アイスホッケールールまとめ。Pressで簡単にクールなコメント欄を設置する方法。2017/12/07やりたくない事は全力でやらないという選択。2017/09/04何故かロリポップ無料SSL導入後にWAF設定が勝手に有効化する件。2017/07/25ロリポップが無料SSL始めたってよ!実装もめちゃくちゃ簡単でした。Posts素人でもすぐに分かる!アイスホッケールールまとめ。Experienceが立ち上がる件。37ビューjQuery(JavaScript)でスクロールに合わせて少しずつ背景画像を動かす方法。33ビューRBGからRGBA(白背景)に変換する方法。2017/12/07やりたくない事は全力でやらないという選択。2017/09/04何故かロリポップ無料SSL導入後にWAF設定が勝手に有効化する件。2017/07/25ロリポップが無料SSL始めたってよ!実装もめちゃくちゃ簡単でした。