こんにちは！Diverse広報担当です。 Diverseでは週に1回、エンジニア同士で「見せびらかし会」を開催しています。 「見せびらかし会」とは、各エンジニアが1週間の中で頑張った開発Tipsを、仲間に向けて発表する場。 各自の知見やノウハウの共有を目的に行っています。”見せびらかす”という仰々しい名前ですが、ちょっとした工夫や改善も大歓迎！というラフな発表会です。 ▼過去の見せびらかし会ブログ 見せびらかし会 カテゴリーの記事一覧 - Diverse developer blog 第4回目は、エンジニアoyaさんの”見せびらかし”と、oyaさんが感銘を受けたabuiさんの”見せびらかし”を紹介します。 ぜひお読みください！ ▼目次 LIVE配信画面でテキストをアニメーションで出す方法 oyaさんの今週の見せびらかしについて どうやってアニメーションを作ったのか？ 実装までの試行錯誤…あ

こんにちは。Diverseが提供する婚活サービス「 youbride 」でフロントエンドの開発している id:yukioya-dvs です。 youbrideは、運営19年目を迎えるサービスで、PC/SP/Androidアプリ/iOSアプリの4つのプラットフォームで提供しています。 この歴史あるサービスの Android/iOSアプリ を、マルチプラットフォームフレームワークのFlutterで書き換えるという大掛かりなプロジェクトを発足し、この度ついにリリースすることができました！ リプレイスに関する背景や詳細については、以下をご覧ください。 developer.diverse-inc.com youbrideでは先にAndroidアプリをリリースして、それから約1ヶ月遅れてiOSアプリをリリースしました。 「Flutter使ってるんだから同時リリースできたのでは？」と疑問を抱かれたかもし

最近はすっかりFlutterエンジニアになってます。id:kikuchy です。 Diverseが提供するサービスの一つに、youbrideという婚活サービスがあります。 youbride.jp この6月に、youbrideはAndroidアプリのデザインリニューアルを行いました。 youbrideアプリのデザインが大きく変わりました！ 変わったのは見た目だけではありません。 新アプリには、マルチプラットフォームフレームワークのFlutterを採用しています。 flutter.dev 近々、iOSアプリもFlutterで開発したバージョンに置き換える計画が進行中です。 そして、APIサーバーもRuby on Railsを使ったものに置き換えています。 rubyonrails.org サーバーとクライアント間の接続にはgRPCを使用しています。 grpc.io 構成はこうなっています なぜy

このブラウザ バージョンのサポートは終了しました。サポートされているブラウザにアップグレードしてください。

All About Test of Flutter @kikuchy

この記事はFlutter Advent Calendar 2018の10日目の記事です。 まえおき Flutter 1.0のリリースがアナウンスされましたね、めでたい！！ さて、Flutter Liveで は紹介されていなかったようですが 1も紹介されていたようですが、Google Developers Blogのポストを見ていると、記事の中ほどに プラットフォーム ビュー 2という見出しとその説明があります。 今までAndroidでしか実現できていなかったのが、いよいよiOSでも使用できるようになった、ということのようです。 私がいま所属している会社的にはこの機能のおかげで大変救われました。 それはそうとして、この機能、どう実現されているのでしょうか？ 気になりませんか？　気になりますよね？　ね？ Platform View とは Platform View とは、FlutterのWid

ピクシブ福岡オフィスの @ikasoumen です。iOS版が先行してリリースされていたチャットストーリー投稿アプリの「pixiv chatstory」。 昨年の12月から、Android版の提供もはじまりました。 ホーム画面にインストールできるWebアプリ ネイティブで実装されているiOS版と違い、Androidでは全てHTML + CSS + JSで作られているWebアプリを、Google playストアを経由せずにpixiv chatstoryの公式サイトから直接Android端末へとインストールすることができます。 従来の「ホーム画面に追加」されたWebページと違って、Chromeのヘッダーが非表示になっていたり、URLを開く際にアプリとして選択できたりと、まるでネイティブアプリかのような体験を得られます。 これには、Progressive Web App(PWA)の特徴の一部を利

Instrumentation Testを書く時、実際にAPIリクエストは行わせず、APIレスポンスをmockしたいですよね。方法としては2通りはあるかと思います。 Gradleで Test flavorを作り、APIを差し替える Dagger2を使い、mockをinjectする mockの値を変更するのが容易なので、2番目の方法がおすすめです。しかしながらDagger2でmockを依存性注入するのは結構面倒で、実際テストを書き始めるまでにいくつかステップが必要です。この記事ではDagger2とKotlinを使ってEspresso instumentation testをを書く方法を説明します。 サンプルプロジェクト - 会員登録 サンプルプロジェクトとして簡単な会員登録の画面を作りました。入力した値が正しければ、名前と年齢を表示し、そうでなければWarningを出します。 このプロジェク

この記事は RECRUIT MARKETING PARTNERS Advent Calendar 2017 の投稿記事です。 こんにちは、釘宮 (@kgmyshin) です。 serverがjson model変更したら ci 回って、android用にswagger-codegeで自動生成して、androidプロジェクトでjson modelをreplaceして、プルリクを投げる まで自動かしたい — 有象無象 (@kgmyshin) August 29, 2017 今回はこれを実際にやってみることにしました。 ところどころ力技感あったり、やり方があれだったりするかもしれないのは時間が足りなかったということをお察しいただきたく、また参考にされる場合は各自やりやすい方法でカスタマイズしていただけるとありがたいです。 早速やって行きましょう！ Android側で最新swagger.jsonを

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? この記事は Android Advent Calendar 2017 7日目の記事です。 当初は設計の話を書くつもりだったのですが、 明日のShibuya.apkで話すネタに困ったので使い回しの効く話題にしたかった その設計が期待通りのものになっているかどうかの検証ができていないので、開発全般のお話になりました。 設計の話題についてはまたどこかでお話できるかなと思います。 以下、エモい話です。 対象読者 この記事は以下のような方を対象として書いている…つもりです。 職業Androidエンジニア 自社サービスの開発に携わっている、またはア

これは Retty inc. Advent Calendar 2017 5日目の記事です．昨日は @shinichi-nakagawa-r の Webなエンジニアのための「Pythonデータラングリング」入門 でした． 始末 今年のはじめ，2月か3月くらいの頃のことです．Retty の Android 版に ReactNative を導入するかどうかが検討された時期がありました．プロトタイプの作成を経て導入の可否はある二人に委ねられることになりました．絶対に ReactNative 入れたいマンと絶対に ReactNative 入れたくないマンです．議論は当然のように平行線でした．双方の主張はそれぞれありましたが，だいたい View だけでなくロジックが記述できてしまう点と ReactNative で Android App らしい UI を組み立てるのが難しい点から来る，メンテナンスコス

mixiグループ Advent Calendar 2017 4日目の記事です。 Qiitaに書こうかと思っていましたが、完全にポエムになったので自分のブログに書きます。長いです。 時間がない人向けに結論だけ ・人間の目線は画面左上から右下に動く ・なので、左上→右下に目線が流れる動線にした方が自然 ・FABには次の画面に繋がったりするようなアクションしか置いてはいけない ・FABを画面右下に配置すれば画面全部を見た後に次の画面に行けて自然な動線になる 自己紹介 @seto_hi です。株式会社ノハナでAndroidエンジニアをやりつつアプリのUIデザインを考えたりしています。 Material Designが好きで、DroidKaigi2017でMaterial Designに関する発表をしたり、知り合いからはMaterial Design警察と呼ばれたりしています。 前提 僕は「Mate

ちょっと前にpmconf 2017があったり最近仕事で若干プロダクトやらプロジェクトマネジメントっぽい事にもクビを突っ込んでいる中で普段OSS開発をしている中で得た気付きや知見が適用できる事が結構あったので整理してみようと思う。 自分が余暇の時間に開発しているのはPermissionsDispatcherというAndroidのRuntime Permissionsの処理をラップするライブラリで、2年程前から開発を始め有り難い事にそれなりのstarとユーザーを獲得する事ができている。 元々1人で始めたプロジェクトだったのだが今では派生プロダクトも含めて4人のメンバーがorganizationに所属しており、自分はなんとなく言い出しっぺ的な立ち位置で開発以外にもissueの対応やらproposalを書いたり色々雑多にやっている、という感じ。 OSS開発というとそこで使われているテクノロジーやコ

こんにちは、Androidやってます。 id:kikuchy です。 先日開催されたOisixさん主催の Swift/Kotlin合同勉強会 #2 で、モバイルアプリ開発で使えるKotlinの便利なところを紹介させていただきました。 oi-study.connpass.com モバイルアプリ開発をグッと楽にするKotlinの便利なところ3選 from Hiroshi Kikuchi Kotlinをあまりご存じない方向けに、便利でよく使うKotlinの言語機能と応用例を紹介しております。 これらの機能を使うことで、「考えていることをそのままコードに落とす」という気持ちのよいコーディングが可能になります。 Androidアプリ開発をされている方は、ぜひ一度Kotlinを使ってみてください！　導入も簡単です！ Swift/Kotlin合同勉強会は、Swiftだけ使ったことがある、もしくはKotl

こんにちは！Androidエンジニアの富田です。今回は11/2、11/3に行われたKotlinConfというKotlinの海外カンファレンスに参加してきましたので、簡単にカンファレンス内容からカンファレンスを通じてトライしたことを共有します。 KotlinConfとは KotlinConfとは、Kotlinに関するプログラミングカンファレンスで今回サンフランシスコで初開催でした。参加者は1200名と初開催ながら大規模なカンファレンスで、なんとAndroidの神Jake Whartonさん、関数型プログラミングのErik Meijerさん、Kotlinのリード設計エンジニアAndrey Breslavさんなど超有名な方々がスピーカーとして登壇されました！日本からもしらじさんが登壇されて国内でも大きな反響がありましたね！ 海外カンファレンスに行こうと思ったきっかけ 僕が海外カンファレンスに参加

Android + Kotlinアプリで、Robolectric + Mockitoを使ったテスト環境を整えるときにハマったこと総まとめAndroidKotlinMockitorobolectric 以下のライブラリ等を使っています。 Android Studio 2.3.3 AndroidのcompileSdkVersion 26 Kotlin 1.1.50 Robolectric 4.3.2 Mockito-Kotlin 1.5.0 内部で使用されているMockitoは 2.8.9 動機 KotlinでAndroidアプリを書いています。 今まではほとんどテストがなかったので、ちゃんと動くテストを書こうと思いたちました。 Android実機（もしくはエミュレーター）上で実行する Instrumented Test は、dexを作ったり実機に転送したりと、何かとテスト実行まで時間がかかり

id:kikuchy です。 先日開催されたイベント Android Test Night #1 - connpass にて、JUnit5とAndroidのテストについてお話させていただきました。 testnight.connpass.com JUnit5とAndroidのテスト from Hiroshi Kikuchi つい10日ほど前にリリースされたばかりのJUnit5はAndroidで使えるのか、 どんな機能が便利に使えるのか、というお話です。 はじめは 「Junit5のユーザーガイド通りにセットアップしても動かない」 という旨をお話させていただいたのですが、発表後にAndroid対応版があるということを教えていただきました。 これどうなんじゃろhttps://t.co/xpHke4DTZR#android_test_night— 足の指打撲マン (@ogapants) 2017年9

パフォーマンスチューニングと書くと大げさかもしれない。 最近何度か RecyclerViewのパフォーマンス面の修正をする機会があったので、最低限これくらい見ておくと良さそう、という項目についてまとめました。 各アイテムのstable ID Adapterの各アイテムが固有のIDを持つ場合、stable IDを利用するとnotifyDataSetChanged() 呼び出し時の各アイテム再描画など様々な場面で有利になります。 利用するためには、AdapterのgetItemId(int position)を実装した上でsetHasStableIds(true)を呼び出します。 https://developer.android.com/reference/android/support/v7/widget/RecyclerView.Adapter.html#setHasStableIds(

はじめに Dagger2(google/dagger)でComponentの関連性を指定する@Subcomponentとdependenciesについてまとめる. Dagger2では依存オブジェクト群を”Component”と呼ばれる単位で管理する. このComponentには他Componentと従属関係を築く方法と, 他Componentと使用関係を築く方法の2種類が用意されている. さらにDagger2では”Scope”の概念も加わり, このあたりの仕様理解を難しくしている. Subcomponentやdependenciesを使わなくてもDagger2はDI Frameworkとして十分役に立つ. ただ, Subcomponentとdependenciesの理解はDagger2の依存性充足の仕組みを理解するのに大いに役立つため, 知っておくことをお勧めする. NOTE: 本稿はDa

この記事は Androidその２ Advent Calendar 2016 の6日目の記事です。 Fragment怖いですか？　怖いですね。 興味本位で、あるいは必要にかられてFragmentを使って痛い目を見たことのあるAndroidエンジニアがほとんどなのではないかと思います。 みんなのトラウマFragment。 そのあまりのややこしさから、SquareなんかはFragmentとの決別を宣言していますし、実際にFragmentを捨てるためのライブラリも書いていたりします。 みんなFragmentには煮え湯を飲まされてきているんですね。 しかし、Fragmentが有用である場合やFragmentの使用が強く推奨されるものもあったりしますよね。 ViewPagerの中でインタラクティブなページを表示したい ダイアログを表示したい 画面を構成するパーツの見た目とロジックを再利用したい etc