RapidWeaverを使ってみました

はじめに

チュートリアル動画で学ぶ

• RapidWeaver Tutorials
• RapidWeaver Classroom

アプリ情報

• RapidWeaver - Realmac Software
• 価格：公式サイト¥6,900、App store:¥7,800
• トライアル版：3ファイル（ページ）まで作成可能。おそらく日数制限や機能制限はありません。

簡単な使い方

簡単に使うのであれば、スタイルテキストかブログでいいと思います。ブログについては、チュートリアル動画で確認して下さい。スタイルページにブログに特化した管理機能（ページングや日付管理やリスト表示など）が付いています。一つの記事を一つのページで表示するSandVoxより優れています。SandVoxは記事の数が増えたら管理が面倒だなと不安になります。テキストや画像の編集方法についてはスタイルテキストと変わりません。

リッチテキスト（スタイルテキスト）・エディタと同じ感覚で編集でき、テキストと画像を追加していき、フォントの調整やリンクを作成します。注意点は、スタイルがついたテキストをペーストすると、フォント等のスタイルを保持するので、他とのバランスが崩れます。’プレーンテキストとしてペースト’がメニューにあるので、それを使います。

画像をドラッグ＆ドロップで配置できますが、デフォルト設定では原寸で表示されるので、ほぼ毎回調整する必要があります。環境設定の’自動的に大きいイメージの大きさを変更する’を使えば、常に同じ大きさで配置できます。それにしても、今どき画像サイズをマウス操作で調整できないことに驚きました。画像サイズを調整するにはメディアエディタを開き、サイズを指定する必要があります。％単位での拡大縮小は縦横比固定ですが、px単位の縦横比固定はありません。ここで、画像の回転や影、枠線の追加ができます。ファイル名に日本語が含まれているとURLエンコードされます。またファイル名は、メディアエディタで編集できます。

少し引っかかったのが、画像の回りこみです。探すとウィンドウ下部にありました。テキスト関連の場所にあるのは、ちょっと違和感があります。ここでheaderタグ等を指定できます。改行がbrタグだったので、どこでpタグ（段落）にするのか悩んでいました。その隣にはリスト表示の設定がありますが、リスト内にリストといった階層化はできませんでした。できました。タブキーで可能です。と思いましが、表示がおかしくなります。

SandVoxとは異なり、ソースコードの確認ができます。ただし、同じように編集はできません。便利と考えるか不便と考えるかは好みですが、エディタに入力したhtmlやJavaScriptはそのまま認識されるます。なので、凝ったこともできると思います。逆にそのままコードを表示したい場合は＆lt;や＆gt;のように手動でエスケープする必要があります。

ページを追加すれば、自動的に上部のメニュー（ナビゲーション）も更新されます。また、ページを階層構造にするとメニューも階層化されます。メニューについては無料動画を見ればすぐに分かります。

テーマによってはサイドバーがあります。ページインスペクタのサイドバータブからコンテンツを追加します。スタイルテキストとHTMLを選択できます。ここで入力するのは何か違和感があります。サイドバーはおまけ程度の扱いなのでしょうか。

サイドバーは各ページで独立しています。つまり、同じ内容を全てのページに表示させる方法がありません。他のサイトを見ると、できないようなことが書いてあります。または、プラグインを購入しましょうみたいな・・・とりあえず手動で複製するしかないのでしょうか。または、外部ファイルをJavaScriptで読み込ませる？

保存形式は、rwswファイル一つになります。利用した画像ファイルを別の場所に移動しても問題が起きないので、内部に複製しているようです。

サイト全体に共通のコードを挿入する

調べてみましたが、全部のページに複製するみたいなことが書いてあります。いやいや、そんなはずは、と更に調べると解決方法が見つかりました。

テーマを編集してしまう！

嘘みたいな話ですが、割と最近の話だったので他に方法がないのかなと思います。アプリ内にあるthemeを複製してindex.htmlとTheme.plistを編集するそうです。

ビルトインのテーマは’/Applications/RapidWeaver.app/Contents/Resources/Themes/5.0 Themes/%theme-name%.rwtheme/Contents/’にあります。購入したthemeがどこに保存されるかは分かりません。

もしくは外部ファイルとしてリンクを張るしか無いですが。それでも全てのページにコードを追加しないといけません。ちょっと前のバージョンだと、全ページ共通のfooterエリアがあったようですが、なくなってます。

プレビュー方法

http://localhost/で表示させたい場合は、FTPサーバ（デーモン）を動作させて上記の方法を使うか、メニューのファイル＞サイトをエクスポートでWeb共有のフォルダにエクスポートします。エクスポートには、サイト設定のウェブアドレスの欄が入力されている必要があります。

Snippets機能

レイアウトを自由にするプラグイン

Blocks

画像は公式サイトより

テキストや画像の自由自在な配置を可能にするプラグインです。

標準機能では難しい（無理？）レイアウトをマウスの操作（移動と拡大縮小）で簡単に作成できます。グリッド機能もあるので配置も楽です。使用する場面は少ないかもしれませんが、オブジェクト同士を重ねることもできます。

機能概要

• テキストオブジェクト、Image Textオブジェクト、HTMLオブジェクト、Pageオブジェクト、リンク作成、Font調整など。
• Image Textは入力した文字列を画像ファイルとして出力します。
• Pageオブジェクトは、他のページを表示することができます。単純に表示するだけなので、編集は元のページで行います。
• 他のユーザが作成したBlocksを利用できます。
• Library機能があり、Blocksを含むページやBlocksを登録・再利用する仕組みがあります。
• Masterページ機能があり、共通パーツを含むページを一つ作成すれば、それを複数のページで共有できます。

Stacks

画像は公式サイトより

Blockの自由自在な配置と比較して、Stacksはグリッド的なレイアウトです。語弊はありますが、テーブルの中にテーブルを作成していくような感じです。Blocksは自由自在なため、グリッド線があっても微調整が面倒ですが、Stacksなら簡単に綺麗なレイアウトができます。

機能概要

• 多くが有料ですが、他のユーザが便利なStacksを公開しています。また、自分でもオリジナルStackを作成できます。
• 画像については、リサイズや回転といった調整ができます。
• ライブラリ機能があり、追加したStackを含め簡単にStackを管理できます。
• Blocksと比較して、柔軟な調整ができます。px単位だけでなく%単位も可能です。

どうでもいいテクニック？

閑話休題

アラーのところに、「" style="float:right;」のようにすれば、スタイルとか属性を画像に追加できます。ソースコードを確認すると「<img class="imageStyle" alt="" style="float:right;" src="files/rw01.png"」みたいになります。おそらく他のフィールドでも同じようになると思います。不具合ではないけど、入力された文字列のチェックはしてないようです。これは、画像の回り込みを探している時に、YouTubeで見つけました。

キニナルトコロ

• GitHub - realmac software。SandVoxと同じように、テーマとプラグインを開発できるようです。詳しくは見ていませんが、テーマはhtml、css、javascriptでできるようです。プラグインはCocoa（Objective-c）でしょうか。
• BlocksとStacksは排他関係のようで、同じページに混在させるとはできません。ただし、BlocksのページにPageオブジェクトを使ってStacksのページを表示させることはできます。
• ページ（サイト）の横幅を調整することができないのかも？テーマのスタイルシートで固定されているようです。

イマイチナトコロ

• デフォルトだと何もできない・・・語弊がありますね。サイト全体も個々のページも問題なく作れますが、テキストと画像を並べるだけです。素の状態ならSandVoxが勝ります。ただし、プラグインを購入すると激変します。何かとお金がかかるアプリです。
• 日本語のローカライズが意味不明です。テキストの尻切れトンボがあちこちにあります。機械翻訳任せで、最終的な出力も確認していないのでしょう。意味不明な日本語、おまけにテキストが欠けるなら英語のままでいいのでは？
• headerタグや取り消し線をつけると、薄い緑色の背景がそのテキストに付きます。それだけなので、ソースコードを見るかプレビューを見ないと何を設定したか分かりません。エディタモードは本当に単なるエディタなので、どのように出力されるか分かりません。
• ソースコードの編集はできません。
• 改行が<br />。これは好みの問題でしょうか。
• ブックマークウィンドウやStacksのツールウィンドウなどが背面に隠れるため、メインウィンドウに重ねて作業ができません。

シカタガナイ？

• 何かと追加費用が発生します。より詳しい使い方を調べるのためにTutorialsやらSchoolやらで会員費が必要だったり、プラグインやテーマの一つ一つが結構なお値段です。趣味で使うにはちょっとシンドイかもしれません。しかし、そういう商法が成立するだけの価値があるということでしょうか。といっても、少し高機能なテーマとプラグインを2つ購入するだけでアプリの価格を超えます・・・

イイトコロ

• ブログ機能はよくできていると思いますが、プラグインのない状態では、あまり褒めるところがありません。プラグインを追加すると使いやすくなります。
• ソースコードの表示ができます。どのようなコードが出力されているのか確認するのに便利です。
• これまで、Freeway、Flux、SandVoxと試しましたが、一度も落ちなかったのはコレだけです。残念ながらBlocksで作成したページを削除する時にハングアップしました。それ以外は安定しています。
• 軽いです。低スペックなマックでも大丈夫？ページが増えたら分かりません。

まとめ