はてなブックマーク

React.Component is the base class for React components when they are defined using ES6 classes. //... If you don't use ES6 yet, you may use the React.createClass() helper instead to create a component class. ReactやReactNativeのチュートリアルではES6の記法に沿っているので、 React.Component が使われています。また基本的にはES6に移行するため、React.Componentを利用することが推奨されます。 mixinsのサポート有無 React.Componentではmixinがサポートされていません。ES6自体でmixinがサポートされていないからです

先日、ReactNativeでiOS/Androidアプリを書いている友人に、**"プログラミング触ったことない友達が二週間でReactNativeでアプリ作ったよ"**と言われました。次々に新しいものが出てくるJS界隈をずっと敬遠していたものの、彼の言葉を聞いてちょっと触ってみようと思い、そのために読んだドキュメントや準備したことなどをまとめてみました。 重要度をを☆(最高5☆)で評価しています。最低限☆5を抑えれば初めてでも開発できるのではないかと思います。 自分の前提条件 Androidエンジニア Javascriptについての知識は基本レベル。Node.jsを使ったbot開発の経験あり。近年のJS周りの話(React, Angular JS, ES6)はほぼ知らない。 iOSの知識も小さなアプリを幾つか作った程度のレベル。 ドキュメント ReactNativeを始めるに当たっては思

support-library の25.0.0以降よりRecyclerViewのレンダリングパフォーマンスを向上させるItemPrefetchという機能が追加されています。 ItemPrefetchとは RecyclerViewでは、以下のような処理が行われています。 UIThreadからViewのinflationおよびbind/Animation等処理 ↓ GPUのRenderThreadで描画 GPUのRenderThreadに渡っている間, UIThread はidle状態に入ります。 ここで問題となるのは、スクロールして新規にViewをinflateが必要な場合に、UIThreadでその処理が行われることによって描画遅延の原因となることです。 25.0.0より、ItemPrefetchが有効になることによって、次のViewのinflationが必要かどうかを判断し、 必要な場合は

TensorFlowの画像認識をモバイルで動かす&その仕組み TensorFlowがモバイルで動くという話がちょっと前から気になっていて、Androidで動かしてみました。サンプルの動かし方と、どのような仕組みになっているかまとめました。 #動かし方 主にTensorFlowのReadmeに書いてある内容です。Androidを知っている人なら特に問題無いと思いますが以下日本語で書いてます。 事前準備 Android SDK以外にも以下のツールが必要になります。 1.Bazelの導入 TensorFlowのBuildにGoogleの新しいBuild toolであるBazelが必須になります。 MacであればHomebrewでかんたんに導入できます。 Bazelの挙動についてやファイル構成についてはチュートリアルがあるので、そこも目を通しておくとよいです。 初めて触ったのですが、ワークスペース

Android Studio 2.2 previewより、ConstraintLayoutという新しいLayoutが導入されました。本稿では実際に触ってみた操作感や実装方法などについて紹介します。 ConstraintLayoutとは ConstraintLayoutは自動的にレイアウトの位置をマテリアルデザインに沿った最適な位置に調整してくれます。iOSでいうところのStoryboardのAutoLayoutのような機能をもったレイアウトです。 具体的な特徴として AutoConnectという機能を使って最適なレイアウトを調整できる Android Studioが自動的に一番フラットなxmlを生成してくれる Inferenceという機能で全体の整合性も調整できる API 9 までのバックポート対応 同梱ライブラリではなく、導入してもサイズが小さい (100kb) ということが挙げられます

Gradleはライブラリの依存関係を上手に管理してくれるすぐれものですが、まれに突拍子もない不具合が発生する場合があります。しばらく前にGradleの推移的依存関係でハマったことがあったので、その具体的現象と原因、解決方法についてまとめておきました。 推移的依存関係とは？ Gradleのドキュメント読んでも、ほへー、位の感想なんで、こちらのサイトがわかりやすかったです。端的に言うと、複数のライブラリがあるライブラリ(A)に依存している場合、Aはバージョンが一番最新のものが適用されるということです。 なお推移的(transtive)とは言葉として？？って感じでしたが、数学用語なんですね。wikipediaで説明を読むとなるほどなーという感じです。 具体的な事象 ある時、Pureeのバージョンアップ(3.3.0 -> 4.1.0)したところ、releaseのみビルドがfailしました。理由はP

Nexus 5Xでカメラ撮影を行うと、アプリによってはpreviewまたは撮影した画像が反転するという不具合があります。その問題についてGoogleのAndroid Camera frameworkのTech Leadから声明(リンク下部)があり、どうやら結論がでたようです。 #結論 デバイスの仕様によるもので、アプリ側で対応する必要があります。 #何が問題なのか camera API(deprecated)では明示的にカメラの回転情報を設定する必要がありますが、回転情報を設定していないカメラアプリもあります。それでも問題が発生しなかったのは、多くのAndroid端末ではイメージセンサーが回転を意識せずに済む方向(イメージセンサーの取り付け方は2通りあるようです)に取り付けられていたからのようです。 しかし、Nexus 5Xのイメージセンサーは設計上の制約で 他の多くのAndroid端末と

いよいよAndroid Mが対応端末に向けてOTA配信が始まりました。 Android Mといえばパーミッション関連対応が開発者にとって喫緊の課題ですが、その影でAutoBackup機能も地味に色々対応必要そうです。取り急ぎ開発者が自分のアプリで対応すべき点をまとめました。 AutoBackupの概要について Developer Docsに概要および詳細が書かれていますが、こちらのQiitaの記事に日本語でまとまってます。 端的に述べると、デフォルトでは外部ストレージやキャッシュ以外のデータはまるっと全部バックアップされるようになっています。 取り急ぎ対応したほうが良いこと 1.ID関連のデータをBackupからexcludeする(特にGCM) ユーザー系ID 手元のM端末で検証したところ、ログインした状態でreinstallすると以前入っていた会員情報がそのまま復活します。 開発端末で複

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

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

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

前置き これまで日付の管理で普通にCalendar使っていたわけなのですが、 日時の扱いがコード量が多くなって面倒 バグが起きやすい仕様(Monthだけ開始が0とか…)でビビりながら使わざるを得ない ということで、なんかいいの無いかな〜と思っていた所、Joda-Time Androidというのがとても使いやすかったです。こちらのスライドで紹介されて見つけたのですが、良かったとか、ちょっと気をつけなきゃいけないことなどまとめました。 Joda-Time Androidとは & 使い方 ソースはこちらです。 元々JavaでJoda-Timeというライブラリがあったのですが、メモリ上にolson timezone database(世界中のタイムゾーン情報を集めたDB)と言うものを持ち、それをClassLoader.getResourceAsStream()というメソッドでメモリ上に展開する(約

Androidに新しく導入されたToolbarにはデフォルトだと影がついてません。 影を付ける方法はざっくり4通りあると思うので紹介します。 デフォルト： 1.elevationを使う(Lollipopのみ有効) Lollipopから利用できるelevationを使うと、ViewのZ軸が指定できます。上に浮かした分だけ影が入るって寸法です。うーん、マテリアル！ elevationは当然5.0以下では効きませんが、あっても特にエラーでないみたいです。 5dpだと結構深く影がつきます。 <android.support.v7.widget.Toolbar android:id="@+id/my_toolbar" android:layout_height="wrap_content" android:layout_width="match_parent" android:elevation="

<com.google.samples.apps.iosched.ui.widget.AddToScheduleFABFrameLayout xmlns:android="http://schemas.android.com/apk/res/android" android:id="@+id/add_schedule_button" android:layout_width="@dimen/add_to_schedule_button_height_no_padding" android:layout_height="@dimen/add_to_schedule_button_height_no_padding" android:layout_marginLeft="@dimen/keyline_1" android:visibility="invisible" android:click

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

説明 compileSdkVersion compileする API のバージョン。 Android L, Android 4系といったバージョンと紐付いています。 例) API 20 -> Android 4.4W, L preview API 19 -> Android 4.4.2 API 18 -> Android 4.3 SDK Managerを見れば、バージョンとAPIの対応が確認できます。 google I/Oで発表された最新のAPI 20には2種類ありますが、このうち4.4WはAndroid Wear用のAPIです。なので、今までのAPIにあるのに入ってないAPIがあるので、使う時は注意が必要です。 最新のバージョンになるべく合わせていくことが推奨されています。 buildToolsVersion ビルドツール(Android SDK Build-tools)のバージョンです

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

Android Lollipop Preview版の最終バージョンがリリースされていたので、Nexus5にインストールしてみた手順です。 Step 1:Nexus 5用Android 5.0 Lollipop Developer Previewをダウンロード こちらからDLできます。 http://storage.googleapis.com/androiddevelopers/finalpreview/hammerhead-lpx13d-preview-f7596f51.tgz どこか適切な場所にファイルを解凍します。 Step 2: デバイスをUSBにつなぐ 開発者モードでUSBデバッグモードを有効にしておいてください。 Nexus5での方法は 1.設定>端末情報>ビルド番号を7回タップする 2.設定>開発者向けオプションがでてくるので、USBデバッグにチェックを入れる Step 3:

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

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

AndroidのsharedPreferenceに保存できるのはint,long,String,boolean,setなどがあります。 が、場合によっては色々な型のArraylistを保存したい場合もあると思います。その方法について書きました。 やりかた JSONArrayに保存し、シリアライズ化します。 データの保存 JSONArray array = new JSONArray(); for (int i = 0, length = list.size(); i < length; i++) { try { array.put(i, list.get(i)); } catch (JSONException e) { e.printStackTrace(); } } Editor editor = getApplicationContext().getSharedPreferences(

あるリンクのレスポンスが独自スキーマ(google play storeのmarket://など)である場合、ブラウザでそのコールバック内容を確認できません。確認したい場合は以下の手立てが考えられます。 WebViewでWebViewClient#shouldOverride(url)でURLを表示する Socket通信でリクエストの返り値を表示する このうちSocket通信はjavaのAPIとしてあり、容易に実装できます。ちょっと注意点もあるので、まとめてみました。 実装のポイント 1.ネットワークリクエストはUIスレッドから投げない 何も考えずにソケットをつくろうとすると、NetworkOnMainThreadExceptionが発生してしまいます。 UIスレッドでネットワーク通信が許可されてないからです。(Android 3.0以降) 今回はリクエストを受け取ることも考えてAsync

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

railsdoc (http://railsdoc.com/references/content_for)の説明および例がとてもわかりにくかったので、自分なりに理解したことをメモ。 content_forとは？ ある画面でだけcssファイルやjsを呼びだしたい場合に、利用するメソッドです。平たくいうと、画面のコンテンツを追加実装する仕組み、でしょうか。 実装例 index.htmlのみでintro.css.scssというスタイルシートを呼び出したい場合は以下のように実装します。 layouts/application.html.haml %html %head %meta{ charset: 'UTF-8' } %meta{ name: 'viewport', content: 'initial-scale=1.0, user-scalable=no' } = stylesheet_lin

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

※"debug.keystoreまでのパス"には、例えば以下のような値が入ります ~/.android/debug.keystore 2.アプリでのログイン時に以下の症状のいずれかがでる ログインボタンを押した後にパーミッションを求められ、OKをしたのに元の画面に戻る 以下のようなメッセージがログにでる 'com.facebook.orca.protocol.base.ApiException: remote_app_id does not match stored' '..App is Misconfigured for facebook login...''. 3.アプリがパブリックに公開されていることを確認している FB developer -> Status & Reviewから”Do you want to make this app and all its live featu

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