Mac OS上だと以下のimportステートメントの記述で依存モジュールの名前が解決されましたが、CircleCIで動かしているUbuntuでは名前解決できませんでした。
import React from 'React'Error: Cannot find module 'React' from '/home/ubuntu/project-name/src/components'
正しいモジュール名はreactなので、import React from 'react'という記法が正しいものになります。
Mac OSを開発環境にし、CircleCIでビルドしていると、このようなタイポがあった場合、Mac OSではビルドがとおるがCircleCIではとおらないという不整合で時間を消費することになるため、ブログにしておきます。試していませんが、Travis CIでも同様のことが起こると思います。
“【小ネタ】importステートメントの名前解決の環境依存” の続きを読む
immutability-helperとES6 Computed property namesを使い、Reactのimmutableなstateの更新処理を簡潔に行うTipsです。
“immutability-helperとES6 Computed property namesを使ってstateを更新する” の続きを読む
ウェブサイトなどをちょこっと外のネットワークに出して誰かに確認してもらったりするときにngrokを使っています。ngrokは、URLトンネリングサービスです。トンネリングURLがSlackに通知されるととても便利なので、これをNode.jsで実装します。コマンドの逐次解説も併記してみました。
“ngrokのトンネリングURLをSlackにポストする処理を実装する 1. 環境構築編” の続きを読む
グローバルインストールしたRuby-mapscriptをローカルのrbenvから参照するためにシンボリックリンクを張って対処しました。経緯を記載します。
“グローバルにある共有ライブラリをローカルのrbenvから参照する” の続きを読む
Reactのチュートリアルでつまづいたのでエントリーに残しておきます。
“React x babel x browserifyでファイルに分割したコンポーネントのクラスがロードできない” の続きを読む
Travis CIでOSXプロジェクトをビルドしようとしたところ、ビルド開始まで時間がかかったため、ステータスをチェックしてみました。
“Travis CIでOSXプロジェクトのビルドが始まらない” の続きを読む
npmのエコシステムのみを使い、Bootstrapの必要な機能のみ(例えばグリッドシステムだけ、など)を抽出しカスタムビルドする手順です。なお、公式サイトにはGUIからカスタムしたファイルをダウンロードできる機能があります。
http://getbootstrap.com/customize/
UNIX環境を想定しています。
“Gulpを使ってBootstrapをカスタムビルドする” の続きを読む
ShellCheckを使い、Travis CI上でシェルスクリプトの構文チェックをします。
“Travis CIでシェルスクリプトの構文チェックを行う” の続きを読む
Macの画面共有が有効化されていたため、ポート番号の5900が同じVNCサービスであるDocker Seleniumと被っていてサービスを起動できませんでした。
Error starting userland proxy: Bind for 0.0.0.0:5900 failed: port is already allocated
Docker Seleniumを利用するプロジェクトのDockerfileやdocker-compose.ymlを修正してポートマッピングを変更するか、またはMacの画面共有を無効化するとポート被りは解消されました。
Macに対してhomebrewを使ってインストールしたElasticsearchについて、プラグインを管理するためのpluginコマンドにパスを通します。