iOS（Safari）でスクロールバーを常に表示したい...CSSだけでは表示できない！？
スマホ閲覧時に画面からはみ出したテーブル要素などを横スクロールで表示する事がありますが、このスクロールバーを常に表示できないか？という内容です。 以前までのiOSのバージョンならCSSの「-webkit-scrollbar」というプロパティを使うだけで簡単にスクロールバーを常に表示出来たのですが、新しいiOSでは消えてしまうようです。 CSSではダメなのでJavaScript（jQuery）で何とかできないか考えました。 iOS(Safari)でスクロールバーを常に表示するスマホなどの画面が小さいデバイスに対して、テーブル要素などの横長の表のようなコンテンツを表示する時には横スクロールが良く使われます。 表を横にスクロールできることは周知されている動作だとは思いますが、いい感じに画面の端で表がピッタリ切れていると自分で見ても横にスクロールできるのかどうか分からない事があります。 そこでCS
Clipsでテキストラベルを追加する
Clipsユーザガイド ようこそ ビデオを作る ビデオを作る AR空間を使用して録画する ミー文字を含めて録画する ライブタイトルを含めて録画する セルフィーシーンを作成する エフェクトやグラフィックスを追加する ポスターを追加する フィルタを追加する テキストラベルを追加する ステッカーを追加する 絵文字を追加する 音楽を追加する サウンドトラックや曲を追加する ほかのアプリから曲を読み込む クリップを編集する クリップを編集する クリップを移動する クリップを保存する/削除する ビデオを操作する ビデオを共有する ビデオを共有する ビデオプロジェクトを読み込む/書き出す エフェクト付きのビデオを保存する 著作権
faviconの設定方法とデバイスごとに出し分けてみる
設置は簡単2ステップです♪ 各画像をFTPで任意のディレクトリにアップロードします。 <header>~</header>の間に下記記述を追加します。（下記の例はIE9以降に絞っています。） <link rel="icon" type="image/x-icon" href="__path__/images/favicon.ico"> <link rel="apple-touch-icon" href="__path__/images/apple-touch-icon.png" sizes="180x180"> <link rel="icon" type="image/png" href="__path__/images/android-chrome-192x192.png" sizes="192x192"> __path__の部分はそれぞれアップロードした画像のディレクトリに変更してくだ
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
MacとiPhoneにHosts設定をする
PCでのhosts設定は、開発者であれば一度は行ったことがあるのではないかと思います。 ですが、最近ではレスポンシブやスマホ最適化されたサイトも多く、iPhoneとかで確認したいことってありますよね。 今回は、脱獄なしでiPhone実機でもhosts変更したサーバが見れるようにしたいと思います。 ※前提として、MacとiPhoneは、同じネットワークに繋がっている必要があります。 1. MacでHosts設定を行うターミナル.app を起動して、 $ sudo vi /private/etc/hostsと入力します。 viの使い方は割愛します。 操作方法については、「vi 使い方」などでググってください。 最後の行に確認したいサーバのhosts情報を入力します。 見たいサーバのIP 半角スペース ドメイン名 例）127.0.0.1 localhost コマンド操作が不慣れという方は、GUI
Mac・iPhone・iPadでコピペした文章・画像・動画を共有できる「ユニバーサルクリップボード」の使い方・設定 | ゴリミー
ここ数年、iOSとmacOSが歩み寄っているような印象を受ける。今のところOSが1つに統合する気配は全くないが、OS間をシームレスに行き来するための機能は増えている。 その1つが、デバイス間のコピー＆ペーストが可能になる「ユニバーサルクリップボード」。「macOS Sierra」および「iOS 10」から導入された新機能となっていて、要はiPhoneでコピーしたものがMacにペーストできる、というもの。 テキストはもちろんのこと、イメージ、写真、動画さえもデバイスをまたいで行き来させることができる。本記事ではこの便利すぎる「ユニバーサルクリップボード」の使い方や無効化する方法、対応するデバイスについて解説する！ ユニバーサルクリップボードを使う方法 それでは以下に、「ユニバーサルクリップボード」に対応するデバイスやOS、動作するために必要な設定について紹介する！ 「ユニバーサルクリップボー
iOSのバージョンと Safariバージョンの対応表(2023/11/9 現在 - Qiita
調べ方 Simulatorまたは実機でSafariを起動する https://aprico-media.com/ua を開く メモる Ref: iOS Safariに関する記事 ・Safari Release Note ・Apple セキュリティアップデート ・Web業界的には、iOS 11.3最大の特徴はSafariでのPWAサポート開始だ！ ↑の記事のように、iOSのマイナーアップデート時にSafariがガラッと変わることがあったりします。 なのでこういったタイミングで、動いていたものが動かなくなったり、動かなかったものが動いたりはあるかもしれません。 （対応表が正しいとすると、Safariバージョンは11.0のままでWebkitのバージョンが変わってるみたいですね）
【iPhone/iPad/Mac】Safariのバージョンを確認する方法
お使いのiPhone・iPad・MacのSafariのバージョンは何ですか？このページはSafariのバージョンの確認する方法をご紹介します。 Safariを使う時に、操作が重っくなったり、エラーになったりする時に、最新版にアップデートしようと思うですが、今使っているSafariは最新のバージョンですか？ App Storeからダウンロードしたアプリなら、設定→一般→iPhoneストレージの順でバージョン情報を確認できますが、SafariはiOSの一部で、ほかのアプリと同じ方法ではSafariのバージョンを確認することができません。 では、本当にiOSのバージョンを確認できる方法はないのですか？そうでもないです。ここでは、iPhone・iPad及びMacの場合からSafariのバージョンを確認する方法をご紹介していきます。 ちょっと面倒な方法かもしれませんが、非常に有用な方法です。 おすす
iPhone画面サイズ早見表（図付き） - Qiita
インチ：サイズ表記のこと 端末：対応する端末 xcodeの表示：xcodeのアセットカタログの表記名 ポイント：描画座標のこと。論理上の画面サイズ 倍率：ポイントを何倍してピクセル表示するか。 ピクセル：実際に画面に描画されるサイズ 参考資料 xcodeのキャプチャ アップルストアの資料 概念図 参考： https://www.paintcodeapp.com/news/ultimate-guide-to-iphone-resolutions sketch資料 グーグルドライブからダウンロードできます。 https://drive.google.com/file/d/1WakoxNaWwGOavcFyf6bmufyKOCH-Sf4u/view?usp=sharing おまけ 役にたったらいいねお願いします😄✨
apple-touch-iconを知りたくて | FOX HOUND Tech
忘年会から帰宅後、お米から虫が湧いていて、てんやわんやの高橋です。 今回はapple-touch-iconについて調べたことを紹介してみたいと思います。 apple-touch-iconは、スマホでWebサイトをホーム画面に追加する時に表示されるアイコンのことです。 自分はつい最近までapple-touch-iconという名前を聞いたことすらなかったのですが、 業務でエラーログの整理をしている時にapple-touch-icon関連のURLへのアクセスが404エラーとして大量に記録されていたので、調べる機会に恵まれました。 その時のログが以下のような感じです。 2018/11/20 03:17:47 [error] 13039#13039: *1602498 open() "[ドキュメントルート]/apple-touch-icon-120x120-precomposed.png" fail
【iPhone】スマホサイト制作で役立つ！簡単なデバッグ方法【Android】 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、デザイナーチームマネージャーのひろです。3月になりました。花粉症の方は、つらい季節ですねぇ〜。 さて、みなさんに質問です。現在お使いの携帯は、スマートフォンですか？それともフィーチャーフォンですか？ 昨年の世界のスマートフォンの出荷台数はついに10億台を突破したようですね。前年と比べると約38.4%も伸びており、かつ携帯電話全体のシェアの55.1%を占めているとかいないとか。日本全国でも55.2%の普及率と、凄い数字になっています。 今後もますます伸びていきそうなスマートフォン市場。弊社でもスマートフォンサイトを制作する案件がドンドン増えてきています。 そこで、スマートフォンサイトを制作する上で、とても便利なデバッグ手法を2つご紹介したいと思います。前半はMac PCを使ってiPhoneをデバックする方法、後半は「Adobe Creative Cloud」を使ってiPhoneと
どこにいったの？Androidでダウンロードしたファイルの保存先確認方法と変更方法 - minto.tech
どこにいったの？Androidでダウンロードしたファイルの保存先確認方法と変更方法 公開日：2022/03/29 更新日：2022/03/31 ※本ページにはプロモーション(広告)が含まれています Android端末を利用している中で、サイトやツイッターなどから写真やPDFファイルなどをダウンロードすることはありませんか？また、ダウンロードしたファイルがどこに保存されているのか、わからなくて探した経験はありませんか？ ダウンロードした直後であれば、通知領域からすぐにみることができますが、いったん通知から消してしまったものはどこから見ればよいのかわからなくてなってしまうことがあります。 本記事では、Androidでダウンロードしたファイルの保存場所と探し方についてご紹介していきます。以前ダウンロードしたファイルがどこにあるのか不明な方は、本記事を参考に探してみてください。
-webkit-overflow-scrolling 要らなくなってる : (*x).b=z->a+y/c
◆ -webkit-overflow-scrolling をつけると範囲外表示できないバグがあった ◆ 今も直ってない ◆ だけどなくてもデフォルトでなめらかにスクロールするから付ける必要がなくなった 以前の iOS ではページ全体のスクロールはなめらかでしたが要素内のスクロールはすごくカクカクしてました 要素内のスクロールは 適当な要素に overflow: scroll をつけて要素内でスクロール可能にしたものです それの対処方法に -webkit-overflow-scrolling: touch を指定するというのがあります これを指定すると要素内のスクロールでもなめらかにできました しかし このスタイルにはバグが多いと報告されていて 私が困ったものだと このスタイルをつけた要素の外側に描画できないというものがあります スクロールエリアの中の要素で position: fixed
iOS 13はWebページ全体をスクショ可能 「フルページマークアップ」を試す
iOS 13ではスクリーンショット機能が改善された。 改善された内容に触れる前に、スクリーンショットを撮る方法を説明しておく。ホームボタンのないiPhone（X以降）では、本体側面の「サイドキー」と「ボリュームアップキー」を同時に押す。ホームボタンのあるiPhoneでは、本体上部または側面にある「スリープ／スリープ解除キー」と「ホームボタン」を同時に押す。 【訂正：2019年10月14日11時31分 初出時に、スクリーンショットの方法として「長押し」と記載していましたが、正しくは「同時に押す」です。おわびして訂正致します】 改善された内容は大きく3つに分かれる。順番に説明していく。 Safariでフルページのスクショを撮れる これまでも、Safariで特定のWebサイトを表示し、その内容を記録するのにスクリーンショットを使っていた人も多いはず。しかし、時刻やバッテリー残量などの余計なアイコ
新iPhoneは「Max」含む3機種、特徴は Apple発表内容まとめ
米Appleが9月13日（日本時間）に開催したスペシャルイベント「Apple Special Event September 2018」で、iPhoneシリーズの新モデル「iPhone XS」「iPhone XS Max」「iPhone XR」が発表された。新Apple Watchが心電図機能を搭載したことも話題になっている。 新iPhoneの特徴は何か。発表内容のポイントをまとめた。 新iPhoneは「Xシリーズ」3機種 ホームボタン廃止 新たに発表されたiPhoneは3機種。「Phone X」の後継となる有機ELモデル「iPhone XS」「iPhone XS Max」と、廉価版の液晶ディスプレイ搭載「iPhone XR」だ。全モデルでホームボタンを廃止し、顔認証機能「Face ID」を採用した。前モデルと比べ、画面サイズがアップ（XS Maxのみ）し、パフォーマンスが向上したのが特徴
リリース確定か。新型Apple Watchがデータベース登録された模様
リリース確定か。新型Apple Watchがデータベース登録された模様2018.08.21 12:1531,916 塚本直樹 お値段はどうなるのかな？ 例年、新型iPhoneと同時に登場する｢新型Apple Watch（Apple Watch Series 4）｣。そんな新型Apple Watchとみられる製品が、ユーラシア経済連合（EAEU）のデータベースに登録されました。通常、このデータベースに登録された製品はいよいよ発売が近づいていることを示唆してしているんです。 今回発見されたのは、新型Apple Watchとされる｢A1977、A1978、A1975、A1976、A2007、A2008｣の6モデル。それぞれでは｢watchOS 5｣が動作すると説明されており、これはもう新型Apple Watchで間違いないでしょう。 なお少し気になることに、現行モデルの｢Apple Watch
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
iPhone XのSafariで表示される謎の空白を消す方法 - Qiita
Screen Sizes
デザインの参考になる！最近のスマホアプリで見かけるUI、インタラクションがまとめられたギャラリーのまとめ
iPhoneでカメラのシャッター音を消す方法──無音カメラアプリ・ビデオ撮影の応用など
