ゆめみのiOSエンジニア研修を公開します！ - Qiita
私たち株式会社ゆめみでは、2020年から新卒者向けiOS研修カリキュラムを作成し運用してきました。 この研修をOSSで公開いたします！ 研修の内容 この研修には1〜14の課題が用意されており、 順番にクリアしながら天気予報アプリを開発していきます。 研修期間は個人のレベルによって異なりますが目安としては1ヶ月ほどと定めています。 研修に必要なもの インターネット環境 課題を参照するためにインターネット環境が必要です 開発環境 (Mac, Xcode) 実際にiOSアプリを開発していくので、Xcodeなどの環境は一通り必要になります 1名以上のメンター 課題を進行していくうえで、レビュー・フィードバックやフォローを行うメンターが不可欠です 複数名でローテーションし負荷分散するのも良いと思います Gitのホスティングサービス 実務に近い形でプルリクエストベースで進行することを想定しています G
気になるUI: iOS 14 の新しい時刻の入力UI
こんにちは、Gaji-Labo UIデザイナーの今西です。 自分のiPhoneを iOS 14にアップデートしました。ホーム画面を設定を変えたり、細かいところがカスタムできたりするのがおもしろいと思っています。 ヘルスケアアプリで睡眠が管理できるようになったため、アラームも調整していると時刻を入力するUIが変わっていることに気がつきました。 時刻の入力UI時刻を入力する UI は iOS 14から、テンキー入力になりました。 前のバージョンの OS では、時間と分を選択するドラムロール型でした。 ドラムロールは iOS 14 で完全に消えたわけではなく、時刻のボックスエリア内で時間と分のドラムロールを回して選択することもできます。 私はこの UI を見てなんとなく違和感がありました。 時刻を数字入力するという感覚が、時間の設定をする動きと遠い気がしました。 私は以前のブログの記事の通り、誕
ABEMA iOSアプリのチュートリアルを公開します！ | CyberAgent Developers Blog
はじめまして！テレビ＆ビデオエンターテインメント「ABEMA」のiOSエンジニアの井原（@nonchalant0303）です。今回は、ABEMAのiOSチームのチュートリアルプロジェクトを活用した技術面のオンボーディングの取り組みについて紹介します。 目次 ABEMAのオンボーディング キャッチアップを阻害する要因 ABEMA iOS チュートリアル ABEMA iOS チュートリアルの活用事例 ABEMAのオンボーディング ABEMAの開発組織は徐々に規模を拡大している組織で、正社員やインターンなどの様々な新規メンバーが毎月加わります。ABEMAの現状やKGI・KPIなどの事業面のオンボーディングは加わった直後に行われますが、コードの設計や命名などの技術面のオンボーディングは現場のメンバーに一任されています。 しかし、ABEMAのiOSチームにおいては、技術面のオンボーディングを行うメン
デザイナーのためのiOS実装入門｜田畑浩平 | Flutter Engineer
先日、友人のデザイナーさん達とランチした際に、1人のデザイナーさん(Webデザインがメイン、軽いコーディングまでなら経験あり)が ・iOSアプリデザインやUXデザインにも興味ある ・より良いデザインやユーザー体験を実現できるようになるために アプリ開発もしてみたい(特にデザイン上の制約を知るために) と言っており、同じニーズを持つデザイナーさんやディレクターの方も多そうだったので、この記事を書いてみました。 対象読者 ・iOSアプリのUI面で、できる/できるけどしんどい/できないことを知りたい デザイナー、ディレクター 解説すること ・アプリで画面が表示されるまでの仕組み ・アプリの画面を実装する上でよく使うコンポーネント(パーツ) ・気をつけるべきポイント 実際の実装については、Qiitaなどでいくらでも解説されていると思いますので、イメージを掴んでもらうための概念的な説明をメインにして
iOS vs. Android App UI Design: The Complete Guide
UI Course UX Course LP Course Blog Tools Data Visualization Color Picker Accessible Color Generator Gradient Generator Interactive Typography Tutorial Design Hacks 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
AppleのUI実装をさぐる - dely engineering blog
こんにちは。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を使用すると、アプリが現在の
FlutterとReact Native(とXamarin)の正しい(?)比較 - Qiita
ここはReact Native vs Flutter - Which to Learn? - YouTubeを参考にプラスアルファしています。 XamarinのXamarin社にとっての存在意義はフレームワーク販売による直接的収益でした。 Xamarin社をマイクロソフトが買収したのはXamarinかなり成熟してからだったので、買収時点のマイクロソフトにとってのXamarinの存在意義は企業ブランド向上がメインだと感じてます。 FacebookがReact Nativeの開発に着手した直接の動機は「InfoQ: Facebook:「HTML5に賭けたのは間違い」発言の技術的な理由と反応」でしょう。それをわざわざOSSで公開するのは、アプリ開発者コミュニティーによるReact Nativeのデバッグと技術力誇示による企業ブランド向上が目的だと思います。 GoogleがFlutterの開発に着
Flutterでアプリ全体を統一感のあるデザインにする方法 - Qiita
FlutterのThemeDataの使い勝手がとてもよかったので紹介しようと思います。 iOSもAndroidもアプリ全体を通してデザインの統一感をもたせようとすると地味に手間がかかります。 AndroidのStyleやThemeはいまいち使い勝手が良くないと思いますし、iOSではそもそも全体を統一するための仕組みが無いように思います。 アプリで使う色やフォントの定義ファイルを作って都度設定するような実装になってしまうことも多いのではないでしょうか？ FlutterのThemeはまずアプリ全体に適用するためのThemeDataを作成します。といってもデフォルト値が設定されているので、何もしなくてもよいです。 AppBarやFloathingActionButtonなど組み込みのウィジェットの多くは、Themeのスタイルを参照するようになっているので何も指定しなければThemeに準じた見た目
Flutterを仕事で2ヶ月使って思ったこと - Qiita
導入のしやすさ Mac必須 開発というよりかは、iPhoneやiOS Simulatorの為 Flutter Doctor 便利 packageも楽ちん 導入というか性質というか、頻繁にFlutterアップデートが来る。描画が壊れるupdateもあったが、回避方法はあったので致命的ではなかった WYSWYGツール不在の為、UI設計が面倒とおもったけど十分高い生産性 hot reloadが優秀 (ソース保存即時反映） Debug paintが優秀 (各コンポーネントの描画範囲等がわかる) Flutterの基本コンポーネントにしろよと思ったパッケージ群、よっぽどシンプルじゃない限り必要になる 以下 pubspec.yaml dependencies:に追記するべきパッケージ validate: "^1.6.0" #email等、入力チェック http: "^0.11.3+16" # APIと通
iOSネイティブアプリ開発者から見たFlutter
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の基本設計 - エンジニアHub｜若手Webエンジニアのキャリアを考える！
『メルカリ』 アプリの画面描画を高速化する技術、バックエンド・iOS・Androidの基本設計 多くのユーザーに愛されるフリマアプリ『メルカリ』ですが、そのスムーズな画面描画はどのような技術で生み出されているのでしょうか。同アプリの高速表示の秘密を、バックエンド、iOS、Androidの3方向からメルカリ社のエンジニア4人に聞きました。 バックエンドの高速化を支える技術 【Tips1】 画像のファイルサイズを最適化し、アプリ全体の通信量を抑える 【Tips2】データセンター間通信のレイテンシを抑える 【Tips3】アプリのありとあらゆる挙動を常にモニタリングする iOSアプリの高速化を支える技術 【Tips4】Objective-CからSwiftへの移行 ＆ アーキテクチャの刷新 【Tips5】『UIStackView』を活用し、UIの描画をより滑らかにする Androidアプリの高速化を
実践PWA：光る電卓「Llumino PWA」の開発と技術解説 - ここぽんのーと
前回は、PWAの基礎知識について説明しました。今回は実際に制作してみたPWAに触れてもらいつつ、その内側・技術的側面について解説していきたいと思います。 今回の題材：光る電卓「Llumino（ルミノ）」2013年にiOSネイティブ版をお披露目したLluminoは、「計算をもっと楽しく」がコンセプトの電卓アプリ。当時は世界中で話題になりました。（もう5年前…！） 当時の制作過程については連載としてまとめていますので、興味がありましたらどうぞ。（👉 連載：Lluminoができるまで） 今回のチャレンジは、そんなLluminoを最新のWeb技術で再現・PWA化してみようというものです。 まずは実物を触ってみてください制作したWebアプリは https://pwa.llumino.app/ に配置しました。まずは実物を触って体感してみてください！ （昨日解禁になったばかりの「.app」ドメインだ
iOSの自動化と仕組み化 ~コードと設計に集中する~
Mercari Meetup for Mobile App Engineer in Fukuoka https://mercari.connpass.com/event/83957/
プラットフォームをまたぎブレない仕様を実現するための、ネイティブアプリ開発施策 | MEDLEY Developer Portal
2018-03-27プラットフォームをまたぎブレない仕様を実現するための、ネイティブアプリ開発施策こんにちは、開発本部の高井です。オンライン診療アプリ「CLINICS」のアプリ開発を主に担当しています。 CLINICS では Web に加えて、iOS 版と Android 版の各プラットフォームの仕様変更や機能追加などをほぼ同時に開発しているのですが、担当する人数が増えたりすることで、仕様に差が出たり、その結果手戻りが起きるということも増え始めていました。 そうした課題を解決するために実践した様々な施策の中から、特に有効だった 3 つの改善策について、今日はご紹介します。 背景CLINICS の開発チームでは 5 人ほどのエンジニアがタスク単位で全てのプラットフォームを実装したり、大きいタスクの場合はプラットフォーム毎に別の開発者が担当する形で開発しています。 そのような形で機能追加や不具
アプリエンジニアはどのように事業に貢献すべきか？
2017年9月16日 iOSDC Japan 2017 1日目で発表した際の資料です。 https://iosdc.jp/2017/node/1483
iOSアプリにおけるTDD（テスト駆動開発） - Qiita
はじめに 先日、Yahoo! JapanのiOS黒帯インターンに参加させていただいたので、そこで利用されていた『TDD（テスト駆動開発〕』という開発手法を簡単にまとめてみました。 また、今回はSwift3で実装しています。Xcodeを事前にインストールしておきましょう。 ちなみに、インターン自体の感想などはブログの方にアップしているので、興味のある方はぜひご覧ください。 Yahoo!iOS黒帯インターンでの思い出 テスト駆動開発（TDD） テスト駆動開発とは テスト駆動開発は，小さなステップを繰り返してプログラムの設計と開発を行っていくソフトウェア開発手法です。テスト駆動開発は次の3ステップから構成されています。 テストを書く 最低限の実装をする リファクタリング （参考文献: 和田卓人のテスト駆動開発講座） もう少し詳しくみてみましょう。 テスト駆動開発の進め方 テスト駆動開発では、下の
【今週のエンジニア女子 Vol.60】設計や思想など言語に限らない知識を増やしたい……横山紗希さん | RBB TODAY
ミクシィグループのDiverse YYC事業部に勤務の横山紗希(よこやま さき)さんは入社1年目。アプリ全体の設計・開発を担当している。 ---現在どのような業務を行なっていますか？ iOSエンジニアです。 ミクシィグループのDiverseが運営しているYYCというマッチングサービスを担当しています。YYCは16年以上続いているサービスで、iOSアプリも2012年の3月からあり、そのiOSアプリの開発に携わっています。 ---ご自身が携わっているシステムについて教えてください。 アプリ全体の設計・開発です。今いるチームにiOSエンジニアは4人おり、どこの機能を誰が担当、という風にはなってません。機能追加の時は、必要なタスクの洗い出しと必要な工数計算をエンジニア全員で行い、そのあとは手の空いている人がタスクを順に消化していく流れです。 ---業務の中で大事にしている点や気をつけていることはな
【アプリに関わる人必見。まじで参考になる話】りんごのエバンジェリストに、アプリのユーザーインターフェイスデザインを聞いた話。 - FKDのWEBマーケティングをツラツラ(マケツラ)
りんごのインターフェーススペシャリストからのアドバイス。 世界で一番有名なりんごの会社の『テクニカル・インターフェイスのエバンジェリスト』の方からうちのアプリのレビューがてら、インターフェイスのお話をいただくよい機会がありました。 その中で、多くの学びを得られましたので共有させてもらいます。アプリに携わる方、必見の記事ですよ。(もう当たり前にやっていることかもしれませんが。。) この方は日本で二人しかいないエバンジェリストらしく、以下にまとまっているインターフェイスデザインのことをとてつもなくわかりやすく教えてくれました。 ユーザインターフェイスのデザインのヒント - Apple Developer Design - Apple Developer 結局、ユーザーの求める挙動や結果に、 最速で ストレスなく 何度繰り返しても、初見でもたどり着けるようにする 上記の『基本原則』が全てであり、
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
dely.design
「デザイナーのためのモバイルアプリデザイン基礎知識」 #情報設計視覚化研究会 #アプリデザイン
