背景 プロジェクトの新規立ち上げや、新しくプロジェクトに新規メンバーが入った場合に環境構築に手間取ることが多いため、Docker＋VS Code Remote Containersのフロントエンドアプリケーション開発環境構築ができるリポジトリを作成しました。 本記事では上記リポジトリを用いた環境構築手順とCreate React Appによる簡単なアプリ開発例を説明します。 また、上記リポジトリをgit cloneしなくても一から同じ環境を構築できるように、リポジトリに含まれるファイル群についてもそれぞれ説明します。 本記事の対象はフロントエンドですが、バックエンドのプロジェクト構築も基本的には同じ知識で構築できるはずです。 前提条件 本記事では以下を前提条件とします。ただし、WindowsやLinuxでも基本的には問題ないはずです。 macOS Monterey Visual Studi

Developers Summit 2020 での講演資料です。働き方改革と言われて久しく、リモートでミーティングなんて事も当たり前になりつつあります。企業でどこからでも開発できる環境を実現するには、どうすれば良いかをテーマにお話しました。ひとえにリモートで得られる開発環境といっても、自宅、コワーキングスペース、オフショアでのチーム開発など目的も異なるので、セキュリティ、コンプライアンスやガバナンスなどの話も浮上してきます。様々な目的の要件や観点を整理し、今まで実際に構築された利用者のリモート開発環境構築について整理し、どのように実現したのか？をご紹介してます。豪華おまけ：企業でリモートワークを推進するための稟議書の書き方のコツ！Read less

この記事は、PowerShell Advent Calendar 2019の一日目です。 qiita.com Windows のパッケージマネージャーの裏はPowerShellが多く使われています。 そんなWindows におけるパッケージマネージャーと言えば、Package Management Chocolatey が有名なのではないでしょうか? 私もChocolatey をパッケージマネージャーに用いて開発環境の構築をしてきましたが、課題が多かったため Scoopに切り替えました。 Chocolatey で何が問題だったのか、なぜscoop を選んだのか、この一年 scoop をどのように環境構築に利用しているのかを紹介したいと思います。 目次 目次 TL;DR Chocolatey の利用 どのように Chocolatey を利用していたのか Chocolatey で困ること Ch

はじめに Pythonの環境構築は僕にとって、戦争でした。 如何せんツールが多すぎます。 インターネットで調べるとざっと挙げるだけで 元から入っているpython3 元から入っているpython3 + venv pyenv pyenv + pyenv-virtualenv pyenv + venv anaconda docker + python docker + anaconda ... 以上のような組み合わせが山程出てきます。 よく最近のゲームのキャラメイキングの 「組み合わせは無限大！」を思い出します。 この記事では、それぞれの環境構築の概念をイラスト画像でまとめようと思います。 環境構築のコマンド自体は取り扱わないためご注意下さい。 追記　2019/11/07 本記事はPython初心者による「概念のみ」に関する説明のため、ベストな環境構築や、すべて正確かつ詳細な内容は含んでないで

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 導入 VirtualBox は、複数の仮想マシンを作成し動作させることができる無償のアプリケーションソフトウェアです。このアプリケーションを使って、Linuxを利用したOSの一つであり無償で利用できる CentOS の最新版を、WindowsのゲストOSとしてインストールします。 開発環境の Webサーバーとして利用することを想定しています。使い勝手を優先し、セキュリティを低下させる設定を紹介している 部分があるのでご注意ください。デザインの変更などについては私の趣味に依るところなので、自分に合わせて設定してください。また、デスクトップ

はじめに 有効にする 無効にする 留意点 はじめに タイトルの通り「Windows 10 Hyper-Vを有効/無効にする方法」です。 有効にする 1. Windowsキー + Rを押す optionalfeatures 2. Hyper-Vのチェックを入れる 3. 以下コマンドを実行する（必須ではない場合があります） bcdedit /set hypervisorlaunchtype auto 無効にする 1. Windowsキー + Rを押す optionalfeatures 2. Hyper-Vのチェックを外す 3. 以下コマンドを実行する bcdedit /set hypervisorlaunchtype off 留意点 Windows で Hyper-V を有効化すると Windowsカーネル 自体が Hyper-V 上で動作するようになる。 つまり Hyper-V を有効化する

※距離はGoogle検索より ゾーン ゾーンはリージョン内の領域になります。選定する際のポイントは、ゾーン毎にプラットフォームの違いがあります。詳細は公式ドキュメントのリージョンとゾーンを参照。本記事では、us-west1-aを選択しています。 マシンタイプ マシンタイプは仮想 CPU（vCPU）数、メモリ、ディスク容量等、仮想マシンインスタンスで利用可能なハードウェアリソースの組み合わせです。詳細は公式ドキュメントのマシンタイプを参照。 無料枠内で利用するためには、f1-micro1台までとなります。 無料枠内で利用できるマシンタイプが変更になりました。無料枠内で利用するためには、E2-microを指定します。詳細は本記事の末尾に追記しています。 ブートディスク ストレージもいくつかオプションがあり、SSDなどを選択することができますが、無料枠内で使用する場合は標準永続ディスクを選択しま

まず最初に、今回作成するデスクトップ環境へは VNC を使って外部からウィンドウシステムにアクセスします。というわけで VNC 用にポートフォワード設定が必要になります。今回は 5901 番ポートで設定するので、各種クラウドのファイアウォールやポートフォワード設定で 5901 番ポートを通すように設定してください（図は IDCF クラウドでのファイアウォール設定画面ですが、使っている環境で同様の設定をしてください）： 次に日本語デスクトップ環境を構築するためのモジュールを導入します。SSH で root ログインし、以下の手順を実行します： （リスト内の上３つのグループモジュールをまとめて導入） # yum groupinstall "X Window System" "Desktop" "Japanese Support" ここまでで X Window System と GNOME デス

GCE 仮想マシンの入れ子(Nested Virtualization)を許可して Vagrant box ビルド環境を作るVagrantpackergce 背景・目的 Vagrant box をビルドしてアプリケーション開発環境を作ると便利です。 ビルドした Box をチーム全員で利用することで開発環境を統一することが出来ますし、VM なのでプロジェクトや開発に使う言語やフレームワークごとに Box を変えることができ、Box を最新化すれば開発環境のアップデートも出来ます。 今回、Vagrant box を build する packer を使って Ubuntu 18.04LTS ベースの Vagrant box をビルドすることを目的とします。 GCE の Always free で割り当てられるインスタンスが Nested Virtualization に対応していることが分かった

Monacaはクラウド技術を活用した、日本発・次世代のアプリ開発プラットフォームです。多様なアプリ開発に対応するクラウドサービスを中心に、アジャイル開発を促進するDevOps、コンサルティングやテクニカルサポート。日々の課題を解決するために用意されたツールやサービスを通じて、あなたのプロジェクトの成功を支えます。 さらに詳しく

どんな時代も、“開発効率化”はエンジニアにとって関心の高いテーマのひとつ。可能な限り少ない工数で多くの機能を開発するため、過去にはさまざまなフレームワークやツールが生み出されてきました。サービスインキュベーション事業部システム部の村田紘司と平野朋也も、部署が抱えていた課題を解決するため、開発効率化に“フルスイング”したエンジニア達です。 彼らは、DeNAの開発文化の常識から脱却したり、アプリ開発において共通して用いられる処理を「Daizu」というフレームワーク群に集約したり、ライブストリーミングサービスの共通基盤を構築したりと、部署の圧倒的な生産性向上に寄与しました。今回は、そんな彼らの取り組みにスポットライトを当てます！ PerlからRubyへ。オンプレからAWSへ ――お2人は、部署の開発効率化のためにさまざまな取り組みをしてきたそうですが、「DeNAの開発文化の常識から脱却」とは具体

1つずつインストールする パッケージを1つずつインストールする操作を説明しましょう。ここでは、例として「web-search」をインストールしてみましょう。 （1）「ファイル」をクリックし、「環境設定」をクリックします。 （2）「インストール」をクリックし、「web-search」と入力して、「パッケージ」をクリックします。 （3）「web-search」の「Install」をクリックします。 インストールが完了すると、以下のように表示されます。 一括インストールする 次は、複数のパッケージを一括インストールする方法を説明します。この手順のとおりに操作すると、この記事で紹介されているパッケージをまとめてインストールできますよ。まずは、インストールするパッケージ名を記載したテキストファイルを作成します。 （1）「ファイル」をクリックし、「新規ファイル」をクリックします。 （2）以下の内容を入

AnkhSVNで自分の好きなDiffツールを使う方法です。 1.メニューから、「ツール(T)」−「オプション(O)」でオプション画面を開く 2.「Source Control」−「Subversion User Tools」を選択し、右端の「…」ボタンを押す ※ここでTortoiseSVNのDiffツール（TortoiseDiff）等をコンボボックスから選ぶことも可能 3.設定用の画面が開くので、ツールのパスと引数を設定する ※ツールに渡す引数は画面下のマクロから設定可能 4.設定が終わったら、こんな感じで見れるようになる（はず）

メモ。 VS 標準の diff ツール？が微妙なので WinMerge で置き換える設定です。 AnkhSVN を使っています。 設定箇所は以下。 VS2010 、 2013 で同じです。 ツール -> オプション -> ソース管理 -> Subversion User Tools -> External Diff Tool 設定内容は以下のような具合です。 "C:\Program Files\WinMerge\WinMergeU.exe" -e -x -ub "%base" "%mine"

更新日: 2022年08月09日公開日: 2015年07月21日今注目のテキストエディタ「Atom」の使い方と便利機能まとめ 『Atom』というエディタの名前を聞いたことはありますか？ 登場したのは2015年と比較的新しいエディタながら、Web開発者が作業を効率化するための様々な機能を網羅している優れものです。拡張機能が数多く公開されたり、人気の拡張機能が標準機能として加わったりと、今も進化しています。 使い始めると奥が深い、Atomの基本を簡単にご紹介します。 ※記事執筆2017年7月18日時点の最新バージョン1.19.0 Beta4の画像を使用しています。 Atomとは まずはAtomの基本情報や特徴などを紹介していきます。 Atomの基本情報 公式サイトはこちら AtomはGitHub（※1）の創業者Chris Wanstrath氏が「Web技術を用いて、Emacsのように自由にカス