React は仮想 DOM を使うので、そのままだと User-Agent にアクセスできません。ライフサイクルメソッド componentDidMount() 内では UA が使えるので PC / スマホ / タブレット判定が可能です!
Read More
JavaScript/Node.js に関する記事一覧
【React】Twitter絵文字ライブラリTwemoji解説!
ブラウザで Twitter の絵文字を使えるようにする Twemoji というレガシーな JavaScript ライブラリがあります。今回は React でもっとシンプルに使える react-twemoji について解説します!
Read More
【本番リリース】Node.jsサーバ接続方法【リバースプロキシ】
最近は Node.js 製のアプリが増えてきていますね。サーバ上でも localhost サーバを起動するのですが、そのアクセス方法はご存知でしょうか?今回はリバースプロキシでサーバ上の localhost にアクセスする方法を解説します!
Read More
【Formik/Yup】React簡単フォーム作成ライブラリ解説
React でフォーム作成するのは大変…と思いがちかもしれませんが、ライブラリを使うとすごく簡単です。今回 Formik と Yup を使ったお問い合わせフォーム・アカウント作成フォームのサンプルコードを公開します!
Read More
【React】Next.js環境構築【SASS/ESLint】
今回、React フレームワークである Next.js の環境構築方法を紹介します。そして SASS/SCSS と ESLint と React-Bootstrap の導入方法・その設定ファイルについても解説します。とても簡単なのでぜひ参考にしてみてください!
Read More
簡単なSASS/SCSSの導入方法【Gulp・yarnの使い方】
先日、超汚い直書きの CSS を見ました。周りでも「あそこの制作会社はヤバい」と評判です。まだ SCSS 使っていない人は早めに慣れた方がいいですよ...今回は Gulp を使ったかんたん SASS/SCSS 導入方法を紹介します!
Read More
【nodebrew】Node.js簡単インストール方法【使い方】
開発マシンに直接プログラミング言語をインストールしていませんか?いわゆる環境汚染ですが、そういったインストール方法はよくありません。今回は簡単に Node.js のインストール・バージョン管理できる nodebrew について解説します。
Read More
ReactにSASSとESLint(AirBnB)を導入する方法
create-react-app コマンドでかんたんに React プロジェクトを構築する方法、SASS の導入方法、ESLint を AirBnB 構成にする方法を解説します。新規プロジェクト作成するときはこれが一番ラクだと思います。
Read More