文章もlintできるtextlint導入メモ
文章にもlintできるtextlint導入のメモである． ruleを追加して校正できるようになる．
環境
- Windows10
- Atom 1.36.0
- npm 6.7.0
引用(blockquote)のCSSスタイルメモ
引用(blockquote)のCSSスタイルメモ
技術記事くらいにしか登場しないblockquoteタグのスタイルメモ．
See the Pen blockquotesStyle by Cartman (@Cartman0) on CodePen.
続きを読むJSのユニットテストフレームワークJasmine 3系メモ
JSのユニットテストフレームワークJasmine 3系メモ
CodeprepさんでJavaScriptのコードレベルBDD向けのユニットテストフレームワークJasmineの紹介があったので，v3系の使い方メモ． （基本的にはv2系と変わらない）
環境
- Windows10
nvm-windowsでNode.jsのバージョン管理をする
nvm-windowsでNode.jsのバージョン管理をする
npm自体のアップデートはnpm install -g npmでできるが，
Node.js自体のアップデートができないようなのでバージョン管理ツールnvm-windows(nvmコマンド)を導入する．
環境
- Windows10
JSの分割ファイル読み込み（require vs import）メモ
JSの分割ファイル読み込み（require vs import）メモ
2019年3月時点でのNode.js・ブラウザ環境での分割ファイル読み込み（require, import/export）についてのメモ．
結論：
開発側ではESM(
import)を利用してコードを書いて管理．ただし，全ブラウザでESMは使えない．
babelでNode.jsが扱える
requireに統一．webpackなどのバンドラで依存関係を解決して1つのjsファイルにまとめる．
htmlはそのjsファイルを
scriptタグで読み込む．
環境
- Windows10
- node v10.14.2
- npm 6.9.0
python3.7 unittestトラブルメモ
python3.7 unittestトラブルメモ
※python 3.7時点での方法，今後のアップデートで変わる可能性あり．
unittestがうまく動作しなかったときの対処メモ（大体パス通せば解決するはず）． 今回はパスを通さず手っ取り早くテストできる状態にする．
以下のファイル構成とする．
project/
test_target.py
test/
test_1.py
\__init__.py
ポイントとしては， - テストパッケージが名前空間パッケージ(namespace package)になっていない（init.pyがあるか） - テストファイルを単体実行する場合，テスト対象モジュールのパスが見えるか
解決早見表
| trouble | solve |
|---|---|
| module = __import__(module_name) ModuleNotFoundError: No module named 'test.test_1' | 使用コマンドが名前空間パッケージに対応していないので__init__.pyを追加する |
| import test_target ModuleNotFoundError: No module named 'test_target' | （親にある）テスト対象モジュールを読めていないのでsys.path.append()でパスを追加 or python unittest -mでunittestをモジュール呼び出しスクリプト実行する． |
環境
- Windows10
- python 3.7.0
はてなブログテーマ作成のメモ
はてなブログテーマ作成のメモ
はてな公式のBoilerPlateテーマを例にした作成方法を見たところ， npmをバリバリ使った開発者向けに作られていたのでメモ．
環境
- Windows10
- Atom 1.34.0
- npm 6.4.1
language-babelを使ってAtomでBabel
language-babelを使ってAtomでBabel
AtomでES6,ES7からES5に自動トランスパイル（transpile）する環境を作る．
参考記事： medium.com
環境
- Windows10
- Atom 1.34.0
- npm 6.4.1
前提
Atomエディタ，Node.jsはインストールされている前提で進める．
language-babelの注意点としては， このパッケージが担当する処理はbabel-cliに該当する部分だけなので，トランスパイルに必要なプリセットなどのファイルは通常通りnpmでインストールする必要がある．
実際にBabelを試した記事はこちら
- language-babelを使ってAtomでBabel
- 環境
- 前提
- language-babelのインストール
- 対応ファイル
- 設定
- 事前準備
- 実行例
- 参考リンク
- 関連リンク
