Logicky Blog

Logickyの開発ブログです

React

RemixでdaisyUIを使ってnavbarとかfooterをつくってみよう!

こちらの続きになります。 blog.logicky.com 上記で、daisyUIを入れましたので、これを使って、navbarとfooterを作ったりしてみましょう! navbarはここにあります。 footerはここにあります。 まずは、appにcomponentsというディレクトリを作りましょう。 …

RemixでexpressをサーバにしたりDaisyUIを入れたりする

Remixiの新規プロジェクト作成 下記で新規プロジェクトを作成します。プロジェクト名はhogeとします。 npx create-remix@latest cd hoge サーバをexpressにする expressを入れて、server.tsを追加します。 npm i express @remix-run/express cross-env @type…

webpack2でReactを使う

webpacke2でReactの開発環境を作る。 フォルダ・ファイルを作る $ mkdir react1 $ cd react1 $ mkdir src $ mkdir public $ touch public/index.html $ touch src/index.js $ touch webpack.config.js $ touch postcss.config.js インストール $ npm init -y…

cordova + onsen ui + reactの開発環境

cordova + onsen ui + reactの開発環境を作成してみます。cordovaのテンプレートにして、メンテしていければと思います。環境は、windows10、npm3.10.8です。エディタは、visual studio code1.6.1を使ってます。 プロジェクトを作る npmはインストール済みで…

Monaca + Onsen UI + Reactの開発環境

Monacaは、cordovaを使った、ハイブリッドアプリ開発ツール。クラウドIDEもあるし、デバッグ・ビルドも簡単にできる。 Onsen UIは、ハイブリッドアプリ向けの、スタイルとかアニメーションとかが簡単にかっこよくできる、bootstrapみたいなやつ。monacaと同…

Reactの開発環境

node.jsをインストールして、npmも最新版にする。 npmでプロジェクトつくって、下記をインストールする。 webpack babel react sass reactは、jdxを使うのが基本で、ES6の書き方でjdxを使って書いたものを、babelを使って、ES5のjsに変換する。webpackとbabe…