スポンサーリンク
NO IMAGE Programming

Vue.jsでOpenLayersを使ってマップを表示する

概要 Vue.jsでOpenLayersを使おうと思ったら、はまってしまった部分があったので、そのはまってしまった部分を含めて、Vue.js内でOpenLayersを使って地図を表示させるところまでを紹介します。 環境 Vue.js
NO IMAGE Server

GitLab Runnerでコンテナ名の衝突で動作しない場合の解決法

概要 GitLab RunnerでCIを回していた際に、Runnerで実行しているコンテナ内でdockerを使いたいという時には、Runnerの設定にprivileged = trueなどを追加して使うことになります。 しかし最近、この
NO IMAGE Tips

ナレッジ系のサービス・ソフトウェアに求めること

調べたことや、やったことのメモを書いておきたいと思い、色々なサービスやソフトウェアを調べてみて、思ったことを書きます。 知識の蓄積 やったことや調べたことを何かに残して置くこと(知識の蓄積)は、後から何をしたかの振り返りや、同じことを調
NO IMAGE Server

GitLab CIでDockerの中でDockerを動かす

概要 GitLabでは、GitLab CIという、CI環境が付いています。 このCI環境は、Dockerをベースにしていて、Dockerのイメージを指定して、そのイメージを元にしたコンテナ上でテストなどのタスクを実行するというものになっ
NO IMAGE Programming

Vue.jsを使ったTypeScriptとwebpackの設定

概要 現在、TypeScriptとwebpackを使ったフロントエンドの環境で開発をしているのですが、そこにVue.jsを導入してみたので、その方法を紹介します。 Vue.jsのインストール Vue.jsは、npmのパッケージからイン
NO IMAGE Programming

gulpとwebpackを使ったSassとTypeScriptのトランスパイル環境

概要 最近のフロントエンドの開発では、CSSやJavaScriptをそのまま書くのではなく、SassやAltJSと呼ばれるようなものを使い、別な言語で書いたものをそれぞれトランスパイラというものを使って、CSSやJavaScriptに変換
NO IMAGE Tips

MarkdownのハイライトにWP Code Highlight.js を設定する方法

概要 今私は、WordPressで、Jetpackのマークダウンで記事を書くことができる機能を使って、記事を書いています。 しかし、そのマークダウンでコードを表示しようとすると、シンタックスハイライトが効きません。 なので、シンタック
NO IMAGE Server

Kubernetesの不具合を調査する方法

概要 Kubernetesで、コンテナがうまく起動しなかったり、コンテナは起動したのに通信ができないというときなどに、原因を調査する方法について、私がやっていることを紹介します。 紹介するものは、kubectlコマンドを使ったものなので
NO IMAGE Programming

Phinxでプライマリキーとしてid以外を使う方法

概要 PHPのマイグレーションツールとしてPhinxがあります。 Phinxはプライマリキーとしてデフォルトでidというカラムを使うので、それを使わないようにする方法を説明します。 方法 まず、Phinxでuserという名前のユーザ
NO IMAGE Programming

Dockerを使ったPhinxの実行

概要 PHPには、Phinxというデータベースのマイグレーション用のライブラリがあります。 これを、DockerのPHPイメージを使って動かそうとした時にやったことを書いておきます。 準備 Phinxは、PHPのライブラリのpdoや
スポンサーリンク