レガシー環境から脱却したい

プログラミングや環境構築の話をまとめています。

Surface Pro 7からケーブル1本でトリプルディスプレイに挑戦

最近、自宅の開発環境をトリプルディスプレイにしました。 (といっても半年ほど前ですが) 広い画面は良いですね。 いろんなウィンドウを表示したまま作業ができるので、仕事してる気になれますコーディングが捗ります。 また、現在メイン機として愛用して…

サポート完全終了のCentOS6とPHP5.6の開発環境をDockerで作成する

CentOS6 と PHP5.6 でDocker開発環境を作るTipsです。 CentOS6環境に合わせたDockerfileの書き方をまとめています。

EC-CUBE4のSQLで特定のIDの商品を先頭に表示したい場合の書き方

EC-CUBEのカスタマイズ案件の中で、「商品一覧の先頭に指定した商品を指定した順に表示させる」という要望がありました。 MySQLだと慣れているので問題ないのですが、EC-CUBE4ではSQLではなくDoctrineのDQLのため、作法が違う部分がいくつかあります。 そこ…

Nuxt.jsで「Cannot read property '_normalized' of undefined」エラーが出た

Nuxt.jsで静的サイト作成時に下記エラーが出るようになりました。 TypeError: Cannot read property '_normalized' of undefined

UbuntuへIntellij IDEAをインストールする

はじめに Ubuntuへインストールする方法のメモ ほかにスマートなやり方はあると思いますが、とりあえずできた方法をメモします。 Intellij IDEA以外のJetbrain製品も手順は同じだと思いますので、参考になるかと思います。 ①ダウンロード ダウンロードページ…

Dockerでファイルのパーミッションをホストユーザと合わせる方法

はじめに 最近WSL2にDockerをインストールして、WSL2内でコーディングをするような環境を構築しました。 その環境でDocker経由でファイルを作成するとパーミッションエラーが起こったためその解決方法をまとめます。 ※WSL2にインストールしたDockerにて動作…

UbuntuへHugoをインストール

はじめに 公式のページに情報はありますが、Linux版はHomuBrewでの方法しか書かれていなかったため、バイナリからインストールしました。 gohugo.io インストール手順 下記リンク先より、Hugoの最新バイナリを取得します。 github.com scssのコンパイルもし…

nvmを使ったYarnのインストール方法

はじめに WSL2のUbuntu環境にnvm経由でyarnをインストールした際に、最新バージョンがインストールされなかったので手順をメモします。 管理の簡略化や、異なるバージョンを切り替えることもあるためnvmからインストールしました。 nvmのインストール はじめ…

nuxt generateでページが作成されない

Nuxt.jsで静的Webサイトを作成しようとnuxt generateしたところ、作成されたページを開いても真っ白でローディングイメージのみ表示されている状態になりました。 原因 いろいろググりながら試してたところ、原因はSPAモードに設定していたためでした。 nuxt…

Nuxt.js+TypescriptのソースがIntelliJ IDEAで「Ts1219」Warningが出る

Nuxt.jsにTypescriptを適用して、Classを書こうとしたときに、下記エラーが出ました。 TS1219: Experimental support for decorators is a feature that is subject to change in a future release. Set the 'experimentalDecorators' option in your 'tscon…

Vue.js + BuefyでMdi Fontが表示されない

Vue.js + Buefyでプロジェクトを作った際、Material Design Iconsがうまく表示されなかったため、解決方法をメモ。 ① mdiフォントのインストール $ npm i @mdi/font or $ yarn add @mdi/font ② main.jsに下記を追加 import "@mdi/font/css/materialdesignico…

Docker Desktop for Windows 2.2.0.0のdocker-composeでエラー

Windows10のdocker desktop for window環境で、docker-composeで起動中のコンテナを操作しようとしたところ、下記エラーが出るようになりました。 ``` > docker-compose exec web /bin/bash Traceback (most recent call last): File "docker-compose", line…

snapでインストールしたhugoで"permission denied"エラー

はじめに HugoはGO言語で作られた静的サイトジェネレーターです。 この度ブログを作成しようとHugoをインストールしたところ、プロジェクト作成時に下記エラーに見舞われました。 $ hugo new site myblog Error: Failed to create dir: mkdir /var/lib/snapd…

~/.ssh/configでSSHコマンドを快適化

sshやsftpなどのコマンドで他のサーバーに接続できますが、接続のたびにIPアドレスやドメイン名を打つのは大変です。 また、サーバーの設定で、パラメータ追加や踏み台経由で接続する必要があるとさらにコマンドが長くなります。 こんな時は「~/.ssh/config…

Docker on WSL2 + laradockなLaravel開発環境

WSL2内にインストールしたDocker+Laradockを利用して、Laravelの開発環境を作成する手順をメモします。 ゴール Laradockの設定と起動 laravelのインストール

PhpStorm on WSL2でWindowsに依存しない開発環境を作る

WindowsでPHPなどの開発をしていると色々トラブルに見舞われます。 WSL2やWindows terminalの登場で、端末環境はほぼLinux同等のものが動くようになりました。 しかし、コード編集にWindows側のIDEを使おうとすると色々トラブルに見舞われます。 (Dockerの…

WSL2のapt updateでエラーが出る

WSl2にUbuntu 18.04を入れたところ、apt updateコマンドで下記のようなエラーが出るようになりました。 $ sudo apt update Hit:1 https://download.docker.com/linux/ubuntu bionic InRelease Hit:2 http://ppa.launchpad.net/fish-shell/release-3/ubuntu b…

ThinkPad ワイヤレス・トラックポイント・キーボード の腱鞘炎対策

トラックポイント付きキーボードを使うと、マウス操作の際にホームポジションから手を離さないで済むので生産性が上がります。 (上級者はキーボードショートカットですべてを操作できるからマウスは必要ないとか) 使いやすくて愛用しているのですが、一点…

Node.jsのDockerコンテナにyarnをインストールしようとしてエラーが出た

はじめに DockerfileからNodeコンテナをビルドする際に下記エラーが起きました。 npm ERR! code EEXIST npm ERR! syscall symlink npm ERR! path ../lib/node_modules/yarn/bin/yarn.js npm ERR! dest /usr/local/bin/yarn npm ERR! errno -17 npm ERR! EEXI…

WSL2のX-ServerでGUI表示する際に「export DISPLAY=:0.0」が効かない

WSL2を使った開発環境を使う上で、 X-Server経由でWSL2のアプリをGUI表示させようとして、戸惑った点についてまとめます。

ThinkPad ワイヤレス・トラックポイント・キーボードのNewモデルが登場!

待っていた! 5年ほど前から使っていて、同じ型を買い変えながら現在3代目。 愛用しているキーボードのNewモデルが発表されました。 japanese.engadget.com 発売年が2013年なので、7年ぶりなんですね。 最近でもちらほらレビュー記事を見かけるので、やはり…

docker環境におけるコマンドの省略方法

今のプロジェクトではdocker-composeを使って環境構築しています。 その時に問題なのが、コンテナ起動やコンテナ内で実行(composerとかartisanとか)したいときに打つコマンドの長さです。 毎回毎回docker-compose exec app php artisan ...など打つのはち…

nuxt.jsのbuildでcore-jsのエラーが出る

Nuxt.js + Vuetifyの環境でbuildすると、下記のようなエラーが出るようになりました。 Module not found: Error: Can't resolve 'core-js/modules/...' in '/app/...' core-jsが3.xになるとエラーが起きるらしい。 2系の最新版(2019/12/10時点)をインストー…

nuxt.jsのDocker開発環境

Nuxt.jsのDocker(docker-compose)を使った開発環境構築メモ 自動で環境構築とテストサーバー起動までを行います。 動作環境 Ubuntu18.04 ファイルの説明 ファイル構成 ┬ .env ├ docker-compose.yml ├ docker │ └ Dockerfile └ front // ソースコード docke…

Windows開発環境でのgitの設定

Windows環境でのGitはGit for Windowsを使っています。 Windowsで開発するときに気をつけないといけないものはいくつかありますが、そのうちの一つが改行コードの設定です。 デフォルトのままGit for Windowsを利用すると、git pullするときに改行コードがCR…

Windows版Gitでパーミッションを無視する方法

同じリポジトリをWindows、Linux、Macなど別々の環境での開発を余儀なくされる場合、パーミッションの違いが差分扱いとなることがあります。 例えばLinuxでパーミッションchmod 755のように設定したファイルでも、Windows側では644として判定されるなど。 Wi…