クモのようにコツコツと

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

【React】JSXの中に別の関数のJSXを読み込む(入れ子状態)

JS

Reactの続きです。前回はJSXを事始めて、変数でテキストやCSSスタイルを読み込んでみました。今回はJSXの中に別の関数のJSXを読み込むのをやってみます。JSXの入れ子状態です。それではいきましょう!

【CSS】そうだ Autoprefixerで 自動ベンプレ付けよう(Gulpで動かす)

フロントエンド開発環境の続きです。前回はHTMLHintでHTMLの構文チェックしました。今回はAutoprefixerでCSSのベンダープレフィックスを自動で付けてみます。ベンダープレフィックスはとても悩ましい存在で、これを付けるのが面倒であるために、その機能を使…

ExpressとJSフレームワーク(React、Vue、Angularなど)との関係について調べたこと

JS

Node.jsのフレームワークExpress。存在は前から知っていたけどイマイチ何ができる物なのかわかっていなかった。以前の記事でRest APIについて調べたことをキッカケに、ExpressとJSフレームワーク(Vue、React、Angularなど)の関係についても調べました。そ…

【JS】アロー関数の複数の書き方を試してみた

JS

ES6(ES2015)で追加されたアロー関数。従来の関数よりもコンパクトに書けます。IE非対応とはいえ、もう5年も経っているのでそろそろこちらをメインで行きたい!アロー関数には複数の書き方があります。自分的に直感的ではないと感じた書き方もありましたが…

【HTML】HTMLHintで構文チェックを事始める

構文チェック系の続きです。前回はStyleLintを使ってCSSの構文チェックを行いました。今回はHTMLHintを使ってHTMLの構文チェックをしてみたく。それでは行きましょう!

【CSS】StyleLintで構文チェックを事始める

構文チェック系の続きです。前回はESLintでJSコードの構文チェックを事始めました。今回はStyleLintでCSSコードの構文チェックを事始めます。それでは行きまっしょい!

REST APIとは何かを調べまくったらようやくイメージができてきたのでまとめた

数年前からキーワードとしては知っていた「REST API」。それが何かはいまいち理解できていなかった。調べまくったところフロントエンドとバックエンドの分業の流れがようやく理解できました。「API」と「JSON」への理解も重要でした。それではいきましょう!

【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!それではいきませう。