iOS Safariの100vh問題を解決するための単位【svh, lvh, dvh】
sv*, lv*, dv* Safari 15.4よりメニューなどのブラウザのUIが表示されているときと表示されていないとき用のviewportの大きさを取得するためのCSSの単位が追加されました。 sv*: small viewport. メニューなどのUIが表示されたときのviewportの大きさ。lv*: large viewport. メニューなどのUIが表示されていないときのviewportの大きさ。dv*: dynamic viewport. 現在表示されている画面のviewportの大きさ。 これらを使用することで、画面いっぱいに表示するために、JSで表示中の画面幅を取得して計算するようなハックは不要となります。 Safari 15.4は、macOS Monterey 12.3およびiPadOS・iOS 15.4から使用できます。 svh, lvh, dvh New WebK
WKWebViewでLocalStorageやJavascriptが使えない場合
どうも、のえるです。 このところ忙しくてブログが滞っていました。 だめですね、きちんと習慣にしなくては・・・。 さて、今回はiPhoneのWKWebViewのお話です。 WKWebViewとは、iOS8から使用可能になった、UIWebViewに代わる新しいUIです。 様々な情報がネット上で出ていますが、なかなかピンポイントな情報を掲載しているサイトは少ないです。 そこで、今回は弊社で開発中に起きた問題を取り上げてみようと思います。 それはタイトルの通り「WKWebViewでLocalStorageが使用できない」というものです。 ネット上の情報を使い、WKWebViewを作成しているときにUI/UX班から上がってきた内容でした。 しかし、調べても全然情報は出てこず・・・。 最終的に見つけた回答の一つは下記のとおりです。 // WebViewの設定を作成 let webViewConf =
【お手軽】iOS Safariで表示したWebサイトをMacOS SafariのWebインスペクタでデバッグする方法 | DevelopersIO
はじめに パフォーマンスチューニングをしていてモバイル通信回線を使った計測をしたい時にこの情報を見つけたので、実際に試した方法を残しておきたいと思います。 準備するもの iOS 6以上がインストールされたiPhone/iPod Safari 6がインストールされたMac MacとiPhone/iPadを繋ぐUSBケーブル 事前の設定 MacOS Safariの開発機能 すでにオンにしている方はこの作業を飛ばしてください。 まず、開発機能をオンにします。 Safariを開き、メニューから環境設定を開きます。詳細メニューの下にあるメニューに開発メニューを表示をオンにします。 メニューに開発と表示されていれば問題ありません。 iOS SafariのWebインスペクタ iOS SafariもWebインスペクタの機能をオンにします。 環境設定を開き、Safariの設定を開きます。 Safariの設定
macOS で ネットからURLでダウンロードするコードが動かなくなり焦って調べてみた - Qiita
macOS のアプリのコードでネットからのコンテンツがダウンロードされない！？ macOS の cocoaアプリの新規プロジェクトを作り、こんなコードを書いたら動かない事に気がつきました。 do { let url = URL(string: "https://www.apple.com")! var encoding = String.Encoding.utf8 let text = try String(contentsOf: url, usedEncoding: &encoding) print("contents: \(text)") } catch { print("error: \(error)") } dnssd_clientstub ConnectToServer: connect()-> No of tries: 1 dnssd_clientstub ConnectToS
【クソ食らえ】CocoaPodsとApple Mach-O Linker Errorとlinker command failed with exit code 1でどハマり - Qiita
【クソ食らえ】CocoaPodsとApple Mach-O Linker Errorとlinker command failed with exit code 1でどハマりiPhoneXcodeiOSCocoaPods で、結局何したら直るの ググってもググっても、何やっても消えない「Apple Mach-O Linker Error」と「linker command failed with exit code 1」のお話です。きっと、ここで書いている内容をやってみても、直らないかもしれない。けど、参考になるかもしれない。やったことと、参考にしたサイトをまとめておきます。 ※私の体験で決定的だった解決策は、一番下に書いておきます。 前提条件 CocoaPodsを使用したプロジェクト ライブラリへのパスは間違っていない（はず） CocoaPodsはとりあえずは最新版にした 1. そもそも……
iOSのスプラッシュ画面実装における注意点と実装方法 - Qiita
スプラッシュとは 僕もアプリ開発に携わるまでは、それをスプラッシュと呼ぶとは知りませんでした。 スプラッシュ画面とは、ネイティヴアプリを開いたときに一番最初に出てくるロゴマークとか出てくる、あの画面です。 参考：個人アプリ「バーベリー」 スプラッシュに関するドキュメントが全てまとまっているものが見つからなく、実装時にいろんなところを参照したので、僕がハマったところなんかも含めてまとめたいと思います。 スプラッシュ画面の役割 スプラッシュはアプリのブランディングに重要 iOSアプリを作るにあたってスプラッシュ画面の作成は避けては通れません。 なぜならば、スプラッシュはアプリを開くたびに毎回ユーザーの目に入るアプリの顔であるからです。 ブランディングに貢献するのです。 諸々の処理をすることが多い スプラッシュはただの静的な画像だけのこともありますが、例えばTwitterのようにアニメーションを
Cocoapods 1.0.0で注意すること - Qiita
はじめに Cocoapodsが5月10日に1.0.0をリリースしました。 そこでチーム開発をしていたプロジェクトでエラーが発生したので、共有いたします。 エラー内容 Cocoapodsにターゲット指定が必要になりました。 これまでPodfileは以下のように記載していました。 platform :ios,'9.0' use_frameworks! pod 'SwiftDate' pod 'SlideMenuControllerSwift' pod 'Firebase/Core' pod 'Firebase/Messaging' pod 'Firebase/Database' pod 'Firebase' pod 'Firebase/Auth' [!] The dependency `SwiftDate` is not used in any concrete target. The dep
React NativeでiOS実行時に"CFBundleIdentifier Does Not Exist"となってしまう場合の対処 - Qiita
React NativeでiOS実行時に"CFBundleIdentifier Does Not Exist"となってしまう場合の対処reactnative ** BUILD FAILED ** The following build commands failed: CompileC ${PROJECT_HOME}/ios/build/Build/Intermediates/RCTWebSocket.build/Debug-iphonesimulator/RCTWebSocket.build/Objects-normal/x86_64/RCTSRWebSocket.o RCTSRWebSocket.m normal x86_64 objective-c com.apple.compilers.llvm.clang.1_0.compiler (1 failure) Installing b
iOS 9から追加された3D Touch shortcutsを実装してみる - Qiita
3D Touch shortcutsとは ホーム画面のアイコンをForce Touch（強めに押す）ことで、下図のようなショートカットメニューを表示することができます。Home screen dynamic quick action とも呼ばれるそうです。 （Appleのサイトより引用） 各項目には、それぞれタップされた際のアクションを割り当てることが可能です。 実装方法 3D Touch shortcuts の実装方法には、予め項目を設定しておく Static Quick Actions と、コード上で動的に割り当てる Dynamic Quick Actions の二通りの方法があります。 Static Quick Actions 予め Info.plist ファイルにメニューの項目を定義しておく方法です。 <key>UIApplicationShortcutItems</key> <a
今使ってるプロビジョニングプロファイルに新しいデバイス（UDID）を追加する方法
新しいテスト機が増えるとそのデバイスの情報をプロビジョニングプロファイルに追加してあげる必要が出てきます。昔に比べると追加しやすくなり、またiOS Dev Centerも比較的扱いやすくなったので書いていませんでしたが、最近頻繁にこの作業をしていたのでメモとして残してみました。 プロビジョニングプロファイルに新しいデバイス情報（UDID）を追加するために、iOS Dev Centerで作業する流れをスクリーンショットでメモしておきました。 デバイスの追加 iOS Dev Centerに行ってサインインし、「Certificates, Identifiers & Profiles」を選択します。 「Devices」を選択します。 登録済みのデバイス一覧が表示されます。右上の「＋」を押して新たにデバイスを追加しましょう。 「Name」欄にそのテスト機のニックネーム、「UDID」欄にそのデバイス
iPhoneなどのUDIDを調べる方法
もっとずっと前にMEMOしといてもよかったのですが、識別子（UDID）を調べる方法は、割と頻繁に、いろいろな人に伝えて調べてもらう必要があったりするので、今更ながら書いておきます。 iPhoneアプリを開発中は、テスト用に使うデバイスをiOS Provisioning Portalの「Devices」に登録しなければならないため、いろいろな人に連絡して、所有しているデバイスのUDIDを自身の手で調べてもらう必要があったりします。（当然ながら、テスト機が自分のデバイスだけでいいのであれば、人に調べてもらう必要はありません。） 世の中いろんな人がいるので、説明するのも割と大変。 ということで、ここにスクリーンショット付きで書いておきます。UDIDの調べ方がよくわからないという人には、まずは、このページを案内してみましょ。 iTunesでUDIDを調べてコピー UDIDを調べるには、iTunes
[iOS] 実機で実行時エラー(failed to get the task for process xxxx): ものづくりログ
Xcodeでのビルドは成功するのに、実機で実行させようとすると下記のエラーが出ます。 Could not launch "アプリ名" failed to get the task for process xxxx これは、DestributionがAdHoc用になっているからなのでした。 ※AdHoc用に出力したらインストール&実行できました 【参考】 実機でxcodeから起動することが出来ない。: http://www.gamvaro.com/kswiki/index.php?%EF%BC%AF%EF%BC%B3%E9%96%A2%E4%BF%82%2FiPhone%E7%94%A8OS(IOS) このうっかりミスに気づくのに時間がかかってしまいました。。。
【Swift】UIAlertController(アラート)サンプルコードと解説
ios8からUIAlertViewやUIActionSheetがdeprecated(非推奨)になりました。 それの代わりとして今後はUIAlertControllerを使うことになります。 今回はその使い方や注意事項をサンプルコードを元に解説していきたいと思います。 サンプルコードはこちら https://github.com/eversense/Swift-UIAlertController-Example ボタンを押したら単純なアラートを出す @IBAction func alertBtn(sender: UIButton) { let alertController = UIAlertController(title: "Hello!", message: "This is Alert sample.", preferredStyle: .Alert) let defaultAct
AppStore 登録前の iOSアプリを Ad-Hoc で配布してインストールする方法 - akiyoko blog
まずはじめに、iOSの開発ライセンスには、「iOS Developer Program (Standard)」と「iOS Developer Enterprise Program」があるのですが（*1 ）、それぞれのライセンスで利用できる配布方法としては以下の通りとなります。 Standard Enterprise 実機デバッグ（開発用配布） ○ ○ Ad-Hoc（評価用配布） ○ ○ In-House（組織内配布） − ○ AppStore（一般公開） ○ − 条件 個人・法人（7,800円/年） 法人（23,800円/年） （「iOSライセンス＆配布方法まとめ - Qiita」を参考に少し改編） 今回紹介するのは、AppStore 登録前の iOSアプリを、評価用の実デバイスにインストールする手順（上表の「Ad-Hoc（評価用配布）」）についてです。 （なお、今回紹介する方法ついては
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Intelligent App Linking
GitHub - googlecast/CastVideos-ios: Reference iOS Sender w/ Framework API: CastVideos-ios application shows how to cast videos from an iOS device that is fully compliant with the Cast Design Checklist.
iOSライブラリ管理ツール「CocoaPods」の使用方法 - Qiita
Metro bundler has encountered an internal error · Issue #110 · facebook/metro
iOS build fails with: 'GoogleCast/GoogleCast.h' file not found · Issue #51 · react-native-google-cast/react-native-google-cast
Can we use nodejs code inside react native application?