タグ

ブックマーク / qiita.com/nishina555 (4)

  • 用語解説から丁寧に。yarnでwebpack-dev-server+Babel+React(JSX)な開発環境構築手順 - Qiita

    用語解説から丁寧に。yarnでwebpack-dev-server+Babel+React(JSX)な開発環境構築手順JavaScript初心者webpackReactbabel はじめに Reactは注目されているJavascriptライブラリの一つですが実際にReactを使ったアプリケーションを作成するためにはReactだけではなく周辺技術を理解し、開発環境に取り入れる必要があります。 今はcreate-react-appのような開発環境をよしなに作ってくれる便利ツールもあるのでそれを活用すればいいのですが、そういったツールでは自分で開発環境を色々とカスタマイズしにくいというデメリットもあります。 今回はBabelとwebpackを利用して、JSXで記述されたReactをローカルサーバーで実行・確認できる開発環境を構築します。 また、ただコマンドを記述するだけでなく、周辺技術について理

    用語解説から丁寧に。yarnでwebpack-dev-server+Babel+React(JSX)な開発環境構築手順 - Qiita
  • 電卓アプリで学ぶReact/Redux入門(基礎知識編) - Qiita

    はじめに 今回の記事は「電卓アプリで学ぶReact/Redux入門(実装編)」を読む前に知っておいたほうがいいReact.jsとReduxの概要についてまとめた記事になります。 特に状態管理の部分がReact/Reduxのアプリケーションを作成する上で重要になってくるので、React.jsの話は最小限にとどめ、Reduxの話を中心に説明をしたいと思います。 React.jsとは まずReduxの説明をする前にReact.jsについて説明をします。 React.jsとは、MVCモデルでいうところのV(View)の部分の役割に特化したJavaScriptで書かれたライブラリです。よくReact.jsと比較されるAngular.jsはMVC全ての役割を担います。 Viewのみの役割を提供するということもあり、学習コストが低く、それがReact.jsのメリットでもあります。 Component R

    電卓アプリで学ぶReact/Redux入門(基礎知識編) - Qiita
  • 4ステップで作成する、DB論理設計の手順とチェックポイントまとめ - Qiita

    はじめに 「達人に学ぶDB設計」、「SQLアンチパターン」を読んだのでDB設計をする流れとその過程でのチェックポイントをまとめてみました。 今回はに載っているものの中でも特に重要そうな部分に絞ってみました。 さらに詳しいことを知りたい方はを購入してみてください。個人的には達人に学ぶDB設計徹底指南書のほうがおすすめです。こちらだけあれば十分だと思います。 DB設計には大きく分けて論理設計と物理設計の二つがありますが、今回はアプリケーション開発でメインとなる論理設計の部分に焦点をあてて説明をします。 一番最後にチェックポイントだけをまとめた章を用意したので、チェックポイントだけ知りたい方は最後だけ見ていただければと思います。 DB論理設計の流れ DB論理設計は以下のようなステップで進めていきます。 エンティティの抽出 エンティティの定義 正規化 ER図の作成 以下では各ステップごとに章を

    4ステップで作成する、DB論理設計の手順とチェックポイントまとめ - Qiita
  • MongoDBで学ぶ、Docker Machineを利用した練習用開発環境の構築手順 - Qiita

    はじめに 開発を進める上で、「作っては壊すことのできる環境」というのは色々なことを試したい時などに重宝します。Dockerを使うことでそのような環境を簡単に構築できます。 今回はMongoDBを例にDockerを利用した開発環境の構築方法の説明をします。 手順についてはMacWindowsなどの非Linux環境でDocker Machineを利用しているという前提で説明をしていきます。(Docker Machineのインストール方法については省略しております。) UbuntuなどのLinux環境を利用しており、ローカル環境にDockerがインストールされている場合は適宜必要な部分だけ読んでいただければと思います。 なお、今回作成したテストレコードを利用したMongoDBのクエリ操作のまとめについてはこちらのこんな時どうする? MongoDBクエリ操作逆引きリファレンスにまとめておきました

    MongoDBで学ぶ、Docker Machineを利用した練習用開発環境の構築手順 - Qiita
  • 1