JavaScript

アナログ手書き風グラフを描いてくれるJavaScriptライブラリ「roughViz.js」

データから手書き風グラフを作成してくれるJavaScriptライブラリ「roughViz.js」をご紹介します。

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

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

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

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

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

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

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

Vue.jsのライブラリ Element UI には el-menu というナビゲーションを設定するコンポーネントがあるのですが、Vue Router を使用する場合 router-link コンポーネントをそのまま入れても一応動きますが、ちゃんとに設定する方法を知ったのでご紹介いたします。

Vue.jsはBabelなどを導入しなくても、scriptタグで読み込んで、わりと気軽に扱えるところも売りだったりします。
今回はVue.jsとaxiosを使用して、簡単なjsonファイルを読み込んで表示するということをしてみます。