Nuxtのlocalhostをhttps://ローカルIP:portにする
Nuxt.jsの起動コマンドnpm run devを実行するとhttp://localhost:3000 で開発サーバが立ち上がります。 localhostをローカルIPに変更 ネットワークグループ内でWi-fi接続して …
「開発環境」の記事一覧
Node.jsの環境構築で失敗したとき試したこと
Node.jsの開発環境を設定しているとたまに、他のパソコンでは正常に実行できたコマンドでこけて環境を構築できないことがあります。そんなときに試したことを、備忘としてまとめました。 Node.jsをnodebrew管理に …
GoogleChromeの開発ツールで圧縮後のJavaScriptをデバッグ
Google Chromeの開発者ツールが、いつの間にか圧縮してあるスクリプトを可読化してデバッグできるようになっていました。 圧縮後のソースで動いている本番環境では不具合が起きているけど、開発環境の圧縮前ソースで再現さ …
Gitのリポジトリ単位でコミットアカウントを使い分ける設定
Gitのコミットに記録される、名称とメールアドレスを仕事用リアルネームと、個人用のハンドルネームなど、状況に応じて出し分けたい場合があります。 特定のプロジェクト（リポジトリ）ではこのアカウント名で、というときはpull …
browserSyncのrewriteRulesでSSI
WEBサーバで、SSI（Server Side Include）というのを使えるようにするとこの書式で、外部データをHTMLの一部として読み込めます。 npmパッケージでおなじみのbrowserSyncでSSIを使うとき …
gulp-sassでautoprefixerを併用するとsourcemapが書き出されない対策
このようなgulp-sassでsassをコンパイルし、gulp-autoprefixerでベンダープレフィックスを自動付与する設定があり gulp-sourcemapsを追加してcssのsourceMapファイルを書き出 …
webpackでCSSをバンドルする
webpackでCSSも含んだJavaScriptを生成したいときの設定メモ。 css-loaderとstyle-loaderを追加 webpack.config.js のmoduleへ設定を追記 webpackのent …
Google FontsがInternetExplorerのサポートを終了
2018年の8月半ばに、GoogleFontsのInternetExplorerサポートが終了しました。 IEの最新版である11でGoogleFontsへアクセスすると、サポート外である旨ガイドが表示されます。 Your …
MacのセキュリティSIPを解除する
MacOS10.13 (High Sierra) から導入されているセキュリティ強化の仕組みSystem Integrity Protecton (SIP)を解除する方法です。 くれぐれも自己責任で… 参考： OS X …
npm installしたのにcommand not foundになるのはnode_modulesへのパスが原因かも
なんとも初歩的な過ちですが、備忘として… このように、npm installでプロジェクトへインストールしているモジュールが動作しない場合は node_modulesディレクトリへのパスが通っていない可能性があります。