Atomに日本語の文章をチェックするtextlintを導入するzukucode主にWEB関連の情報を技術メモとして発信しています。AtomAtomに日本語の文章をチェックするtextlintを導入するAtomエディタでtextlintを導入する際の手順です。nodejsは導入済みとします。パッケージのインストールtextlintのパッケージをインストールします。textlintAtomパッケージのインストールlinter-textlintというAtomのパッケージをインストールします。ルールのインストール「ですます」調と「である」調の統一チェックや、冗長な表現のチェックなど、チェックする項目はたくさんあります。独自に設定するのは大変なので基本的なルールが用意されたプリセットをインストールします。いろいろなプリセットがありますが、今回は技術文書向けのルールを定義したtextlint-rule-preset-ja-technical-writingをインストールします。textlint-rule-preset-ja-technical-writingルールの適用Atomエディタで開いているプロジェクトのルートディレクトリに.textlintrcというファイルを作成します。.textlintrcにルールを記載していきます。以下の設定で、先ほどインストールしたtextlint-rule-preset-ja-technical-writingを有効にします。}}カスタマイズ一部の設定を独自に変更したい場合はpreset-ja-technical-writingの内容を、trueではなく各ルールのパッケージを参考にしながら設定します。以下の例は感嘆符!!、感嘆符??を使用しないというルールをfalseにして無効にしています。以上でtextlintの導入は完了です。デフォルトでマークダウンのファイル.mdにも対応しています。チェックがされない場合は、開いているファイルを閉じてからもう一度開き直してみてください。ESLintのVue.jsプラグインを導入し.vueファイルで構文チェックを行うAtomエディタで.vueファイル(単一ファイルコンポーネント)の構文チェックを行うための設定です。複数のファイルを編集したあとにすべて保存をしたい場合があります。Atomでは「すべて保存(save-all)」のショートカットキーがデフォルトでは設定されていません。BarのチェックをONにしたときなど、メニューバー(ステータスバー)が消えてしまったときに、再び表示させる方法を紹介します。10で範囲を指定して画面のスクリーンショットを撮る方法を紹介します。画面全体の指定した部分のみを切り取ってクリップボードに保存します。10でクリップボードの履歴を複数管理して貼り付ける方法を紹介します。通常コピーした文字列は、別の値をコピーすると、最初にコピーした文字列は消えてしまいます。postcssを導入するwebpackでpostcssを導入してautoprefixerなどを行います。postcss-loaderはwebpackでpostcssを行うために必要です。lessをImportしてビルドするhtmlやbodyなどに適用するベースのクラスを外部のlessファイルに実装して、スタイルをサイト全体に適用したい場合があります。外部のlessファイルをモジュールとしてImportしてwebpack...webpack-dev-serverでhttpsでのアクセスを可能にする方法webpack-dev-serverでhttpsでのアクセスを可能にする方法を紹介します。外部APIのテストや、メディアデバイスのテストなどで、開発中のlocalhostをhttpsにする必要があると...ExtractTextPluginでcssファイルを出力するwebpackのプラグインExtractTextPluginを使って、ビルドされたjsファイルからstyleの部分を抽出してcssファイルで出力します。extract-text-webpack-plu...webpackの設定を開発環境と本番環境で変更するwebpack.config.jsで本番環境でのビルドのみコードを圧縮するなどの処理を設定したい場合があります。webpackの設定を開発環境と本番環境で変更する方法を紹介します。システム日付をYYYYMMDD形式などの文字列型に変換する当ホームページに記載されている会社名・製品名・システム名などは、各社の登録商標、もしくは商標です。