Expoとは 開発環境 XDE 2018年に非推奨に。そのかわりにexpo-cliの利用が推奨されている。 qiita.com CLIでの操作 eject 下記記事で書いています。 swchrm.hatenablog.com

随時更新していきます。 背景 作成しているReact Nativeアプリの参考情報にi18nとあって何かわからなかった。国際化対応（Internationalization）の略。似たようものにはk8s(kubernetes)やa11y(accessibility)がある。 起点とした情報 developer.mozilla.org…

要素技術 Firebase JS SDK React Native Expo 用語整理 Reactのライフサイクルについて 自分はそもそもライフサイクルとはなんなのかというところから入る。雑な理解では、各処理が実現される順番とか、そんな理解をした。ライフサイクルは下記記事を参考に…

迷いも含めて記述していきます。 設計 種類 冗長型と参照型がある。 speakerdeck.com 設計時に迷うことは、ユーザーに紐づく情報を別のトップレベルのコレクションとして生成して参照させるか、それとも、あくまでユーザーに紐づく情報だからユーザー内に収…

背景 Firestoreへのアクセスでasyncが使われているのを見たが、そういえばなぜ必要だったか不明確だったので整理したかった。また今回のお話はJavaScriptベースのお話。 正解/不正解に関わらず現在の理解での仮説を書いてみる 非同期通信を実現する技術の一…

Snackを触る。 Snackを開いて「タップして〜」のボタンをタップした後 中心になるjsファイルの名前はApp.jsっぽい。main.jsとかApp.jsとかindex.jsとかどれが何だよ、何が違うんだよみたいなのがまだあるがとりあえずReact NativeだとApp.jsになるということ…

毎度のことながら段落どうのこうのは気にせず頭の中を整理するように書く。 React Nativeのよいところはビルドが速い。最初に一度ビルドしてしまえば、あとはJSの変更点だけを再ビルドするので速いらしい。これは業務で携わってない分にはわからないけど、こ…

現状の理解 一言で言えばReact Native + Expo + Firebaseの知識になるが、間違っているかどうかにかかわらず現状の知識も含めてもう少し細かく書いてみる。 React Nativeから直接操作できないようなネイティブの機能をReact Nativeのように使えるようにして…

今更感満載ですがやりました。あと日をまたいでしまって、後半はやる気失せたまま書いたので超雑です。 背景 （あとから付け足したら）長くなってしまったー。 JavaScriptを書いているときにいちいち自分でフォーマットを整形するのがメンドクサイ。でも整形…

覚書です。 基本的には公式ドキュメントを理解したものを書き連ねただけ。 expo ejectはなんのためにやるのか カスタムネイティブモジュールを利用したいときに行う。カスタムネイティブモジュールとは、iOSならSwiftやObjective-Cで書かれたモジュールのこ…

個人的な覚書です 環境 MacOS 事象 いつもどおりローカルでGitのステージング、コミット、プッシュを行った。そうしたらプッシュ時にエラーがでた。ターミナル出力は下記の通り。リポジトリ名等は一部hogeなどとボカしてます。 MyMacBookAir:hoge-project sw…

はじめに アウトプットによる理解度の確認を目的としてます。 情報の正確性を保証するものではないです。 問) Reactとはなにか。またそれにまつわる技術は。書けるだけ書け。 React.jsはUIを簡単に構築するためのFacebook製のUIフレームワーク。と思っていた…

背景 Firebase + React + TypeScriptでアプリを開発するにあたって、段階を踏んで理解をするため、まずはTSとReactに慣れる。 サンプルの情報 下記のサンプルを実行した。 www.typescriptlang.org なおnode.jsやらnpmやらは自分は既に入っている。 と思った…

※時系列順に書いてます。あしからず。 事の発端 Firestoreの設計がわからない。というかNoSQLも入門していない。よってドキュメント指向DBの設計などわかるはずもなく。 大雑把にでも強み・弱みくらいは把握できればそもそもRDBを選択するべきか否かが見えて…

前回 swchrm.hatenablog.com 上位・下位とはどういうことか？ OSI参照モデルの7層における上下を指している。 OSI参照モデルとは、ひとことで表すと「通信プロトコルを設計するときの指標」となる。 これではわからないのでもう少し理解を進めたい。 なぜ分…

はじめに 個人の覚書です。 これをやり終えたときに目指す知識レベル Twitter、スマブラのオンライン対戦がなぜできるのかを通信知識を交えて説明できるようになればいいなと思ってます。 情報はどのように転送されているのか？ 通信により情報は伝達される…

前提 モチベーション Chromeでアプリの動作確認中にuser agent stylesheetの影響で共通フッターの左端8px隙間が空き、それを埋めたい。 この左端 デベロッパーツールでのuser agent stylesheetの様子 環境 macOS Vue.jsのvue init webpack {project名}でプロ…

はじめに 個人の覚書です。 またリモートリポジトリは基本的にGitHubを念頭に置いています。 初期化 git init ステージング 追加 git add . 確認 git status コミット 実施 git commit -m "{messages}" git commit -> 複数行に渡るメッセージを入力 取り消し…

2018年を中心に振り返ります。 ちなみに紹介したもののページから購入しても俺に金は入らない。悲しい。入って欲しい。 買って・取り入れてよかったもの Ankerのモバイルバッテリー 電池のもちが非常によく信頼できる。少々重いが許容範囲。というかこんなも…

デジかわ is 何 デジかわってなにかというとデジタルでかわいいことを指しています。ここでいうデジタルは厳密に離散的であるとかそういったことは抜きにしてます。だったらエレかわ？なんでもいいや。 どんなものを指しているかでいえば、例えばニアちゃん…