webpackでBabelを使ってES6を使えるようにする 【Sass設定もあり】
webpackでES6をBabelにてトランスパイルして古いブラウザでも動くように設定、Sassを従来のCSSにコンパイルしてCSSファイルで出力する設定などを解説しています。webpackを使ってモダンな開発環境を構築できます。
nodenv を使って Node.js を簡単にバージョン管理する方法 【.node-versionファイルで簡単に切替】
Node.jsを簡単にバージョン管理できるnodenvを使う方法を解説しています。.node-versionファイルをディレクトリに置くだけで、ディレクトリごとにNodeのバージョンを変更することができます。手動でいちいち切替をしなくてよいので、Nodeのバージョン変えるの忘れてたということが無くなり、大変便利です。
jQueryでアコーディオン機能を実装する 【初心者でも簡単！】
jQueryで簡単にアコーディオン機能を実装する方法を解説しています。クリックすると開閉するアコーディオン機能は基本的な実装なので、使用頻度の高いJavaScriptの実装で抑えておくべき内容です。
GitHub Pages の使い方 【静的サイトを簡単に無料で公開する方法】
GitHub Pages へ静的サイトを公開する方法を解説しています。GitHubのアカウントを持っていれば、Pushしたリポジトリを元に簡単にGitHub Pagesへ静的サイトの公開が可能です。
jQueryでタブ機能を簡単に実装できる方法を紹介
実践的で開発現場でも使うレベルのタブ実装を紹介します。jQueryを使っていますが、Vanilla JSで書き直せばVueやReactなどモダンなJavaScriptフレームワークでも使い回せる実装をご紹介しています。
Googleマップをホームページに無料で埋め込んで地図表示を掲載する方法 【初心者でも簡単に設置可能】
GoogleMapsをホームページに埋め込んで地図表示を掲載する方法 を解説しています。プログラミングを必要とせず初心者でも簡単に設置が可能です。リクエスト数などに関係なく、無料で利用できる方法を紹介しています。
すべてのチェックボックスを選択する機能をjQueryで実装 【初心者でも簡単！ 複数のチェックボックスに対応】
チェックボックスで「すべて」のチェックボックスをチェックすると、項目が全部チェックON/OFFする制御をjQueryで実装します。初心者でもわかるように動作について解説しています。「すべて」のチェックボックスが２つ以上あっても動作するようにしています。
jQueryでメニューを固定 スクロールしてもついてくるメニュー 【初心者でも実装できるsticky動作】
jQueryでスクロール時にメニューを固定して追尾する実装を、初心者向けに解説しています。一定の位置までスクロールしたら処理を行うというのは、いろいろと応用が効く実装なので、マスターしておくと便利だと思います。