React Native製アプリのクオリティを上げるために工夫した事
Illustration by unDrawInkdropというMarkdownノートアプリを一人で作っているTAKUYAです。最近、React Nativeを使って、iOS版とAndroid版の新しいバージョンをリリースしました。React Nativeは、JavaScriptとReactを使ってクロスプラットフォームなモバイルアプリが開発できるフレームワークです。 どうすればReact Nativeでハイクオリティなアプリが作れるのか、今回の開発を通して多くのことを学びました。本稿では、よりよいアプリを作るために自分が工夫したことをシェアします。既にReact Nativeでアプリを作っている方も、これから作ろうと思っている方も参考になるかと思います。 概要OSSライブラリは慎重に選ぶネイティブ拡張モジュールは出来るだけ使わないUIテーマの対応タブレットの対応動作を軽く保つ違和感のない
図解！どのサイトを見てもわからなかった人のためのMVC - Qiita
MVCとは UIを持つアプリケーションソフトウェアを実装するためのデザインパターンである。 MVCではプログラムをModel、View、Controllerの3つに分割して書くことで機能の独立化・可読性の向上を図ることができる。 MVCを調べるとこんな感じの説明がでてきたと思います。 でも最初はピンとこないかもしれません。「デザインパターン？」「機能をなんで独立させなくちゃいけないの？」「結局なんのためにMVCにするの？」 今回は10サイトくらい見ても結局わからなかった人のためになるべく難しい言葉を使わずに、図解してわかりやすくMVCについて説明していきます。 日常生活に即して例をみていきましょう 一旦プログラムから離れて、わかりやすいところからMVCについて解明していくことにします。 おじさんのレストラン 子供のころから自分の店を開くことを夢見ていたおじさんが、ついにレストランを開業しま
ScrollViewでノベルの分岐チャート的なやつを作る | Unityの使い方をメモしていくブログ
ノベルゲームなんかでよくあるシナリオの分岐チャート(ツリーマップ？)みたいなのを作ってみたくて色々といじっていたのでそれのメモです。 実装してみたかったのは、画面から縦にはみ出る大きいチャートを、スクロールさせて表示させるというものです。 目次ScrollViewScrollRectとViewportContentCanvas上に線を描画する ScrollViewUIメニューよりスクロールシステム一式を一気に作成できるので、まずはそれを作成します。 Create >> UI >> Scroll View 縦と横のスクロールバーなんかも最初から付いていますね。 今回は、縦にのみスクロールするものを目標にしているので、横方向のスクロールバー(Scrollbar Hirizontal)は削除します。 ScrollViewオブジェクトにはScrollRectコンポーネントがアタッチされています。
Swiftで便利なライブラリやUIパーツに工夫を凝らしてUIを彩るサンプル例（ライブラリ選定とベース作成） - Qiita
1. はじめに iOSアプリを開発するにあたって機能の実装と同じくらいに頭を悩ませる部分でもありながら、楽しい？部分でもあるのがUI設計だと思います。しかしながら、CocoaPodsでインストールできるライブラリの中でもUIやアニメーションに関わるものは多数あり、用途によっても組み合わせも色々です。 私自身はiOSアプリを開発する際には、実はできるだけライブラリに頼らないで作れないか？を考えるタイプではありますが、公開されているライブラリのGithubのREADMEをチェックしたり、実際の挙動を確認するために下記のサイト等をチェックしています。 iOS Cookies UIに関するライブラリに限らずとも、ライブラリを使う際には最新のバージョンへSwiftへの対応がなされているかをチェックしておいて下さい。(今回は元々Objective-Cで作られていますが、Bridging-Headerで
[Swift] 簡単に、かっこいいアニメーションアラートが表示できる、SCLAlertViewについて | DevelopersIO
[Swift] 簡単に、かっこいいアニメーションアラートが表示できる、SCLAlertViewについて 1 はじめに SCLAlertViewは、Swiftで書かれた、アニメーションアラートビューで、UIAlertControllerの代わりに使用することができます。 SCLAlertViewは、MITライセンスで公開されており、CocoaPodで簡単にインストールが可能です。 pod 'SCLAlertView' （※Swiftのライブラリなので、use_frameworks!の行を有効にする必要があります。） 参考：CocoaPodsによる、外部ライブラリの利用と作成 なお、2016年3月現在、最新は、0.5.1です。 ライブラリの導入後は、下記のインポートで利用可能になります。 import SCLAlertView 2 使用方法 (1) 最初のサンプル もっとも、簡単な利用方法は次
![[Swift] 簡単に、かっこいいアニメーションアラートが表示できる、SCLAlertViewについて | DevelopersIO](https://cdn-ak-scissors.b.st-hatena.com/image/square/4b9b98d8423d1943cae402d21764bf51589e811b/height=288;version=1;width=512/https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2F2014%2F11%2Flogo_swift_400x400.png)
UICollectionViewControllerとUIPageViewControllerでSmartNewsっぽいあのUIをお手軽に実現する - Qiita
UICollectionViewControllerとUIPageViewControllerでSmartNewsっぽいあのUIをお手軽に実現するiOSUIKitSwift イントロダクション 国内のメディア系サービスでは割とスタンダードとなっているあのUI。もはや何番煎じかわかりませんが、frame計算とかをしない軽量な実装を試してみます。 ニュース系アプリで利用されているUIの実装を調べることがあったのでまとめてみた - MonockLaBlog あのUIに関する記事やよく見かけるライブラリでは、メニュー要素・コンテンツ要素のframeをずらしながらUIScrollViewへ順に貼り付けていくやり方が多い印象を持っていますが、ここでは違う方法を取ろうと思います。 サードパーティのライブラリに依存することなく、かつViewのリソース管理やframe計算を出来るだけ抑えるため、今回はUIC
SwiftでもObjective-Cでもコードで簡単にAutoLayoutする - Qiita
MisterFusionを使ったコード 上記のレイアウトをMisterFusionを使って再現すると、以下のようなコードになります。まずは使いたいクラスの中で、import MisterFusionをしてください。 let redView = UIView() redView.backgroundColor = .redColor() self.view.addLayoutSubview(redView, andConstraints: redView.Top |+| 10, redView.Right |-| 10, redView.Left |+| 10 ) let yellowView = UIView() yellowView.backgroundColor = .yellowColor() self.view.addLayoutSubview(yellowView, andCon
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
