Next.js + TypeScript + Docker + GitHub Actions の環境構築 - 電通総研 テックブログ
こんにちは。Xイノベーション本部ソフトウェアデザインセンターの陳です。 この記事では Next.js + TypeScript + Docker + GitHub Actionsの環境構築の方法をまとめます。 セットアップ手順 以下のセットアップを行います。 1. create-next-appでNext.jsのプロジェクトを作成 2. 静的分析ツールESLintの設定 3. コードフォーマッターPrettierの設定 4. テストフレームワークのJest、React Testing Libraryの設定 5. Dockerfileの作成 6. GitHub Actionsを利用したビルド、テストの自動実行 バージョン Next.js v12.3.0 TypeScript v4.8.3 create-next-appでNext.jsのプロジェクトを作成 create-next-appはNe
Dockerに慣れる : ボリュームをマウントする
ホスト上のディレクトリを共有する Dockerに慣れる : Dockerfile について では 元となるコンテナイメージに 環境変数を設定したり 特定のディレクトリに必要なファイルをコピーしたり ファイルを編集したり することでカスタムしたコンテナイメージを生成した。 だが、変更したい箇所を確認する度にコンテナイメージを生成するのは記憶領域が逼迫するし、 かったるい。 その辺りを解決する方法として、ホスト内の特定のファイルやディレクトリをコンテナプロセスと共有したりできるようだ。 今回はそれを試してみる。 参考: 【Docker】第5回 マウントについて（bind）/札幌のAI・IoT・システム開発｜ITイノベーション/最先端技術｜パブリックリレーションズ 【Docker】Dockerでホストのディレクトリをマウントする - Qiita バインドマウント １．バインドマウント（bind）
How to dump & restore a MongoDB database from a docker container
MongoDB is an interesting tool. Dead simple to create and modify records (or, "documents") that are basically pure JSON goodness, juxtaposed with tools or commands that at times make you scratch your head in utter confusion and/or disbelief. Jump to Method one: Singular archive fileJump to Method two: Individual JSON files Revisions: 2024/02/27: Cleaned up formatting of this guide, and fully separ
VSCode Remote Containers で AWS CDK と AWS SAM を使いコンテナ内部でLambdaを実行する
必要な設定 ローカルのコンテナ内でsam local invokeコマンドを実行することを目的に、VSCode Remote Containers を使ってAWS CDK と AWS SAM を実行できる環境を構築した。 設定は以下の2ファイルです。 { "name": "cdk-and-sam", "image": "mcr.microsoft.com/devcontainers/base:debian", "workspaceMount": "source=${localWorkspaceFolder},target=${localWorkspaceFolder},type=bind", "customizations": { "vscode": { "extensions": [ "amazonwebservices.aws-toolkit-vscode" ] } }, "featu
Dockerで起動しているMongoDBにリストアする | TOMILOG
docker run --rm --link mongo_mongodb_1:mongo -v /var/www/mongo/backup/:/backup --network mongo_default mongo:3.2 bash -c 'mongorestore --db ${DATABASE_NAME} --host mongo /backup' mongo:3.2を起動して、mongo_defaultというネットワーク上にある、mongo_mongodb_1というコンテナに接続する。 ホストの/var/www/mongo/backup/ディレクトリにある、リストアデータを/backupにマウントする。 mongorestoreコマンドを実行して、終了したら、今回起動したコンテナを削除する。 オプションの説明 --rm --rm 今回走らせるdockerコンテナがexitしたときに
docker-compose.yml個人的Tips集 - Qiita
Docker Compolseはとても便利ですね。私も業務内外で利用しています。 しかし、一度環境構築したあとは、docker-compose.ymlを修正する機会が少なく、ファイルに定義されている、項目やオプションの意味を忘れてしまうことが多いです。 気になった都度、調べては忘れてというサイクルを何度も繰り返しているため、今後のために1つに記事にまとめようと思います。 本記事では、私が感じたdocker-compose.ymlの個人的ポイントをいくつか記載します。 題材とするdocker-compose.yml 本記事は、Railsを使って個人開発しているサービスのdocker-compose.ymlを題材とします。 リポジトリは、 https://github.com/yuki0920/supplebox ですが、日々メンテしているので、本記事とファイル構成が若干変わっているかもしれま
Dockerで特定のサブディレクトリだけホストと共有しない( Data Volume) - [Dd]enzow(ill)? with DB and Python
現在の仕事では各個人の開発環境をDockerで用意しています。基本的にコードがあるディレクトリをコンテナ側と共有していますが、一部分だけ共有したくないというケースが発生しました。以下のようなケースです。 drwxr-xr-x 571 denzow staff 19414 3 18 09:43 node_modules -rw-r--r-- 1 denzow staff 286 3 18 09:43 package.json drwxr-xr-x 3 denzow staff 102 3 18 09:47 src -rw-r--r-- 1 denzow staff 584 3 18 09:47 webpack.config.js -rw-r--r-- 1 denzow staff 134 3 18 09:51 Dockerfile_webpack -rw-r--r-- 1 denzow st
![Dockerで特定のサブディレクトリだけホストと共有しない( Data Volume) - [Dd]enzow(ill)? with DB and Python](https://cdn-ak-scissors.b.st-hatena.com/image/square/0876a7b2ced38ac4ff23328eae68702d971d8dd9/height=288;version=1;width=512/https%3A%2F%2Fogimage.blog.st-hatena.com%2F8599973812288943377%2F17391345971626779187%2F1521337628)
WP-CLI ＆ Dockerで「爆速」WordPress環境構築
2020/04/20 (更新日: 2021/08/28) WP-CLI ＆ Dockerで「爆速」WordPress環境構築 Docker PROGRAMMING WordPress WordPressの初期設定って毎回同じなのに面倒くさくありませんか？ WordPressインストールをして、必要なプラグインを入れて、パーマリンク設定を変えて… と最初にやることが多くて、テーマ制作など本題に入る前にやることが意外と面倒で僕は消耗することが多かったです。 でも１度設定を作ってしまえば、次のWordPress構築からは簡単にできる便利な方法があるのでご紹介します。僕も実際に使っている方法です。 本記事の内容 コピー＆ペーストで「Docker」「WP-CLI」を利用して、爆速で「WordPress」構築を行う方法をご紹介します 本記事を書いている僕はフロントエンドのエンジニアとして3年の経験があ
DockerのVolume機能を使ってWordPressの開発を爆速化
更新日: 2019年8月15日公開日: 2019年8月13日DockerのVolume機能を使ってWordPressの開発を爆速化 Docker にデフォルトで用意されている Volume機能。最初は取っつきにくいですが、分かりだすと面白い。 今回は Volume機能の基本的な使い方と WordPress の開発に Volumeを使った例をご紹介。 いまいち Docker のコンテナ内のファイル操作がイメージできない方、参考にしてみてください。 DockerのVolume機能基礎編DockerのVolumeとは Volume機能は、 1つのデータを複数のコンテナで共通して使うことができる機能。 iCloud や Google ドライブ、 DropBox など 1つのデータを様々な環境で使用したり、共有したりというのは日常的で当たり前のことですよね。それと同じように 1つのデータを複数の D
Dockerfileのベストプラクティス - Qiita
業務やプライベートでのハンズオンを通して得た知見を元に、dockerfileの実践的な書き方を記載いたしました。 軽量なdocker imageを作る観点とセキュリティーの観点を踏まえた内容になっております。なにか付け足す点などあればコメントいただければと思います。 軽量なimageを作る観点 軽量なimageの使用 Dockerfileでimageを指定する際に、軽量なimageを使用することが進めれている。 docker docsでも代表的な軽量なimageのalpineをおすすめしている。 Whenever possible, use current official images as the basis for your images. We recommend the Alpine image as it is tightly controlled and small in s
DockerとRemote Containersでの開発環境が最高過ぎる - Sweet Escape
この投稿がきっかけでソフトウェアデザインに寄稿しています。この投稿の加筆修正ですが、自分のパート以外にもVS Code全般の特集となってますので興味あるかたはぜひそちらも！ ソフトウェアデザイン 2021年6月号 作者:tsutsu,吉岩 正樹,中村 充志,西谷 圭介,erukiti(佐々木 俊介),結城 洋志,上田 隆一,八田 昌三,サリチル酸,結城 浩,山川 正美,大串 肇,松本 直人,清水 洋治,広田 望,松田 佳希,田中 宗,中島 明日香,くつなりょうすけ,高橋 永成,金谷 拓哉,佐藤 雄飛,梶原 直人,髙濱 暢明,星川 真麻,八木澤 健人,けんちょん(大槻 兼資),職業「戸倉彩」,森若 和雄,大隈 峻太郎,小野 輝也,河野 哲治,古川 菜摘,石井 将直,杉山 貴章,Software Design編集部技術評論社Amazon はじめに Remote Containers Docke
Dockerfileのベストプラクティス Top 20
本文の内容は、2021年3月9日にÁlvaro Iradierが投稿したブログ(https://sysdig.com/blog/dockerfile-best-practices/)を元に日本語に翻訳・再構成した内容となっております。 Dockerfileのベストプラクティスのクイックセットをイメージビルドに適用することで、セキュリティ問題を防ぎ、コンテナ化されたアプリケーションを最適化する方法を学びます。 コンテナ化されたアプリケーションやマイクロサービスに精通している人なら、自分のサービスがマイクロサービスであることに気づいているかもしれません。しかし、脆弱性の検出、セキュリティ問題の調査、デプロイ後の報告や修正など、管理のオーバーヘッドがマクロな問題になっています。 このオーバーヘッドの多くは、セキュリティをシフトレフトし、開発ワークフローの中で可能な限り早く潜在的な問題に取り組むこ
軽量Dockerイメージに安易にAlpineを使うのはやめたほうがいいという話 - inductor's blog
はじめに やめろ、ではなく、やめたほうがいい。です。自分のユースケースに合ってるか今一度確認することを推奨します。基本的にはAlpineは避けたほうが良い、というのが2021年時点での私の認識です。 なんで？ libcに一般的な互換性が不足しているからです。Ruby、Python、Node.jsなどでNativeモジュールをバンドルしているアプリケーションの場合、パフォーマンスの劣化や互換性の問題にぶち当たる場合があります。 superuser.com あとは他のベースイメージの軽量化もそれなりに進んできていて、Alpineが定番軽量イメージと言う認識は2018年頃には消えつつあったかなという認識でいます。 どうすりゃええねん ※Debian Slimがあるやんってツッコミ結構もらったんですが、Slimは当たり前過ぎてもう紹介しなくていいかなっていう甘えで省略していました。よろしくおねがい
【個人的に】Dockerがはかどる小技 - Qiita
初めて知ったときは感動したけど 自分の中で知ってて当然になってしまった小技をまとめました まだこの小技を知らない人に届いてくれるとうれしい Dockerfile RUNを1つにまとめる
Kubernetes 1.20からDockerが非推奨になる理由 - inductor's blog
追記: Kubernetes側での公式のアナウンスが2本出ているのでこちらも合わせてご覧ください。 kubernetes.io kubernetes.io Kubernetesコミュニティを眺めていたら、やたらめったら色んな人達が1.20 RCのリリースノート引っ張り出して「Dockerが非推奨になるからちゃんと対策を検討してね！！！」とアナウンスをしていて、挙げ句SIG Contributexではその対策に追われてバタバタしている自体を観測しました。 CNCF Ambassador Slackでもだいぶ燃え上がっていて、見かねて dev.to に記事を投稿したのでそれをかんたんに日本語にまとめてみようと思います。英語のほうはこちらをご覧ください。 dev.to 追記2. 影響範囲を知りたい場合はまずこちらをお読みください blog.inductor.me 追記2. 影響範囲を知りたい場合
レガシーエンジニアによるDocker入門 - Qiita
初めに この記事は技術進化が5年前くらいで止まっている環境で働く私が、モダンな技術に触れる為に学習したことを記録したものです。 暇潰しに読んでいただければ幸いです 本記事では、 Windows10 Home + WSL2の環境に、Dockerをインストール Golang + GitがインストールされているコンテナをDockerfileで立ち上げる VSCodeからコンテナに接続してHello World の3つを行います。 Dockerとは？ DockerはOracleVM等と同様、仮想環境を提供するソフトウェアです。OracleVMのようにOS全体を仮想化せず、OSの一部とアプリケーションの実行環境をまとめたコンテナと呼ばれる仮想環境を提供します。 コンテナはDockerfileというテキストファイルを元に作成され、Dockerfileが同一であれば、どのOSでも同一の環境を作ることがで
DockerとRemote Containersでの開発環境が最高過ぎる - Sweet Escape
この投稿がきっかけでソフトウェアデザインに寄稿しています。この投稿の加筆修正ですが、自分のパート以外にもVS Code全般の特集となってますので興味あるかたはぜひそちらも！ ソフトウェアデザイン 2021年6月号 作者:tsutsu,吉岩 正樹,中村 充志,西谷 圭介,erukiti(佐々木 俊介),結城 洋志,上田 隆一,八田 昌三,サリチル酸,結城 浩,山川 正美,大串 肇,松本 直人,清水 洋治,広田 望,松田 佳希,田中 宗,中島 明日香,くつなりょうすけ,高橋 永成,金谷 拓哉,佐藤 雄飛,梶原 直人,髙濱 暢明,星川 真麻,八木澤 健人,けんちょん(大槻 兼資),職業「戸倉彩」,森若 和雄,大隈 峻太郎,小野 輝也,河野 哲治,古川 菜摘,石井 将直,杉山 貴章,Software Design編集部技術評論社Amazon はじめに Remote Containers Docke
Docker for Macでは定期的にdisk imageをお掃除する必要がある - モヒカンメモ
要点 Docker for Macを使うなら、定期的にdisk imageをお掃除してあげるべし 背景 Docker for Macで開発しているとあるScalaアプリで、下記のようなエラーが出た java.io.IOException: No space left on device あっれー？そんなにdisk使ってたかなーと思って df -h コマンドを叩いたけどdiskには全然余裕がある。dockerでdisk使用量のquotaとか設定してたかな？と思ってPreferencesを開いて思い出した。 Docker for Macはイメージをbuildすると残りかすがちょっとづつ溜まっていくので、定期的にdisk imageをお掃除する必要がある。 ( docker images prune の話じゃないよ！ ) Disk image？ ここでいうdisk imageとはdocker i
Helmの概要とChart(チャート)の作り方 - Qiita
記事の内容 この記事では、 Helm Chart(チャート)を作るというゴールに向けて、以下のことを説明します。 Helm自体の概説 (前半) Helmチャートの作り方 (後半) この記事の作成に至った動機付けと背景 Helm自体や、その利用手順についての情報は多いが、「Helmチャートそのものの作り方」について、特に日本語で説明したものが少ないように思えたため。 Helmについては、チャートの作り方を含めて https://helm.sh/ のサイトにある公式ガイドに良くまとまっているため、「それを頭からちゃんと読めば良い」のは確かなのですが、もう少し「本家ガイドを読む前にさっと流して理解できるまとめ」があっても良いように思えたため。 人数的には明らかに「Helmを利用するだけの人 > Helmチャートを作成する人」だと思いますが、後者の方の初期ステップのお役に立てば幸いです。 Helm
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
聖なる夜にMongodbDBと戯れるwith docker-compose - Qiita
