iOSアプリによく使用されているナビゲーションの最新パターンとそれぞれの特徴
iOSアプリによく使用されているナビゲーションのパターンとそれぞれの特徴を紹介します。 情報の階層ツリーを行き来するための構造型ナビゲーション、ユーザーの注意を引くためのオーバーレイ型ナビゲーション、特別なコンテンツで使用する埋め込み型ナビゲーションなど、最近のアプリに必須のナビゲーションばかりです。 Modern iOS Navigation Patterns by Frank Rausch 下記は各ポイントを意訳したものです。 ※元サイト様のライセンスに基づいて翻訳しています。基づいてというのは、貢献部分に関して同ライセンスも含みます。 最新のiOSのナビゲーションパターン 構造型ナビゲーション オーバーレイ型ナビゲーション 埋め込み型ナビゲーション 参考資料 最新のiOSのナビゲーションパターン この記事では、ドリルダウン、モーダル、ピラミッド、シーケンスなど、iOSアプリを構造化す
これからはこの実装がオススメ！ iOSの100vhでアドレスバーがあっても高さいっぱいに表示するCSSのテクニック
高さいっぱいに表示したい時、古くはheight: 100%;、そしてmin-height: 100%;で実装していたと思います。現在ではビューポートの単位min-height: 100vh;が使用できるようになりました。 しかし、iOSでは100vhを使用してもアドレスバーが表示されていると下がその分隠れて表示されてしまい、高さいっぱいになりません。JavaScriptを使用するというやり方もありますが、CSSのみで対応できるので、そのCSSを紹介します。 Chromeにも対応しています。
iOSアップロードのエラーについて
Monacaチームの小田川です。 Monacaでは、iOSリリースビルドで作成されたipaファイルをApp Store ConnectへアップロードするiOSアップロード機能を提供しています。 2022年10月下旬ごろから、Apple側のサーバで実行されるアップロード処理に対してアップデートが実施され始めました。このアップデートの影響により、Apple側のアップロード処理でエラーが発生するようになりました。MonacaでもApple側のアップデートに対して対応を行なっていますが、Apple側の問題により、正しい設定でiOSアップロードを実行してもエラーが発生する事象が、現在も続いています。 今回は、アップデート後のiOSアップロード処理と現在も発生しているエラーについて説明していきたいと思います。 アップデート後のiOSアップロード処理では、iOSアップロード時に入力したApple IDに
CSSのsvh・dvhが全ブラウザ対応。iOS・Androidの画面いっぱいに要素を広げる最適解
iOS SafariやAndroid Chromeの画面の高さいっぱいにヒーローイメージを表示するという表現は、よく見かけます。 高さをいっぱいに広げるのに100vhを使うと、不要なスクロールが発生し、意図通りに表示されません。 この問題を解決するために、特殊なCSSを使ったりJSを使ったりと、開発の現場では多くの苦労がありました。 本日（2022/11/30）リリースされたGoogle Chrome 108で対応したsvhを使えば、手軽に画面いっぱいのヒーローイメージを作れます。 Safari・Firefoxでは対応済み、Chromeと中身が同じEdgeは12/1週リリースの108で対応するので、全ブラウザで使える時代が来ます。もちろん、iOS・Androidも対応です。 本記事では、svhの使い方、同様に使えるようになったdvhやsvmaxなどの違い、従来の手法のデメリットをデモを交え
SafariのデベロッパーツールとiOS SimulatorでWebサイトやアプリをデバッグ | Free Style
Web開発しているとデバッグは欠かせないのですが、スマホの確認、デバッグとなるとGoogle ChromeやFire Foxのデベロッパーツールがある。 ある日、Google Chromeのデベロッパーツールは問題ないのに実機ではうまくいっていないことがあった。もしやと思いiOS Simulatorを立ち上げて確認するとうまくいっていない。 やはりスマートフォン表示はスマートフォン専用のシミュレーターで確認しないと、Webブラウザでは正確に表示・デバッグは出来ないですよね。 iOS Simulatorはアプリ開発のデバッグしか出来ないの？と思ってしまいますが、Webサイトも表示できますし、Safariブラウザを使うことでデバッグも可能です。 iOS Simulatorとは iOS Simulatorとは、Xcodeに付属されていてアプリケーションのテストができるもの。MacはApp Sto
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
iOSでbodyにoverflow: hiddenが効かないとき - Qiita
Link border changing color on ios