ユニファ開発者ブログスマートフォン用の表示で見るユニファ開発者ブログユニファ株式会社システム開発部メンバーによるブログです。2017-10-24Reactで機械学習用データラベリングアプリを作るこんにちは、田中です。弊社サービス、るくみーでは保育士のみなさんやプロカメラマンが撮影した写真が日々たくさんアップロードされています。定期的にこの子ども達の様子が保護者のみなさんに公開・販売されますが、販売が終了したあとの写真は基本的にデータサーバーで眠るのみです。React勉強の一環として機械学習用データラベリングアプリを作ってみました。ƪ(•◡•ƪ)"できたものこんな感じです。写真の枚数が大きいと見込まれるので右側の写真リストは無限スクロールとなるように実装しました。下の写真までスクロールしたときにデータが読み込まれてブラウザのスクロールバーが伸びることが分かると思います。無限スクロールFacebookやTwitter、Instagramといった人気のソーシャルメディアでのコンテンツ表示のUIとして使われています。ユーザが下へスクロールするにつれてページのコンテンツが継続的にロードされるというアレです。MILK上の記事は主にビジネスコンテンツ目線での長所短所ですが今回はキーボードのショートカット操作だけでも楽に作業できることを重視し無限スクロールを採用しました。いうパッケージを使いました。他にも何個かありましたがこれが最も分かりやすく使いやすかったです。github.comcreate-react-appで作ったアプリをもとに無限スクロールを実現するコードを紹介します。する基本これだけです。続いてフッターを固定で表示する場合です。App;こちらはスタイルを少し工夫する必要があります。するuseWindow={false}のパラメータを追加するcreate-react-appで適当なアプリを作ってApp.jsとApp.cssを上書きすればすぐにできるので興味あれば試してみてくださいおわりにラベリングツールは一応の形になりました!が、これからチマチマとラベリング作業していくのかと思うとちょっと憂鬱。wでも、頑張りたいと思います。導入されて...2017-05-26iOSのCoreBluetoothの実装をしてみるiOSエンジニアのしだです。スマホアプリ化するこんにちは。Detection月別アーカイブスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。