wheatandcatの開発ブログ

React Nativeで開発しているペペロミア & memoirの技術系記事を投稿してます

2018-01-01から1年間の記事一覧

react-nativeでe2eを実装してみる

シェアフル Advent Calendar 2018 17日目の記事です。 ある程度アプリの機能が揃ってきたので、そろそろテスト追加フェーズかなという感じでe2eの実装してみた react-nativeでe2eの実装 react-nativeではDetoxを使ってe2eを実装していきます github.com また…

react-nativeでsortableなUIを実装

シェアフル Advent Calendar 2018 12日目の記事です。 webならドラッグ & ドロップでアイテム順番を入れ替えるけど、react-nativeならどうするのかなー と思いググったらreact-nativeでsortable listを実装しているライブラリがあったので、今回はそのライブ…

開発者視点で一年間Atomic Designと付き合ってみた結果

シェアフル Advent Calendar 2018 3日目の記事です。 ここ一年くらい複数のプロジェクトでAtomic Designを取り入れてやっていたので、その辺の話を開発者視点で書いていこうと思います。 Atomic Designとは bradfrost.com 解説については↑のサイトを参照 コ…

storybook 4.0のReact Nativeに神アップデートきた!

詳しい更新内容は↓参照 medium.com React Native関係のアップデート内容 react nativeのstorybookがサーバー無しで単体で動くようになった knobsやnotesのaddonsがデバイスの中で表示できるようになった https://github.com/storybooks/storybook/tree/maste…

(日記)アプリ作成進捗①

進捗 デザインは観覧と入力まで完了 marvelapp.com expo 一応デザイン分まではモック画面作成完了 expo.io 久々にexpoを使ったらコンソールがブラウザになってて驚いた。使いやすい 今ところのスクショ

趣味プロダクト管理ツール紹介

アプリ作り始めたので、色々プロダクト管理お試し中 タスク管理 asana asana.com シンプルなタスク管理ツール こんな感じで使っている。jiraとかよりシンプルで、Todoリストよりも残タスクが見やすくていい感じ アイディア管理 参考画像とか、思っていたこと…

(日記)最近アプリ作り始めた

昨日から作り始めた github.com 簡単なアプリの想定だから年内に公開を狙って行こうと思います。 採用する予定技術 バックエンド golang GAE アプリ react-native expo Web版 nuxt その他 データ保存 => datastore 認証 => Auth0 くらいで軽く作る予定。検索…

各frontendフレームワークでの読み込みファイルsizeの比較

github.com 前からGithubで調査していたsize比較のグラフができたので公開 (あとで全体の比較も追加する予定) フロントエンド ポータルサイト hyperappとpreactが圧倒的に低く、angular、nextが大きい感じでした。(angularがここまで大きいのは正直予想外…

Xcode10にアップデートしたらreact-nativeのiOSビルドが通らなくなった話

qiita.com こういう記事はqiita向けだと思ったので投稿しました。 Xcodeの自動更新を切ってなかったので、やむなく対処 😅

react-nativeのfastlaneでfabric自動化(ios/android)

push通知実装はできたけど、デプロイできなかったので、今日はfabricの紹介 githubに動くsource上げてます github.com ios 取り敢えず、手元で動かす前提で実装 ciだと証明書関係があるので、matchを実装しる必要がある match - fastlane docs ios/fastlane/…

react-nativeのpush作成(途中)

全部、終わってから書きたかったけど、今日中は完成は無理そうだなってことで報告だけ 一応、androidとiosどっちも通知が受信するまではできました github.com ハマりまくったので、詳しい内容は次の記事で書こうと思います。。。

@angular/formsについて

noteに投稿を始めました。今回はその過程で一番最後に開発したangularの話について note.mu @angular/formsとは angularでフォーム入力をバインドする時に使うモジュールです。 angularドキュメントが非常に充実しているので、詳しくは下のリンク参照 Angula…

bundleファイルのanalyzeを測定方法

せっかく複数のfrontend技術で同じサンプルができたので、数値の出るデータで色々と比較していきたよねー ということで、今回はbundleファイルのanalyzeについて記載していきます。 まず、bundleファイルのanalyzeを簡単に測るツールを紹介 source-map-explo…

demoのホスティングについて考える

最近↓みたいなことをやっていて、demoのホスティングについて色々試してみたので、それについての話 github.com ■ demoのポータルサイト https://wheatandcat.github.io/examples-pages/frontend-example/portal/index.html?v=3 demoをデプロイは何が良いか…