タグ: javascript
Vue.jsをCDN経由で読み込みつつコンポーネントを別ファイルに分ける
簡単に実装するためにVue.jsをCDNで読み込んでいるような環境で、パーツをコンポーネントに分け、かつ、コンポーネントを別ファイルにするようなとき、どうしたら良いかについてのメモ書きです。
JavaScriptでデータからCSVファイルを生成しダウンロードさせる
管理アプリケーションから任意のレコードを選択してボタンを押すと、用途に合わせた情報が抽出されてCSVファイルとしてダウンロード出来る……という要件を満たすために、最初はPHP主体で処理することを考えていたのですが、色々調べてみるとほとんどJavaScriptで出来ることがわかりました。あとで記載する参考リンクの情報を組み合わせるとこんな感じ。
Amazon Product Advertising API v5.0 での日本語検索の挙動が謎……だと思ってたけど違ったぜ
先日、Amazonの商品表示用APIの最新バージョン「Amazon Product Advertising API v5.0」に対応しました。普通にASINで商品情報を取得する分には使い勝手はあまり変わらないのですが、検索するときちんと検索できたり出来なかったりということが起きて難儀していました。もしかして日本語で検索できないのかなと思っていろいろとパターンを試してみたらこんな感じに。
【おまけ】 Amazon商品検索用ツールも正常に動くようになりました 【Amazon Product Advertising API v5.0】
キーワードを投げるとAmazonの簡易検索が出来て、ブログパーツを取得出来るツールも正常に動くようになりました……といっても自分用に作っただけで公開していなかったので割とどうでも良い告知ではありますが。
【Nuxt】Vue-Carouselの矢印にFontawesomeを使う
【JavaScript】Audioオブジェクトを再生停止する
最近、JavaScriptのAudioオブジェクトを使って音楽再生するコードを書いてるんですが、再生と停止を繰り返す中で気付いたことがあります。なんかね、ただ止めただけでは他の曲を再生したときにオブジェクトが重複して作られちゃうことがあるんですよね。なんだろう。
【Vue.js】Vuexで他のモジュールのアクションを呼び出す【メモ】
ストアオブジェクトを複数のモジュールに分けていた場合に、1つのモジュールから他のモジュールのアクションを呼び出した方が効率的ということがあります。それぞれ名前空間が決まってるわけだし、呼び出すことは出来ないんじゃないか……と思ってたんですけど、普通に出来るみたいですね。
【BootstrapVue】Navにリンクを設定しても遷移しないことがある
【Chart.js】グラフの変更が完了しました【#np2020】
これまでのFlashを使ったグラフからChart.jsを使ったグラフへの切り替えが完了しました。既存のデータを現在のシステムに移行する必要がありましたが、Laravelで適当なコマンドツールを作って、amChartのXMLファイルを読み込んで解析、必要に応じてデータベース上にテーブルを作ってデータを入力という流れで簡単にコンバートできました。特にLaravelのEloquent ORMには助けられてばかりです。素敵すぎ。