私たち株式会社ゆめみでは、2020年から新卒者向けiOS研修カリキュラムを作成し運用してきました。 この研修をOSSで公開いたします！ 研修の内容 この研修には1〜14の課題が用意されており、 順番にクリアしながら天気予報アプリを開発していきます。 研修期間は個人のレベルによって異なりますが目安としては1ヶ月ほどと定めています。 研修に必要なもの インターネット環境 課題を参照するためにインターネット環境が必要です 開発環境 (Mac, Xcode) 実際にiOSアプリを開発していくので、Xcodeなどの環境は一通り必要になります 1名以上のメンター 課題を進行していくうえで、レビュー・フィードバックやフォローを行うメンターが不可欠です 複数名でローテーションし負荷分散するのも良いと思います Gitのホスティングサービス 実務に近い形でプルリクエストベースで進行することを想定しています G

こんにちは、Gaji-Labo UIデザイナーの今西です。 自分のiPhoneを iOS 14にアップデートしました。ホーム画面を設定を変えたり、細かいところがカスタムできたりするのがおもしろいと思っています。 ヘルスケアアプリで睡眠が管理できるようになったため、アラームも調整していると時刻を入力するUIが変わっていることに気がつきました。 時刻の入力UI時刻を入力する UI は iOS 14から、テンキー入力になりました。 前のバージョンの OS では、時間と分を選択するドラムロール型でした。 ドラムロールは iOS 14 で完全に消えたわけではなく、時刻のボックスエリア内で時間と分のドラムロールを回して選択することもできます。 私はこの UI を見てなんとなく違和感がありました。 時刻を数字入力するという感覚が、時間の設定をする動きと遠い気がしました。 私は以前のブログの記事の通り、誕

はじめまして！テレビ＆ビデオエンターテインメント「ABEMA」のiOSエンジニアの井原（@nonchalant0303）です。今回は、ABEMAのiOSチームのチュートリアルプロジェクトを活用した技術面のオンボーディングの取り組みについて紹介します。 目次 ABEMAのオンボーディング キャッチアップを阻害する要因 ABEMA iOS チュートリアル ABEMA iOS チュートリアルの活用事例 ABEMAのオンボーディング ABEMAの開発組織は徐々に規模を拡大している組織で、正社員やインターンなどの様々な新規メンバーが毎月加わります。ABEMAの現状やKGI・KPIなどの事業面のオンボーディングは加わった直後に行われますが、コードの設計や命名などの技術面のオンボーディングは現場のメンバーに一任されています。 しかし、ABEMAのiOSチームにおいては、技術面のオンボーディングを行うメン

This domain may be for sale!

先日、友人のデザイナーさん達とランチした際に、1人のデザイナーさん(Webデザインがメイン、軽いコーディングまでなら経験あり)が ・iOSアプリデザインやUXデザインにも興味ある ・より良いデザインやユーザー体験を実現できるようになるために アプリ開発もしてみたい(特にデザイン上の制約を知るために) と言っており、同じニーズを持つデザイナーさんやディレクターの方も多そうだったので、この記事を書いてみました。 対象読者 ・iOSアプリのUI面で、できる/できるけどしんどい/できないことを知りたい デザイナー、ディレクター 解説すること ・アプリで画面が表示されるまでの仕組み ・アプリの画面を実装する上でよく使うコンポーネント(パーツ) ・気をつけるべきポイント 実際の実装については、Qiitaなどでいくらでも解説されていると思いますので、イメージを掴んでもらうための概念的な説明をメインにして

iOS vs. Android App UI Design: The Complete Guide Erik D. Kennedy · Updated Aug 11, 2021 If you’re designing both an iOS and an Android (Material Design) version of an app, this guide is your new best friend 😎. We’re going to cover the most relevant differences between iOS and Android for UX/UI designers. If you’ve created an app on one platform, this is most of what you need to know to “translat

こんにちは。delyデザインエンジニアのJohn(@johnny__kei)です。 本記事はdely Advent Calendar 2018の10日目の記事です。 Qiita: https://qiita.com/advent-calendar/2018/dely Adventar: https://adventar.org/calendars/3535 前日は、プロダクトデザイナーのkassyが「ユーザーの声に振り回されないデザインの改善プロセス」という記事を書きました。いいプロダクトを作るには、ユーザーの声を鵜呑みにするのではなく、きちんと判断する必要がありますよね。 はじめに みなさんは、iOSアプリ開発をするときに、XcodeのDebugging View Hierarchiesを使用していますか？ Debugging View Hierarchiesを使用すると、アプリが現在の

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

FlutterのThemeDataの使い勝手がとてもよかったので紹介しようと思います。 iOSもAndroidもアプリ全体を通してデザインの統一感をもたせようとすると地味に手間がかかります。 AndroidのStyleやThemeはいまいち使い勝手が良くないと思いますし、iOSではそもそも全体を統一するための仕組みが無いように思います。 アプリで使う色やフォントの定義ファイルを作って都度設定するような実装になってしまうことも多いのではないでしょうか？ FlutterのThemeはまずアプリ全体に適用するためのThemeDataを作成します。といってもデフォルト値が設定されているので、何もしなくてもよいです。 AppBarやFloathingActionButtonなど組み込みのウィジェットの多くは、Themeのスタイルを参照するようになっているので何も指定しなければThemeに準じた見た目

導入のしやすさ Mac必須 開発というよりかは、iPhoneやiOS Simulatorの為 Flutter Doctor 便利 packageも楽ちん 導入というか性質というか、頻繁にFlutterアップデートが来る。描画が壊れるupdateもあったが、回避方法はあったので致命的ではなかった Flutter WYSWYGツール不在の為、UI設計が面倒とおもったけど十分高い生産性 hot reloadが優秀　(ソース保存即時反映） Debug paintが優秀 (各コンポーネントの描画範囲等がわかる) Flutterの基本コンポーネントにしろよと思ったパッケージ群、よっぽどシンプルじゃない限り必要になる　以下 pubspec.yaml dependencies:に追記するべきパッケージ validate: "^1.6.0" #email等、入力チェック http: "^0.11.3+16"

Flutter is Google's mobile UI framework for crafting high-quality native experiences on iOS and Android in record time… なぜFlutterに興味を持ったかFlutterはAndroidアプリ開発者ウケの方が良くて、iOSネイティブアプリ開発者が本気で触っている事例を国内ではあまり見聞きしません。そのためか、周りからも「iOSネイティブアプリが作れるのになぜFlutterにも手を出すの？」のようなことを聞かれることがちょくちょくあります。まずはそのあたりから詳しく述べていきます。 一番初めのきっかけはDroidKaigi 2018の発表DroidKaigi 2018 用のiOSアプリがFlutterで作られていて、 konifar さんのこちらのスライドを見たりPodcas

『メルカリ』 アプリの画面描画を高速化する技術、バックエンド・iOS・Androidの基本設計 多くのユーザーに愛されるフリマアプリ『メルカリ』ですが、そのスムーズな画面描画はどのような技術で生み出されているのでしょうか。同アプリの高速表示の秘密を、バックエンド、iOS、Androidの3方向からメルカリ社のエンジニア4人に聞きました。 バックエンドの高速化を支える技術 【Tips1】 画像のファイルサイズを最適化し、アプリ全体の通信量を抑える 【Tips2】データセンター間通信のレイテンシを抑える 【Tips3】アプリのありとあらゆる挙動を常にモニタリングする iOSアプリの高速化を支える技術 【Tips4】Objective-CからSwiftへの移行 ＆ アーキテクチャの刷新 【Tips5】『UIStackView』を活用し、UIの描画をより滑らかにする Androidアプリの高速化を

前回は、PWAの基礎知識について説明しました。今回は実際に制作してみたPWAに触れてもらいつつ、その内側・技術的側面について解説していきたいと思います。 今回の題材：光る電卓「Llumino（ルミノ）」2013年にiOSネイティブ版をお披露目したLluminoは、「計算をもっと楽しく」がコンセプトの電卓アプリ。当時は世界中で話題になりました。（もう5年前…！） 当時の制作過程については連載としてまとめていますので、興味がありましたらどうぞ。（👉 連載：Lluminoができるまで） 今回のチャレンジは、そんなLluminoを最新のWeb技術で再現・PWA化してみようというものです。 まずは実物を触ってみてください制作したWebアプリは https://pwa.llumino.app/ に配置しました。まずは実物を触って体感してみてください！ （昨日解禁になったばかりの「.app」ドメインだ

Mercari Meetup for Mobile App Engineer in Fukuoka https://mercari.connpass.com/event/83957/

2018-03-27プラットフォームをまたぎブレない仕様を実現するための、ネイティブアプリ開発施策こんにちは、開発本部の高井です。オンライン診療アプリ「CLINICS」のアプリ開発を主に担当しています。 CLINICS では Web に加えて、iOS 版と Android 版の各プラットフォームの仕様変更や機能追加などをほぼ同時に開発しているのですが、担当する人数が増えたりすることで、仕様に差が出たり、その結果手戻りが起きるということも増え始めていました。 そうした課題を解決するために実践した様々な施策の中から、特に有効だった 3 つの改善策について、今日はご紹介します。 背景CLINICS の開発チームでは 5 人ほどのエンジニアがタスク単位で全てのプラットフォームを実装したり、大きいタスクの場合はプラットフォーム毎に別の開発者が担当する形で開発しています。 そのような形で機能追加や不具

2017年9月16日 iOSDC Japan 2017 1日目で発表した際の資料です。 https://iosdc.jp/2017/node/1483

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? #はじめに 先日、Yahoo! JapanのiOS黒帯インターンに参加させていただいたので、そこで利用されていた『TDD（テスト駆動開発〕』という開発手法を簡単にまとめてみました。 また、今回はSwift3で実装しています。Xcodeを事前にインストールしておきましょう。 ちなみに、インターン自体の感想などはブログの方にアップしているので、興味のある方はぜひご覧ください。 Yahoo!iOS黒帯インターンでの思い出 #テスト駆動開発（TDD） ##テスト駆動開発とは テスト駆動開発は，小さなステップを繰り返してプログラムの設計と開発を行

ミクシィグループのDiverse YYC事業部に勤務の横山紗希(よこやま さき)さんは入社1年目。アプリ全体の設計・開発を担当している。 ---現在どのような業務を行なっていますか？ iOSエンジニアです。 ミクシィグループのDiverseが運営しているYYCというマッチングサービスを担当しています。YYCは16年以上続いているサービスで、iOSアプリも2012年の3月からあり、そのiOSアプリの開発に携わっています。 ---ご自身が携わっているシステムについて教えてください。 アプリ全体の設計・開発です。今いるチームにiOSエンジニアは4人おり、どこの機能を誰が担当、という風にはなってません。機能追加の時は、必要なタスクの洗い出しと必要な工数計算をエンジニア全員で行い、そのあとは手の空いている人がタスクを順に消化していく流れです。 ---業務の中で大事にしている点や気をつけていることはな

crema（黒野明子） @crema #アプリデザイン 「ポスター」「バナー」「コーポレートサイト」などの視覚表現をグラフィックソフトを利用してデザインしてきた人は「かっこいい」「面白い」「欲しい」などの表現の腕を磨いてきた。 2017-07-11 19:33:04

りんごのインターフェーススペシャリストからのアドバイス。 世界で一番有名なりんごの会社の『テクニカル・インターフェイスのエバンジェリスト』の方からうちのアプリのレビューがてら、インターフェイスのお話をいただくよい機会がありました。 その中で、多くの学びを得られましたので共有させてもらいます。アプリに携わる方、必見の記事ですよ。(もう当たり前にやっていることかもしれませんが。。) この方は日本で二人しかいないエバンジェリストらしく、以下にまとまっているインターフェイスデザインのことをとてつもなくわかりやすく教えてくれました。 ユーザインターフェイスのデザインのヒント - Apple Developer Design - Apple Developer 結局、ユーザーの求める挙動や結果に、 最速で ストレスなく 何度繰り返しても、初見でもたどり着けるようにする 上記の『基本原則』が全てであり、