［速報］Microsoft Edge for Linux正式版がリリース。Ignite 2021
マイクロソフトはLinuxに対応したWebブラウザ「Microsoft Edge for Linux」の正式版リリースを、オンラインイベント「Microsoft Ignite 2021」で発表しました。 We made it! #MSIgnite kicks off today We're excited to share new milestones and updates for Microsoft Edge, including: Microsoft Edge on Linux IE mode Cloud Site List Management New features for Microsoft Search Read more: https://t.co/JGPTQuIK8V — Microsoft Edge Dev (@MSEdgeDev) November 2, 2021
これからはこの実装がオススメ！ iOSの100vhでアドレスバーがあっても高さいっぱいに表示するCSSのテクニック
高さいっぱいに表示したい時、古くはheight: 100%;、そしてmin-height: 100%;で実装していたと思います。現在ではビューポートの単位min-height: 100vh;が使用できるようになりました。 しかし、iOSでは100vhを使用してもアドレスバーが表示されていると下がその分隠れて表示されてしまい、高さいっぱいになりません。JavaScriptを使用するというやり方もありますが、CSSのみで対応できるので、そのCSSを紹介します。 Chromeにも対応しています。
iOS とAndroid の違い クロスプラットフォームのアプリデザインで特に気をつけるべき点｜marin
私が一番最初にAndroid アプリをデザインしたのが2016年の初夏頃で、その頃はまだiOS・Android とデザインが違うのが主流でしたが、2021年現在のアプリはiOS もAndroid もプラットフォームごとの細かな違いはあれどほぼ同じデザインが主流となっています。 これは2016年の10月にAndroid APIがBottomNavigationView に対応してからじわじわ浸透していった変化だと考えているのですが、その辺の歴史の話は省略します。プラットフォームは違えどスマートフォンアプリである以上デザインは同じ方が楽なので、共通化されていったのは自然な流れだと思います。実際両者が全然違うUI・デザインだと大変ですしね……。 とはいえ、プラットフォームが違うので全て同じというわけにもいきません。iOS にはHuman Interface Guidelines、Android
【iOSショートカット】スクショにiPhoneなどの本体を簡単に合成する方法 - iPhone Mania
iPhone、iPad、Apple Watchのスクリーンショット画像が本体に入っているようなフレームをつけられるショートカット「Apple Frames」をご紹介します。 iPhone、iPad、Apple Watchに対応 「Apple Frames」は、海外メディアMacStoriesの創始者で編集長のフェデリコ・ビティチ氏が公開しているショートカットです。 iPhone、iPad、Apple Watchの各シリーズで撮影したスクリーンショット画像に、その製品で表示されているかのようなフレームを自動で合成してくれます。 画面サイズの異なる新製品が発売される、数カ月以内には対応バージョンが公開されており、本稿執筆時点での最新バージョンは、iPad Air（第4世代）対応版で、2021年2月26日に公開されています。 画面の縦向き、横向きの両方に対応しており、複数のスクリーンショットを1
ミニアプリ時代が日本にも到来？ 「App Clips」を東京のカフェで使ってみた | Coral Capital
iPhone 12の目玉機能といえば「5G」を思い浮かべる人が多いと思います。ただ、端末販売台数や売上への貢献という意味では、まだ目玉機能と言うほどではありません。iPhone 12発表以降、Appleの株価は振いませんし、現iPhoneユーザーからも「買い換える理由ある？ あったら教えて」という声が聞こえてきます。 一方で、テック系の起業家が気にしておくべき新機能は、5Gの他にも、いくつかあると思います。今後数年で広がって行くだろうなと個人的に思うのは、「LiDAR」（Light Detection And Ranging：ライダー）と「App Clips」（ミニアプリ）の2つです。App ClipsについてはiOS14の新機能であって新端末の話ではありませんが、ほぼ同時期にリリースされているので、ここでは一緒に扱います。App Clipsは、以下の画面のように下からニュッと出てくる「イ
iPhone 12系統のレスポンシブ対応のメモ書き
今朝発表されたiPhone 12系統のレスポンシブ対応についてのメモ書き。取り急ぎ。 12 Pro Max 👉 428px (3x) PlusシリーズやXR,11,11 Maxの414pxよりも14px広い。 12 / 12 Pro 👉 390px (3x) 6〜8、Xや11 Proの375pxよりも15px広い。 12 mini 👉 360px (3x) ただし、miniの場合は375pxで描写してスケーリング表示するらしい？ とは言え、Androidのデバイスの多くは360pxなのでiPhone 12 miniの描写サイズが375pxだろうが360pxだろうが関係なかったりします。 横幅360pxでしっかり表示されていることは必須条件です。 追記1：これからも4インチ(320px)を意識する必要はあるのか？ 個人的見解ですが、あります。 理由としてはiPadのSlide Over
Apple Payの「PASMO」がスタート 何ができる？ できない？
既報の通り、PASMO協議会は10月6日、Apple Payにおける「PASMO」のサービスを開始した。 →Apple Payの「PASMO」は10月6日スタート サービスの詳細は“当日”に発表 この記事では、Apple PayのPASMOについてある程度詳しく紹介する。 使える機種は？ Apple PayのPASMOは、以下の端末で利用できる。 iPhone：iOS 14以降をインストールしたiPhone 8／8 Plus以降のiPhone Apple Watch：watchOS 7以降をインストールしたApple Watch Series 3以降 日本向けモデルのみFeliCaに対応している「iPhone 7／7 Plus」や「Apple Watch Series 2」は非対応となるので注意しよう。 Apple PayのPASMOで「できること」 Apple PayのPASMOでは主に
iOSでも100vhをいい具合に調整して画面の高さいっぱいに要素を表示させる
TAK(@tak_dcxi)です。今回もCSSに関する投稿です。 以前このようなツイートをしました。 メインビジュアルなど、画面いっぱいに要素を表示するためにheightやmin-heightに100vhを指定する。そして、iOSで表示確認した時に以下のような問題が起こるわけです…。 iOSのSafariでの100vhが気に食わない問題 iOSのSafariでは100vhの計算にアドレスバーが考慮されていないため、アドレスバー分押し出されて格好悪く表示されます。ちなみにiOSのGoogle Chromeは中身SafariなのであれもSafariです。 この問題に立ち向かうために、実装者はJavaScriptを利用して高さを指定したり、height: 100%;のバケツリレーを行ってアドレスバーまで考慮した画面いっぱいの表示を実現するために頑張ってきたわけです。 そんな中、先程のツイートから
iPadOSの特徴となる機能10選。iOSとのちがいがよくわかります
iPadOSの特徴となる機能10選。iOSとのちがいがよくわかります2019.10.18 21:0097,239 David Nield - Gizmodo US ［原文］ （ 松浦悦子/Word Connection JAPAN ） iPadはもっぱらゲームと動画鑑賞にしか使っていないワタクシですが…。 なんでも、iOS 11からiPadでしか使えない機能が登場し、今やiPadで走るオペレーティングシステムは専用のiPadOSに。まったく別のOSになっているとか。このiPadOS（連続性の関係で、バージョンは13から始まりますが）のデビューを記念して、本日はiPhoneにはない、iPadだけのすばらしい機能を紹介します。 1. ホーム画面にウィジェットを追加できるImage: Gizmodo USiPadOSがAndroidになった！という雰囲気。ホーム画面の最初のページを右方向にスワイ
「ネイティブアプリ開発者は絶滅危惧種なのか？」への感想文 - ナカザンドットネット
ポジション MSがRNめっちゃ使ってるという話について Brownfield事例は実質的にネイティブの事例 Skypeの事例ならどうなのか ネイティブアプリ開発者の仕事は減るのか まとめ みんなの反応 Xamarin勢の反応 Cordova勢の反応 iOSネイティブアプリ開発者の反応 jp.techcrunch.com こちらの記事への雑な感想です。感想は私の主観であり、ポジショントークであり、所属する組織の意見とは無関係であることを先に述べておきます。 また「ネイティブ」という言葉に「C/C++などから作られた機械語」という本来の意味に加えて、「プラットフォームの標準言語（WindowsのC#, AndroidのJava, iOSのObj-C）や標準開発ツールである」というニュアンスを含めることをご容赦ください。 ポジション こんな感じのポジションの人です。 中小企業向けにBtoBでアプ
React NativeをWebに持ってくることの意味 - ナカザンドットネット
ブラウザはGUIアプリケーションプラットフォームではない Flexboxについて React DOMはGUIアプリケーションフレームワークではない React NativeはGUIアプリケーションプラットフォームの抽象である React Native for Webがブラウザに持ち込んだもの コンポーネントが便利 スタイル周りも良い感じ TouchableOpacityでタップ表現もラクラク 他にもいろいろあるけど プロダクション事例が強すぎる 作者のnecolasも語ってた まとめ 余談：React系のアプリケーションフレームワーク React Native for Webは、React NativeをWebに持ち込む試みです。 しばしば、こういった試みに対して「わけがわからない」「本末転倒である」といった意見を見かけますが、筆者は妥当な試みであるという印象を持っています。ちょっと頭の中
Flutter - Build apps for any screen
Flutter transforms the development process. Build, test, and deploy beautiful mobile, web, desktop, and embedded experiences from a single codebase. Get started Flutter is an open source framework by Google for building beautiful, natively compiled, multi-platform applications from a single codebase. Fast Productive Flexible Fast Flutter code compiles to ARM or Intel machine code as well as JavaSc
【2018年版】iOSアプリのための分析ツール11選
Appseeはシンプル＆パワフルな、アプリの質的分析用プラットフォームです。あなたのモバイルアプリのユーザー体験を測定、理解、改善するのに役立ちます。 モバイルアプリの分析ツールは年々増えており、2018年も増え続けているようです。Businesswireによると、モバイルアナリティクスの世界市場規模は、2016年から2023年の間、年平均24%で成長すると予想されています。多くの選択肢があることは素晴らしいですが、自分のiOSアプリにどのツールを使うか決めるのは難しくなりつつあります。 これはスーパーマーケットのWhole Food'sを歩いて、どのKombucha（編注：紅茶キノコという健康食品）が一番良いか探すようなものです。どれもKombuchaですが、どれが一番あなたのニーズにマッチしているのでしょうか？ おそらく、あなたはアサイーがブレンドされているものを選んだり、ビタミンCが
「AndroidはiOSと同じデザインで！」と言われたときの対応案 - Qiita
はじめに 「AndroidはiOSと同じデザインで！」と言われてどう実装しようか悩んでる方向けの記事です。 Androidアプリを作るなら当然マテリアルデザインガイドラインに合わせて1から画面設計するのが最高なんですが、そうはいかないことが経験上多いので対応案をざっくりまとめました。 諸注意 これは「iOSとAndroidのUI対応一覧」ではありません。 iOSとAndroidで同じような見た目のUI部品でも作られた経緯や目的は違うので、比較して置き換えるようなことは基本的にできないと思います。 とはいえなんの指標もないと辛いので、ここでは「iOSのこのUIをAndroidで代用できるのはこれかもね」くらいのニュアンスで列挙しています。 必ずしもどのアプリにも言えるようなことではないので、あくまでたたき台と思ってください。 「なぜAndroidらしくする必要があるのか」についてはこ
個人開発だと適当になりがちなiOSの証明書とアカウントを理解する - Qiita
CSR 証明書署名リクエスト。公開鍵と所有者の情報などが署名されている。 ローカルのキーチェーンで作成し、証明書を作成するのに使う。 作成時に、秘密鍵と公開鍵も同時に作られる。 CSRと秘密鍵はマシン変更時や引き継ぎ時などにまとめて使うことが多いので、まとめてちゃんと管理しておくのが良いとのこと。 CSRを使って、「Certificates, Identifiers & Profiles」上で作成する。 作成後はダウンロードして、ダブルクリックでキーチェーンに登録して使う。 証明書は秘密鍵を含んでおらず、引き継ぎなどで別のマシンで開発を継続するときは、配布用証明書と秘密鍵をp12ファイルにしてやりとりすることが多い。 Xcode上でアプリを実機用にビルドするのに必ず必要。(シミュレーター実行の場合は不要) monacaのサイトがすごい分かり易かった。 iOS アプリのビルド 証明書には大別
ゼロから始めるiOSアプリ開発「作ったアプリをiPhoneにインストールしてみよう」
予備知識ゼロからiOSアプリを開発できるようにしよう！というのがこの「ゼロから始めるiOSアプリ開発」です。今回はリストを表示するのにぴったりなTableViewを使いつつ、実際にiPhone上でアプリを起動してみます。かつてはiPhone上でアプリを動かすには年間1万1800円を支払ってApple Developer Programの会員になる必要がありましたが、2015年からは無料で行えるようになっています。 「コードを書かずにアプリを作ってみる」という第1回の記事は以下より。 ゼロから始めるiOSアプリ開発「ボタンで画面を切り替えるアプリ」 - GIGAZINE 前回までと同様に新規プロジェクトを作成していきます。プロジェクトには「tableView」と名付けました。 「Main.storyboard」を開き、右下から「Table View」をドラッグ＆ドロップで画面に配置し、「Co
iPhone/iPad/Apple Watch解像度(画面サイズ)早見表 - Qiita
用語解説 ポイント boundsやframe等で使用される論理的な画面サイズ。通常はこれを意識してプログラムを作成します。 ピクセル 描画が行われる論理的な画面サイズ。ピクセルパーフェクトな描画が必要な場合には、このグリッドに合うように描画を行う必要があります。 デバイス 端末に搭載された液晶の物理的なピクセル数。これが上記ピクセル数と一致しない場合には、ピクセルパーフェクトの描画は非常に難しくなります。 このサイトの解説がわかりやすいです。 https://www.paintcodeapp.com/news/ultimate-guide-to-iphone-resolutions 拡大モード iPhone6, 6 Plusでは、画面設定から拡大モードが選択できます。 上記の表にまとめた通り、retinaの倍率はそのままで、ワンサイズ小さいiPhone相当のポイント数になります。 iPho
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
「WAON」「nanaco」がApple Payに対応 2021年内に
Screen Sizes
Apple Watchに心電図アプリケーションと不規則な心拍の通知機能が登場
