UIKit

UIkit3 使用環境 Name Version Dart Sass 1.70.0 UIkit 3.17.11 前書き UIkitをこよなく愛するFossaです（笑） UIkitでは、mixinをhookするために使っています。 例えば、下記の通りです。 .uk-alert { position: relative; margin-bottom: $alert-margin-vertical; padding: $alert-padding $alert-padding-right $alert-padding $alert-padding; background: $alert-backgr…

現状、iPhoneアプリ開発を扱った書籍は、ほとんどSwiftUIを対象に書かれています。 実務ではSwift、UIKit、StoryBoardを使ったもの、場合によってはInterface Builderを使っている場合もあるかもしれません。 StoryBoardとSwiftUIどちらも使用できるようになれば開発の幅が広がります。 www.youtube.com

Swift、UIKit、Storyboardで、画面のUIを変更しやすくしたタブバーのチュートリアル動画です。 タブバーを使う場合、最初の実装の仕方で、その後の生産性が変わってきます。 今回は、年季の入ったiOSアプリのタブメニューの見た目を、タブ毎の大きさや、グラフィックを変えて、リッチに見せたいという要望があり、これまでのコードでは対欧しづらかったため、タブメニュー画面を画面下部にボタンを並べるように作り直すことにしました。 タブっぽく見えているのは、グラフィカルなボタンです。そのボタンから５つの画面に遷移させています。 Storyboard Storyboard もちろん、Xcoideの…

はじめに 2023年8月1日、MAMADAYSはトモニテに生まれかわりました。 tomonite.com iOSアプリもトモニテに名前を変え、これまでのメイン機能である「育児記録」「妊娠週数管理」を軸として、家族やパートナー、家族以外の人や社会との接点を作るためのシェア機能やコミュニティ機能などの拡充をめざしていきます。 トモニテのiOSアプリは新規作成画面を中心にSwiftUIの導入を進めています。一方、既存の画面を全面的にSwiftUIに置き換えることは考えていないため、今後もUIKitの画面のメンテナンスも継続していきます。 今回はUIKitの画面にResult Buildersを導入し…

Learn how to work with the Model View ViewModel (MVVM) Design Pattern. You will also learn how to use the Closure (Data Binding) method to bind the View and ViewModel together. You will then understand how each component interacts with data, load images asynchronously, and cache images; if you load …

class ViewController: UIViewController { let searchController = UISearchController() override func viewDidLoad() { super.viewDidLoad() searchController.searchResultsUpdater = self navigationItem.searchController = searchController } } extension ViewController: UISearchResultsUpdating { func updateSe…

前書き こんにちは。withでiOSエンジニアをしている長尾です。 今回はiOSのセミモーダルUIを、任意のサイズで表示する方法をご紹介します。 TL;DR iOS標準のセミモーダルの背景を透過して、その上にビューを配置すれば、任意のサイズのセミモーダルを表示できます！ 今回実装したいUI 今回実装したいUIはこんな感じです。 直前に表示されていたコンテンツの一部を覆うセミモーダル 背景のコンテンツは触れない 引っ張って閉じられる セミモーダルのサイズはコンテンツのサイズによって可変させる ポイントは、最後の「セミモーダルのサイズはコンテンツのサイズによって可変させる」です。 何が難しいの？ …

読者の皆さん、こんにちは！本日は、PHPとSwiftの連携についてお話ししていきます。PHPはWeb開発のバックエンドで非常に広く使われている言語で、SwiftはiOSやmacOSアプリの開発において人気の高いプログラミング言語です。これら二つの言語を組み合わせることで、Webベースのサーバーサイド機能を持つモバイルアプリやデスクトップアプリを開発することができます。 このブログでは、PHPを使ってサーバー側のAPIを構築し、そのAPIをSwiftから呼び出してデータを取得し、アプリで表示するという流れを説明します。サンプルコードと実行結果を交えて、初心者の方にもわかりやすく解説していきますの…

こんにちは、皆さん。今回の記事では、SwiftとTypeScriptの連携方法についてお話しします。SwiftとTypeScriptは、それぞれiOSアプリ開発とWeb開発で広く使われていますが、これらを連携させることで、モバイルとWebの垣根を超えたシステムを作ることが可能です。そんな連携の仕組みを、具体的なコード例を交えながら、初心者の方にもわかりやすく解説していきます。 SwiftとTypeScriptの連携を考えるとき、APIを介したデータのやり取りが基本となります。例えば、Swift側でユーザーの入力を受け取り、TypeScript側のサーバーに送信し、結果をSwiftに戻してアプリ…

技術本部 Eight Engineering Unit の Mobile Applicationグループで、25卒内定者インターンをしている松山（@akidon0000）です。今回、Eightの名刺表示画面における、枠線のデザイン修正を担当しました。しかし、実装の過程で枠線が表示されない不具合が発生しました。当初は名刺画像の非同期表示によって枠線が上書きされていると考え、調査を進めたものの、実際には別の原因があることが判明しました。 本記事では、問題の詳細とEightでの解決方法、そしてそこから得られた学びをご紹介します。

はじめに iOS エンジニアをしています Jane（仮称）です。 2024/08/22〜24 に早稲田大学理工学部西早稲田キャンパスで開催された iOSDC に初めて参加させて頂きました。 iOSDC Japan 2024 は iOS 関連技術をコアのテーマとしたソフトウェア技術者のためのカンファレンスです。 22日(木)はオンライン参加、23日(金)はオフラインで参加しました（24日(土)は欠席）。 前提として 私の経歴として、Web フロントエンド開発を約 5年間経験したのち、iOS 開発に約 1年間従事しています。 1年経った今でも Swift よりも JavaScript で記述したコ…

こんにちは！ 食べログ開発本部アプリ開発部に所属している筒井です。 2023年に新卒入社してから、食べログiOSアプリの機能開発に日々携わっています。 昨年に引き続きアプリ部のメンバーで「iOSDC Japan 2024」に参加しましたので、それぞれのメンバーから気になったセッションをピックアップしてお伝えしていきます。 気になったセッション 筒井 どのセッションも魅力的でしたが、特に気になったものを2つ紹介させていただきます。 １つ目は @k2moons さんによる 「MPEG構造を把握し、 VideoToolBoxを使った 特殊再生の実装方法を理解する」です。 こちらのセッションではMPE…

こんにちは！TUNAG iOSアプリ開発担当のおしん (@38Punkd)です。 スタメンは今年はシルバースポンサー枠での協賛なのでブース出展はありませんが、 モバイルチームの朝倉(@asashin227)、プロダクトHRの東岡(@Tooka_91)と私の3名で会場に現地参加してきました。 昨年の参加報告はこちら 👇 tech.stmn.co.jp 今回はブースをまわるだけでなく、セッションを聴く時間も多く確保できたので、色々なセッションを聴いて周りました。 その中でも私個人として印象に残ったセッションをピックアップしました。 Day 0 - 前夜祭 8/22 App Clipの魔法: iOS…

こんにちは、開発部第一グループ山崎です。 iOSアプリ開発について、Apple 公式新情報が発表されるWWDC2024の中から、Xcode16の新機能 セッションについてキャッチアップしてみました。 検証環境はXcode16 Beta 5, MacOS Sonoma 14.6 となります。 Edit Xcode16 new warnings Introduce Existential any Default Internal Imports Strict Concurrency Checking 具体的な警告と解消例 ＠Previewable PreviewModifier Build Exp…

久しぶりの更新になります。 お気に入りの映画 『LA JETEE (1962)』29分, フランス SF 監督 : クリス・マイケル リメイク作品 : １２モンキーズ(1995年) 【あらすじ】 第3次世界大戦後、廃墟と化したパリ。放射能によって地上は汚染され、わずかに生き残った人類の支配者たちは「過去」と「未来」に救済を求めた。彼らは地下世界に生きる捕虜の中から1人の男を選び、危険な実験によって彼を過去へと送り込む。 この映画は、「フォトロマン」と呼ばれるモノクロ写真を連続し映す手法で物語が進んでいきます。 この映画を見終わった後は、「おもしろかった」や「感動した」などの言葉ではなく... …

はじめに N予備校 iOSアプリ開発チームに所属しているcoffmarkです。 iOSチームではSwiftUIを使って開発を進めています。 SwiftUI導入までの経緯については、ブログ記事(N予備校iOSアプリへ SwiftUI を導入するまでの道のりについて)で説明しています。 SwiftUI導入を進めていく中で、導入後に改善した点がいくつかあります。 今回はその中でもViewState列挙体を使ったSwiftUIの状態管理についてお話しします。 前提 (プロジェクト構成・SwiftUI実装方針のおさらい) N予備校 iOSアプリチームでは以下のような構成でiOSアプリを開発しています。 …

こんにちは、TVerでエンジニアリングマネージャーをしている高橋 (@ukitaka) です。 TVerは今年もiOSDCに協賛させていただくことになりました！ TVerとiOSエンジニア 昨年のiOSDCの時点では「iOSエンジニアがいなくても泣かない！配信サービスのiOSアプリにおける オブザーバビリティの導入と改善」というタイトルで発表があった通り、TVerにはiOSエンジニアが不在の状況だったのですが、昨年1名iOSエンジニアが入社したところからチームが立ち上がり、今年4月には完全内製化が完了しました。さらに5月には元iOSエンジニア(？)の自分もエンジニアリングマネージャーとしてjo…

著作者：pch.vector／出典：Freepik こんにちは、開発部 iOSチームの杉田です。 今回は「WKWebViewをHiddenWebViewとして動かす方法」について、ご紹介します。 少々ニッチな記事ですが、背景と合わせて読んでいただければと思います。 背景 あるプロジェクトで特定のURLを開き、ログイン情報をcookieで保存させ、別のURLをWebViewで表示した際も、cookieによりログイン状態が引き継がれた状態で利用できるようにするという要件がありました。 WebView自体は画面上に表示すると、他のViewや表示が触れなくなるなどの問題点があったため、画面上には表示さ…

おはこんばんにちは。ウホーイ（@the_uhooi）です。 本記事では、完璧で究極のエディターである「Neovim」でiOSアプリ開発に挑戦していることを紹介します。 iOSアプリは「Xcode」というIDEを使って開発するのが一般的です。Xcodeを使わずにNeovimでどこまでできるのか、ぜひ最後まで読んでみてください。 余談 最初は真面目に草案を執筆していたのですが、Findyの担当者に見せたら「暴走のウホーレンくらいふざけていいです」と言われたので、思う存分ふざけることにしました。 念のためエビデンスを添付します。 ▲担当者から送られてきたDM 「暴走のウホーレン」とは、私が「iOSD…