javascript

Gatsby.jsにreact-helmetを導入してhead要素（メタタグ）をカスタマイズする

GatsbyでHTMLファイルを書き出すと、初期状態ではメタタグはおろかタイトルもないんですよね。
その辺のカスタマイズは「helmet」とというプラグイン使うと簡単らしいでご紹介します。

GatsbyはReactで開発された、静的サイトジェネレーターです。
この記事ではGatsbyのとりあえず始め方の部分だけご紹介します。

ReactとHooks機能を使ってリストの絞り込み検索（フィルター）と並び替え（ソート）機能を作成してみます。

関数コンポーネントでStateを使える、React HooksとシンプルにグローバルStateの管理ができる軽量ライブラリのUnstated Nextを使用して、ToDoアプリを作るサンプルです。

脱jQueryの道の第二弾です。プラグインを使うまでもない小さな機能はjQuery使わない場合どう書くんだろう。ということでやてってみたいと思います。

いつもはjQueryを使用していますが、素のJavaScriptでクリックイベントやクラスの切り替えを行ってみます。

jQuery＋CSS3を使用して、ハンバーガーボタンをクリックすると全画面メニューが表示するやつをやってみます！