開発環境

Docker環境をVagrantで構築する

はじめに メールテスト可能な最強のWordPress開発環境をDockerで構築するでは、DockerをVagrantで動かしています。 Vagrantであれば、Windows/Mac問わず同じ環境を構築できることができるので、理論的にはどんなクライアント環境でもDockerで同じ開発環境を構築できるはずです。 WindowsにおいてはVirtualBoxとHyper-Vが共存できないため、都度 […]

メールテスト可能な最強のWordPress開発環境をDockerで構築する

はじめに Dockerのことを知っておかないと恥ずかしい世の中になってきたので、学習がてらWordPressの開発環境を構築してみました。 さまざまなサイトを参考にさせていただき良いとこ取りをして、過去の経験を元にWordPressの開発に最低限必要なものを網羅しました。 また、DockerはVagrantで動かしています(Docker環境をVagrantで構築する)。 前提 docker-com […]

  • 2018.04.03

1分でできる!ローカルサーバー構築

ちょっとした静的サイトをコーディングするのにXAMPPやらMAMPやらを立ち上げてバーチャルホストを設定するのが面倒なので、gulpを利用したローカルサーバーをサクッと構築できる一式を作りました。 一式はGithubで公開しています。 gulpが使えることが前提となってしまいますが、1分で構築できるので非常に手軽です。 git pullなりzipなりでダウンロードした後は、必要なnpmをインストー […]

Ruby初心者がVagrantでRuby on Railsの開発環境を構築する

新人さんがRuby on Railsの開発環境構築に苦戦していたので、Vagrantでその手助けをしてあげました。 僕はその新人さん以上にRubyが全く分からない初心者ですが、先人の知恵をお借りすることで環境構築に成功しました。 ベースとなるCentOSのBOXを追加 Vagrant Cloudよりbentoを利用させてもらいます。 $ vagrant box add bento/centos-7 […]

  • 2016.11.20

動作確認付!初心者向けgulp入門

フロントエンドコーディングする上でとても便利なgulpの、導入から使い方までを簡単にご紹介します。 公式サイト – gulp.js この記事の通りにgulpを導入すると以下を実現できます。 Sassのコンパイル CSSへのベンダープレフィックス付与 JavaScriptファイルの圧縮 HTML/scss/jsのライブリロード 必要なもの node.js テキストエディタ node.js […]

VagrantのScotch BoxでOPcacheを有効化

Vagrant の Scotch Box 2.5 に Drupal 8.2.0 をインストールしようとしたところ、要件レビューのところでエラーが出ました。 OPcacheをインストールすることを強くおすすめしますとのこと。 Gitにissueで上がってました。 Disable OPcache · Issue #95 · scotch-io/scotch-box · GitHub やることは一文字変 […]

初心者向け!Vagrantで簡単LAMP開発環境構築

Web開発におけるローカル開発環境は、以前よりXAMPPやMAMPを使ってきましたが、現在の主流はVagrantやDocker。 インフラ関係は全くの素人なので、主流とはいえそれらの利用を避けてきました。 しかし、今後必要になるであろうと、VagrantでのLAMP開発環境導入についてまとめました。 僕自身、白い画面(Mac:ターミナル)や黒い画面(Win:コマンドプロンプト)が苦手なため、GUI […]

  • 2016.06.25

Git初級者におすすめ!Git-itのススメ

TortoiseGitやSourceTreeなどで、Gitを使っています。 バージョン管理をしながら、チームで使っています。 しかし実は、ブランチだのプルリクエストだの、細かいことはよくわからないまま、一つのリポジトリのみで「とりあえず」使っているだけなんです。 現状直接困ってはいないのですが、知識として一応は知っておかないとまずいなと思って、Gitを学ぶことについて少し調べました。 すると、チュ […]

  • 2016.05.29

初心者でもHTML/CSS/JavaScriptを正しい構文で書ける!フロントエンドエンジニアのためのATOM導入マニュアル

フロントエンドエンジニアのための、GitHub社製エディタ「ATOM」導入マニュアルです。 ATOM本体のインストールから、主にHTML/CSS/JavaScriptを扱うフロントエンドエンジニア向けの、おすすめPackageの導入までまとめています。 本記事に沿ってATOMを導入するメリットは以下です。 HTML構文チェック CSS構文リアルタイムチェック JavaScript構文リアルタイムチ […]