Ubuntu14.04のEmacs 日本語入力mozcの設定等など

Ubuntu14.04のEmacs、日本語入力をmozcにすると日本語入力が出来ません。
最初から気づいていましたが、日本語入力が出来るウィンドウで入力後、Emacsにコピペしてなんとかしていたのですが、SublimeTextなどが流行っている中、Emacsだって十分出来るぞ!!
ということで、環境設定を行ってみることにしました。

日本語入力モジュールibus.elの読み込み

まず、インストールです。

sudo apt-get install ibus-el

次に、.emacsに以下を書き込みます。

(global-set-key (kbd "") 'toggle-input-method) ;日本語入力

これでEmacsを起動すると、「半角/全角」キーで日本語入力が可能になります。

html編集用にweb-modeの追加

htmlの編集をするので、web-mode.elを導入します。まずelファイルを保存するフォルダを作成し、そこにweb-mode.elをダウンロードしてきます。

mkdir ~/.elisp
cd ~/.elisp
wget https://raw.githubusercontent.com/fxbois/web-mode/master/web-mode.el

次に、.emacsに以下を追加します。

(require 'web-mode)
(setq web-mode-ac-sources-alist
  '(("php" . (ac-source-yasnippet ac-source-php-auto-yasnippets))
    ("html" . (ac-source-emmet-html-aliases ac-source-emmet-html-snippets))
    ("css" . (ac-source-css-property ac-source-emmet-css-snippets))))
(add-hook 'web-mode-before-auto-complete-hooks
          '(lambda ()
             (let ((web-mode-cur-language
                    (web-mode-language-at-pos)))
               (if (string= web-mode-cur-language "php")
                   (yas-activate-extra-mode 'php-mode)
                 (yas-deactivate-extra-mode 'php-mode))
               (if (string= web-mode-cur-language "css")
                   (setq emmet-use-css-transform t)
                 (setq emmet-use-css-transform nil)))))

htmlファイルの編集ショートカットキーは以下に記載がありますので、参考にしてください。
http://web-mode.org/

業選択カラーの設定

emacsの選択カラーが何故か白に近い色のため、文字選択をすると見えなくなります。
選択カラーは「黒」にします。
.emacsに以下を追加します。

(set-face-background 'region "Black")     ;; 選択中のリージョンの色を設定します。

以上の設定を実施した.emacsを行ったものは以下のとおりです。
こちらでhtmlファイル編集の効率化や普通の日本語入力が可能になります。
便利に使っていきましょう。

;;各種外部el格納path追加
(add-to-list 'load-path "~/.elisp")
(require 'web-mode)
(global-set-key (kbd "") 'toggle-input-method) ;日本語入力
(setq web-mode-ac-sources-alist
  '(("php" . (ac-source-yasnippet ac-source-php-auto-yasnippets))
    ("html" . (ac-source-emmet-html-aliases ac-source-emmet-html-snippets))
    ("css" . (ac-source-css-property ac-source-emmet-css-snippets))))
(add-hook 'web-mode-before-auto-complete-hooks
          '(lambda ()
             (let ((web-mode-cur-language
                    (web-mode-language-at-pos)))
               (if (string= web-mode-cur-language "php")
                   (yas-activate-extra-mode 'php-mode)
                 (yas-deactivate-extra-mode 'php-mode))
               (if (string= web-mode-cur-language "css")
                   (setq emmet-use-css-transform t)
                 (setq emmet-use-css-transform nil)))))

;; 起動時のメッセージを表示しない
;;「t」を「nil」にするとメッセージが表示される
(setq inhibit-startup-message t)
;; ctrl+h delete
(global-set-key "\C-h" 'delete-backward-char)
(show-paren-mode t)                       ;; 対応する括弧をハイライト
(setq show-paren-style 'mixed)            ;; 括弧のハイライトの設定。
(transient-mark-mode t)                   ;; 選択範囲をハイライト
(set-face-background 'region "Black")     ;; 選択中のリージョンの色を設定します。