テクノロジー系のポッドキャストをよく聴いたり、テクノロジー系のブログをよく読んだりする人なら、WYSIWYG対応のクラウドベースのウェブサイトホスティングサービスであるSquarespaceの広告を耳にしたり、目にしたことがあるはずです。広告では、Squarespaceは使いやすく、デザインも美しく、トラブルフリーで、上級者向けの追加機能も備えていると宣伝されています。2012年8月、自分のウェブサイトを立ち上げる時期が来たので、当時リリースされたばかりのSquarespace 6を試してみることにしました。
高度な技術知識やシステム管理を必要とせず、手軽にウェブサイトを立ち上げたいと考えているなら、Squarespaceは検討する価値があります。特に、最先端のデザインとクラウドベースの容易な管理を求める方には最適です。しかし、パワーユーザーにとっては、Squarespaceの完全なコントロールの欠如や、MacおよびiOSベースの優れた管理ツールの欠如に不満を感じるかもしれません。まだ若いプラットフォームであるため未熟であり、機能が頻繁に変更され、バグが未解決のままです。Squarespaceが気に入らない場合は、Sandvox、RapidWeaver、
FreewayといったMacベースのウェブオーサリングソフトウェアから、Calepin（2012年1月5日の記事「Calepin：シンプルでミニマリストなブログにひと工夫」、2012年6月26日の記事「Calepin Redux：ミニマリストなブログプラットフォームがオープンソース化」参照）のようなシンプルなDropboxベースのシステム、そしてWordPress（2012年11月21日の記事「WordPressをiWebの代替として」参照）のような成熟したプラットフォームまで、様々な選択肢があります。
サインアップと初期設定— Squarespace は 2 週間のトライアルを提供しており、クレジットカードは不要で、簡単に試すことができます。Squarespace ですぐに気付くことの 1 つは、Apple と同様にデザイン重視であることです。ログインを確立する前に、いくつかのテンプレートの中から選択するように求められます。テンプレートはどれも非常に優れており、レスポンシブ Web デザインに基づいています。つまり、サイトは読者の画面サイズに合わせて調整されるため、iPhone でも Retina ディスプレイ搭載の MacBook Pro でも同じように表示されます。ほとんどのテンプレートは、ブログまたはポートフォリオとして使用することを目的としています。ブログをポートフォリオとして使用することも、その逆も可能ですが、コンテンツが
重複したり、その他の問題が発生する可能性があります。
テンプレートを選択してログイン情報を作成すると、Squarespace の設定ページが表示され、役立つヒントが表示されます。後で気が変わった場合は、すぐにサイトを再デザインできます。テンプレートのカスタマイズは保存されるため、テンプレートを切り替えてもカスタマイズ内容は失われません。公開サイトに変更を加えずに別のテンプレートを試したい場合は、テンプレートをプレビューして変更を加えることができます。
テンプレートのプレビューに加えた変更も保存されるため、テンプレートを切り替える場合でも、カスタマイズ内容は既に適用されています。
インターフェース- Squarespace の設定ページには、Web サイトの外観を確認する「プレビュー」、サイトのページを管理する「ナビゲーション」、サイトの訪問者の統計情報が含まれる「アクティビティ」、およびサイトのオプションを構成する「設定」の 4 つのセクションがあります。
プレビュー ボタンをクリックすると設定ページを出て、サイトの編集可能なプレビューが表示されます。右下のコントロール ボックスで変更を加えることができます。鉛筆をクリックすると編集モードになります。編集モードでは各要素がボックスで囲まれ、要素をクリックすると関連する設定ページに移動できます。ペイント ブラシをクリックするとサイドバーが表示され、色、書体、その他のテンプレート オプションなど、ページのスタイルを変更できます。標準の Web フォント、Google Web フォント、そして今では 65 種類を超える Adobe Typekit フォントなど、幅広いフォントから選択できます。カスタム CSS を追加して外観を微調整することもできます。
デザインの調整が完了したら、コントロール ボックスの X をクリックするか、キーボードの Esc キーを押し、コントロール ボックスの歯車をクリックして設定ページに戻ります。
ナビゲーションページは、セットアップ時間の大部分を費やす場所です。ここでは、サイトのページの作成、削除、並べ替えができます。新しいページを追加するには、プラスボタンをクリックするだけで済みます。また、ページをドラッグして並べ替えることもできます。ページをライブサイトにリンクするには、サイトのナビゲーションバーにドラッグします。または、公開する準備ができるまでリンクを解除したままにしておくこともできます。
静的ページ、フォトギャラリー、ブログ、そしてナビゲーション用のフォルダとリンクを作成できます。フォルダはドロップダウンメニューとして表示され、フォルダ内のページへのリンクが含まれています。リンクは他のページ、またはRSSフィードなどへのリンクです。ページを作成したら、サイドバーでクリックして編集してください。
Squarespace のすべてのページは、1 つ以上のコンテンツ ブロックで構成されており、各ブロックにはリッチテキスト、Markdown テキスト、画像、ギャラリー、音声、空白スペース、さらには Amazon 商品など、さまざまな種類のコンテンツを配置できます。ページに新しい種類のコンテンツを追加するには、「ブロックを追加」をクリックし、必要な種類のブロックを選択して、ページ上にドラッグするだけです。
もちろん、ウェブサイトの管理は、訪問者に表示する情報だけではありません。訪問者数をカウントする際には、「アクティビティ」ページが便利です。1日に1回しか更新されないアナリティクスとは異なり、Squarespaceの統計情報はリアルタイムです。サイトのページビュー数やユニークビジター数、最も人気のあるコンテンツ、サイトへのリンク元、さらにはユーザーがサイトを見つけるために検索したキーワードまで確認できます。Squarespaceの「アクティビティ」ページはGoogle Analyticsほど詳細ではありませんが、より高速で使いやすいです。より詳細な統計情報が必要な場合は、Squarespaceの統計情報に加えてGoogle Analyticsも利用できます。
最後に、「設定」ページでは、様々な設定が可能です。サイトのタイトルやファビコンといった簡単な設定はもちろん、Amazonアフィリエイトアカウントにサイトをリンクさせ、Amazonコンテンツブロックのクリックが売上につながった場合にキックバックを受け取ることも可能です。Disqusのコメントシステムをご利用になりたい場合は、Disqusアカウントにリンクさせることもできます。TwitterやFacebookなどのソーシャルネットワークにサイトをリンクさせ、コンテンツを更新するたびに自動的に通知を投稿することもできます。URLスキームを変更したり、サイトのヘッダーやフッターにカスタムコードを挿入したりすることも可能です。
コンテンツ管理— サイトの設定に満足したら、しばらくは変更を加える必要はなくなるでしょう。重要なのは、サイトのコンテンツの管理です。
私を含め、多くの人にとってSquarespaceの主な用途はブログです。ブログを始めるのは、ナビゲーションページにブログページを追加するだけで簡単です。1つのサイトに複数のブログを作成することも可能です。ブログのコンテンツを管理するには、左側のメニューでページをクリックします。右側のペインには、既存の投稿とそれらを管理するためのツールがすべて表示されます。「投稿を追加」をクリックすると、新しいブログ記事を作成できます。
Squarespaceの他の部分と同様に、ブログ投稿もブロックで構成されています。（ブロック、スクエア、Squarespace。分かりますか？）デフォルトでは、Squarespaceはリッチテキストブロックで始まります。このデフォルトをMarkdownブロックに変更することもできます。私はMarkdownブロックの方が好きです。残念ながら、この設定は常に有効とは限らず、Squarespaceは結局リッチテキストブロックを表示してしまいます。ただし、テキストブロックは簡単に削除できます。ブロック内をクリックし、ポップアップメニューのゴミ箱をクリックするだけです。プラスボタンで新しいMarkdownブロックを追加できます。
コンテンツの削除についてですが、Squarespaceのテンプレートにはすべて、見た目や機能を確認するためのサンプルコンテンツが多数含まれています。サンプルコンテンツを削除して独自のコンテンツを追加する準備ができたら、一つずつ削除する必要はありません。ブログページを開いている間、画面下部にゴミ箱ボタンがあり、これをクリックするとサンプルコンテンツがすべて削除されます。
Squarespaceは写真とフォトギャラリーの扱いに優れています。写真やギャラリーのブロックを、サイトのどのページにも、ブログ記事内などにも追加できます。ブロックに写真をドラッグ＆ドロップするか、FinderやiPhotoから追加できます。写真編集サービスAviaryを使えば、Squarespaceのインターフェース内で写真を編集できます。キャプションの設定、ファイル名の変更、写真にURLをリンクさせる、写真用のライトボックスを有効にするといったことも可能です。DropboxアカウントをSquarespaceにリンクさせれば、Macのフォルダに写真をドラッグするだけでサイトに追加できます。
Squarespaceのデザイン力の高さを考えれば、Retinaディスプレイ対応の面倒な作業をSquarespaceが手がけてくれたのも当然と言えるでしょう。Squarespace 6は最大1500ピクセル幅の画像をサポートし、あらゆるデバイスに合わせて6種類のサイズを自動的に生成します。私自身のサイトはRetinaディスプレイ対応には全く力を入れていませんが、Retinaディスプレイ搭載のMacBook Proでは見事に表示されています。
ブログ投稿には好きなだけブロックを追加でき、自由に並べ替えることができます。満足したら、タグやカテゴリーを追加したり、見出しを外部リンクに関連付けたり、位置情報を追加したりといったオプションも追加できます。投稿はプレビュー用に保存しておき、準備ができたら公開することもできます。前述のように、人気のソーシャルネットワークで新しい投稿を自動的にお知らせできます。ただし、自動共有が常に正しく機能するとは限りません。ツイートは送信されても、投稿がブログに公開されないこともあります。そのため、私のワークフローでは、まず投稿してからソーシャルメディアサイトで手動でリンクを共有しています。
Squarespace は個人ブログだけのものではありません。ゲスト投稿者やグループブログ用に、権限が制限されたログインを追加できます。また、XML ファイルを介して WordPress ブログ投稿をインポートおよびエクスポートできるため、Squarespace に縛られることもありません。現在 WordPress を使用していて切り替えを検討している場合は、既存の WordPress ブログに投稿し、そこからエクスポートして、シャドウ Squarespace サイトにインポートすることで、この機能を Squarespace の長期テストとして使用することもできます。ただし、変換は必ずしもスムーズに行われるとは限りません。512 Pixels の Stephen Hackett は 2012 年 8 月に移行を試みましたが、カスタム パーマリンクが正しく変換されず、
サイトへのリンクが壊れていたため、WordPress に戻らなければなりませんでした。ただし、彼の使用ケースは少し特殊です。うまくいけば、Squarespace がすぐに他のブログ プラットフォームからのインポートとエクスポートをサポートするでしょう。
ポッドキャスト機能— Squarespace の優れた機能の一つは、ポッドキャストをホストできることです。ポッドキャストの世界に足を踏み入れたことがある人なら、帯域幅がいかに高価になるかご存知でしょう。そのため、月額料金が手頃でありながら、十分な容量（基本プランで500GB）が含まれているのは魅力的です。
ポッドキャストを始めるのは、ブログ記事に音声ブロックを挿入するのと同じくらい簡単です。訪問者は埋め込まれた音声をサイト上で直接再生できます。また、より多くの視聴者にリーチしたい場合は、Squarespace で iTunes メタデータタグを追加して、Squarespace でホストされたポッドキャストを iTunes Store で公開することもできます。
Squarespaceのポッドキャストホスティングは、アマチュア向けだと思わないでください。Marco Arment、John Siracusa、Casey Lissが司会を務める新しいカーショー「Neutral」は、Squarespaceでホストされています。この記事を書いている時点で、NeutralはiTunes Storeのポッドキャストランキングでトップ50に入っています。
信頼性とサポート— 全体的に見て、Squarespace は非常に安定した信頼性を備えています。私が使い始めて数ヶ月経ちますが、ダウンタイムは合計で5分程度でした。クラウドベースのアーキテクチャのおかげで、Squarespace はトラフィックの急増にも問題なく対応してくれます。昨年、The Loop からリンクされた際、突然数千人の訪問者が殺到しましたが、サイトの動作が全く遅くならなかったため、使用統計を確認するまで気づきませんでした。
Squarespaceは稼働時間を重視しています。ハリケーン・サンディの襲来により、Squarespaceのニューヨークデータセンターは停電に見舞われました。従業員は発電機を稼働させ続けるため、3日間かけて17階分の階段を燃料を運びました。停電にもかかわらず、Squarespaceはダウンタイムを経験しませんでした。
サポートも素晴らしいです。電話サポートはありませんが、設定ページからメールサポートを受けることができ、24時間365日体制で対応しています。週末の午前4時にサポートメールを送信したのですが、数分で返信が届きました。ライブチャットサポートも利用可能で、月曜日から金曜日の午前11時から午後7時（東部標準時）まで利用可能です。Twitterの@Squarespaceも、簡単な質問に迅速に対応してくれます。
残念ながら、サポートニーズが通常のユーザー機能の範囲を超えたり、バグが絡んだりする場合、「わかりません」という回答が返ってくることがよくあります。しかし、Squarespaceのサポートスタッフは素晴らしいフォローアップをしてくれます。バグを報告して修正に数週間かかったこともありますが、修正が完了した際には必ずメールで通知を受け取ってくれます。
SquarespaceのCEO、アンソニー・カサレナ氏も時々介入してきます。私がSquarespaceへの不満をブログに書いた後、彼はメールで連絡するように誘ってくれました。長いメールでのやり取りの後、多くの問題が解決しました。
モバイルアプリ— Squarespace が期待外れな点の一つは、iOS から Squarespace アプリ経由でサイトを管理する機能のサポートです。率直に言って、私はこのアプリを信頼していません。何らかの理由で、iOS アプリは Squarespace 6 と完全に互換性がありません。Squarespace を使い始めた頃、アプリで Markdown 形式の投稿を追加すると、投稿がフォーマットされず、実際のサイトでは Markdown マークアップが表示されていました。
Squarespaceがいくつかの問題を修正した今でも、問題は残っています。最も顕著なのは、アプリで古いブログ投稿を編集すると、フィードの一番上に移動してしまうことです。そのため、1か月前のブログ投稿のエラーを修正すると、その投稿はまるで新しい投稿のようにサイトに表示されます。SquarespaceのWebインターフェースでは、古い投稿を編集しても投稿日が変更されないため、この動作は奇妙です。
さらに追い打ちをかけるように、SquarespaceはNoteとPortfolioという、全く無関係な2つのiOSアプリをリリースしました。Noteはミニマルなメモアプリで、Squarespace、Dropbox、Twitterなどのサービスに投稿できます。Portfolioは、外出先でSquarespaceの写真ポートフォリオを閲覧できます。ここでは詳しくは触れませんが、Squarespaceのコアアプリ自体が機能していないにもかかわらず、App Storeでこれらのアプリを見るのは実に苛立たしいものです。これらのアプリがSquarespaceのiOS開発者の妨げにならず、むしろ
再設計されたSquarespaceアプリのテストの場となることを願っています。
編集と投稿の動作が不安定でなければ、Squarespaceアプリは問題なく動作するでしょう。1つまたは複数のSquarespaceアカウントの投稿、統計情報、設定にアクセスできます。私は毎日このアプリを使って、サイトの統計情報を確認しています。
問題点と不満点— Squarespace に関して私が一つだけ不満に感じているのは、常にヘルメットをかぶらないといけないような気分になってしまうことです。デザインは素晴らしく洗練されているものの、Squarespace 6 はまだ完成版とは言えません。機能が頻繁に追加、削除、変更されており、それが時々厄介なバグを引き起こします。例えば、以前はサイトのプレビューからブログ記事を編集できたのですが、その機能が突然消えてしまい、Twitter で確認するまで何の通知もありませんでした。
技術サポート以外にも、Squarespaceの顧客コミュニケーションには改善の余地があります。テンプレートが変更されたり、新機能が追加されたりするたびに、変更ログをメールで受け取れるようにしてほしいです。設定ページを調べていたところ、「コマース」という新機能のベータ版を発見しました。これはSquarespaceユーザーが自分のサイトで商品を販売し、Stripe経由で決済を受け付けることができる機能です。これは非常に大きく、ゲームチェンジャーとなる可能性のある機能ですが、まだ発表されていませんでした！この記事のために設定ページを調べていなかったら、見つけられなかったでしょう。確かに、この機能がまだ本格的なリリースには至っていないのであれば、ブログ記事では大げさすぎるかもしれませんが、既存のユーザーにメールでお知らせいただけると嬉しいです。
[追記：この記事の執筆後、Squarespaceはコマースを正式に発表しました。]
これまで、バグは発生しては解消されてきました。中でも最悪だったのは、ブログ記事の編集中にカーソルを動かすと編集ダイアログが画面上でバウンドしてしまうというものでした。この問題は数ヶ月続きましたが、ようやく修正されました。また別のバグでは、タグとカテゴリーを非表示に設定しているにもかかわらず、表示されてしまうという問題もありました。タグのフォーマットがいつも思った通りに整っているとは限らないので、これは本当に困りました。このバグが修正されるまでに2週間以上かかりました。
修正に約1ヶ月かかったもう一つのバグは、コードインジェクションのエントリが表示されないというものでした。Squarespaceの機能の一つとして、ブログ記事の上部または下部にカスタムコードを挿入できるというものがあります。私は各記事にパーマリンクを追加するためにHTMLを挿入したのですが、リンクが表示されませんでした。サポートとのやり取りを経てようやく問題は解決しましたが、Squarespaceが修正するまで数週間も悩まされました。
もちろん、これはクラウドベースのサービスの大きな欠点の一つです。セキュリティ上の脆弱性へのパッチ適用やソフトウェアのメンテナンスを心配する必要はありませんが、すべての変更が望ましい、あるいは好ましいとは限らないのです。良い変化があれば悪い変化も必ず伴います。そして、いわば「アップグレード」はもはや選択肢ではなく、いつでも現状のままで良いと決めることはできません。
ここでSquarespaceの大きな欠点の一つに触れたいと思います。サイト全体、いやページ全体を完全にコントロールできないのです。もちろん、カスタムコードを挿入したり、カスタムCSSを追加したりすることはできますが、Squarespaceが提供するツールと、かなり限定的なドキュメントに制限されています。そのため、何かをカスタマイズしたい場合は、SafariやGoogle Chromeに組み込まれているようなWebインスペクタで、特定のHTML要素をどのように変更すればよいかを調べる必要があります。
今では代替手段があります。開発者アカウントにサインアップすれば、CSS、LESS、JSON、Gitをサポートし、テンプレートを完全に制御できるようになります。開発者アカウントはサイト開発中は無料で利用できますが、有料アカウントに移行するまでサイトは一般公開されません。残念ながら、私のように最初から有料アカウントにサインアップした場合、通常のアカウントから開発者アカウントの機能にアクセスする方法はまだなく、ゼロから始める必要があります。とはいえ、
Squarespaceの開発者センターのドキュメントは少し乏しいので、白紙の状態から始めるのは不安です。
非常に惜しまれる機能は、RSS統計機能の欠如です。これは当初から計画されていた機能で、以前のSquarespace 5にも搭載されていましたが、Squarespace 6では依然として機能がありません。もちろんFeedBurnerを使うこともできますが、Googleの最近の動向を考えると、その将来は不透明です。私はFeedBurnerフィードを使ってサイトを立ち上げましたが、2012年9月に信頼性の問題が発生し、SquarespaceのCasalena氏からRSS統計機能が間もなく提供されるという確約を得たため、Squarespaceの組み込みRSSフィードに戻しました。そのため、現時点では、
購読者数がどれくらいいるのか全く把握できていないことを恥ずかしく思います。数十人、あるいは数千人かもしれません。もしサイトに広告を表示したいと思ったら、これは大きな障害となるでしょう。 FeedBurner や他のソリューションに切り替えることもできましたが、サーバー側にアクセスできないため、既存の読者を新しいフィードにリダイレクトする手段がありません。そのため、移行は困難を極め、忠実な読者を失う可能性も考えられます。今のところは、読者のためにも、現状維持で最善の結果を祈るしかありません。
RSS統計機能は欲しいのですが、サードパーティ開発者向けのAPIは私のウィッシュリストのトップを占めています。これもSquarespace 5で削除された機能です。ブログエディタMarsEditの開発者であるDaniel Jalkut氏によると、公式の理由はSquarespace 6が柔軟性に富みすぎて標準的なブログAPIと連携できないためとのことです。理由が何であれ、これは面倒です。私はBBEditで記事を書くのが好きなのですが、それをSquarespaceにコピー＆ペーストしなければならず、これは面倒です。画像を挿入したい場合はさらに面倒です。その場合、
記事を別々のMarkdownブロックに分割し、段落間に画像ブロックを追加する必要があります。
MarsEdit が Squarespace をサポートしてくれると嬉しいですが、特に欲しいのはコマンドラインから Squarespace のバックエンドにアクセスできることです。そうすれば、コマンドラインから Squarespace に画像をアップロードし、Markdown 形式のテキストファイルでそのファイルを参照し、コマンドラインからブログ記事をアップロードできるようになります。そして、これら全てを AppleScript で連携させ、BBEdit から起動できるようになります。
おすすめ— Squarespace 6には不満や不満はあるものの、このプラットフォームは気に入っています。サイトのメンテナンスは簡単で、デザインも気に入っています。WordPressのように、セキュリティホールを埋めるためにベースソフトウェアやプラグインを頻繁にアップデートする必要もありません。それにSquarespaceは価格も安く、年間払いなら500GBの帯域幅と2GBのストレージで月額8ドルから利用できます。プロモーションコード「GIMME10」を入力すると、2年間のサブスクリプションでさらに10%割引になります。このリンクから登録すると、私たちに数ドルが返金されます。確かに、
同じような価格帯の安価なホスティング会社は数多くありますが、インターフェースが使いにくく、サービスも不安定なものが多いです。
初心者ユーザーでも、iWebからの脱却を目指すユーザーでも、数分で見栄えの良いSquarespaceサイトを構築できます。HTMLとCSSの経験が豊富な方は、開発者アカウントで自由に開発をお楽しみいただけます。開発者アカウントは、サイトを公開する準備ができるまで無料でご利用いただけます。Squarespaceは、親しみやすく使いやすい外観でありながら、パワーユーザー向けの追加ツールも豊富に備えたMacに少し似ていると思います。（ちなみに、AppleがSquarespaceのようなものをiCloudに統合し、iWebや.Macのホームページの代わりになるのではないかと考えたことはあります。しかし、AppleがiCloudをパブリッシングやコラボレーションではなく、デバイス間の通信に重点を置いていることを考えると、実現は難しいでしょう。）
Squarespaceの制限に問題がなければ、これは良い取引です。改善すべき点は山ほどありますが、Squarespace 6はまだ若いプラットフォームで、将来は明るいです。私が個人サイトに選んだのもこのSquarespaceで、それがきっかけでTidBITSで記事を書くようになりました。Squarespaceは私の人生を変えました。お勧めとしていかがでしょうか？