ABEMA iOSアプリのチュートリアルを公開します！ | CyberAgent Developers Blog
はじめまして！テレビ＆ビデオエンターテインメント「ABEMA」のiOSエンジニアの井原（@nonchalant0303）です。今回は、ABEMAのiOSチームのチュートリアルプロジェクトを活用した技術面のオンボーディングの取り組みについて紹介します。 目次 ABEMAのオンボーディング キャッチアップを阻害する要因 ABEMA iOS チュートリアル ABEMA iOS チュートリアルの活用事例 ABEMAのオンボーディング ABEMAの開発組織は徐々に規模を拡大している組織で、正社員やインターンなどの様々な新規メンバーが毎月加わります。ABEMAの現状やKGI・KPIなどの事業面のオンボーディングは加わった直後に行われますが、コードの設計や命名などの技術面のオンボーディングは現場のメンバーに一任されています。 しかし、ABEMAのiOSチームにおいては、技術面のオンボーディングを行うメン
iOSとAndroidのUIの違い | モテモテテクノロジーブログ
こんにちは！ 春なので「愛と恋の違い」について考えているロマンティック佐藤です。 「愛と恋の違い」は人によって解釈が違うと思いますし、発表する場も無いので、 とりあえず今回は「iOSとAndroidのUIの違い」について考えることにしました。 iOSとAndroidのUIの違い 基本的なUIパーツの名称の違い ベースとなるUIの名称もiOSとAndroidで少し違います。 共通認識を持つためには正しく覚えておく必要がありそうです。 戻るボタン iOSとAndroidで大きく違うのは「戻るボタン」です。 iOS ナビゲーションバーの左側に配置されることが多いです。 Android OS標準の物理ボタンとして左下に置いてあります。 Androidのアクションバーの左側に配置されているのは「UPボタン」です。 動き自体は戻るボタンと似ているのですが、前のページ戻るのではなく、親のページを表示しま
Kyash iOSアプリの大規模リファクタリングの話 - Kyash Product Blog
こんにちは、クライアントエンジニアの@kobakeiです。元々KyashのAndroidアプリを立ち上げから担当しており、昨年末よりiOSアプリを開発しています。 Kyashは3/5 (月)に初のメジャーバージョンアップとなる2.0.0をリリースし、大幅にデザインをリニューアルしました。実はiOSチームはそれよりも前、昨年末から大幅なアーキテクチャの見直しとリファクタリングを並行して行っていました。今日は皆様にその裏側をご紹介したいと思います。 当時のiOSアプリが抱えていた課題 KyashのiOSアプリは2017年の4月にリリースされましたが、開発期間は意外に長く2016年2月に最初のコミットがGitHubに入りました。そこから様々なスクラップ＆ビルドやiOSチームのメンバーの増減を経てリリース、そして現在に至るのですが、その結果「品質が安定しない」、「普段の開発効率が上がらない」という
e-riverstyle.com - e riverstyle リソースおよび情報
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
メールをストレスフリーに！無料の神メールソフト「Astro」を紹介【Slack連携も完璧】 | SELECK [セレック]
正直ひさしぶりに、感動的なメールソフトに出会った気がします。その名は「Astro（アストロ）」です。 2017年3月にiOS、及びMac版がリリースされ、現在はAndroid版も公開済み。さらにAmazonが開発したAIアシスタントAlexaや、社内チャットツールSlackとも完全に連携しています。 （最後に説明していますが、Slackとの連携はマジで使えます。Slackユーザーにはほぼマスト、と言っても過言ではないかもしれないので、Slackユーザーは最後まで読んでね！） Astroは、Office 365とGmailのメールアドレスと連携させて使うことができます。一言で言うと、「超イケてるメールソフト」という感じです。 ▼実際に使ってみると、こんな感じの画面です。 Astroでできることを簡単に紹介すると、 チャット感覚でメールを書いて送信することができるようになる。 重要なメールを読
![メールをストレスフリーに！無料の神メールソフト「Astro」を紹介【Slack連携も完璧】 | SELECK [セレック]](https://cdn-ak-scissors.b.st-hatena.com/image/square/814cc4e3d1ed23e276634e760bbc7a453a923b82/height=288;version=1;width=512/https%3A%2F%2Fdpd29bjwmgbr8.cloudfront.net%2Fwp-content%2Fuploads%2F2018%2F06%2F14170049%2Feye7.png)
GitHub - nohana/StoryboardTraining: デザイナー向けStoryboard勉強会資料
README.md Storyboard Training デザイナー向けStoryboard勉強会資料 事前準備 以下の作業を事前に完了させておいてください。 Xcodeのインストール どちらか好きな方でインストールしてください https://itunes.apple.com/jp/app/xcode/id497799835?mt=12 https://developer.apple.com/downloads/ Xcodeを1回以上起動 初回起動は時間がかかります Storyboardとは アプリの画面遷移と画面レイアウトをグラフィカルに編集するためのツールです Xcodeで作成することができます .storyboard という拡張子のファイルで、内部的にはXMLです 用語 View(ビュー) 画面に表示されるパーツを意味します ボタン、ラベル、画像などもViewです View Co
【書評】初学者はもちろん、中級者にもオススメのAuto Layout解説書 - その後のその後
著者の川邉さん（@jeffsuke）および出版社のリックテレコム様より『よくわかるAuto Layout - iOSレスポンシブデザインをマスター』をご献本いただきました。 タイトルの通りAuto Layoutの解説書で、豊富な図やスクリーンショットを用いて、非常にわかりやすく書かれています。前書きによると、本書の対象読者は 過去一度はXcodeを用いてiOSアプリをつくったことがあるが、Auto Layoutとサイズクラスを用いたAdaptive Layoutと言われると尻込みしてしまう開発者 とのこと。 なんかもうベストセラーになったりしてるらしく、 「よくわかるAuto Layout iOSレスポンシブデザインをマスター」発売しました。@tokorom 監修。今、モバイルプログラミング分野でベストセラーらしいです！ https://t.co/wx7ZfuWVdf— Yusuke Ka
さらなる高みへ〜iOSのMERYでなめらかなスクロールを実現するためにやった4つのこと - peroli Developer's Blog
2016 - 07 - 01 さらなる高みへ〜iOSのMERYでなめらかなスクロールを実現するためにやった4つのこと list Tweet こんにちは。 iOS を主に担当していますアプリエンジニアのkazutoyoです。 MERYのアプリチームでは、チューニングを「さらなる高みへシリーズ」と名づけて、日々アプリの改善をしています。 今回はその中で行ったUITableViewやUICollectionViewのスクロール周りを滑らかにする改善についてやったことをご紹介したいと思います。 1. CALayerで角を丸くしている部分のパフォーマンスが悪い このようなカード型のViewが並んでいるCollectionViewがあったのですが、画像の角を丸くするのにCALayerで cornerRadius をつけているところのパフォーマンスがあまり良くないようでした。 これを次のようにCor
【iOS】一定以上スクロールするとタブの位置が固定されるUIの実装について - ZOZO TECH BLOG
こんにちは。iOSエンジニアの遠藤です。 最近のiQONはコンテンツ量が増えてユーザーの詳細ページに表示する情報が多くなってきました。今のデザインでは情報量が多すぎて詳細ページが見づらい状況になっています。そこで以下のようなコンテンツをタブで管理できるかつユーザー情報を表示してスクロールするデザインを実装しました。 実装について色々と調べたのですがあまり情報が無かったので共有したいと思います。実装する上で参考になれば幸いです。 今回のUIを実現する上で解決しなければいけない課題 ・スワイプでもタブの切り替えができる ・ある一定以上スクロールした場合にタブの位置を固定する 解決策 既にiQONの仕組みとしてある、スワイプでタブの切り替えをするところから考えていきたいと思います。 【スワイプでタブの切り替えについて】 ・スワイプでタブを切り替えるにはUIPageViewControllerを使
iOSでタブデザインを実現するXLPagerTabStripが素晴らしい - アニマネ開発日誌
よくある横スワイプで移動できるタブデザイン。 Androidは標準のUIライブラリに含まれていますが、iOSの場合は自作かライブラリを使うかのどちらかになります。 アニメアプリのアニマネ!ではいくつかのライブラリを比較した結果、RMPScrollingMenuBarControllerを採用しました。 当時の状況ではベストだと思っていたのですが、新しくとても良いライブラリを見つけました。 Xmartlabsというウルグアイの会社が作っています。 Githubのスターが2,231件(2016年3月現在)とかなりの人気ライブラリです。 アニマネで実装した時に見つけていればこちらを採用していたのに。。。 軽く触っただけですがこのライブラリは凄いと思ったので紹介してみます。 XLPagerTabStripの特徴 Swift製 活発に開発されている安心感(2016年3月現在) 豊富な表示方法 既存の
AutoLayoutとうまく付き合うコツ - NSBlogger
AutoLayoutと仲良くなった ぜんぜん言うこと聞かないからAutoLayout大嫌いだったんですが、接し方を変えたら言うこと聞くようになったので、そのコツを紹介します。 AutoLayoutにふりまわされないように AutoLayoutを使うと、色んな画面サイズに柔軟に対応することができます。今まではAutoresizingmaskを使っていましたが、AutoLayoutが主流になりつつあるので、積極的に使っていきたいです。 しかし、AutoLayoutを初めて触ったとき、なんで思い通りにならないんだ！と何度も悔しい思いをしたことがあります。挙句の果てには、見返してもよくわからない制約がいろんな場所についてしまって、しぶしぶ「Use AutoLayout」のチェックをはずしてリセットすることもありました。 初歩的なことですが、以下で紹介することを念頭においてAutoLayoutを設定
Swift用依存管理マネージャのCarthageを導入する - edy blog
Swift用依存管理マネージャのCarthageを導入する 前回のCocoaPodsは結局採用せずCarthageを採用した理由は以下の通り。 元々のxcodeprojを使えないので、何かあった時に情報が少なそう(Carthageは元のxcodeprojを使うのでシンプル) xcworkspaceについての情報が少ない(Carthageはxcodeprojのまま) AlamofireがCarthageに対応している Carthageとは？ CocoaPodsと同様に、Cocoaライブラリ依存管理ツールです。下記の2記事が最も詳しく解説されています。 qiita.com Carthage: Swift対応の新しいライブラリ管理 (ちなみにCarthageとググるとカルタゴが出てきますが、チュニジア共和国の古代都市国家だそうで。何故この名前になったのだろう。) Carthageの仕組み 上記に
【Swift】iOS アプリ開発で使えるオススメのオープンソースライブラリまとめ
Swift で使えるオープンソースライブラリ 2014年は新言語 Swift が登場し、iOS アプリ開発者にとってはかなり印象深い年になったのではないでしょうか。Swift の登場以後、さまざまな取り組みが iOS アプリ開発者の中で行われ、その結果の1つとしてオープンソースライブラリもかなり増えました。 Swift で一から書かれたものもあれば、既存のものを Swift でも使えるようにアップデートしてくれているものもあります。ある意味、混沌としている現状では「じゃあいまから Swift で iOS アプリ開発するときに何を使えば良いの！？」といったことになりかねません。ということで、現在までに公開されている Swift で使えるオープンソースライブラリを目的別にまとめてみました。 Swift アドベントカレンダーのために書いた記事なので、タイトルには「Swift 時代の」としています
【Swift】CarthageでAlamofireを入れてみる | 技術は熱いうちに打て！
Swift始めました。 とうとう、手を出したいと思いつつ、出来なかったSwiftに手を出しました。 ということで、早速始めましょう。 今回は、Carthageの導入方法についてです。 Carthageとは GitHub - Carthage/Carthage: A simple, decentralized dependency manager for Cocoa cocoaでのライブラリ管理ツールと言えば、 cocoapodsが有名ですが新たな観点から作成されたライブラリ管理ツールがCarthageです。 Carthageはカルタゴと読むらしいです。 何が違うのか？xcworkspaceが生成されないここが大きいと思います。 cocoapodsはワークスペースを直接いじることにより設定していましたが Carthageは.frameworkを生成することにより、 各々の.framework
iOSアプリ開発者が理解すべきデザインガイドライン
こんにちは。Airレジ開発チームでiOSエンジニアをしている山口です。 みなさんはiOSは好きでしょうか。私は開発者・ユーザーとして大好きです。統一感のあるデザインや使いやすさなど素晴らしいですね。その背景にはAppleが定めるデザインガイドラインの存在があります。各アプリケーションがデザインガイドラインに沿って開発を行うことで、iOS全体として統一感のある世界観が築かれています。 しかしながら、ただガイドライン通りにアプリを作っていくだけでは個性のないアプリになってしまいます。iOSらしさを保ちつつ個性のあるアプリを作るには、開発に関わるメンバーがガイドラインを意識し、コミュニケーションを取りながら開発をしていくことが重要だと思っています。 そこで今回は、そのガイドラインの観点からアプリ全体の構成・画面遷移を考える際に知っておくべき内容について書いていこうと思います。 iOSデザインガイ
CoreAnimatorを使ってみました - 落ち着こう
本日から始まったtry! Swiftカンファレンスで@TimOliverAU が紹介していたCoreAnimator。気になったので早速購入して使ってみました。 https://itunes.apple.com/jp/app/core-animator/id934434650?l=en&mt=12&at=10l8JW&ct=hatenablog たっけー。ま、自分でもアプリ作るし、先行投資ってやつです。 まずは、こちらのチュートリアルを3秒くらいで適当にご覧ください。ちょー便利そうですよね。 こちらは早速自分でも使ってみた様子です。最新版はUIの使い勝手も向上しているようです。この状態で右上のExportをすると、 Untitled from Toshihiro Suzuki on Vimeo. こんなパネルが出てきました。いろいろ設定できるようです。このままExportを押すと、 こんな
今さら人には聞けない、スキューモーフィズムとフラットデザインの違い | Goodpatch Blog
フラットデザイン（Flat Design） アップル – iOS 7 最近の例ではiOS 7が有名ですが、もともとはSwiss Style(What is Swiss Style Typography?)のリバイバルとも言われており、Windows 8のMetro UIを皮切りに様々なアプリ、サービスで見かけるようになりました。 フラットデザインとは フラットデザインとはシンプルな要素や図形と主に明るい色をともに用いてそのシンプルさやわかりやすさを強調したデザインである。（訳） “flat design uses simple elements and shapes combined with predominantly bright colors to emphasize simplicity and clarity.” ー Flat Design and Skeuomorphismより
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Xcode AutoLayout 真ん中に設定するには
さらに上を目指すための iOS アプリ設計
Ignore manual entries from Apple Health app as Data Source