UINavigationControllerをカスタマイズ 〜OSの影響を受けづらいカスタムナビゲーションの実装〜 - クックパッド開発者ブログ
こんにちは、モバイル基盤部のヴァンサン(@vincentisambart)です。 iOS 15とXcode 13がリリースされました。最新のiOS SDKでビルドしてみたら、カスタマイズされたナビゲーションバーに修正が必要だったアプリが少なくなかったようです。しかし、iOS版のクックパッドアプリでは大きくカスタマイズされているナビゲーションバーを使ってはいるものの、iOS 15に合わせてナビゲーションバーに手を入れる必要は特になかったです。 iOS版のクックパッドアプリは最近様々な形のナビゲーションバーを使っています。例えばおすすめタブはスクロールするとナビゲーションバーの高さが変わります。 また、さがすタブは画面によってナビゲーションバーの中身や高さが違いますし、レシピ詳細ではスクロールするとレシピ名がナビゲーションバーに入ります。 なぜiOS版のクックパッドアプリには修正が必要なかった
ARKit+SceneKit+Metalで光学迷彩② - Qiita
前回 「ARKit+SceneKit+Metalで光学迷彩①」の続きで光学迷彩の調子が悪い感じを表現してみた ノイズテクスチャの描画方法 ①ブロックノイズテクスチャをコンピュートシェーダーで生成 ②①をマテリアルとしたキャラクターの描画パスを追加 ③前回作成した最終画像の生成処理に②を加える ・光学迷彩画像、または、②のブロックノイズ画像のどちらかを描画する ・描画のタイミングはランダム アプリ実行時にXcodeで Capture GPU Frame すると次のようにレンダリングパスを確認できる（Xcode12で確認）。今回の追加したのは手書きの赤線部分。 パス毎にどんな色・デプスが出力されているのか確認できるので便利。デバッグ実行中にカメラアイコンをタップするとCapture GPU Frame ができる。 コンピュートシェーダーによるブロックノイズ生成とSCNNodeへの設定 ノイズテ
ビーコンを使ってiOSアプリを作ってみた - GMO Research & AI Tech Blog
こんにちは！システム部の田代と申します。 今年の4月、コロナ禍の中で入社して以降ほぼリモートで仕事をしています。 メンテナンスのために久しぶりに出社したらオフィスのフロアを間違えました。 業務では専らPHPを使っていますが、プライベートではiOSアプリを作っています。 今回はビーコンを使ったアプリを作ってみたく、その過程を記事にしようと思います。 まずはビーコンの基礎知識から。 ビーコン（Beacon）とは ビーコンは、地上にある無線局などから発射される電波（あるいはIR（赤外線）のような高周波の電磁波）を航空機・船舶・自動車などの移動体に搭載された機器で受信することにより、位置をはじめとした各種情報を取得するための設備である。 Wikipediaより引用 というものですが、モバイル機器で使用するビーコンは、主に低消費電力の近距離無線技術「Bluetooth Low Energy」（BLE
ライブラリを使わずに美しいカラーピッカーを実装【iOSアプリ】【Swift】 - Qiita
経緯 お絵かきアプリにカラーピッカーを付けたかったのでいろいろ探したのですが、ライブラリを使ったのしか出てこなかった。 ... ... じゃあ自力で１から作っちゃおう！ 環境 ・macOS Catalina ・Xcode 11.7 ・Swift 5 Assetsに画像を追加 ・千鳥柄の画像 × 2枚 ※なくても良い。（alphaが１より低いときにわかりやすくするため） 1枚目 -> サイズ：220 × 37.5 、名前：chidori_s 2枚目 -> サイズ：290 × 290 、名前：chidori ・Hueスライダー用の画像 サイズ：300×13、名前：colors 画像は私のブログ記事から入手できます。 全コード ボタンを押すとColor Pickerが現れます。 import UIKit class ViewController: UIViewController { // 現在
iOSのバーコードリーダーで読み取り範囲を設定する - Qiita
１次元バーコードリーダーを使ったiPhoneアプリを作ろうとした時に，カメラの全画面でなく特定の範囲のみを読み取る設定をするだけのことで案外詰まった。 検索してもなかなか出てこなかったので共有。 環境 OS X 10.10.3 Xcode 6.4 iOS 8.4 iPhone6（実機でのみ動作） カメラ画像の表示にはAVCaptureVideoPreviewLayerを 読み取りにはAVFoundationを使用 読み取り範囲を指定する // metadata取得に必要な初期設定 let metaOutput = AVCaptureMetadataOutput(); metaOutput.setMetadataObjectsDelegate(self, queue: dispatch_get_main_queue()); self.captureSession.addOutput(meta
Xcode Previewsを用いたUIKitベースのプロジェクトの開発効率化 | メルカリエンジニアリング
こんにちは。メルペイのiOSチームの@kenmazです。 メルペイのiOSチームでは Xcode11 で導入された Xcode Previews 機能を用いて、UIKitベースのプロジェクトの開発効率向上に取り組んでいます。Xcode PreviewsといえばSwiftUI用の開発支援機能、というイメージがありますが、実は従来のUIKitベースのプロジェクトに対しても使用が可能です。 Xcode Previews を使うことでiOS Simualtor等を起動することなく、様々な状態のビューをリアルタイムにプレビューできるため、開発効率が大幅に向上します。 またXcode Previewsが提供する強力なプレビュー機能を使うことで、Interface Builderの支援も不要となったため、従来のxib/Storyboardを用いたビューの実装から、コードによるビューの実装への移行を試みる
Firebase ML Kitのテキスト認識×翻訳を使ってアプリを作ってみた | エンジニアブログ
こんにちは。graphy事業部の遠藤と申します。 Firebase ML Kitを検証するため、一部の機能を使って簡単にアプリを実装してみました。今回はその詳細について記載していきたいと思います。 Firebase ML Kitとは Firebase ML Kitを使うことで、機械学習の機能をアプリに実装することができます。主な機能としてはテキストの認識、顔検出、ランドマークの認識、バーコードのスキャン、画像のラベル付け、テキストの言語の識別など機能をライブラリを通して簡単に利用することができます。Firebase ML Kitはまだベータ版となっております。詳しくは公式ドキュメントを参照してください。 今回は、カメラで写真を撮って画像上の英語を日本語に翻訳できるiOSアプリを実装してみようと思います。 Firebase ML Kit導入 XcodeでiOSの新規プロジェクトを作成して、ア
リリース済みiOSアプリのソースコード、全部見せます！ - Qiita
更新内容 2022年8月10日:GitHubに公開しているアプリをXcode13.4.1以降に対応（詳しくはこちらを参照。） はじめに 今回、アプリのソースコードを公開しようと考えたのには以下の理由があります。 自分が作ったアプリを多くの人に見て欲しい。 いろんな人の意見を聞きたい。 コードを共有することでアプリを作る人の手助けがしたい。 この記事が皆さまのお役に立つことができれば幸いです😃 アプリの紹介 Innovy（イノービィ）。 最新のサービスや技術の情報収集にアンテナを立てている20代〜30代（主に男性）向けのニュースアプリです。 ※革新者（イノベーター）をイメージした名前にしました。 ジャンル別の最新ニュースやユーザの反応を見ることができます。 また、ニュース読み上げ機能があるため、歩きながらニュースを確認することもできます。 アプリURL：https://itunes.app
Javascript を WKWebView の中で使う Swift3 - Qiita
let url = Bundle.main.url(forResource: "index", withExtension: ".html")! let urlRequest = URLRequest(url: url) webView.load(urlRequest) } import UIKit //import JavaScriptCore import WebKit class ViewController: UIViewController, WKNavigationDelegate { let webView: WKWebView = WKWebView() override func viewDidLoad() { super.viewDidLoad() webView.frame = view.bounds webView.navigationDelegate = self
【2018年版】React NativeでiOSアプリを作ってストアでリリースしてみた - Qiita
はじめに React Nativeでの開発が全体的にどんな感じか掴みたかったので、小さなアプリを開発し、App Storeでリリースしてみました。 プロジェクト作成からストアでのリリースまでの間、開発中に出てきたテーマを振り返ってみます。（React Nativeの概要や特徴の解説については、他の方の記事をご覧ください。） 今回の一連の開発を通して、現段階ではネイティブ側（Xcode）を触らないといけない場面がちらほらあるということが分かりました。 ※記事執筆時点のReact Nativeのバージョンは0.43です ※2020年に別のアプリを作った記事を投稿しました【2020年版】 React NativeでiOSアプリを作ってストアでリリースしてみた - Qiita ※筆者はiOSアプリの開発経験者です（Swift, Objective-C） ご注意 本記事の執筆時点に対して、最新のRe
新しいアプリを作るときによく使うSwift Extension集 - Qiita
この記事はVASILY DEVELOPERS BLOGにも同じ内容で投稿しています。よろしければ他の記事もご覧ください。 最近、業務で新しいiOSアプリを立て続けにいくつか開発する機会に恵まれました。 そんな中、いくつもアプリを使っていると、どのアプリでもよく使う処理があぶり出されてきます。 そういう処理はSwiftのExtensionとして別ファイルに書き出し、他のアプリへも切り出しやすいように個別のFrameworkにして管理しています。 今記事では、最近の開発でよく使ったExtension集をご紹介します。 Swift標準ライブラリ Date private let formatter: DateFormatter = { let formatter: DateFormatter = DateFormatter() formatter.timeZone = NSTimeZone.sy
UILabelでタグっぽい見た目を実装する - Qiita
UILabelを利用して、↓の写真のようなタグっぽい見た目のviewを実装する。 ざっくり言ってしまえばUILabelにボーダーつけて終わり、なんですがｗ まずは1個のタグ StoryBoardにUIViewControllerをおいて、ViewController.swiftに表示内容を書いていく。 まずはタグ表示に利用するUILabelの子クラスを作成。 initでタグのボーダーや角丸の設定などを行ってしまっている。 プロパティのtagPaddingは、タグ内の文字のパディング幅。 drawRect(_:)をオーバーライドし、UIEdgeInsetsで上下左右にtagPadding分のinsetをつけてdrawTextInRect(_:)でreturnしている。 import UIKit class TagLabel: UILabel { let tagPadding: CGFloat
UITableViewのCellの高さを自動調整してくれるUITableViewAutomaticDimension - しめ鯖日記
UITableViewAutomaticDimensionという機能を使えばheightForRowAtIndexPathが不要なるらしいので試してみました。 使い方 StoryboardでCellの中にLabelをAutoLayout付きで入れます。 次にコードでtableViewのrowHeightにUITableViewAutomaticDimension、estimatedRowHeightに適当な値を入れます。 override func viewDidLoad() { super.viewDidLoad() tableView.estimatedRowHeight = 20 tableView.rowHeight = UITableViewAutomaticDimension } 最後にCellのLabelに複数行のテキストを入れます。 override func tableV
Swift 困ったところメモ - Qiita
気にとめた箇所を随時更新します。 swiftでCoreDataを利用する場合、Entityのクラス名には、ネームスペースとしてProjectNameを付ける(2015/6/21) クラスに比較演算を追加する(2015/6/21) extensino Address Comparable { } func <(lhs:Address, rhs:Address) -> Bool { return lhs.address < rhs.address } func ==(lhs:Address, rhs:Address) -> Bool { return lhs.address == rhs.address }
iOSで複数のコンテキスト間でOpenGL ESオブジェクトを共有する - Qiita
// コンテクストのリソースを取得する - (void)initOpenGL { if ([EAGLContext currentContext]==nil) { context = [[EAGLContext alloc] initWithAPI:kEAGLRenderingAPIOpenGLES2]; } else{ context = [[EAGLContext alloc] initWithAPI:[[EAGLContext currentContext] API] sharegroup: [[EAGLContext currentContext] sharegroup]]; } if (!context || ![EAGLContext setCurrentContext:context]) { return; } // ... (略) } Register as a new u
iOS8のバグ-webkit-overflow-scrollingで要素が消える不具合 | 2eb
iOSで慣性スクロールを有効にするCSS「-webkit-overflow-scrolling:touch;」を追加するとiOS8で発生することがある要素が消えるバグとその解決方法を紹介しています。iPhoneやiPadなど、iOSで慣性スクロールを有効にするCSS「-webkit-overflow-scrolling:touch;」を追加することで、疑似フレームを使用した要素も滑らかにスクロールさせることができます。 操作性が格段によくなるので、是非とも指定したいプロパティなのですが…複数の条件が重なると不具合が発生してしまいます。 発動条件は［iOS8でページ読み込み時に非表示の要素に-webkit-overflow-scrolling:touch;を指定している］場合のようで（実際はもっと複雑かも）、スクロールしようとタッチした瞬間にその要素が消えてしまうという悲惨なバグです！！:
MacからiPhoneに遷移させよう - クックパッド開発者ブログ
こんにちは。モバイルファースト室の中村(@_nkmrh)です。 突然ですが、Mac上で探したレシピをすぐiPhoneで見られると便利だと思いませんか？ 先日リリースしたiOSクックパッドアプリではそれが出来るようになりました。 とても便利なのでぜひ活用してください。 ※ 実はこの便利機能、次のバージョンで一旦取り下げ、問題を解決したあとで再度導入することになりました。以降の記事で事情を説明します。 Mac OS X YosemiteがインストールされたMac、iOS 8がインストールされたiPhone 5以降、iPad 第4世代、iPad Air、iPad mini、iPad mini Retinaディスプレイモデル、iPod touch 第5世代でご利用いただけます。 MacとiPhoneに同じiCloudアカウントを設定して下さい。 これがその様子...。 Mac上のSafariでクッ
実行ループとdispatch_sourceの話。 - なるようになるかも
いまやiOSのネットワーク処理といえばAFNetworkingな感じです。 しかし古いストリーミングAPIを使った経験があれば、ブロックベースのAPIでどうやってネットワーク通信を行っているのか疑問に思うはずです。なぜかというと、 GCDは実行ループを持てない からです。 そもそも実行ループとは何なのでしょう。 実行ループとは NSRunLoop Class Referenceより The NSRunLoop class declares the programmatic interface to objects that manage input sources. An NSRunLoop object processes input for sources such as mouse and keyboard events from the window system, NSPort
iOS8でのダイアログ表示：廃止になるUIAlertViewと推奨されているUIAlertControllerのメリット - Qiita
iOSでダイアログ表示用のクラスUIAlertViewがiOS8からdeprecatedになるため、 UIAlertViewを使用した際の挙動と推奨されているUIAlertControllerについてまとめました。 (本記事の内容は一般公開されているiOS8の情報に基づいています。 iOS8に関するスクリーンショットは掲示していません。) iOS8で廃止されるUIAlertViewを使用した際の挙動 deprecatedされたメソッドを使用した場合、アプリが落ちるなどの問題が発生することがありますが、 iOS8 beta2の環境ではシミュレータ・実機ともに問題なく表示できます。 2014/6/24現在では継続してUIAlertViewを使用したままでも問題無いようです。 上記の内容はObjective-Cに関してであり、Swift(iOS8)ではEXC_BAD_ACCESSでアプリが落ちま
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IOS/Androidアプリの３つの大事な設計方針
