こんにちは!かたつむり(@Katatumuri_nyan)です!
Reactを触ってみて、サイト的なものは作れるようになりました(*´ω`)
そこで、次はReactNativeを触ってみようと思い、簡単なテキストエディタを作成しようと企んでおります(笑)
そもそもReactを使い始めたきっかけは、こんな感じです。
- フロントエンドでよく使われている(らしい)
- ReactNativeを使うとクロスプラットフォームなアプリ開発ができる(らしい)
iOSとかAndroidのアプリも作れちゃうなんてすごいじゃないですか~!
Reactは使ってみたから、次はNativeやな。
ということで、調べながらやっていきたいと思います(*´ω`)
この記事のシリーズでは、調べながらやっていく様子をお伝えします。
参考にならない点も多々あるかと思いますが、「密着!駆け出しエンジニアの独学生活!」って感じで見ていただけたら嬉しいです(´∀`*)ウフフ
目次
テキストエディタを作ろうと思ったきっかけ
ちなみに、テキストエディタを作りたくなったきっかけは、
- iPadでMarkdownエディタを使いたいが、なんとなく手になじむものがない
- 記事をGitで管理したいから、iPadでsourcetreeみたいなアプリ欲しい
- てかほとんどのアプリ英語やんけ!
って思いまして!
ただ、Gitへの理解があまりないので、まずは簡単なテキストエディタを作ってみよう!ってなりました✨
記事には登場していないですが、Reactでwebアプリを作成した時に、壮大な計画を立ててしまい大変過ぎたので(;´・ω・)
というのも、JavaScriptとかほぼ分からない状態だったので、「ミリシラReactアプリ開発」しておりました(笑)
前置きはここまでにして、次のステップに進みたいと思います!
ひとまず疑問をもとに調べてみた
はじめるにあたって疑問点があったので調べました!
React Nativeでのアプリ開発について
React Native
【連載】初めてのReact Native + Expo開発環境構築入門(Windowsベース)
【ReactNative開発】ReactNativeって?今後どうなる?
Expo使わないといけないの?
Expo使わなくてもいいけど、使った方が楽そう
アプリ開発の知識ないならExpo使おう
react nativeで開発する際の環境はどれがいいのって話
macなくてもできる?
Expo
があればなくてもできるみたい
一時的にmac借りてとかでもできるらしい
React Native + Expo – WindowsでアプリビルドからAppストア申請まで!【2020年3月時点】
無料でできる?
Expoなら無料でできるっぽい(2021年6月28日現在)
テキストエディタ作れる?
JSのACE.js
っていうテキストエディタライブラリがあるみたい
自動補完やsyntaxhighlightなどしてくれるみたい(Reactでも使えるのかな?)
Dockerで環境構築できる?
React NativeとExpoつかってもできそう!
DockerでReact Native環境を構築する
DockerでReact Native(TypeScript)+Expoのプロジェクト構築
と、いうことで、早速作り始めます~!
↓続き
【2】React Nativeでテキストエディタを作ってみる!【環境構築編】