タッチ中心の編集
タッチ操作を前提としたコントロールでキャンバス上に直接デザインできます。iPadで自然に使えることを意図しており、回転ダイヤルやApple Pencilに適した編集などの操作が含まれます。
Sitely
Sitelyは、iPadとMac向けのビジュアルWebサイトビルダー。コード不要でデザイン・プレビュー・公開でき、タッチ操作編集、iCloud連携、公開前のSEO/アクセシビリティ確認も可能。
概要
Sitelyは、iPadとMac向けのビジュアルWebサイトビルダーです。コードや複雑な用語を使わずにサイトをデザインして公開したい人向けでありながら、デスクトップ型エディタのレイアウトの自由度を活かせる位置づけになっています。
この製品は、iPadでのタッチ中心の作成を重視しており、Apple Pencilや指で描いたスケッチをキャンバス上の実際のWebページ要素に変えるWireframe Modeを含みます。さらに、iCloudを通じてプロジェクトをiPadとMac間で移動でき、さまざまな画面サイズでプレビューし、アプリから軽量なサイトを直接公開できます。
サイトでは、個人ポートフォリオからビジネスサイトまで幅広いプロジェクトに適していると説明されています。また、ドキュメントやストアページでは、ページ、タイポグラフィ、アクセシビリティ確認、SEOチェック、アニメーション、フォーム、予約、決済、ソーシャル埋め込みのためのツールも紹介されています。
機能
Wireframe Mode
iPadのWireframe Modeでは、Apple Pencilや指でレイアウトをスケッチすると、別の下書きを後で変換するのではなく、Sitelyがキャンバス上に実際のWebページ要素を作成します。
レスポンシブプレビュー
アプリ内でスマートフォン、タブレット、デスクトップのプレビューを切り替え、公開前にレイアウト、画像、テキストが画面サイズごとにどう表示されるか確認できます。
ページとサイト構造のツール
ページ作成、複製、グループ化、ドラッグ＆ドロップによる並べ替えで複数ページのサイトを管理し、大きなサイトでも整理しやすくします。
テキストとフォントのコントロール
タイポグラフィのコントロール、直接編集、1,600以上の内蔵フォントへのアクセスに加え、自分のフォントを使うこともでき、文章をその場で編集できます。
公開前チェック用Assistant
Website Assistantでプロジェクトを確認し、アクセシビリティ、SEO、品質の問題を指摘するとともに、修正すべきサイト内の該当箇所へ誘導します。
ユースケース
個人サイトとポートフォリオ
コードを書くことなく、自由配置のレイアウトツールとその場でのテキスト編集を使って、個人ポートフォリオ、写真サイト、個人事業のページを作成します。
デバイスをまたぐデザインセッション
iPadでApple Pencilを使ってページをスケッチし、その後同じデバイスで仕上げるか、別の編集環境を使いたい場合はMacで続けます。
機能豊富な小規模ビジネスサイト
ドキュメントやストアページに示されている機能カテゴリに基づき、フォーム、サイト内検索、決済、予約、ブログコンテンツなどの実用的な機能が必要なサイトを構築します。
公開前レビュー
公開前にWebsite Assistantでほぼ完成したサイトを確認し、アクセシビリティ、SEO、品質の問題を見つけます。
レスポンシブレイアウトの検証
書き出し後にテストするのを待たず、公開前にアプリ内でスマートフォン、タブレット、デスクトップ画面にわたるレスポンシブな挙動を確認します。
Pros and Cons
Pros
- iPadとMac向けに特化しており、Apple Pencilや指入力を活かしたタッチ中心の操作ができます。
- Wireframe Modeにより、別のモックアップを変換するのではなく、Webページのレイアウトに直接スケッチできます。
- Assistantが公開前にアクセシビリティ、SEO、品質の問題を見つけるのを助けます。
- プロジェクトはiCloud経由でiPadとMacの間を移動できるため、柔軟なクロスデバイスの作業フローに対応します。
- ドキュメントとストアページには、フォーム、予約、決済、ブログ、メニュー、埋め込みなど、単純なページ作成を超える幅広い機能セットが示されています。
Cons
- /pricing の料金ページは404を返すため、公開サイトだけではプラン内容を確認しにくいです。
- 一部の機能詳細はホームページではなくドキュメントのトピックに記載されているため、見込みユーザーは全体のツールセットを理解するのにドキュメントを読む必要があるかもしれません。
- ソースでは、iCloudベースのiPadとMac間の受け渡し以外に、明確な連携一覧や共同作業フローは示されていません。
FAQ
Sitelyは何に使うものですか？
Sitelyは、iPadとMac向けのビジュアルWebサイトビルダーです。ソースでは、直接キャンバス上での編集、ページ管理、公開機能、そして公開前にアクセシビリティ、SEO、品質の問題を確認するAssistantが強調されています。
Sitelyはどのような要素やサイト機能をサポートしていますか？
ドキュメントとホームページでは、テキスト、画像、画像ギャラリー、動画、音声、ボックス、レイアウトブロック、レイアウトグリッド、マップ、ブログ、メニュー、ポップアップ、ボタン、フォーム、スマートフィールド、グループ、サイト内検索、決済、予約、物件予約、表、そしてX、Instagram、Facebookなどのソーシャル埋め込みに対応していると示されています。
SitelyはiPadとMacの両方で動作しますか？
ホームページには、iPadまたはMac向けにSitelyをダウンロードできること、そしてサイトをiCloudに保存してどちらのデバイスでも開けることが記載されています。また、iPadOS 18とmacOS 10.14が要件として示され、より新しいiPadOSおよびmacOSバージョン向けに最適化されていることも述べられています。
試用版や有料プランはありますか？
ストアページでは、Sitelyはサブスクリプションが開始されない無料の14日間トライアルを提供していると案内されています。また、Sitely Pro向けの買い切りオプションと年額サブスクリプションも記載されています。
ライセンスをなくした場合や質問がある場合、どこで सहायताを受けられますか？
サポートページには、一般的な質問用のフォームと、ライセンスコード紛失時の手続きが含まれています。また、Mac App Storeで購入したユーザーは、ライセンスコードの代わりにApple IDを使ってSitelyを再ダウンロードできると記載されています。
Quick Facts
- カテゴリ
- Webサイトビルダー
- プラットフォーム
- iPadとMac
- 主な対象
- 非コーダーと、ビジュアルなWebサイト制作フローを求める人
- 主なワークフロー
- キャンバスでデザインし、複数デバイスでプレビューしてから、アプリから公開
- 料金形態
- 無料の14日間トライアルに加え、Sitely Pro向けの買い切りと年額サブスクリプションの選択肢あり
- ソースドメイン
- sitely.app
Sitelyの代替品
Make Real
Make Realは、tldraw SDKとAIモデルを使い、手描きワイヤーフレームを動作するHTMLプロトタイプに変換するNext.jsアプリです。キャンバスでスケッチし、コード生成し、埋め込みプレビューで確認できます。
GenMB
GenMBは、フロントエンド、バックエンド、データベース、認証、自動化を備えたフルスタックWebアプリを作成できるAI Webアプリビルダーです。
Wowable
Wowableは、Google MapsやSNSプロフィール、スクリーンショットなどの公開情報から、編集・プレビュー・公開できるAIサイトビルダーです。無料プレビューあり。
Fronty
Frontyは、スクリーンショットや画像ファイルをHTMLとCSSに変換するAI搭載Webアプリです。ノーコードエディタとホスティングで、作成後の調整から公開まで対応します。
Prompty Town
Prompty Townは、リンクを小さなインターネット都市の建物に変えるWebサービスです。タイルを購入してプロンプトを追加し、他の建物と並べて公開できます。
beehiiv
beehiivは、クリエイター、出版社、ブランド向けのニュースレタープラットフォーム。メールニュースレターとWebサイトを1か所で構築・成長・収益化でき、無料のLaunchプランも利用できます。