#JavaScript
18 件の記事
資産推移シミュレーターを作った
個人の資産形成に役立つツール「資産推移シミュレーター」を作った話を紹介します。
Jestのスナップショットテストのデメリット
Jestのスナップショットテストのデメリットを解説。テストの脆さやアサーションの不明瞭さ、なぜアサーションテストの方が良いのかを紹介します。
マークダウン形式のファイルをPDFファイルに変換する（mermaid・emoji・toc対応）
マークダウン形式のファイルをPDFへ変換する仕組みを紹介。mermaid・emoji・目次（toc）に対応したシンプルなドキュメント管理ツールです。
Jestで始めるJavaScriptのテスト
JestでJavaScriptのテストを始める方法を解説。ESモジュール設定、babelのセットアップ、実践的なテストファイルの書き方を紹介します。
モダンなJSの話──Proxy
JavaScriptのProxyオブジェクトを解説。トラップハンドラ、対象のラップ、値のバリデーションといったES2015の使い方を紹介します。
モダンなJSの話──async function
モダンなJavaScriptのasync function、await式、Promiseベースの非同期処理を解説します。
ReactとHistory APIを使ってrouterを自作する
ReactとHistory APIのpushState・popstateを使い、ライブラリに頼らずSPAのルーターを自作する方法を解説します。
モダンなJSの話──Promise
モダンなJavaScriptのPromiseを解説。非同期処理、.then()によるチェーン、エラーハンドリング、コールバック地獄の回避を紹介します。
モダンなJSの話──アロー関数
JavaScriptのアロー関数を解説。構文、レキシカルなthisのバインド、ES2015の関数式について紹介します。
モダンなJSの話──クラス
JavaScriptのES6クラス構文を解説。コンストラクタ定義、getter/setter、strictモードの挙動を紹介します。
モダンなJSの話──Destructuring assignment（分割代入）
モダンなJavaScriptの分割代入を解説。配列・オブジェクトのデフォルト値やエイリアスを使った書き方を紹介します。
モダンなJSの話──importとexport
JavaScriptのES6 import/export文を解説。名前付きエクスポート、デフォルトエクスポート、モジュールの構成方法を紹介します。
モダンなJSの話──var/let/const
JavaScriptのvar・let・const宣言を解説。スコープの種類、巻き上げ（hoisting）、Temporal Dead Zoneの挙動を紹介します。
Reactでマークダウンエディタをシャッとつくる
markedライブラリを使い、ライブプレビューに対応したReactのマークダウンエディタをサクッとつくる方法を解説します。
Google ExtenstionのPluginをつくってみた
manifest.jsonとJavaScriptで初めてのGoogle Chrome拡張機能プラグインをつくる手順を解説します。
ES6のExportとImportについて
ES6のexport・importを解説。名前付きエクスポート、デフォルトエクスポート、ワイルドカード、エイリアスでJavaScriptモジュール化を構成し保守性を向上させる実装ガイドです。
Laravel+React+ES6+Browserify
BrowserifyとBabelのトランスパイルでReactをLaravelに組み込み、モジュール対応のモダンなES6コードを書く方法を解説します。
dotEnvの環境変数をクライアントサイドでも使えるようにする - dotenv-webpack
dotenv-webpackを使い、webpackでdotEnvの環境変数をクライアントサイドでも利用する方法と、セキュリティ上の注意点を解説します。