Travellers Tales : ウェブサイトを iPhone/iPod touch 対応にする最も簡単な方法
ウェブサイトを iPhone/iPod touch 対応にする最も簡単な方法 viewport を設定して iPhone/iPod touch に対応しよう ぼちぼち iPod touch が届き始めましたね。 Safari on iPhone/iPod touch のために用意された meta 要素の viewport 属性1を使って、あなたのサイトをなんちゃって iPhone/iPod touch 対応にする方法を説明してみたいと思います。 方法は簡単です。 <meta name="viewport" content="width=1024" /> head 要素に上記のようなタグを入れるだけです。ただ、ここで width に指定する横幅を自分のサイトに合わせて最適化する必要があります。 ちなみに、上記の width=1024 となっている viewport の設定は Apple のホ
Travellers Tales : iPhone/iPod touch の viewport の概念の補足
iPhone/iPod touch の viewport の概念の補足 Safari on iPhone/iPod touch に導入された meta 要素の viewport 属性ですが、使ったことがない人にはなかなか理解しづらいようなので、ちょっと補足しておきます。こんな突っ込みもあったので。 iPhone / iPod touch対応Webサイト - 𥝱話 リキッドにしとけばいいだけの話とちゃうの？ いや、違うんですよ。 前回、viewport は仮想的なウインドウということを説明しましたが、この仮想ウインドウは、閲覧しているユーザによって大きさを変更できない、サイズ固定のウインドウなわけです。 そして、Safari on iPhone/iPod touch は、基本的にこの仮想ウインドウの（横幅）全体が、横幅 320px（縦持ち時）のディスプレイに納まるように、縮小（もしくは拡大
iUIを使ってみる
<div class="toolbar"> <h1 id="pageTitle"></h1> <a id="backButton" class="button" href="#"></a> </div> <ul id="home" title="ページ一覧" selected="true"> <li><a href="#page1">ページ1</a></li> <li><a href="#page2">ページ2</a></li> <li><a href="#page3">ページ3</a></li> </ul> <ul id="page1" title="ページ1"> <li class="group">あ</li> <li><a href="#page1-1">あいうえお</a></li> <li><a href="#page1-2">あああああ</a></li> <li class="g
iPod touchとiPhoneは日本のモバイル市場の未来を破壊する : らばQ
iPod touchとiPhoneは日本のモバイル市場の未来を破壊する 10月2日、ついに手元にiPod touchが届きました。 期待はもちろんしていたのですが、これは想像以上にすごいものです。今までのiPodはせいぜい「よくできたオーディオプレイヤー」といったところで、操作性の良さとiTunes Storeで買った曲がすぐ聞けるというくらいのメリットしかありませんでした。 しかし、iPod touchは違います。もはやただのオーディオプレイヤーではありません。 iPod付き携帯電話として開発されたiPhoneと同じシステムが入ってるだけあって、その進化っぷりは従来のiPodの魅力がまるで消えてしまう程です。 そしてこのiPod touchとiPhoneは、日本のモバイル市場、携帯電話市場をあっさりぶち壊してしまうかもしれません。詳細は以下より。 日本の携帯電話は、独自進化しています。
Apple Developer Connection - iPhone for Web Developers - iPhone向けWebアプリケーションとコンテンツの最適化
ウィジェットとライブアクティビティ ウィジェットがさらに多くの場所で活用できるようになり、パワーアップしました。WidgetKitを使ってインタラクティブな要素やアニメーションによるトランジションに対応すると、ユーザーがウィジェットから直接アクションを実行できます。既存のウィジェットにわずかな変更を加え、iOS 17向けに再ビルドするだけで、iPhoneのスタンバイ画面、iPadのロック画面、Macのデスクトップ上で視覚的に美しく表示させることができます。SwiftUIを使用すると、ウィジェットの色と間隔がコンテキストに合わせて自動調整されるため、複数のプラットフォームで使いやすさが増します。 WidgetKitとActivityKitで構築したライブアクティビティがiPadで利用できるようになり、ユーザーはアプリのアクティビティや情報をロック画面からいつでもリアルタイムで確認できます。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
