こんにちは。検索・編成部の中村 (@_nkmrh) です。本エントリでは、iOS クックパッドアプリ（以下アプリ）に対して行った、プッシュ通知（以下通知）の改善策を紹介します。 はじめに アプリで通知を送る目的はなんでしょうか。様々な目的があると思いますが、大きくは次のようなものではないでしょうか。 アプリをインストール後、ほとんど利用しないユーザーに対してサービスを利用してもらう機会を提供したい サービスをより身近なものとして利用してもらい、新しいファンを増やしたい アプリの問題点 アプリは、「特売情報」「今日のおすすめレシピ」「届いたつくれぽ」などの通知が受け取れ、通知の種類によって ON / OFF が選択ができます。 そこまではいいのですが、１つ問題がありました。それは、(※1)iPhone 側の通知設定は OFF、(※2)アプリ側の通知設定が ON の場合、通知が届かない状態が発

ピクシブは1月19日、初学者向けiOSアプリ開発の教材資料を無償公開した。内容はお絵かきSNSを開発するというもので、実例に近いiOSアプリ開発を学ぶことができるという。また、同社でモバイルアプリ開発の初学者向けに実施した研修の内容についても紹介している。 同社では2022年2月からiOS・Androidアプリエンジニアの育成プロジェクトを始めている。モバイルアプリの開発手段の多様化に伴い、エンジニア採用のミスマッチが増加。モバイルアプリエンジニア不足を解消するために、自社で育成していく取り組みを始めたという。 研修ではまず、プログラミング言語「Swift」と開発ツール「Xcode」に慣れるように、米Appleが提供しているアプリ開発のための課題を与えた。同社は「ピクシブのアプリでは、ビュワーなどの閲覧体験が重要になってくるものが多い。また、ライブ配信やドロー機能などネイティブでないと開発

こんにちは！ heyで STORES 決済 モバイルチームの Engineering Manager 兼 iOS アプリ・SDKの開発を担当しております。いわい です。 STORES 決済 はキャッシュレス決済を簡単に導入できるこんなサービスです。 coiney.com さて、今回は そんな STORES 決済 iOSアプリを 石橋を叩いてかぶって慎重に安全にリリースしたお話です。 STORES 決済 iOS版 リニューアル！ STORES 決済 iOSアプリは 2012年 前身となる Coineyリリースから10年間、脈々と開発が続けられてきました。 もちろん開発言語はみんな大好き Objective-Cです。 日々様々な機能追加や改善の開発をしているのですが、さすがにいつまでも Objective-Cで開発を続けるわけにはいかないという事で、私がheyに入社する前の2019年頃から粛々

以下でそれぞれ説明していきます。 SwiftUI vs SwiftUI 登場以前 まず大きな分類として、Swift UI と Swift UI 登場以前の 2 種類の実装方法があります。 Xcode の最近のバージョンで新規プロジェクトを作成しようとすると、User Interface の選択肢に SwiftUI と Storyboard が並んでいます。 この選択肢は、SwiftUI を使うか、それ以前の実装方法を使うかを選ぶのとかなり近いです。 SwiftUI 2019 年に登場した、iOS 13 以降でのみ利用可能な新しい UI 実装方法です。 コードで UI を実装することになります。 ざっくり言うと、Flutter での UI 実装と似ていると言われています。 現時点では細かい UI の再現は苦手な場合もあるようです。 なお、SwiftUI と SwiftUI 登場以前の実装方法

これを回避するために、iOSの実装側でHiragino Sansを使うという方法もありますが、その場合にも注意が必要です。Hiragino Sansを使った場合にAutoLayoutでのテキストオブジェクトの高さが、グリフを表示するための見た目の高さより小さく計算されてしまい、アルファベットのyやgなどの下に飛び出しているグリフが切れて表示されてしまうことがあります。 これはおそらくiOSに組み込まれているHiragino Sansのフォント側の問題だと思われますが、かなり前からこの問題は報告されており、修正されることはあまり期待できないでしょう。 日本語文字サイズ問題をFigma Pluginで対応する今回の問題はiOSのシステムフォントが日本語グリフの表示の場合に、特殊な文字調整を入れていることから発生しているというのが上の説明です。 つまりFigma上でシステムフォントと同じ状況が再

iOS7に対応したiPhoneアプリ・iPadアプリのアイコンサイズと角丸半径をを一覧で確認できるようにまとめました！ iOS7がリリースされて、iPhoneアプリでは114×114だったアイコンサイズが120×120に変更したりとちょっとした微々たる変化が！ 一覧でわかりやすく表示しました。 アプリアイコン作成時の参考にどうぞ。また一緒に角丸半径も変更された模様！ iOS6とiOS7で角丸半径が違うのでデザインがずれてしまう結果に・・・。当分は、どちらかを優先してデザインするしかなさそうですね・・ iOS7用iPhoneアプリ　アイコンサイズ一覧 単位はピクセル ファイル名 (対応OS) 画像サイズ

iOS 15 がリリースされたので、早速手持ちの iPhone をアップデートしてみました。新しもの好きなので、iPhone は躊躇なくアップデートする派です。 デザイナーとしては、iOS 15 でのUIの動作の変化が気になるところ。今回のSafariのUIは、とくにデザインの設計に関わるレベルでも変化が大きいので、はやめに試してよかったと思います。 簡単に感じたことをまとめてみます。 今回は、SafariのコンテンツになるUI要素の変化をまとめています。SafariのタブバーのUIの位置による操作の大改革はあえて、あまりふれてません。 フォーム要素のスタイルiOS 15のUIの変更はSafariのUI自体だけでなく、ブラウザデフォルトのフォーム要素もUIが新たになっています。 フォームのUIの見た目としては、iOS 15でスッキリとしたフラットデザインになりました。 フォーム要素の見た目

プラットフォームによってはアプリケーションの実装技術には複数の方法があり、開発側の要件や制約、好み等に合わせて適した技術を選ぶことができます。例えばiOSアプリケーションの実装技術には、Appleが提供するCocoa Touch（およびUIKitやSwiftUIなどのフレームワーク群）がありますが、そのほかのベンダーから提供されている技術として、FlutterやReact Native, Titanium, Xamarinなどのフレームワークも存在します。 どのフレームワークが一番優れているのかを語ろうとすると宗教戦争に発展してしまいますので、そこは避けつつも「ネイティブとは何か」の解釈をはっきりさせておきたいと思いました。 どのようにして実装技術を選ぶのか開発現場としては、大抵は次のような観点で実装技術を選ぶことになると思います。 ・開発コスト、運用コスト重視 ・開発スピード重視 ・技術

アップルの年次開発者会議「WWDC 21」が米国時間6月7日に開幕した。秋に正式リリースを予定するアップル製品向けの新しいOSとサービスの内容が俯瞰できるイベントだ。 数多くの発表から次期iOSを中心にデジタルライフスタイルを大きく変えそうな新機能をピックアップする。独自取材により得た情報も加えながら、注目すべきポイントを解説しよう。 FaceTimeが「最も音のいい通話アプリ」になる アップルは2010年にiPhone 4とともに、iOS標準のビデオ・音声通話アプリとして「FaceTime」を発表した。そして、同社によると世界中に新型コロナウイルス感染症が拡大した2020年以降、FaceTimeアプリは今までにないほど多くのユーザーに利用されているという。 現在はiOSとiPadOS、macOSにプリインストールされているこの定番コミュニケーションアプリが、ユーザーの期待を受けて大きく変

How to bring your iOS experiences to Android in record time

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 普段はWebアプリケーションを開発したり、設計したり色々している中の人が、初めてiOSアプリを作った時の話をまとめました。iOSアプリを作る中でQiitaに幾度となく助けられたこともあり、同じような境遇の方に何かしら恩返しができればと思い、やったことやハマったことを中心に書いています。 概要 Swift初心者である開発者が、約3ヶ月でiOSアプリを作った時に、お勉強タスクとしてやったことや、開発中にハマったことをまとめました。コーディングの細かいところというよりは、WebアプリとiOSアプリの違いによるハマりポイント、検討ポイントを中心

iOS14ではホーム画面に「ウィジェット」を追加可能となりました。 また、「Appライブラリ」というホーム画面で使えるアプリの自動整理機能も追加されています。 この2つを使うと、iPhoneのホーム画面を一新させることができますので、その方法を説明したいと思います。 ウィジェットの追加 ホーム画面のページを編集 超シンプルなホーム画面の完成 Appライブラリのカスタマイズ：新規アプリ・通知バッジ iOS 14：ホーム画面からすべてのアプリアイコンを非表示にしてシンプルに ウィジェットの追加 iOS14でホーム画面を長押しすると、ホーム画面の編集ができます。 この状態で画面左上の「＋」をタップすることで、一覧からウィジェットを追加できるようになります。 ここでは、追加したいウィジェットをトップページに配置しておきましょう。 iOS 14：ウィジェットの追加とホーム画面の表示ページの変更 ホー

ESPN and other channels return to DirecTV as it finally reaches a deal with Disney

アプリデザインにまだ慣れていないデザイナー(その他クリエイティブ職)向けに社内でワークショップをやったところ、思いのほか好評だったので抜粋したスライドを公開します。 目次 ・標準UIの定義 ・標準UIのメリット ・標準UIクイズ ・標準に倒すUIと凝るUIのバランス ・Xcodeについて ・Xcodeのデザインツール ・Interface Builder ・オートレイアウト(実演) ・Asset Catalog ・作ってみよう ・実装的に嬉しいデザイン ・コンポーネントがあると何が嬉しいのか ・ラップアップ 標準UIクイズで理解度チェックとアイスブレイクをしつつ、Xcodeの紹介をし、アプリエンジニアが何を考えてUIを実装しているか少し触れたあとに、実際にXcodeを触ってもらってビルドしするところまで行いました。 サンプルアプリアプリをビルドする体験を味わって欲しいのと、GUIでどこまで

個人開発アプリでiOS13対応をしたので、やったことや躓いたことをメモしておきます。 小規模アプリなのもあり、対応自体は1時間もかからず終わりました（macOS、Xcodeのアプデ含めても2時間くらい）。 これから対応される方のお役に立てば幸いです。 Anilog - アニメ記録はアニログ 事前準備 Xcodeを最新にしておく（Xcode 11 GM Seed） macOSを最新にしておく（macOS Catalina 10.15 beta 8） ※2019/09/15時点の最新 ※ダウンロードはこちらから：https://developer.apple.com/download/ ※後述の通り、最新にしていなかったことが原因でハマったこともあったので、先に最新版を入れておくことをおすすめします。 ※ macOSについては、Catalinaのbetaを既に入れている場合のみ。 追記（201

こんにちは、くだくらげです。最近ははじめてのUIデザインという本を共著で書きました。 おかげさまでたくさんの人に読んでいただいて、コメントをもらえたりして嬉しいです。ありがとうございます！ PEAKSさんから出版しており購入できますので、よろしければ手にとってみていただけると嬉しいです。 peaks.cc 概要 WWDC 2019で新しく発表されたiOS13でOSレベルでのDarkMode設定が搭載されることになりました。MacOSの方は以前より追加されていましたが、iOSではなかったので個別のアプリが各々対応していました。 今回、iOSにもDarkMode設定が標準搭載されたことによって、iOSアプリのダークモード対応が必然的に迫られることになって来るのではないかと思っています。 ダークモードを好んで使う人は一定数存在していて、かく言う私もダークモードを好んで使っています。目に優しいだっ

Appleが新たに発表した定額ゲームプレイサービス“Apple Arcade”。その発表が、あまりにすごかったので、今回は記事でそれを説明したい。そもそも「あのサービスは本気なのか？」と考える方もいるだろう。それに関しては「間違いなく本気だろう」と言っておく。 一説によれば、ソニーはPS Plusの会員サービスだけで4,340億円を2018年で売り上げたという。mobile indexによれば、『Fate/Grandorder』の2018年の売上が1,050億円。最も稼ぐソーシャルゲーム以上の売上を期待できる分野がゲームの月額サービス。だからこそ、GoogleもMicrosoftも必死になってそこに向かっているわけだ。 Appleだってそこに向かっていくし、その本気度はゲームのラインナップから完全に伝わってきた。 さてApple Arcadeは本来は有料で、課金なしのゲームを、定額で好きに

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 殿堂入り Realm Core Dataなんて最後に使ったのはいつだろうか。。。 Alamofire SwiftyJSON 通信ライブラリAlamofireのブロック構文に、JSONをより扱いやすくするSwiftyJSONをぶっこむ。 最近SwiftyJSONの仕様が変わってイマイチになったが、Swiftバージョン2.0でguard構文が追加されるので、guardで宣言するときに使いやすくなるかも。 SDWebImage みんな知ってる画像キャッシュライブラリ。 UI paper switch スイッチのON/OFFで色をアニメーション

2015年に初版が発行された「UI GRAPHICS」は、当時の数多くのモバイルアプリの最先端のデザイン事例と共に、スマートフォン以降に生まれたUIのデザイン思想、インターフェース論について、UIの専門家達による様々な考察を掲載した、大変人気を博した書籍でした。 そして先日発売された「UI GRAPHICS」の続編「新版 UI GRAPHICS  成功事例と思想から学ぶ、これからのインターフェースデザインとUX」に大変光栄な事に、共著者の一人として参加させていただきました。 今回出版元のBNN新社様より、当方のパートをnoteに掲載する事をご許可いただいたので、前半部分に限り一部ご紹介したいと思います。 テーマはAppleの開発者向けカンファレンスWWDC 2018のセッション「Designing Fluid Interfaces」で紹介された、新たなUIデザイン思想についての考察です。