■ はじめに https://dk521123.hatenablog.com/entry/2021/01/29/231952 https://dk521123.hatenablog.com/entry/2021/01/30/232708 の続き。 今回は、Day.js を調べてみた。 目次 【１】Day.js 【２】公式サイト 【３】環境設定 【４】サンプル 【１】Day.js…

■ はじめに https://dk521123.hatenablog.com/entry/2021/01/29/231952 の続き。 Date に関するライブラリの内に気になった date-fns について 実際に使ってみた。（若干のハマりポイントあり） 目次 【１】date-fns 【２】公式サイト 【３】使用上の注意 【…

■ はじめに TypeScript で 日付・日時について扱う機会があった。 ライブラリもあるみたいなので、調査。 なお、TypeScriptって書いてあるけど、JavaScript でも同じ。 後日談 過去に JavaScript の記事があった。。。 https://dk521123.hatenablog.com/entr…

■ はじめに Office (Excel/Word etc) が起動できなくなって 結構ハマったので、メモ。 ■ 現象 いつの間に（多分、Windowsアップデートして）か、 以下のような現象が発生した。 現象１ * Excel/Wordを起動しようしたら、 ショートカットエラーのダイアログが…

■ はじめに https://dk521123.hatenablog.com/entry/2021/01/07/230317 の続き。 今回は、Vueの単体試験をやる上での 基本的なメソッドやTipsを纏める。 目次 【１】主なメソッド １）取得 ２）確認 【２】サンプル 例１：存在・表示/非表示・Text表示チェッ…

■ はじめに https://dk521123.hatenablog.com/entry/2020/12/23/103209 https://dk521123.hatenablog.com/entry/2021/01/08/164356 の続き。 モックを使って単体試験をする必要がでてきたので、メモする。 目次 【１】主なメソッド １）基本的なモック関数 …

■ はじめに https://dk521123.hatenablog.com/entry/2020/11/18/000000 の続き。 AWS Glue で、Excel ファイルを開いて、 CSVに変換する必要が出てきたので、メモ。 なお、AWS Glue環境下でのExcel ファイルを扱うことに関しては 以下の関連記事を参照のこと…

■ はじめに https://dk521123.hatenablog.com/entry/2019/12/08/105415 の続き。 Amazon VPC (Virtual Private Cloud) に関して コツコツまとめてきたが肥大になって見にくくなったので 分冊する。 目次 【１】VPC で知っておくべき事項 １）ネットワーク設…

■ はじめに 仕事で、Lodash って出てきたので、調べてみた。 目次 【１】Lodash (ロダッシュ) とは？ １）フルセットでインストールすると、でかい ２）import の仕方で環境が変わるとエラーになる場合がある 【２】使用上の注意 【３】環境設定 【４】サン…

■ はじめに https://dk521123.hatenablog.com/entry/2020/10/10/000000 の Vue 版。 VS Code 上で、 Vueを使った開発をしているのだが その際に、入れたほうがいいというVSCodeの拡張機能について 情報を得たので、調べてメモる。 目次 【０】拡張機能一覧 …

■ はじめに VS Code を使って、Vueのプロジェクトに対して、 ブレイクポイントを張って、デバッグするのに 結構ハマったので、メモっておく。 基本的には、以下のサイトを読みながらやればできるが 自分の環境では、それだけだとブレイクポイントを張っても …

■ はじめに https://dk521123.hatenablog.com/entry/2020/12/24/000000 の続き。 Vue Routerで基本的なことを徐々にでるが、メモしておく。 目次 【１】該当しないURLを入力した場合、Not Foundページに飛ばす 【２】各画面遷移前に特定の処理を行いたい（ナ…

■ はじめに vue-clamp ってゆーいうプラグインについて、学ぶ。 ■ デモ * 以下のデモを触ってどういうものかを掴むといいかも。 https://justineo.github.io/vue-clamp/demo/#demo ■ 環境設定 npm i --save vue-clamp Error : Could not find a declaration …

■ はじめに https://dk521123.hatenablog.com/entry/2021/01/14/101645 で、外部APIにアクセスしてデータ取得することを行った。 その際、非同期処理になる。 そこで、JavaScript/TypeScriptでの非同期処理を学ぶ。 目次 【１】関連用語 １）async ２）await…

■ はじめに 今回は、VueベースのWebサイトに 比較的容易にグラフを作成できる vue-chartjs について扱う。 目次 【１】vue-chartjs とは？ 【２】デモ 【３】環境設定 【４】グラフ作成手順 【５】サンプル 【１】vue-chartjs とは？ https://vue-chartjs.or…

■ はじめに TypeScript で、axios ってのを扱う可能性がでてきたので、メモ。 目次 【１】axios とは？ 【２】Tips １）キャンセルするには 【３】サンプル 例１：JavaScript での Hello world 例２：TypeScript での Hello world（async/await） 例３：Type…

■ はじめに https://dk521123.hatenablog.com/entry/2021/01/12/000804 の続き。 今回は、Vue の ミックスイン（Mixin）っていう機能を TypeScript で実装してみる。 （まだ、ちゃんと理解しきれてないので、徐々にまとめていく。 ちゃんと理解しないと使わ…

■ はじめに フロントエンドのログで、console.log() 以外に何があるのって 話題になって、console.debug/info/warn/errorもあることが分かった。 https://developer.mozilla.org/ja/docs/Web/API/console#methods Vueを使っているので、vuejs-logger ってい…

■ はじめに Vuex (ビューエックス) ってのを扱う。 目次 【１】Vuex とは？ 【２】関連用語 １）Store（ストア） ２）State（ステート） ３）Actions（アクション） ４）Mutations（ミューテーション） 【３】環境設定 １）Vue.js devtools ２）vuex-module-…

■ はじめに Git の設定により、色々トラブルが解決できるので、メモ。 なお、以下がとても参考になった。 https://qiita.com/hayamofu/items/d8103e789196bcd8b489 目次 【０】設定確認 １）設定全体による確認 ２）設定個別での確認 【１】core.autocrlf : …

■ はじめに Vue で、国際化（他言語化）を行う際に vue-i18n を使うようなので、メモ。 目次 【１】そもそも i18n とは？ 【２】環境設定 【３】$t("キー")について 【４】サンプル 【１】そもそも i18n とは？ i18n とは、internationalization（国際化）の…

■ はじめに https://dk521123.hatenablog.com/entry/2020/12/23/103209 の続き。 Jest を書いていて気になったTips的なものをメモする。 目次 【１】確認用メソッド 【２】その他メソッド １）each 【１】確認用メソッド expectクラスの以下の一覧でどういっ…

■ はじめに https://dk521123.hatenablog.com/entry/2020/12/23/103209 https://dk521123.hatenablog.com/entry/2020/12/22/192553 の続き。 Vueでの単体試験を行う必要があるので、メモ。 目次 【１】環境設定 【２】(個人的に)はまったこと その１：@Compo…

■ はじめに JavaScript/TypeScript において、 for/while/do-while 以外にもループ処理を扱う方法をメモ。 目次 【０】ブラウザ上での実行環境 【１】forループ １）for ... in ２）for ... of ３）forEach ４）ESLint「no-restricted-syntax」 【２】map 【…

■ はじめに vue-intersect ってのを扱う可能性があるのでメモ。 目次 【１】vue-intersect とは？ 使用目的 イベント 【２】環境設定 【３】サンプル 【１】vue-intersect とは？ * Intersection Observer API を使った遅延ロードするVueコンポーネント => …