zenn.dev
退職にあたって「業務の棚卸し」を行い、「達成したことと、今後を考える」が今回のテーマ。 ちなみにフロントエンドを自分が１人で担当しました。 業務遍歴 2020/12 React Nativeで実装されているアプリ2つを改修。 https://eat-and-app.jp/r-baker/ https:…
経緯 フロントエンドエンジニアとして、自社サービスのキャッシュレスPOSレジ（タブレットアプリ）をReact Nativeで開発しています。 先日、値引按分額を算出する際にデバッグしていたところ「1円がどうしても合わない！！！」と悩んでいました。 調べたとこ…
概要 動的に増減しつつ、順番をドラッグ＆ドロップで変更できるフォームを作成しました。 コードは下記のExpo Snackのリンクからご参照下さい。 動作確認 コードは下記 https://snack.expo.io/@tsue/super-dynamic-form 使用したライブラリ "react-native-dr…
動作 コード&動作確認はこちら↓ snack.expo.io 概要 React Nativeにて、動的に入力フォームを増減。 肝は const _inputs = [...inputs]; とスプレッドで複製し、もとの配列は破壊しないこと。 日曜日も仕事してるよ！😅 expo snack上だと、コード書きにくいん…
経緯 いつも通り一人寂しく開発をしていたところ、超便利な機能を見つけてしまった。 その名もconfig-overrides.js。もうpathに悩まなくて済む！ 今後は愛用していきたい。 導入 なにはともあれyarn yarn add react-app-rewired --dev Directory直下にconfig…
経緯 業務で実装中のアプリにて、文字にエフェクトを付ける必要があった。 react-native-animatableというライブラリが簡単。 下記のような感じになる。 コード snack.expo.io iterationCount="infinite"でループする 例
経緯 またも新しいプロジェクトを任され、Reactのアプリを作成することに。 世界展開を目指した「店舗でレジをなくすアプリ」という自社開発サービス。 エンジニア歴2年目に任せていいのかい。 もちろんPrettierは勝手に導入済。 ローカルでは問題がないが、…
経緯 2月リリース予定の「飲食店でお客さんが注文するタブレット用アプリ」（以前の記事）でAndroidタブレットをキオスクモードにする必要があり、調査をした。 検討内容 １．見つけたQiitaの記事 AndroidのKiosk端末化 ～ダイジェスト版～ - QiitaAndroidの…
昨年作ったポートフォリオに実装した内容 /pages/index.js import Head from '../components/Head'; 中略 <Head title={'タイトル記入'} description={'アプリの説明'} url={'https://app-url.web.app'} /> 下記を読み込んでいる /components/Head.js import * as React from 'react'; import Head from 'next/head'; export default ({ title, description</head>…
経緯 今の会社にエンジニアはベテランプログラマー(44歳)と自分しかいない。 ベテランプログラマーは田中要次に雰囲気が似ているので、以下「田中さん」と呼ぶことにする。 フルリモートなので社員の皆さまと会ったことがない。 2人しか実装する人はいないが…
React Native + Expoでアプリ開発を行う企業に転職して1週間経ちました。 アプリでメモリリークによるクラッシュの疑いがあり調査することに。 自分の環境では再現できなかったので、 有名な格言「推測するな、計測せよ」 に従い、計測してみようとエラー解…
スマホアプリ内のWeb表示 レスポンシブでスマホサイズに対応するには下記が必要 <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> React Nativeで表示するには<WebView />内に記載</webview></meta>
