現役プログラマのWordPressカスタマイズ相談

WordPress(ワードプレス)のお悩み、うまくいかなくてお困りなこと、不具合調査、新規制作依頼まで、ウェブアプリケーションエンジニアがあなたをサポートします。

WARNING in ./node_modules/Firebase/dist/index.cjs.js

angular で Firebase を使ったときに起こったWARNING

解決しないと実行できません。。

[ng] WARNING in ./node_modules/Firebase/dist/index.cjs.js
[ng] There are multiple modules with names that only differ in casing.
[ng] This can lead to unexpected behavior when compiling on a filesystem with other case-semantic.
[ng] Use equal casing. Compare these module identifiers:
[ng] * /<path>/node_modules/Firebase/dist/index.cjs.js
[ng]     Used by 5 module(s), i. e.
[ng]     /<path>/node_modules/@ngtools/webpack/src/index.js!/<path>/src/app/detail/detail.page.ts
[ng] * /<path>/node_modules/firebase/dist/index.cjs.js
[ng]     Used by 5 module(s), i. e.
[ng]     /<path>/node_modules/@ngtools/webpack/src/index.js!/<path>/src/app/app.component.ts
[ng] ℹ 「wdm」: Compiled with warnings.

ワーニングの内容は

複数のモジュールで名前がケースによって異なる
大文字、小文字のファイルをコンパイルすると、予期しない動作につながる可能性がある

といった感じ。

 

detail.page.ts のfirebaseのimport記述を確認したところ

import * as firebase from 'Firebase';

となっていた。

警告通り、大文字Fを小文字fに変更してみた

import * as firebase from 'Firebase';

そして実行。

[ng] WARNING in ./node_modules/Firebase/dist/index.cjs.js
[ng] There are multiple modules with names that only differ in casing.
[ng] This can lead to unexpected behavior when compiling on a filesystem with other case-semantic.
[ng] Use equal casing. Compare these module identifiers:
[ng] * /<path>/node_modules/Firebase/dist/index.cjs.js
[ng]     Used by 3 module(s), i. e.
[ng]     /<path>/node_modules/@ngtools/webpack/src/index.js!/<path>/src/app/create/create.page.ts
[ng] * /<path>/node_modules/firebase/dist/index.cjs.js
[ng]     Used by 7 module(s), i. e.
[ng]     /<path>/node_modules/@ngtools/webpack/src/index.js!/<path>/src/app/app.component.ts
[ng] ℹ 「wdm」: Compiled with warnings.

modulesの数字が変化した。

解決したのか?

同様に create.page.ts のimportも修正し実行。

[ng] Date: 2018-09-28T02:05:58.160Z - Hash: ff79b76efc66c6cf0588 - Time: 8958ms
[ng] 176 unchanged chunks
[ng] chunk {create-create-module} create-create-module.js, create-create-module.js.map (create-create-module) 9.08 kB  [rendered]
[ng] ℹ 「wdm」: Compiled successfully.

無事解決 ヽ(^o^)丿

githubに載っていたものを参考にしたんだけど。。。

Firebaseの「F」の大文字が原因だったのか?

phpでzip生成しダウンロードしたファイルをmacで展開するとcpgzになる

f:id:jsaz:20180808232108p:plain

ZipArchiveを使ってもexec関数でzipコマンドを使っても発生する現象

ロジックはネットに記載されているものでOK。

最後にファイルを読み込んでいるところ

echo file_get_contents([Zipファイル]);

または

readfile([Zipファイル]);

の処理の直前に

続きを読む

ふるさと納税-フルーツソムリエが選ぶゴールドキウイ

f:id:jsaz:20180729171029j:plain:w320

ふるさと納税ゴールドキウイをリピートです。

ちょうど一年前に さとふるにて申し込んだ(寄付)お礼品を今年も再申し込みしてみました。

感想と昨年との違いを残します。

続きを読む

HDDをSSDに交換したらすごく速くなった

最近、PCの動作が重く悩んでいました。。

私のPCのスペックはこちら

エプソンEPSONEndeavor ST170E

Windows 10 Home

インテル Core i5-4200M プロセッサー (2.5GHz)

メモリ16GB

2013年式

ちょうど2年前2016年7月に35,000円(税込)で高山質店にて購入した中古パソコン(箱、保証一切なしの)です。

 

買い替え前は学生時代から5-6年使っていたlavieノート(10万円くらいのエントリーモデル)を使っていましたので、「買ったときはなんて速いんだ!」と思っていました。

 

しかし最近やけにHDDが動いていて、何もしていないのに100%になったりしていました。 2年しか使っていないけど、中古なので5年物。。

 

そろそろ買い替え時かなーと考えてたところ、友人に「SSDに変えると結構使える」と言われたのを機に、少し調べていました。

続きを読む

目次(TOC)プラグインをウィジェットに配置したが見出しにショートコードがあると変換されない

WordPressで「Table Of Contents Plus(TOC+)」と「Advanced Custom Fields」を使った時の話。

f:id:jsaz:20180505102513p:plain:w360

テーマはsangoを使用していて、下記のカスタマイズガイドのように目次プラグインのTable Of Contents Plus(TOC+)の設定を行いました。

テーマ標準機能の追尾サイドバーウィジェットに目次を表示させたいと思い適用しました。

saruwakakun.com

カスタムフィールドを記事本文中で使うにはACF(Advanced Custom Fields)のショートコードを使います。

こんな感じ↓

[acf field="name"]

 

見出しでカスタムフィールド使っていました。 本文中の目次(TOC)は正常に表示されるのにウィジェットに配置した目次(TOC)はショートコードが変換されずにそのまま表示されてしまうという現象にぶつかってしまいました。 

どうにか解消したいと調べたのでまとめました。

  • 見出しでカスタムフィールドとは?
  • Table Of Contents Plus の解析
  • 修正
  • 注意点
続きを読む