「vue-recaptcha.js」が「2.x」にバージョンアップして動かなくなった件

Vue.js logo

いまだ専任のエンジニアを置いていない前職から「クレジットカードが追加できなくなったんだけど」という問い合わせが来て調べてみたら、クレジットカード追加フォームに設置していたreCaptchaが動かなくなってました。文字通り「何にもしてないけど壊れた」状態。あれ?

続きを読む

JavaScriptでデータからCSVファイルを生成しダウンロードさせる

いろいろなファイルアイコン(文字)

管理アプリケーションから任意のレコードを選択してボタンを押すと、用途に合わせた情報が抽出されてCSVファイルとしてダウンロード出来る……という要件を満たすために、最初はPHP主体で処理することを考えていたのですが、色々調べてみるとほとんどJavaScriptで出来ることがわかりました。あとで記載する参考リンクの情報を組み合わせるとこんな感じ。

続きを読む

【Vue.js】Vuexで他のモジュールのアクションを呼び出す【メモ】

Vue.js logo

ストアオブジェクトを複数のモジュールに分けていた場合に、1つのモジュールから他のモジュールのアクションを呼び出した方が効率的ということがあります。それぞれ名前空間が決まってるわけだし、呼び出すことは出来ないんじゃないか……と思ってたんですけど、普通に出来るみたいですね。

続きを読む

【vue-chartjs】グラフのオプションを一括設定したい【#np2020】

Vue.js と Chart.js を連携させてグラフを描画する場合、ラッパーとして「vue-chartjs」を使うと面倒なことがかなり省略できて楽です。ファイルさえ準備しておけばデータを入れて簡単にグラフが描画できるというイメージでしょうか。導入に関しては公式サイトなどを参照してください。

続きを読む

【メモ】npmからyarnに乗り換え【#np2020】

yarn_logo.png 少しずつ開発している新サイト(プロジェクト名:np2020)では、環境の設計以来ずっとnpmを使っていたんですけど、業務でこれまた新しく設計された環境(設計したのは前任者)で開発をしていて、そこでyarnを使っていてインストールがとても速くて使いやすいので、こっちでもそれに乗り換えましょうということで乗り換え。 npmとyarnの違いについてはこの辺がわかりやすいです。 Yarnとnpmの違い:JavaScriptパッケージマネジャーを比較する – WPJ npm vs yarnどっち使うかの話 – Qiita 手順は以下の通り。

  1. npmでyarnをインストール
  2. yarnコマンドを実行
以上です。それだけ。

続きを読む