クモのようにコツコツと

フロントエンドエンジニア イイダリョウの技術ブログ。略称「クモコツ」

【JS】Jestでテストを事始める(TDD:テスト駆動開発)

フロントエンド開発環境の続きです。コードチェック(ESLint)、コード整形(Prettier)ときて、次はコードテストです!JSをTestするからJestというわかりやすい名前w テスト駆動開発(TDD)とは何か?それでは行きましょう!

【コードフォーマッター】PrettierでHTML、CSS、JSのコードを整形してみた

フロントエンド開発環境の続きです。前回はESLintでコードチェックをしてみました。今回はコードフォーマッター「Prettier」でコードの整形をしてみます。JSだけでなくHTML、CSSなどもできるみたい。それでは行きまっしょい!

【JS】ESLintで構文チェックを事始める

以前、フロントエンドの開発環境についていろいろ調べた記事を書きました。その後、Gulp、Babel、Webpackのフロント開発三兄弟を体験しました。今回はESLintを使った構文チェックをやってTRY!それではいきませう。

webpackでJSのモジュールファイルをバンドルする

webpackの続きです。これまでフロント開発3銃士のうちGulpとBabelを触ってみたので、今回は最後の一つ、webpackを触ってみる。以前のJSモジュールの記事のjsファイルをバンドルしてみました。それでは行きましょう!

【React】JSX事始め「すごいぞ!JSXもCDNで動いたんだ!」

Reactの続きです。前回はReactの仮想DOMをCDNで体験しました。今回はJSXのコンパイルを同じくCDNで体験します。ReactといえばJSX!なイメージだったのでようやく一歩踏み入れた感。それでは行きましょう!

【JS】BabelでESをコンパイルする

JSコンパイル系の続きで今回はBabelです。前回はAltJSのTypeScriptをGulpでコンパイルしました。今回のBabelはESの新しい書式を従来の書式(ES5)に変換します。AltJSではなく正規なJSでちょっと書き方が新しいだけだし、Babel自体にコンパイル機能があるた…

【Three.js】マテリアルとライティング設定(入門編に再入門!)

Three.jsの続きです。前回はThree.js入門のの回る箱をいろいろ打ち替えてみました。今回は「マテリアル」と「ライティング」を見てきます。それでは行きましょう!

【Vue.js】vuex-persistedstateでデータをローカルストレージに保存する

Vue.jsの続きです。前回はVuexのミューテーション(mutations)に設定した「いいね」アイコンのカウント処理を読み込んで実行しました。今回はvuex-persistedstateでそのカウント数をローカルストレージに保存してみたく。それでは行きましょう!

【Tone.js】和音楽器に五和音(テンションコード)他を追加する

Tone.jsの続きです。前回は和音楽器に四和音(セブンス、シックスス)を追加しました。今回は五和音(テンションコード)などを追加してみます。それでは行きましょう!

React事始め「すごいぞ!ReactはCDNで動いたんだ!」

新シリーズ。JSフレームワークReact、はじめました。今回は初回ということで、環境構築なしにCDNリンクでReactの仮想DOMを初体験してみます。それでは行きましょう!