タグ

uiとiosに関するsh2nm0k2のブックマーク (8)

  • スクショを見やすくするサービスを作りました。|nakattyan|note

    こんにちは!普段都内でアプリやWebのUIデザインをやってます。nakattyanです。ついにnoteデビュー笑(というか個人としては人生初ブログ) 今回は個人開発でStockeyというアプリを作ったので、そのことについて書きたいと思います。一緒に開発してくれている相棒のエンジニアはこちらmn@D128 どんなサービスなのか?スクリーンショットを保存するアプリで、見やすく管理することを目的にしています。 なぜ作ったのか?・デフォルトのカメラロールにちょっとした課題があった ・デザインストック用のアプリが欲しかった ・1度個人でサービス作ってみたかった普段僕は気に入ったUIやグラフィックのスクショを撮って勉強に役立ててます。また仕事では競合サービスの比較をする際に、片っ端からスクショを撮って分析してます。 撮ったスクショのほとんどはPCに送ってグラフィックツールのアートボードに並べるケースが

    スクショを見やすくするサービスを作りました。|nakattyan|note
  • iOS版クラシルのフィードを滑らかな動きにするためにやったこと - dely Tech Blog

    こんにちは、iOSエンジニアのtakao(takaoh717)です 今回はクラシルiOSアプリのフィードのパフォーマンス改善を行った話をご紹介します。 改善を行ったフィードはUICollectionViewで構成されており、レシピ、画像バナー、広告など複数の異なる型のデータを表示しているような画面です。 今回行った変更は以下の内容です。 差分更新ライブラリの導入とデータの管理、更新ロジックの変更 セルのサイズ計算を事前に行うよう修正 通信時やログ送信時の重い処理をバックグラウンドスレッドで実行 改善前の課題 改善を行う前は、アプリを動かしていると実際に分かるレベルでパフォーマンスに問題がありました。 スクロール自体の挙動が若干重くてスムーズじゃない(指の動きに対して若干ひっかかりがある) ページングの読み込みをしたときにスクロールが止まることがある 更新時に画面がチラつくことがある 差分更

    iOS版クラシルのフィードを滑らかな動きにするためにやったこと - dely Tech Blog
  • Tutorial on iOS 10 Rich Notifications

  • 「AndroidはiOSと同じデザインで!」と言われたときの対応案 - Qiita

    はじめに 「AndroidはiOSと同じデザインで!」と言われてどう実装しようか悩んでる方向けの記事です。 Androidアプリを作るなら当然マテリアルデザインガイドラインに合わせて1から画面設計するのが最高なんですが、そうはいかないことが経験上多いので対応案をざっくりまとめました。 諸注意 これは「iOSとAndroidUI対応一覧」ではありません。 iOSとAndroidで同じような見た目のUI部品でも作られた経緯や目的は違うので、比較して置き換えるようなことは基的にできないと思います。 とはいえなんの指標もないと辛いので、ここでは「iOSのこのUIAndroidで代用できるのはこれかもね」くらいのニュアンスで列挙しています。 必ずしもどのアプリにも言えるようなことではないので、あくまでたたき台と思ってください。 「なぜAndroidらしくする必要があるのか」についてはこ

    「AndroidはiOSと同じデザインで!」と言われたときの対応案 - Qiita
  • 円滑にiOS/Android並行開発するための心得まとめ - Qiita

    円滑にiOS/Android同時開発するための心得まとめ ■設計 ◇UIパーツやフレームワークはそれぞれの素材・特長を活かす 当然ながら共通設計 define値やクラス名などを統一する 永続化する項目を統一する UIデザイン マージンやセンタリングなどのルール統一 端末/画面サイズに応じて、固定/可変する箇所の認識を合わせる 無理やりiOSのパーツをAndroidに適用しない ダイアログやドラムロール(ピッカー)などのUIパーツ iOSのタブ機能はAndroidでは画面上部かサイドメニューを検討 戻る機能はAndroidではBackキーを活用 それぞれの特長を活かす iOSではSQLiteを直接使用せずCoreDataを使用するなど ■実装 ◇開発者間の情報共有を密にする! LOGの記述体裁を合わせる ファイル名、メソッド名、行数、コメントなど体裁を合わせる (ついでに…LOGはデバッグで

    円滑にiOS/Android並行開発するための心得まとめ - Qiita
  • 【iOS】あのUIは何て言うの?iOSのデフォルトUIコンポーネントをおさらいする | 日本VTR実験室

    どうもこんにちはJBです。 アプリの開発&デザイン時に、関わる人たちがデフォルトのUIコンポーネントについてきちんと知っているとお互い話が通じやすいし、設計もしやすいですよね!という訳で、今回はiOSのデフォルトUIコンポーネントについてまとめてみたいと思います。 昔、「あの、あれだよ、あの青くてなんか切り替わるヤツ!」「Segmentted Controls?」「何それ」みたいな会話が繰り広げられて時間と労力を多少無駄にしました。 開発しない人も名前ぐらいは知ってた方が良いですね…と言う事をひしひし感じております。そんなわけでiOS8が出るか出ないかくらいの時期に空気を読まず、今回の記事です。 すべて網羅している訳ではないのと、色々端折っておりますのでその辺はあしからずですよ。詳しく知りたい方は、iOSのヒューマンインターフェースガイドラインをご覧ください! それでは行ってみましょう!

  • [iOS 10] Notification Content app extension を作成して通知 UI にカスタムビューを表示する | DevelopersIO

    はじめに こんにちは。モバイルアプリサービス部の平屋です。 シリーズ「iOS User Notifications UI framework」では、iOS 10 で新規追加された「User Notifications UI framework」の機能を使用した実装を紹介していきます。 第 1 回目の記事では「User Notifications UI framework」を使用して「Notification Content app extension」を作成し、通知 UI にカスタムビューを表示する手順を解説します。 目次 User Notifications UI framework Notification Content app extension 作成 app extension 作成時に自動生成されるファイル 動作検証 さいごに User Notifications UI f

    [iOS 10] Notification Content app extension を作成して通知 UI にカスタムビューを表示する | DevelopersIO
  • iOSの開発でお気に入りのライブラリN選 - Qiita

    殿堂入り Realm Core Dataなんて最後に使ったのはいつだろうか。。。 Alamofire SwiftyJSON 通信ライブラリAlamofireのブロック構文に、JSONをより扱いやすくするSwiftyJSONをぶっこむ。 最近SwiftyJSONの仕様が変わってイマイチになったが、Swiftバージョン2.0でguard構文が追加されるので、guardで宣言するときに使いやすくなるかも。 SDWebImage みんな知ってる画像キャッシュライブラリ。 UI paper switch スイッチのON/OFFで色をアニメーション付きで変更する。 SCLAlertView フラットなアラート LTMorphingLabel 文字をモーフィング(アニメーション)させる MMPopLabel ポップラベル。Slackの立ちあげ時とかに出てくるアプリケーションのチュートリアルとかに使う。(

    iOSの開発でお気に入りのライブラリN選 - Qiita
  • 1