目次	Math 基礎数学編ホーム掛け算三角関数複素数微分・積分線形代数基礎統計信号処理編ホームフーリエ変換 wavelet変換ヒルベルト変換基本の脳波解析位相同期解析統計編ホーム確率分布大数の法則と中心極限定理統計量と標本分布統計的検定分散分析ロジスティック回帰その他ホーム独立成分分析正準相関分析ラグランジュの未定乗数法エントロピーと分布間距離信号検出理論	Analysis EEGLAB ホーム環境構築データのインポート基本的な下処理発展的な下処理単被験者での解析被験者群での解析 MNE-python ホームデータのロード前処理	Experiment	Simulations 環境構築ホーム Python環境構築 pythonでのGPUセットアップ Jupyterセットアップ Juliaセットアップ非線形力学ホーム力学系とは線形安定性解析非線形系の安定性解析

03Jupyter Notebookのカスタム

趣味です．ただの趣味．
人によっては全く興味がないと思うのですが，個人的にJupyter Notebookは見た目がださかったり，ちょっと使い勝手が悪いと思うことがあったのでカスタムの仕様と方法を貼っておきます．

備忘録兼，筆者のスクリーンショットを見て気になった人のためのページになります．

▶︎

all

running...

見た目の変更
- jupyter_contrib_nbextensionsのインストール
- jupyter-themeのインストール
Vimキーバインド
その他便利なNbextensions

見た目の変更

早速ですが，Jupyter Notebookって背景真っ白でちょっとださいし，何より目が疲れますよね．

なので，ここではそんなJupyterの見た目をおしゃれに，目に優しくしていきます．時代はSDGsです．

こんな感じになりました．色なんかは各自である程度好きに変える事ができます．

jupyter_contrib_nbextensionsのインストール

conda install -c conda-forge jupyter_contrib_nbextensions

で，まずはJupyterの拡張機能をいじるためのnbextensionを追加します．
condaコマンドなことに注意です．

これで，色々といじれるようになります．

上手くいくと，Jupyter notebookのHomeを開くと

のように，Nbextensionsタブが作成されます．

jupyter-themeのインストール

jupyterの見た目を良い感じにしてくれるカラーテンプレートをいれます．

conda install -c conda-forge jupyterthemes

これでいれるのは完了です．選べるカラーテーマの一覧は

jt -l

で表示できます．

選ぶ際には，

jt -t chesterish

などとします．更に，他にも細かい設定を加えることができますので，自分は

jt -t chesterish -T -cellw 90% -f roboto -fs 9 -tf merriserif -tfs 11 -nf ptsans -nfs 11 -dfs 8 -ofs 8

としています．お好みで色々調べてみてください．

Vimキーバインド

jupyter-vim-binding

筆者はvimmerです．Emacsなんてものを使う変人もいるようですが，vimの方が圧倒的に便利です．chromeの拡張機能なんかにもvimをいれているのですが，これがないと作業なんてできたものじゃないので必須です．

jupyter notebookでも，操作をいちいちマウス触らずに，しかもホームポジションから手を動かさずに行いたいので，拡張でvim key-bindをいれます．

jupyter --data-dir

で，jupyterが入っている場所を特定します．表示されたパスを使って

mkdir -p $(jupyter --data-dir)/nbextensions
cd $(jupyter --data-dir)/nbextensions
git clone https://github.com/lambdalisue/jupyter-vim-binding vim_binding
jupyter nbextension enable vim_binding/vim_binding

を続けて実行します．これで，Jupyterでvimのkey-bindが使えるようになりました！万歳．

Vimキーバインドの設定

このままでも結構便利になっている（たとえばhjklでの移動）のですが，モード切り替えのためにEscを押さないといけないのは面倒です．せめてそれくらいはカスタムしておきたい．ということで，

~/.jupyter/custom/custom.js

を編集しました．

コードは

詳細

// Configure CodeMirror Keymap
require([
  'nbextensions/vim_binding/vim_binding',   // depends your installation
], function() {
  CodeMirror.Vim.map("jj", "<Esc>", "insert"); // jj setting!
});

// Configure Jupyter Keymap
require([
  'nbextensions/vim_binding/vim_binding',
  'base/js/namespace',
], function(vim_binding, ns) {
  // Add post callback
  vim_binding.on_ready_callbacks.push(function(){
    var km = ns.keyboard_manager;
    // Allow Ctrl-2 to change the cell mode into Markdown in Vim normal mode
    km.edit_shortcuts.add_shortcut('ctrl-2', 'vim-binding:change-cell-to-markdown', true);
    // Update Help
    km.edit_shortcuts.events.trigger('rebuild.QuickHelp');
  });
});

にまとめました．これによって，とりあえずjjでの挿入モード抜け出しを可能とし，あとはセルのマークダウンとコードモード変更をCtr-2で変更できるようにしました．

色の修正

しかし，vimキーバインド有効にしてしまうと，選択中のセルが白くハイライトされることになってしまい，とても見にくくなります．

なので改めて，ハイライト時の色を設定する必要があります．

~/.jupyter/custom/custom.css

を調整していきます．

div.cell.edit_mode {

という行を見つけ，その直前に下記をいれます．

/* Jupyter cell is in normal mode when code mirror */
.edit_mode .cell.selected .CodeMirror-focused.cm-fat-cursor {
background-color: #000000 !important;
}
/* Jupyter cell is in insert mode when code mirror */
.edit_mode .cell.selected .CodeMirror-focused:not(.cm-fat-cursor) {
background-color: #000000 !important;
}