2019-09-01から1ヶ月間の記事一覧

【React】Error: Plugin/Preset files are not allowed to export objects, only functions. が吐き出される

webpack-dev-server起動時に以下のようなエラーが出てしまいました。 ERROR in ./src/index.js Module build failed (from ./node_modules/babel-loader/lib/index.js): Error: Plugin/Preset files are not allowed to export objects, only functions. In …

【React入門11】プラグインを導入してhtmlファイルを生成する

こちらの記事は、React入門チュートリアルです。Reactが初めての私がReactを実装していく流れとなるため、初心者の方のつまずきやすいポイントを一通りフォローアップできる内容となっています。 プラグインとは? プラグインの導入 プラグインとは? 前回の…

【React】There might be a problem with the project dependency tree.が吐き出される

webpackを使い慣れていないので、こんな警告が出て、ビルドエラーが出てしまいました。 There might be a problem with the project dependency tree. It is likely not a bug in Create React App, but something you need to fix locally. Manually instal…

【React入門10】ローダーでJSファイル以外もバンドルする

こちらの記事は、React入門チュートリアルです。Reactが初めての私がReactを実装していく流れとなるため、初心者の方のつまずきやすいポイントを一通りフォローアップできる内容となっています。 ローダーとは 標準設定のwebpackはJavaScriptファイルのバン…

【React入門⑨】webpackを使ってファイルをバンドルしよう

こちらの記事は、React入門チュートリアルです。Reactが初めての私がReactを実装していく流れとなるため、初心者の方のつまずきやすいポイントを一通りフォローアップできる内容となっています。 webpackとは webpackを使ってみる webpackをwatchモードにし…

【React入門⑧】コンポーネントのライフサイクルを理解する

こちらの記事は、React入門チュートリアルです。Reactが初めての私がReactを実装していく流れとなるため、初心者の方のつまずきやすいポイントを一通りフォローアップできる内容となっています。 ライフサイクルとは? ライフサイクルメソッドの分類 compone…

【React入門⑦】イベントを実装してStateを操作する

こちらの記事は、React入門チュートリアルです。Reactが初めての私がReactを実装していく流れとなるため、初心者の方のつまずきやすいポイントを一通りフォローアップできる内容となっています。 イベントの導入 JavaScriptでおなじみのイベントですが、JSX…

【React入門⑥】Stateを使ってコンポーネントに値を渡す

こちらの記事は、React入門チュートリアルです。Reactが初めての私がReactを実装していく流れとなるため、初心者の方のつまずきやすいポイントを一通りフォローアップできる内容となっています。 Stateとは Stateを使ってみる Stateとは 前回のチュートリア…

【React入門⑤】propsを使ってコンポーネントを描画する

こちらの記事は、React入門チュートリアルです。Reactが初めての私がReactを実装していく流れとなるため、初心者の方のつまずきやすいポイントを一通りフォローアップできる内容となっています。 Propsとは propsを使用してみる 複数の値をpropsで渡す props…

【React入門④】コンポーネントを使って描画する

こちらの記事は、React入門チュートリアルです。Reactが初めての私がReactを実装していく流れとなるため、初心者の方のつまずきやすいポイントを一通りフォローアップできる内容となっています。 コンポーネントとは? コンポーネントの作成 実際にコンポー…

【React入門③】Babelを使いJSXをJS形式にコンパイルする

こちらの記事は、React入門チュートリアルです。Reactが初めての私がReactを実装していく流れとなるため、初心者の方のつまずきやすいポイントを一通りフォローアップできる内容となっています。 JSXとは? JSXをコンパイルしよう Babelの導入とコンパイルま…

【React入門②】create-react-appコマンドでローカル開発

こちらの記事は、React入門チュートリアルです。Reactが初めての私がReactを実装していく流れとなるため、初心者の方のつまずきやすいポイントを一通りフォローアップできる内容となっています。 create-react-appを使おう 依存パッケージのインストールとロ…

【Laravel6リリース】Laravel 6 Is Now Released 日本語訳

あまり話題になっていない感じだったので、こちらの記事を日本語訳しました〜! laravel-news.com イントロダクション Laravel6.0はLTS! セマンティックバージョニング 認可レスポンスの改善 「Gate :: inspect」メソッド Gate::inspectの一例 Job Midllewa…

【React入門①】Node.js・Reactパッケージインストール事始め

こちらの記事は、React入門チュートリアルです。Reactが初めての私がReactを実装していく流れとなるため、初心者の方のつまずきやすいポイントを一通りフォローアップできる内容となっています。 作業用ディレクトリの準備 Reactのインストール npmを利用す…

【Laravel】Homestead上でLaravelのプロジェクトを複数扱いたい

HomesteadでLaravelを扱い始めたのですが、複数のプロジェクトをどのように出し分ければいいのか分かりませんでしたので、ひとまず解決方法をまとめていきます。 デフォルトでは、indexの読み取りパスは以下のようになっています。/Homestead/Homestead.yaml…

開発環境・検証環境・ステージング環境・本番環境ゆるふわまとめ

開発環境 WEBアプリやネイティブアプリ、WEBシステムなどの開発段階で用いる環境を「開発環境」と言います。特に手元のパソコンのローカルサーバで開発する環境を「ローカル開発環境」と呼びます。チーム開発の場合には、GitHubなどのリモートリポジトリを用…

【ブランチ戦略】git-flowとGitHub Flowゆるふわまとめ

git

ブランチ戦略の主な2つのワークフローである「git-flow」と「GitHub Flow」についてまとめていきます! 2つのブランチ戦略 git-flow メインブランチ master develop サポートブランチ release hotfix feature git-flowの運用イメージ GitHub Flow 2つのブラ…

【VSCode】ソース管理に「5K」表示された時の解決方法

[:1000] 誤ってホームディレクトリ内で「git init」してしまったばっかりに、VSCodeのサイドメニューがこんな感じになってしまいました。 Macの冷却ファンがけたたましく回っていて、アクティビティモニタを見ると「.git」がCPUの80%も占有していました。 …