2015年10月18日日曜日

Atomで文字コードの自動判別

Atomで文字コードの自動判別

Atomエディタにて日本語のファイル名が豆腐になっていたり、
開いたファイルの文字コードをいちいち変えなくてはいけなかったので、調べていたところ
以下でできるようになりましたので、備忘録として記載します。

1.iconv-liteとjschardetのインストール

 ※node.jsも必要なのだが、Ubuntuは入っているということなので、インストールはしていない。
  

npm install iconv-lite
npm install jschardet

2. init.coffeeの修正
.atomフォルダにあるinit.coffee ファイルに以下の記述を追加する。

fs = require('fs')

atom.workspace.onDidOpen ->
  editor = atom.workspace.getActiveTextEditor()

  try
    filePath = editor.getPath()
  catch error
    return
  return unless fs.existsSync(filePath)

  jschardet = require 'jschardet'
  iconv = require 'iconv-lite'
  fs.readFile filePath, (error, buffer) =>
    return if error?
    {encoding} = jschardet.detect(buffer) ? {}
    encoding = 'utf8' if encoding is 'ascii'
    return unless iconv.encodingExists(encoding)

    encoding = encoding.toLowerCase().replace(/[^0-9a-z]|:\d{4}$/g, '')
    editor.setEncoding(encoding)

【参考】
http://qiita.com/moris/items/281a588b9773357b27f7
http://text.baldanders.info/remark/2015/atom-editor/

2015年10月1日木曜日

ipodの歌詞の表示に関して

ipodの歌詞の表示に関して

かなり久しぶりにブログを記載します。

iTunesで曲に歌詞を入れられることは知っていたのですが、
歌詞の表示位置や大きさを変えることを今頃になって知りましたので、メモとして残して置きます。
htmlのタグで使えるものがあるようです。

左寄せ:

<style>
div {text-align:left;font-size:16px;line-height:1.4em;white-space:pre;}
</style>
<div><!-- ここに歌詞を入れる --></div>

段落:
<h1>文字</h1>
などh1からh6タグが使えます。

太さと色:
<b>太字</b>
<font color="red">赤字</font>

下線など:
<u>下線</u>
<s>取り消し線</s>
<sub>下付き文字</sub>
<sup>上付き文字</sup>

参考:
http://d.hatena.ne.jp/xlc/20121111/1352606682
http://d.hatena.ne.jp/wild-man/20100212/p1