Blocs 2レビュー：シンプルさと洗練さを両立したWebデザインアプリ

概要

専門家の評価

長所

サイト要素をスタイルするためのより強力なツール
複数のブレークポイントでサイトとスタイルを編集する機能
よりMacらしいUIを備えた、洗練された外観

短所

ドキュメントはまだ作成中
ライバルプログラムにあるいくつかの機能が欠けている
いくつかの小さなバグ

私たちの評決

Blocs 2 は、オリジナルバージョンの使いやすさと優雅さを維持しながら、強力な新機能を多数追加しています。

Blocs 2（80ドル）は、Macで最もシンプルで優れたWebデザインプログラムの一つをさらに進化させました。いくつかの癖は残っていますが、堅牢な前身をベースに、印象的で巧みに実装された新機能が加わっています。

Blocs 2 は、洗練された Adobe 風のインターフェースを維持しながら、コンテキストメニューなどの Mac に優しい機能を追加しています。

表面上のシンプルさ

Blocs 2は、レゴキットのような基本的なWebデザインアプローチを忠実に踏襲しています。豊富なメニューから、あらかじめ用意されたコードブロック（「ブロック」）を選択し、組み合わせることでサイトの基本構造を素早く構築できます。その後、ブロックに含まれる段落、画像、ボタンなどの既成要素（「ブリック」）を、デザインに直接入力するか、プログラムのサイドバーでパラメータを調整することでカスタマイズできます。画像や写真、動画の背景を追加するには、デスクトップからファイルを直接ドラッグするか、Blocsの整理されたプロジェクトアセットウィンドウからドラッグするだけです。

ブロックの基本テンプレートを微調整したい場合、新しくなった検索メニューのおかげで、他のブロックを追加するのがこれまで以上に簡単になりました。各ブロックを表すアイコンは少し分かりにくいですが（ツールチップが役立ちます）、探している要素の名前を入力し始めると、Blocs 2が自動的に選別してくれます。

簡単でありながら強力な新しいクラスマネージャーを使用すると、あらゆる要素の CSS スタイルを正確に設定できます。

Blocs 2は、前バージョンよりもMacのインターフェースの慣習に忠実になっています。バージョン1では、右クリックすると直感に反して「新しいbricsをドロップ」モードに切り替わりました。バージョン2では、期待通り、便利なコンテキストメニューが表示されます。

十分なパワー

Blocs 1ではGoogleのウェブフォントが限定的に提供されていました。しかし、Google Fontsサイトから適切なURLを貼り付けることで、Blocs 2ではGoogle Fontsのライブラリ全体からあらゆるフォントを追加できます。このライブラリは昨年劇的に拡張され、見栄えの良いフォントが多数追加されました。

Blocs 2の最大かつ最も歓迎すべき追加機能は、カスタムクラスの編集です。新しいクラスマネージャーを使えば、新しいクラスを簡単に作成し、色、マージン、パディング、テキストスタイル、ドロップシャドウなど、様々なCSS属性を指定して、サイト内のあらゆるアイテムに適用できます。メニューは整理されていて分かりやすいと感じました。

Blocs 1では、デスクトップ、タブレット、スマートフォンで、あらかじめ用意されたセクションがどのように表示されるか、基本的なプレビューを提供していましたが、Blocs 2では、異なるデバイスに関連付けられた画面幅である「ブレークポイント」で要素を素早く表示または非表示にする機能が追加されました。サイトの一部がデスクトップやタブレットではきれいに表示されるのに、スマートフォンでは違和感があり、ぎこちなく見える場合は、適切な表示アイコンをクリックするだけで、小さい画面では非表示にできます。

さらに素晴らしいことに、これら2つの大きな追加機能は連携して動作します。サイト内の任意のクラスのプロパティを、異なるブレークポイントで変更することができます。例えば、小さい画面でテキストを小さくしたり、ボタンの配置を変更して、狭いスペースに押し込んだ際にボタンが不自然に飛び出さないようにしたりできます。

まだ成長痛が残っている

Blocs 2では、プログラム内からオンラインヘルプライブラリを検索できます。既存のヘルプ項目はBlocsの基本機能を分かりやすく分かりやすく網羅していますが、ドキュメントはまだ完成していません。ビデオ背景などの重要な機能に関する新しい項目は、リリースから数週間後に私がレビューしていた際に追加されたものです。これらの項目がなければ、私は何度もつまずいてしまいました。Blocsの作者であるNorm Sheeran氏がヘルプファイルの適切な箇所を教えてくれなかったら、異なるブレークポイント用のカスタムクラスについて知ることさえできなかったでしょう。

Blocs 2は、前作でブロックを配置したり編集したりする際に時々発生していた不具合を克服しましたが、他にもいくつか小さなバグや不具合が見つかりました。カスタムクラスは、プログラムを再起動せずに同じプロジェクトを閉じて再度開くと、クラスマネージャーから消えてしまうという癖がありました。（Sheeran氏によると、この問題はこの記事を読む頃には修正されているとのことです。）また、サンプルサイトは端末のブレークポイントでプレビューすると奇妙なレンダリングになりましたが、実際の端末ではずっときれいに表示されました。とはいえ、これらの欠点がBlocsの使用や楽しみを妨げることはありませんでした。

必須ではないものの、いくつか便利な機能も欠けています。FTPクライアントが内蔵されておらず、PDFなどの画像以外のファイルをサイトに簡単に組み込む方法もありません。自分でアップロードして、適切なリンクを入力する必要があります。また、Blocs 2では色を選択する方法が2つも異なるという問題もあります。グローバルスウォッチを使えば、色の組み合わせを選んでサイト全体の任意の要素に簡単に適用できますが、不透明度などの細かい設定はできません。Class Managerなら可能ですが、Apple独自のカラーピッカーを使う必要があり、グローバルスウォッチの色は認識も記憶もできません。16進コードを手元に用意しておくことをお勧めします。