創業者
メッセージから公開済みのランディングページを開き、ヒーロー、ボタン、問い合わせ導線を確認してから、リンクを共同作業者に送信します。
ノートパソコンを開かなくても、目的を絞った品質チェックを完了できます。より幅広い計画の背景については、[Base44 website builder](/base44-website-builder)ガイドをご覧ください。
Base44 website builderiOSアクセスガイド
iPhone向けBase44：実用的なiOSガイド
iPhoneでBase44を使うには、モバイルブラウザを利用するのが最も簡単です。プロジェクトを開いたり、変更を確認したり、公開ページをテストしたり、動作するリンクを共有したりできます。このガイドでは、セットアップ、モバイルでの一連の操作、知っておくべき制限について説明します。
- iOS
- モバイルオペレーティングシステム
- Safari
- 推奨ブラウザの利用方法
- Webアプリ
- ネイティブアプリは不要
始める前に
前提条件
簡単なセットアップ確認を行うことで、iPhoneでBase44を使う際の問題のほとんどを防げます。
最新のモバイルブラウザを使用する
JavaScriptを有効にした最新のSafariまたはその他のiOSブラウザでBase44を開きます。Safariは、追加の設定なしでホーム画面へのショートカット、ファイルの選択、レスポンシブプレビューに対応するため、最も簡単に始められます。
- 最新のiOSリリースを使用する
- ページが完全に読み込まれるまで待つ
- サインインやプレビューが中断されないよう、ポップアップブロックを設定する
プロジェクトへのアクセス情報を用意する
Base44で通常使用するメールアドレス、ワークスペースのリンク、またはプロジェクトURLをすぐ使えるようにしておきます。チームメイトからプレビューが送られてきた場合は、エディターのリンクだけでなく公開リンクも依頼してください。小さな画面では、2つの表示が異なる動作をすることがあります。
- 開く必要のあるプロジェクトを把握する
- 重要なプロジェクトリンクをメモやメッセージに保存する
- デスクトップで使用しているものと同じサインイン方法を使う
テスト用にiPhoneを準備する
安定した接続と十分な空き容量があると、モバイルテストをより予測しやすく実施できます。プレビューが繰り返し中断される場合は、低電力モードをオフにしてください。また、テーブル、ダッシュボード、幅の広いナビゲーションを含むレイアウトを確認する際は、iPhoneを回転させてください。
- 大きなアセットやプレビューを繰り返し表示する場合はWi-Fiを使う
- 長時間のセッションに備えてスマートフォンを充電しておく
- 縦向きと横向きの両方でテストする
モバイルワークフロー
一通りの確認
これは、プロジェクトを開いてから結果を共有するまでの、iPhoneでの現実的なBase44セッションです。
プロダクトテスター
Safariでプレビューを開き、ナビゲーションをタップして確認し、サンプルフォームを送信してから、デバイスを回転させてレスポンシブな動作を確認します。
iPhoneは、日常的なフローの受け入れテストに実用的なデバイスになります。[Base44 apps](/base44-apps)の概要では、テストする価値のあるアプリ画面の種類を確認できます。
Base44 appsデザイナー
デスクトップエミュレーターだけに頼らず、実際のスマートフォンのサイズで、余白、テキストの折り返し、画像の切り抜き、ボタンの配置を確認します。
リリース候補を共有する前に、モバイル特有の表示上の問題を見つけられます。[Base44 templates](/base44-templates)で利用できる開始パターンを比較してください。
Base44 templatesクライアントレビュアー
共有されたプロジェクトリンクを開き、普段使っているチームのチャンネルにコメントを残し、修正が必要な箇所のスクリーンショットを撮影します。
プロジェクト所有者が正しいリンクと権限を用意していれば、クライアントは事前説明をほとんど受けなくても、iPhoneから進捗を確認できます。
Base44のウェブサイトを公開する方法適切な方法を選ぶ
オプション一覧
Base44はiPhoneでのさまざまなアクセス方法に対応していますが、それぞれ適した利用シーンが異なります。
ブラウザのSafari
ホーム画面のショートカット
1
設定方法
ブラウザのSafari
SafariでBase44のURLを直接開きます。
ホーム画面のショートカット
Safariの共有メニューを使って、ページをホーム画面に追加します。
2
最適な用途
ブラウザのSafari
編集、プレビュー、プロジェクトリンクの切り替え。
ホーム画面のショートカット
公開済みのアプリや頻繁に使うワークスペースにすばやく戻る場合。
3
アドレスの表示
ブラウザのSafari
完全なURLとブラウザのコントロールが引き続き表示されます。
ホーム画面のショートカット
ブラウザのコントロールがあまり表示されない、よりアプリに近いウィンドウでページが開きます。
4
複数のプロジェクト
ブラウザのSafari
タブ、ブックマーク、共有リンクを使って簡単に管理できます。
ホーム画面のショートカット
各ショートカットは便利ですが、複数のショートカットがあると区別しにくくなることがあります。
5
ファイルの処理
ブラウザのSafari
Safariの通常のアップロードとダウンロードの動作を利用できます。
ホーム画面のショートカット
ファイル操作は引き続きウェブページに依存し、Safariで再び開く場合があります。
6
レスポンシブテスト
ブラウザのSafari
ブラウザで簡単に回転、更新、サイズ変更、確認ができます。
ホーム画面のショートカット
繰り返し訪問する用途に適していますが、ブラウザ固有の操作にはSafariが必要になる場合があります。
7
推奨される使い方
ブラウザのSafari
iPhoneでの構築とトラブルシューティングにおけるデフォルトの選択肢です。
ホーム画面のショートカット
公開済みアプリや安定したプレビューを起動する便利な入口です。
関連記事
iPhoneでの問題の多くは、プロジェクト自体ではなくモバイルブラウザの制約によって生じます。
タッチ操作の計画
簡単な計画チェック
iPhoneでインタラクティブ要素を確認する際に使える簡単なチェックです。Appleで一般的に使用されている、タッチターゲットの最小サイズ44ポイントというガイダンスに基づいています。
タッチ領域の最小サイズ
pt
テストするコントロール
コントロール
テストの準備完了
Base44プロジェクトをiPhoneに対応させる
iPhoneからBase44を開き、Safariで公開した体験を確認しましょう。モバイルを後回しにするのではなく、実際のレビュー環境としてデバイスを活用できます。
iPhoneでBase44を試す- 縦向きと横向きのレイアウトを確認する
- 主要なタップ操作とフォームのフローをテストする
- 動作するプレビューリンクを共有する
よくある質問
FAQ
はい。iPhoneのモバイルブラウザからBase44を開くことができます。特に、プロジェクトの確認、公開ページのテスト、リンクの共有に便利です。コントロールが多いプロジェクトでは、編集作業は大きな画面のほうが快適に感じられる場合があります。
iPhoneでBase44を利用する実用的な方法は、Safariまたは現在利用できる別のモバイルブラウザからアクセスすることです。よく使うページをホーム画面に追加してすばやくアクセスすることもできますが、そのショートカットもウェブ体験を利用します。
iPhoneのブラウザから、小規模な編集や簡単なプロジェクト作業に対応できます。複雑なレイアウト、長いプロンプト、詳細な設定、繰り返しの修正を行う場合は、通常、デスクトップやタブレットのほうが見やすく、操作もしやすくなります。
モバイルブラウザではビューポートが狭くなるため、ナビゲーション、列、テーブル、間隔などのレイアウトが変更される場合があります。iPhoneを回転させ、プレビューを更新し、エディター画面だけで判断せず、公開したページをテストしてください。
ブラウザの通常の共有機能を使って、iPhoneから公開済みプロジェクトのリンクを開いて共有できます。公開設定にアクセスしにくい場合は、大きな画面でリリースを完了し、iPhoneは最終確認に使用してください。