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などの違い、従来の手法のデメリットをデモを交え
CSSの新しい単位「lvh」「svh」これでiOSのSafariで100vhがビューポートの高さではない仕様に対応できる
Safari 15.4（最新は15.5）で新しいビューポート単位「lvh」「svh」がサポートされました。ビューポートを基準にした単位で、この単位を使用することで、iOSのSafariで100vhがビューポートの高さではないという仕様に対応できます。 今まではCSSの-webkit-fill-availableがその対応方法でしたが、ネストされた要素やcalc()内では使用できません。新しいビューポート単位を使用すると、そういった問題もなくなります。 The Large, Small, and Dynamic Viewports by Bramus 2021年の記事ですが、Safari 15.4でこれらの新しいビューポート単位がサポートされたので、このタイミングで紹介します。 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじ
アップルの方針転換でネット広告大打撃、「iPhoneの最新OSで広告配信無力に」とフェイスブック（小久保重信） - エキスパート - Yahoo!ニュース
米フェイスブックは今年8月、同社がモバイルアプリ業者に提供している広告配信サービスが、米アップルの方針転換によって機能しなくなる恐れがあるとの見解を示した。 アップル、個人情報保護を厳格化 フェイスブックは「オーディエンスネットワーク」と呼ぶサービスで提携業者のモバイルアプリに広告を配信している。 フェイスブックが収集した利用者情報に基づき、業者はアプリの個々の利用者に最適化された広告配信を受けられる。このとき重要になるのが、対象となる利用者を絞り込むターゲティング機能。 しかし、アップルはかねて個人情報保護の姿勢を鮮明にしている。「iOS 14」や「iPadOS 14」といった同社の最新モバイルOSでは広告用の端末識別子の取得に際し、アプリごとに利用者の同意が必要になる。 これにより、今後、iPhoneなどではこの識別子の取得率が大幅に低下すると予想される。これに伴い、フェイスブックの広
「iOS 13.1.3」配信開始 着信音が鳴らない不具合やApple Watchの不具合を修正
Appleが10月16日、不具合を修正する「iOS 13.1.3」の配信を開始した。着信してもデバイスの音が鳴らなかったり、振動しなかったりする場合がある問題を修正する。Apple Watchとのペアリングに成功しない場合がある問題を修正する。 Appleが10月16日、最新の「iOS 13.1.3」の配信を開始した。 アップデートはWi-Fi環境下で「設定」→「一般」→「ソフトウェア・アップデート」から行える。iPhone 11 Pro Maxで確認したところ、更新ファイルの容量は145.4MBだった。 アップデート内容は以下の通り。 着信してもデバイスの音が鳴らなかったり、振動しなかったりする場合がある問題を修正 「メール」アプリで会議の参加依頼を開けない場合がある問題を修正 「ヘルスケア」アプリアプリのデータがサマータイムの調整後に正しく表示されない場合がある問題を修正 「ボイスメモ
Apple、一般ユーザーも試せる「iOS 13」「iPadOS」「macOS Catalina」「tvOS 13」のパブリックベータ公開
米Appleは6月24日（現地時間）、iPhone、iPad、Mac、Apple TVのそれぞれの次期OS、「iOS 13」「iPadOS」「macOS Catalina」「tvOS 13」（Apple TV 4KとApple TV HD向け）のパブリックベータの提供を開始した。 Apple Beta Software ProgramのページにApple IDでサインインすれば、誰でもダウンロードできる（tvOS 13以外のインストールできる端末については上のリンク先記事を参照のこと）。 Apple Beta Software Programは、一般ユーザーからのフィードバック収集を目的に、2015年から開始されたプログラム。Appleは、インストールする前にデータとファイルのバックアップを作成するよう強く勧めている。 iOSの新しいダークモードや、初登場のiPad専用OSをいち早く体験で
iOS13では、iPhoneが充電パターンを学習しバッテリーの劣化を抑制する - iPhone Mania
iOS13には、ユーザーの充電パターンを学習し、充電を細かくコントロールすることでバッテリー寿命を延ばすことができる「最適化充電」機能が追加されます。 バッテリー残量80％を超えると充電を停止 iOS13には、iPhoneなどの充電状態を制御することでバッテリーの劣化を抑える「Optimized Battery Charging（最適化充電）」というオプションが追加されます。 「最適化充電」は、「設定」アプリの「バッテリー」メニュー内に追加されており、オフにすることも可能です。 この機能について、iPhoneがユーザーの充電パターンを学習し、バッテリー残量が80％を超えると、ユーザーが使用するまで充電を停止する、との説明があります。 残量100％の時間を短くすることでバッテリーの劣化を抑制 例えば、iPhoneを夜寝ている間に充電することが多いユーザーなら、iPhoneは80％まですぐに充
【更新終了】新｢Mac Pro｣｢iPadOS｣が発表!! Apple WWDC 2019 キーノート リアルタイム更新
上から下へ時系列順です。 ストリーミングは、招待状のイラストアニメーションからのスタートです。 午前2時（日本）さぁ、いよいよ会場の映像へきりかわるはず！ 会場では、ステージスクリーンでの動画からスタート。 世界中のいろいろな開発者でしょうか。夜遅く働く様子の動画です。途中、子どもがおきたり、夜食たべたり、煮詰まって顔をはたいたりしつつ、プロジェクトに取り組むデベロッパのみなさん。 出来上がったときの笑顔から、満足感が伺えます。動画終わりのキャプションは、｢世界が寝ている間、開発者は夢みてる｣。 ティム・クックCEOがステージに登場。上から下まで黒のアウトフィット。拍手で迎えられます。まずは、ようこそWWDCの挨拶から。 今年は、史上最大（最高人数）のWWDC。 Apple News+、 Apple Arcade、 Apple Card、 Apple TV+、 発表済み（ローンチ年内）のサ
iPhone 5s／6／6 Plus、「iOS 13」に対応せず
同日、AppleはiPad向けOS「iPadOS」も発表。iOSからiPadOSを分離したため、iOS 13対応デバイスにiPadは含まれていない。 関連記事 iPadOS登場 iOSから分離 WWDC 2019で発表された、Apple製OSの新機能。 Apple、新型「Mac Pro」今秋発売 5999ドルから 米Appleがプロ向けデスクトップPC「Mac Pro」の新型と32インチ6Kディスプレイ「Pro Display XDR」を発表。いずれも今秋に発売。 macOS Catalina、今秋登場 iPadを液タブに使えるSidecar機能も WWDC 2019で、macOS 10.15が発表された。 Apple、A10 Fusionチップを搭載した「iPod touch (7th generation)」を発表 年初の予想どおり、iPod touchがリニューアルされた。 関連リン
iPhoneのWi-Fi が完全オフにならない？ショートカットで一発オフ・自動化する方法
iOS 11以降のiPhoneとiPadでは、コントロールセンターからWi-Fiをオフにしても完全オフにはならず“未接続”の状態になります。 Wi-Fiの未接続はWi-Fi接続をいったん解除するもので、未接続にした場所から移動したり、時間が経過するとWi-Fiが再度オンになることから多くのユーザーから不満の声があがりました。5Gではデータ使い放題の無制限プランが導入されたこともあって、これからWi-Fiの利用が減っていくことも相まって不満の多い仕様です。 Wi-Fiを完全オフにするには設定画面を起動して、いくつか手順を踏む必要がありますが、ショートカットを利用すればホーム画面やSiri、ウィジェット、さらには自宅を出た時、職場や近くの駅に到着した時など、自動でWi-Fiを完全オフにできます。 この記事では、ショートカットを使ってWi-Fiを一発で完全オフにする方法を紹介します。 目次Wi-
iOS12へのアプデ、iPhone7以前の人は様子見がオススメ。バッテリーが早くなくなる可能性 - MdN Design Interactive
テストに使われた機種は「iPhone5s／6／6s／7」の4モデル。そして比較しているiOSは「iOS 11.4.1」と「iOS 12 GM（ゴールデンマスター版）」となっている。 測定時は室温などの条件を同一にして、バッテリー寿命を測定できる「Geekbench 4」というベンチマークアプリを使用した。 iPhoneのバッテリーをフル充電の状態から、バッテリー切れになるまでの時間は、4モデル全てにおいてiOS 12のバッテリーは早く切れてしまうという結果になった。 iPhone5sでは16分差（iOS 11.4.1：2時間58分、iOS12：2時間42分）、iPhone6では24分差（iOS 11.4.1：3時間、iOS12：2時間36分）、iPhone6sでは12分差（iOS 11.4.1：2時間54分、iOS12：2時間42分）、iPhone7では18分差（iOS 11.4.1：3時
iOS 12の神アプデ。パスワードの自動入力が｢1Password｣などのサードパーティアプリからも可能に
iOS 12の神アプデ。パスワードの自動入力が｢1Password｣などのサードパーティアプリからも可能に2018.09.18 20:0053,273 小暮ひさのり 個人的に神アプデ。 いや、別にiCloudキーチェーンを信用していないってわけじゃないのです。でも、心のどこかで信用しきれていないというか、やっぱりパスワードはある程度自分で任意に管理できないと嫌というか…。まぁ、そんな思いで大事なサービスのパスワード保管には、｢1Password｣を使っています。 そして喜ぶべきことに、iOS 12ではなんと｢1Password｣｢LastPass｣｢Dashlane｣｢Keeper｣｢Remembear｣などのパスワード管理アプリと、パスワードの自動入力機能（Safari上）が連携を遂げました。 たとえば1Password。連携を済ませておくことで、パスワードのオートフィルには、｢1Pas
片手で使えるWebブラウザ「Opera Touch」登場
ノルウェーOpera Softwareは4月25日（現地時間）、新たなモバイルWebブラウザ「Opera Touch」を公開した。まずはAndroid版が日本を含む各国のGoogle Play Soreからダウンロードできるようになっている。iOS版も“間もなく”公開の見込み。 大きな特徴は、片手で操作するための設計だ。起動するとまず画面上部の検索枠にカーソルがあり、キーボードが開いた状態の画面になる。ここでキーボードからURLや検索語を入力してもいいし、マイクアイコンをタップして音声入力しても、カメラアイコンをタップしてカメラで撮影することで画像検索することもできる（下画像左）。 この画面のどこかをタップすると、お勧めサイトと過去に開いたサイトのアイコンが並ぶホーム画面になり、アイコンをタップすることでもWebサイトを開くこともできる。ここに並ぶアイコンは削除することも可能だ（下画像中央
Google、空間に絵を書けるARアプリ「Just a Line」公開 「ARcore」活用で
米Googleはこのほど、Android向けのAR（拡張現実）開発プラットフォーム「ARCore」を活用したお絵かきアプリ「Just a Line」（Android、無料）を公開した。スマートフォンのアウトカメラを通して現実の空間に線を書ける。 実験中の技術を紹介するWebページ「Experiments with Google」で公開したもの。アプリを開くとカメラが起動し、画面に触れて白い線を書ける。空間上に書いた線はデバイスを動かしても位置は変わらず、線の真横や裏側に回り込んで見られる。 線を書いたり、書かれた線を見たりする様子を10秒間で録画して動画をシェアできる。書いた線を保存したり、誰かと共有したりする機能はない。 対応機種はARCoreに対応する以下のAndroidスマートフォン。編集部ではau版のGalaxy Note8（SCV37）で動作確認した。 GoogleのPixel、
「ポケモンGO」、iOS 11非対応端末のサポートを終了
Nianticは1月9日、iOS向け「Pokemon GO（以下、ポケモンGO）」について、iOS 11に対応しない端末のサポートを終了することを告知した。日本時間で3月1日に行われるアップデート後は、iOS 11非対応端末ではポケモンGOアプリを起動できなくなる。 ユーザーアカウントが消失するわけではないので、iOS 11以降のiOS端末や、Android端末で再度ログインすれば、継続して利用できる。iOS 11はiPhone 5s以降が対応している。 今回、サポートを終了するのは以下のモデル。 iPhone 5c iPhone 5 iPad（第4世代） iPad（第3世代） iPad mini（第1世代） iPad 2 上記モデルのユーザーがポケモンGOを続けるには、iOS 11以降のiPhoneかAndroid端末に乗り換える必要がある。
Apple、「Developer Program」で一部開発者は年額99ドルから無料に
米Appleは1月3日（現地時間）、条件を満たす一部の組織に対し、「Apple Developer Program」の年間メンバーシップの料金を無償にすると発表した。 AppleのOS（iOS、macOS、tvOS、watchOS）向けアプリをApp Storeで配布する開発者は一般に、年間メンバーシップ料金99ドル（日本では1万1800円）を支払う必要がある。 米国の非営利団体、認定された教育機関、政府機関が無償のアプリのみを配布する場合は、このメンバーシップ料金が不要になる（無料でもアプリ内課金機能のあるアプリを配布することは認められない）。既に料金を支払っていてこの条件を満たすメンバーについては、次回の更新から無料になる。 条件を満たす組織かどうかは申請を受けたAppleが判断する。申請には「D-U-N-S Number」（9桁の企業識別コード）の提示が必要。 米TechCrunch
iPhone XのiOS 11.11以下と11.12以上どちらにも対応するWebページの作り方
WebKit公式サイトを含め、多くのWebサイトで解説されている「iPhone X対応のWebページの作り方」はiOS 11.11系まで、またはiOS 11.12以上のどちらか一方にしか対応していないため、その両方に対応する書き方について解説します。 この記事の内容は「スマートフォン時代のWebコーディングスクール」の授業資料の一部です。 iPhone X対応していないWebページはどう見えるのか 縦持ちでは特に問題ありませんが、横持ちの場合画面の左右に空白ができてしまいます。 たとえば、このブログの記事ページを横持ちで観ると以下の画像のように見えます。 このブログの場合、bodyの背景色は濃い茶色、ページ全体を包んでいるwrapper要素に背景画像が設定されています。 iPhone Xのセーフエリアについて iPhone Xのディスプレイを横向きにした時、センサーハウジングや角丸の部分を
文豪とアルケミスト on the App Store
累計登録者数100万人突破！ 文学書を守る文豪転生シミュレーションゲーム。 総勢50人以上の文豪とともに敵と戦いましょう。 ◆こんな人におすすめ！ ・雰囲気の良い音楽に浸りたい ・操作が複雑じゃないゲームをしたい ・自分だけの部屋をコーディネートしたい ・戦うイケメンを見たい ・豪華声優陣によるボイス付きの会話をたくさん聞きたい ・芥川龍之介や太宰治など、文豪に興味がある ・史実に基づいた師弟、友達、ライバルといった深い関係性をたくさん見たい ◆概要 DMM GAMESが贈る、近代日本の文豪をキャラクター化したシミュレーションゲーム。 特別な力”アルケミスト”の能力を持った特務司書となり、文豪たちを育て、能力を開花させよう！ 近代風情が漂う平和な時代に、突如として文学書が全項黒く染まってしまう異常現象が起きる。 それに対処するべく、特殊能力者“アルケミスト”と呼ばれる者が立ち上がり、 文学
iOS版Kindleアプリが、どんなウェブページもファイルもKindleに送信可能に
Amazonの電子書籍リーダーKindleにはさまざまな便利な機能がありますが、ふだん無意識に使うことがあるのが、「複数端末での同期」です。 これは特にリーダーであるKindleと、スマートフォン上のKindleアプリの両方を使っているとわかりやすくなります。Kindleリーダー側で読んだものとスマートフォン側とが常に同期しているおかげで、ふだんはスマートフォンで読み、ときには目に優しいe-inkディスプライで読むといったことをユーザーが意識することなくできるわけです。 ところでKindleには文書を送信して読む機能もありますが、これまでは制限が多く、あまり使ってないという人もいることと思います。 それが変わりそうなのが、今回iOS版のアプリのアップデートで追加された、任意のウェブページやファイルをドキュメントに変換してKindleに送信する機能です。送信されたドキュメントはもちろん同期さ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Apple Design Resources
TechCrunch | Startup and Technology News
