JavaScriptに関する記事一覧
JavaScriptファイルのモジュール化 import / export の使い方
JavaScriptを書く際に、１つのファイルが長くなりすぎないように、機能ごとなどでファイルを区切ってモジュール化する方法を解説します。
forEachの使い方・注意点 【簡単！モダンなJavaScriptの配列操作をマスターする】
forEachの使い方や注意点を解説しています。配列操作の基本でよく使うArrayメソッドであり、簡単なのでマスターしておくことをオススメします。
JavaScript ES6のアロー関数が簡単に理解できる 【thisやreturn、引数について初心者向けに解説】
JavaScript ES6（ES2015）のアロー関数について、初心者向けにわかりやすく解説します。Vue,React,AngularなどフレームワークではES6で書くことがほとんどで、アロー関数は理解がほぼ必須となるため、覚えておくべきシンタックスとなります。
Nuxtの開発環境を簡単構築 【create-nuxt-appでNuxt入門】
JavaScript Nuxt PROGRAMMING Vue
NuxtはVueをベースとしたJavaScriptのフレームワークで、SSRやSSG、PWAの対応など多くの機能を標準実装していてとても強力です。webpackやVueの煩わしい設定を簡単にしているので、環境構築したらすぐに開発を始められます。
React入門 初心者でもCreate React App(create-react-app)で簡単に環境構築する方法
Reactの環境構築を挫折せず簡単に作る方法を解説しています。webpack設定など難しく感じてしまうReactですが、Create React Appで簡単に構築が可能です。
Vueを始める方法 【初心者でもVue-CLIで環境を簡単構築ができる】
Vueを始める時の環境構築の方法を初心者にわかりやすく解説しています。難しく感じるVueの環境構築もコマンドで簡単に作ることができます。
webpackでHTML・画像をそのまま出力 【jQueryを組み込む方法も紹介】
webpackでビルドする時に、HTMLや画像をまとめずにそのまま出力したい場合はパッケージを入れて設定すれば簡単にできるので紹介しています。jQueryを組み込んでビルドしたいときも簡単にできます。
JavaScript ES6 でタブ機能を実装する
タブ機能をJavaScriptのES6をベースに実装する方法を解説しています。webpackによって、JSをBabelで自動トランスパイル、Sassの自動コンパイルなどをして、モダンで実用的な実装を紹介します。
webpackでBabelを使ってES6を使えるようにする 【Sass設定もあり】
webpackでES6をBabelにてトランスパイルして古いブラウザでも動くように設定、Sassを従来のCSSにコンパイルしてCSSファイルで出力する設定などを解説しています。webpackを使ってモダンな開発環境を構築できます。
nodenv を使って Node.js を簡単にバージョン管理する方法 【.node-versionファイルで簡単に切替】
Node.jsを簡単にバージョン管理できるnodenvを使う方法を解説しています。.node-versionファイルをディレクトリに置くだけで、ディレクトリごとにNodeのバージョンを変更することができます。手動でいちいち切替をしなくてよいので、Nodeのバージョン変えるの忘れてたということが無くなり、大変便利です。