Create React Appを使わないでゼロからReactの開発環境を構築する方法(Webpack/Docker編) | Casual Developers Note
create-react-appを使わないでReactの開発環境を構築する方法を紹介します。 はじめに 近年のJavaScriptフレームワークはCLIを使ってワン・コマンドで設定できるようになっています。Reactではそのためのコマンドとしてcreate-react-appが提供されています。creat-react-appは簡単にReactを設定できる反面、設定が隠蔽されてしまい、細かい設定をするためにはejectする羽目になります。しかし、ejectをしてしまえば最後、create-react-appがアップデートされてもアップデートできなくなってしまいます。では、プロダクションなどで設定を細かく設定して管理したい場合はどうすればよいでしょうか？そういう人は自分でゼロから設定しましょう。 ということで、今回はcreate-react-appを使わないで、Reactの開発環境を構築してい
Vagrantを使う「Mac最速のDocker環境」を初心者向けに解説【遅いMac for Dockerを卒業】 - Qiita
Docker for Mac の改善により、現在（2023/11/24）はマウント等含め、かなり早くなっております。 相当な理由がある場合にのみ、試すとよいかと思います。 下記の記事を参考にVB上にDocker環境を構築してみたのですが、いくつか調べて対応しなければいけなく、初心者にとってはとっつきにくいかと思いました。 参考: DXを大幅に低下させるDocker for Macを捨ててMac最速のDocker環境を手に入れる 初心者向けで細かくコマンドを解説していきたいと思います。 2020年4月2日追記: docker-composeのInstallをプラグインに変更しました。 2020年5月6日追記: mutagenのセッションリセット方法を追記しました。 はじめに 前提 Homebrew導入済み Dockerの使い方がわかる 対象者 Mac for Dockerを使っている人 Do
hanhan's blog - Docker for Macのmount遅い問題まとめ
docker for macを使っているユーザが抱えている大問題。それが shared directory 遅い問題。このエントリでは、何故遅いのか、どうしたら良いのかをまとめた。 フォーラムの元ネタFile access in mounted volumes extremely slow, CPU bound - Docker for Mac - Docker Forums GithubのissueFile access in mounted volumes extremely slow · Issue #77 · docker/for-mac · GitHub ※注 超長い どんな問題が起きているのか？ Symfonyプロジェクトでブラウザ経由で開発環境にアクセスするとページ表示に30秒かかる コンテナ内で npm install すると10分以上経っても終わらない コンテナ内で gu
nuxt+storybookの環境構築に成功しました - Qiita
(成功しただけで知見にまとめねばと思える、このフロントエンドのディストピア感はなんだ…) これです https://github.com/hikaruna/nuxt-storybook-example 以上 といってはあれなので コンセプト nuxtとstorybookをきれいに共存させるのは面倒(ってか無理)だから別パッケージにしよう はい。もうむりですわ。 頑張って調整して動かしたところで なんでテスト(デモ)環境のための設定うんぬんで、本番環境の設定をいじってしまっているの？ 動いたとして、それ、本当に正しく動いているの？たまたまうごいているんじゃないの？ となります。 そもそもnuxtもstorybookもまともなパッケージ構造をしていない(私はそう思っているが認識が間違ってたら教えてください)ので、ちゃんとしたものなど作れるわけがない nuxtがだめな点: vueをpeerDep
Developing WordPress sites with Docker
I recently set up a new WordPress based website and local Docker-based development environment. This post documents what I did, so that I can do it again next time! As I’m not in the WordPress world, many things are strange to me and I’m indebted to Jenny Wong for pointing me in the right direction on numerous occasions and being very patient with my questions! Thanks Jenny! Project organisation T
Dockerを利用したWordPressの開発環境をwp-cliを使ってさくっと構築する - Qiita
はじめに WordPressの開発を複数人で行う時に、テーマファイルをgitで管理するけど、WordPressの本体やデータベースファイルまではgitで管理することはないと思います。そのような場合、ローカルPC上にWordPressの開発環境を作るのが面倒だったりします。特に利用するプラグインが10個くらいあると、それを管理画面からインストールしているとつらくなります。 そんな面倒な構築作業はコード化してしまえばいいよねってことで、Docker環境でさくっと作ってみました。 最初に用意するもの Docker環境 本記事では、Mac OS + docker desktop 2.1.0.1を使用しています 以下のファイル docker-compose.yml Dockerfile WordPressのインストールシェル ファイル docker-compose.yml WordPress Cor
DockerでWP-CLI入りのWordpressコンテナを作る - Qiita
公式のwordpressコンテナとwp-cliコンテナはディストリビューションが異なるため、主にユーザーIDの違いによって連携させるのに苦労があるようだったので、wordpressコンテナに追加することにした。 レイアウト この辺をgitでやり取りする ※package.jsonは/dockerと同じ階層に置いている。 /docker -/wordpress <-- 運用時に必要なものはここへ -/wp-content - ... -/dev <-- 開発時に使うものをまとめる場所。 -/wordpress -Dockerfile <--- wp-cliのインストール機能を追加 -/mysql -/docker-entrypoint-initdb.d -setup.sql <--- コンテナの初期化SQL -/assets <---.pugとかwebpack前のアセットなどをここへ - .
Vue.js アプリケーションを Docker 化する — Vue.js
最終更新日: 2019年10月29日 簡単な例あなたははじめての Vue.js アプリケーションを素晴らしい Vue.js webpack テンプレート を利用して作成し、Docker コンテナで実行もできることを同僚に披露したいと思っています。 ではプロジェクトルートに Dockerfile を作成しましょう: FROM node:lts-alpine # 静的コンテンツを配信するシンプルな http サーバをインストールする RUN npm install -g http-server # カレントワーキングディレクトリとして 'app' フォルダを指定する WORKDIR /app # `package.json` と `package-lock.json` （あれば）を両方コピーする COPY package*.json ./ # プロジェクトの依存ライブラリをインストールする R
macOSでの開発環境を全部Docker化したらリストア時間が1時間半になった - The paradigm shift
どうも、リストア職人のさぼです。みなさんmacOSをどのぐらいの頻度でリストアしてますか？1年に1回はやってますよね？僕は3ヶ月に1回はやるようにしてます。綺麗な状態にしてOSが最大限のパフォーマンスで動いた方がいいし手元に入れたよくわからないアプリがずっと入ってるのって気持ちよくないじゃないですか。なのでMacを定期的にリストア(工場出荷状態に初期化)してます。 前回までは真っ白な状態からだいたい3時間ぐらいで普段開発している環境を構築できるようにしていたのですが今回から開発環境を全部Dockerにしてみようと思ってやってみたところ1時間半で開発環境を終えて作業開始できる状態までの最短記録を更新しました！ おわり(おわらない) いつもやってる手順を振り返りがてら紹介していきます。 Brewfile いつもリストア後は brew bundle コマンドでアプリやソフトウェアを入れるようにし
DockerでRails+Webpackerの開発環境を構築するテンプレート - Qiita
追記(2018/07/07) node バイナリと yarn バイナリのインストールを、nodeの docker image からコピーする方式に改善しました。 参考URL: https://qiita.com/izumin5210/items/cf14a1ea58fb82d36bb2 はじめに docker-composeを使い、railsを簡単に開発できるテンプレートを作成しました。 webpackerの利用にも対応しています。 特徴は以下の通りです。 bundle installをdockerイメージビルドの時でなく、ENTRYPOINTで行います。 インストールされたgemがDockerVolumeにキャッシュされるので、Gemfileを更新してもイメージの再ビルドをする必要がありません。 webpackerにも対応。webpack-dev-serverが自動で起動されます。 we
丁寧すぎるDocker-composeによるrails5 + MySQL on Dockerの環境構築(Docker for Mac) - Qiita
丁寧すぎるDocker-composeによるrails5 + MySQL on Dockerの環境構築(Docker for Mac)RubyMySQLDockerdocker-composeRails5 はじめに Dockerの勉強も兼ねてrailsのアプリをコンテナに作ろうとしたが環境構築にアホみたいに時間がかかった。 Dockerもrailsも（もはや初歩的なコマンドすら）不慣れなプログラマを救いたいので、手順を書きます。 あとDockerはこれからrailsエンジニアになる人が合わせて使えるようになっておけばスキルとして加点になるので（新しめの技術なので供給量的にも）、勉強のきっかけになればと。 この手順すらめんどくさいと思った方へ(2019-02-04追記) 何もない状態からrailsサーバーとMySQLのコンテナを立ててくれるシェル ※真面目に作りを意識しながらやった方が今後応
Using wp-cli with Docker
Earlier this week, I posted a tutorial on how to setup a local WordPress environment using Docker. If you read that, then this post will serve you well. When you’re finished, be sure to check out my post on some helpful docker commands for cleaning up your dev environment. Many of us use wp-cli to manage our WordPress installations. If you are using Docker to manage your local development, then yo
Firebaseプロジェクトのデプロイについて - Qiita
2018/02/15追記 この記事以降、Alpine Linuxイメージだとしばしばfirebase-toolsのインストール中にgrpcのバイナリファイルが存在されずにインストールが失敗することがありました。 現時点（v3.17.4）ではこの問題は起きていませんが、安定を考えてnode-slimイメージを使った方がいいかもしれません。 前置き この記事は「Firebase Advent Calendar 2017」７日目の記事となります。 Firebaseを使ったプロダクトの知見はちらほら見るようになりましたが、デプロイ周りの知見はまだほとんど見ません。ですので私が実際にやっていることをまとめてみました。参考になれば幸いです。 前提とする必須条件 開発、ステージング、本番などにデプロイ先を切り替えられる 秘匿情報はリポジトリに組み込まない CIでデプロイ可能にする まずはこれが達成できて
GitLab Container Registry - Qiita
GitLab Advent Calendar 2016 の九日目は Docker Image のレジストリである GitLab Container Registry の紹介をしたいと思います。 概要 ビルドした Docker Image を Docker Hub にプッシュされている方は多いのではないでしょうか? GitLab CE/EE には GitLab Container Registry が統合されており、Docker Hub と同じように Docker Image を保管することができます。もちろんこの機能は GitLab.com でも使うことができます。 公式の Docker Hub を使ってもいいのですが、GitLab Container Registry を個人的におすすめする理由はいくつかあります。 まず第一に、社内にサーバーを立てて社内で使う Container Reg
リモートインタプリタとしてのDocker Composeの使用 - ヘルプ | RubyMine
チュートリアル: リモートインタープリターとしての Docker ComposeDocker は、コンテナー化されたアプリケーションを構築、共有、実行するためのツールです。RubyMine は Docker との統合を提供し、イメージの構築から実行中のコンテナー内でのコマンドの実行まで、プロジェクトで必要なすべてのアクションを実行できます。さらに、RubyMine を使用すると、実行中の Docker コンテナーをリモートインタープリターとして使用できます。つまり、IDE から直接、隔離された環境でアプリケーションを実行、デバッグ、およびテストできます。 このチュートリアルでは、リモート Docker Compose インタープリターを使用(英語)してサンプル Rails アプリケーション(英語)をデバッグする方法を示します。このアプリケーションは、Web フロントエンドとデータベースバッ
DockerでRailsの環境構築してHerokuへデプロイする - Qiita
はじめに 3週間くらい前に初めてDockerに触れて、その時のメモを放置したままだったので、改めてまとめました。 Dockerに初めて触れた時に練習としてやった超簡単な環境構築の話なので、私のように、Docker触ったことない・これから触ってみたいという人を対象とした記事になっています。 また、Dockerへの理解はまだまだ浅いこともあるため、間違った部分があったり、非効率的な導入方法になっているかもしれない点はご了承ください！(アドバイス等あれば是非ご教示いただければ幸いです！) 前提 MacOS Ruby, Rails, PostgreSQLなど、最新版を使用 Dockerとは？ 詳細は割愛します。「Dockerとは」等でググったら出てくるので今回はそちらにお任せしたいと思います。 個人的には以下の記事が初心者的には分かりやすいと思いました。 DockerでRuby on Railsの
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
docker-compose super slow on macOS Catalina · Issue #6956 · docker/compose
Docker による Wordpress のローカル開発環境構築 | hbsnow.github.io
NIFTY engineering - ニフティ株式会社のエンジニアたちのいまを伝えます
Digital Graveyards, Firebase tools & Docker