TES Blog

株式会社テクニカルエンジニアリングサポートに所属する社員が、自身が携わるテクノロジーやイベントに関する情報を発信しています。

JavaScript

CircleCI 2.0 で ESLint を動かす config.yml の紹介(簡単な解説と実行例も)

はじめに こんにちは、Web エンジニアの Hayato Yamashita です。 ESLint って便利ですよね。 Prettier と併用してエディタで動くようにすると JavaScript 開発が捗ります。 eslint.org この ESLint を個人ではなくプロジェクト単位で強制化したい場合、その…

Unicodeの文字プロパティを指定した正規表現をみてみる(ECMAScript2018)

はじめに Unicodeは、世界で使われる文字を利用できるようにすることを目的としています。 そのため、ラテン文字はもちろん、漢字、ハングル、キリル文字、タイ文字、(なんと!)絵文字までもがコード化されています。 一方、JavaScript(ECMAScript2018)…

jQuery を使わずに、記事のシェア数を表示するソーシャルパーツをフラットデザインっぽくカスタマイズする

はじめに TES で Web エンジニアをしている Hayato Yamashita です。 今回は、はてなブログのソーシャルパーツをフラットデザインっぽくカスタマイズする方法を紹介します。 カスタマイズ後の見た目 こんな感じの見た目になります。 こういうカスタマイズを…

jQuery を使わずに、はてなブログの外部参照リンクを target="_blank" にする方法

はじめに TES で Web エンジニアをしている Hayato Yamashita です。 最近 TES では、外部情報発信の取り組みとして TES Blog を開設しました。 既にいくつか記事をあげていますので、良かったら他の記事も読んでみてください。 記事一覧 - TES Blog さて、…

[JavaScript]イベントにもasync/awaitを使おう

はじめに ECMAScriptが2015年から毎年バージョンアップするようになり、JavaScriptの仕様は大きく変わりました。 特に非同期処理まわりは、Promise(ECMAScript2015~)、async/await(ECMAScript2017~)が導入されたことで、 コールバック地獄の回避や可読性の向…