14 Jul 2013, 21:39

仮想化支援機構(VT-x/AMD-V)を有効化できません Vagrant upでOS起動失敗した

Vagrant upで起動しないので調査してみたメモです。

vagrant upを実行しても、以下のようなところで止まってしまいます。

% vagrant up
Bringing machine 'default' up with 'virtualbox' provider...
[default] Setting the name of the VM...
[default] Clearing any previously set forwarded ports...
[default] Creating shared folders metadata...
[default] Clearing any previously set network interfaces...
[default] Preparing network interfaces based on configuration...
[default] Forwarding ports...
[default] -- 22 => 2222 (adapter 1)
[default] Booting VM...
[default] Waiting for VM to boot. This can take a few minutes.

環境

  • ホストOS: Windows 7 64bit
  • ゲストOS: CentOS 6.4 64biy
  • VirtualBox 1.2
  • BIOS: InsydeH20

GUIモードで起動してみる

調査のために、GUI画面を立ちあげてみます。Vagrantfileを編集します。

   config.vm.provider :virtualbox do |vb|
     # Don't boot with headless mode
     vb.gui = true
  #   # Use VBoxManage to customize the VM. For example to change memory:
  #   vb.customize ["modifyvm", :id, "--memory", "1024"]
   end

これで、再度 vagrant upを実行すると、GUI画面もいっしょに立ち上がります。

以下のようなエラーメッセージ。

仮想化支援機構(VT-x/AMD-V)を有効化できません。64ビットゲストOSは64ビットCPUを検出できず、起動できません。

ホストマシンのBIOS設定でVT-x/AMD-V を有効化してください。


真っ黒な画面のまま止まっていた。

どうりで、これでは立ち上がるわけないよな・・・(´・ω・`)

VT-x/AMD-Vを有効化

これは、BIOSで仮想環境のための設定がされていないことが原因。64bitOSをゲストOSにする場合はCPUがVT-xに対応している必要がある。

以下の設定が必要となる。

  1. BIOS画面に入る。(PC起動時に、Fを押す)
  2. Intel® Virtualization Technology: Enabled

BIOSの種類によって、設定項目は異なりますが、どこかにあります。CPUがVT-xをサポードしてないときは、諦めも必要。

設定が終わっラPCを再起動。無事にログインできました。vagrantのboxファイルから起動した場合は、user:vagrant、password:vagrantでログインできます。

参考

14 Jul 2013, 10:02

Windows上のCentOSをVmwarePlayerからVirtualBoxへ移行しました

以前、一生懸命頑張ってVmwarePlayerをインストールしましたが、Vargrantを使ってみたくてVartualBoxに移行することに決めました。今回も、フルパワーで頑張りました。

WindowsでVMware Player上のUbuntuを動かしてみたメモ | Futurismo


環境

  • ホストOS: Windows 7 64bit
  • ゲストOS: CentOS 6.4
  • 移行元: VirtualBox 4.2
  • 移行先: VMware Player 5.0.1

VirtualBoxのインストール

なにはともあれ、VirtualBoxをインストールします。以下からダウンロードします。OSよってダウンロードするバイナリが異なります。自分はWindowsを選択。

VirtualBoxはVmwarePlayerに比べると心なしか、UIがカッコ悪い気がします。


VirtualBoxの設定

仮想マシンの作成

『新規』を選択して、新規仮想マシンを作成。

  • バージョンを選択するところにCentOSの文字はない。Red Hatを選択します。
  • メモリ容量は適当に。ここでは1024MB
  • ハードドライブを追加しないにチェックを入れます。

仮想マシン完成!

仮想マシンの設定

次に,仮想マシンの設定をします。

ツールバーの『設定』 -> ストレージ -> コントローラ SATA -> 追加

を選択。ここで、vmwara playerの仮想ディスク(.vmdk)を追加します。


起動を選択!


簡単に立ち上がりました!と思ったら、マウス操作が効かなくなる。。

これは、2つあるCtrlキーのうちの右のほうを押すことで、マウスが復活する。Vmwareだと、Ctrl + Altだったので、これに変更する。変更は、ツールバー -> 詳細設定 -> 入力から可能だ。

文字化け対策

色々とコマンドを実行しようとしても ■ ■ ■ ■ と表示されて、うまく表示できない。以下で解決。えっ、Shift-jis??

export LANG=ja_JP.shift-jis

外部ネットワーク設定

まず、ネットワークが繋がらない。ネットワークをstopさせて再スタートさせると、以下のメッセージ。

/etc/init.d/network start
device eth0 does not seem to be present delaying initialization

古い移行前のvmware playerでの設定が残っているようだ。

このサイトの通りに設定しなおしたらネットワークにつなぐことができた。

ホストオンリーアダプタの設定

上記ネットワーク設定だと、外部のネットワークにはアクセスできたが、ホストOSからゲストOSにtelnetすることができなかった。

ホストOSとゲストOSの接続をするためには、ホストオンリーアダプタの設定が別途必要。

以下のサイトを参考に設定。

VIrtualBoxで仮想ネットワークを構築 | それなりブログ

eth1用にネットワーク起動スクリプトを作ったのがミソだった。

touch /etc/sysconfig/network-scripts/ifcfg-eth1
emacs /etc/sysconfig/network-scripts/ifcfg-eth1
========================
DEVICE=eth1
BOOTPROTO=static
BROADCAST=192.168.56.255
HWADDR=XX:XX:XX:XX:XX:XX
IPADDR=192.168.56.101
NETMASK=255.255.255.0
NETWORK=192.168.56.0
ONBOOT=yes
========================

このやりかただと、また

device eth1 does not seem to be present delaying initialization

が出てきたので、再度eth0と同じ手順で設定し直した。

最後に

ふう、大変だった。

もう、VMWare Playerにはもどれないだろうな・・。

14 Jul 2013, 05:09

プログラマのための青いEvernote!gistをラベル管理できる『GistBox』

GistをGmailやFennirFSのようにラベル管理できるソフト、GistBoxを使ってみました。

もちろん、無料で利用できます。

利用方法は、Webから利用する方法と、GoogleChromeのアプリとしてデスクトップから利用す方法がアリます。

特徴は、

  • インタフェースが美しいこと
  • ラベル管理できること
  • (Chromeアプリならば)デスクトップから操作できること
  • ショートカットがつかえること

ですかね。

[//www.youtube.com/embed/VLgyY6lqpsQ?rel=0]

外見は完全に青いEvernote!!。ビューティフルです。

フォルダ管理はできません。

メモの作成画面はこんな感じ。シンプル。

デスクトップにショートカットを作成するには、Chromeアプリを右クリックしてOKを押す。

自分は今までEvernoteを使ってコードのスニペットをメモしていましたが、これからはGistBoxを利用していこうと思います。

83%2525A7%2525E3%252583%2525B3%2525E3%252581%2525AE%2525E3%252582%2525B7%2525E3%252583%2525A7%2525E3%252583%2525BC%2525E3%252583%252588%2525E3%252582%2525AB%2525E3%252583%252583%2525E3%252583%252588%2525E3%252582%252592%2525E4%2 525BD%25259C%2525E6%252588%252590_2013-7-14_14-17-2_No-00.jpg

14 Jul 2013, 03:58

賢威6 でgistが表示できないときの解決方法

WordPress 賢威6テンプレートで gistを表示しようとすると、ウマク表示できない。

具体的には、行番号とコードが等間隔に表示される。

これは、スタイルシートに原因があった。design.cssを除くと、以下の部分がコメントアウトされているのでコメントを外す。

/*「table」の1行目に「colspan」を利用する場合は「auto」を指定する*/
#main-contents table{ table-layout: auto; }

これで、gistが正しく表示された。

ちなみに、ブログの横幅が狭い時も、レイアウトが崩れる。これは対象方法がわからないが、スクロールバーがでないときは大丈夫なので、ひとまずいかの方法でフォントを小さくして回避した。

#main-contents .gist{font-size:12px;}

14 Jul 2013, 00:30

縦横のアスペクト比は どのくらいが適切?リネーム、リサイズについて調べました

ブログに載せる画像のサイズやアスペクト比(縦横比率)について、どのくらいが適正なのか調べてみました。

photo credit: djking via photopin cc

画像アスペクト比

縦と横のバランスをざっと検索しますと、3:4の比率が多いようです。

そして、その比率を満たす画像サイズは640 × 480 px が一般的なようです。

ただ、pxはそれぞれのブログによって微調整が必要ですね。640pxよりもあえて小さくしているサイトも多いようです。

画面キャプチャをした時に、このサイズにトリミングするためには、pictocutterというフリーソフトを利用します。

縦横比を指定した比率でトリミングできます。はみ出るときは、縮小や拡大かできます。

画像のリネームにについて

複数画像を扱うと、画像に一意の名前を付けたくなります。

連番で自動リネームするためには、vixというソフトを利用します。

ViXの詳細情報 : Vector ソフトを探す!

参考リンク

81%2525AE%2525E5%252590%25258D%2525E5%252589%25258D%2525E3%252581%2525AE%2525E5%2525A4%252589%2525E6%25259B%2525B4_2013-7-14_9-13-56_No-00.jpg

13 Jul 2013, 05:13

最後にして最強のターミナルになれるか!Linux用端末『FinalTerm』

最近、hackernewsを流し読みしていますが、そんななかFinalTermなるものがあった。

FinalTerm、最後の端末,最終ターミナル。電車の終点みたい。(´・ω・`)

これは、Linux用のターミナルで、コンソール画面にクリックで操作できるような機能をグラフィック機能を追加したもの。UbuntuとFedora、Arch Linuxでインストールできるようだ。無料。

紹介動画はYoutubeにあります。まずは見るべし。

[//www.youtube.com/embed/bvROuipepmg?rel=0]

Ubuntuにインストールする

以下の3行だサクッと導入できた!!

sudo add-apt-repository ppa:finalterm/daily
sudo apt-get update
sudo apt-get install finalterm

ちなみに、CentOSに入れようとしたらGTK3がなくて2時間頑張ってもインストールできなかったことを、ここに未練がましく告白する。

試してみる。

FinaltermはGUIアプリケーションなので、finaltermで検索して起動するだけ。

デフォルトでは黒のグラス。クール!!(・∀・)

lsを押すと、リンクっぽい線がかかれた表示が。これをクリックすると、クリックしたディレクトリに対する操作がボップアップされる。ファイラみたいだ。

コマンドを打ち込もうとすると、ポップアップでコマンド履歴が出てくる。

他にも、Ctrl + (なにか)でコマンド実行できたり、いろテーマの変更ができたり。

いろいろ機能がありそうだけれども、それはおいおい調査。

使用感

デフォルトのターミナルに比べて、ほんのすこし速度がもっさりしている気がするが形容範囲。

コマンド補間やグラフィックな選択は、そこまでスンゲェΣ(゚∀゚ノ)ノとは思わなかった。zshみたいには、なれないぞ!そのうち、ウルトラタームとか、スーパータームとか、いろいろな亜種が増えてきそう。

見た目が綺麗なのがよいね。それだけでも、ターミナル乗り換えていいかも。

10 Jul 2013, 13:15

TopCorder SRM 584 div2 250

久しぶりのTopCoder参加。そろそろ本気だして、アルゴリズムの勉強したい今日このごろ。

しかし、今日もTopCoder出来なさ過ぎて、ついに日本で下から5番目まで下がったので死にたい今日このごろ。

div2 250 TopFox

彼女の Family Name は FamilyName, given nameは givenName.

hundle nameを 以下のルールに従って決めようと思う。

  • s != null の Family name prefix
  • t != null の Family name prefix

handle name は s と tの組み合わせで選ぶ。FamilyNameとgivenNameが与えられるので、hundles の可能な組み合わせの数を求めよ。

解き方

きれいな解法を考えていたけれども、だんだん時間なくなってきて焦ったので、結局全探索する。連想配列のサイズを求めれば、もっとシンプルにできたかな。

07 Jul 2013, 13:56

レガシーコードと働く意味について

今、仕事はとっても憂鬱だ。

先週は精神的に参ってしまった。精神状態は乱れて、危うく破綻するところだった。

今週は、一週間会社に通えるか、不安だ。。。。

レガシーコードと戦う現実が辛い

不安の原因は、レガシーコードにある。

うんざりするほどの泥沼ソースコードに手を入れないといけない。

もちろん、テストなんてない。

先週は、『レガシーコード改善ガイド』ばかりを読んでいた。

レガシーコードと戦うための網羅的な兵法指南書

この本には、レガシーコードをどうやって改善していくかの方法が書かれている。

3部構成になっている。

はじめに、基本的なリファクタリングのテクニック、原則や言葉の定義が解説される。

検出と分離、接合モデルなどなど、いままでなんとなく知っていたことを体系立てて解説してあり、頭の整理になる。

次に、状況に応じたテクニックが解説されて、最後に小さなTipsが紹介される。

450ページもある分厚い本で、テクニックが網羅的に解説してあり、コレ一冊でどんな状況にも対応できそうだ。

時間さえあれば・・・・(´・ω・`)

精神安定剤としてのレガシーコード改善ガイド

しかし、この本が自分にとってかけがえのない存在に感じたのは、今の仕事に意味を与えるような力強い言葉が綴られているからだ。

まえがきだけよんでもよい。なんのために仕事をするのか考えさせられる。

『もうウンザリです。なにも改善できません』という章を読んだ時、思わず涙が出てきた。

個人的には、もううんざりだった現実に、意味を見出してもう少しだけ頑張ってみようと元気をもらった。

なぜ生きるかを知っている者は、どのように生きることにも耐える

・・・ニーチェ

今日は、そろそろ寝よう。

今、仕事はとっても憂鬱だ。

先週は精神的に参ってしまった。精神状態は乱れて、危うく破綻するところだった。

今週は、一週間会社に通えるか、不安だ。。。。

レガシーコードと戦う現実が辛い

不安の原因は、レガシーコードにある。

うんざりするほどの泥沼ソースコードに手を入れないといけない。

もちろん、テストなんてないし、1万行近くまでつめ込まれたファイルがゴロゴロと転がってている。

これは、いろんな機能がひとつのファイルのファイルにあったほうが検索しやすいためらしい。EclipseでF3押せばいいのに。

ファイル分割をすると、怒られる。関数名を変更するだけで、めいいっぱいのイヤミを言われる。

先週は、『レガシーコード改善ガイド』ばかりを読んでいた。

レガシーコードと戦うための網羅的な兵法指南書

この本には、レガシーコードをどうやって改善していくかの方法が書かれている。

3部構成になっている。

はじめに、基本的なリファクタリングのテクニック、原則や言葉の定義が解説される。

検出と分離、接合モデルなどなど、いままでなんとなく知っていたことを体系立てて解説してあり、頭の整理になる。

次に、状況に応じたテクニックが解説されて、最後に小さなTipsが紹介される。

450ページもある分厚い本で、テクニックが網羅的に解説してあり、コレ一冊でどんな状況にも対応できそうだ。

時間さえあれば・・・・(´・ω・`)

精神安定剤としてのレガシーコード改善ガイド

しかし、この本が自分にとってかけがえのない存在に感じたのは、今の仕事に意味を与えるような力強い言葉が綴られているからだ。

まえがきだけよんでもよい。なんのために仕事をするのか考えさせられる。

『もうウンザリです。なにも改善できません』という章を読んだ時、思わず涙が出てきた。

個人的には、もううんざりだった現実に、意味を見出してもう少しだけ頑張ってみようと元気をもらった。

なぜ生きるかを知っている者は、どのように生きることにも耐える

・・・ニーチェ

今日は、そろそろ寝よう。

07 Jul 2013, 08:20

WordPressのトップページで新着記事をメチャガチャクールに表示する方法

今日はサイトのトップページをメチャガチャクールな男前にカスタマイズしてみました。今日も淡々と作業メモを残します。

改築前に、自分のイメージではこんな風にしたいという図を下に書きます。

では、改造スタート。(^o^)/

Thumbnail for Excerptsを利用する

まずは画像のカスタマイズ。新着記事には、大きいアイキャッチ画像を表示させたい。Thumbnail for Excerptsという便利なプラグインがある。

このプラグインを利用すると、記事の先頭にある画像をアイキャッチ画像と自動で認識できる。

he_expert()関数で、記事抜粋を表示すると、アイキャッチもいっしょに表示してくれる。

しかも、大きさや位置、さらにはアイキャッチ画像が見つからなかった場合のデフォルト画像も指定可能だ。

WP Multibyte Patch

本文抜粋記事を表示する関数、the_excerpt()は、デフォルトで110文字を表示する。この文字数を増やしたい。

WP Multibyte Patchを利用する。これはWordPressにデフォルトでついているプラグインなので、有効化する。

wpmp-config-sample-ja.phpというファイルを編集することで、文字数が変更できる。ファイルの場所は以下。

(WordPresインストールフォルダ)/wp-content/plugins/wp-multibyte-patch/wpmp-config-sample-ja.php

このwpmp-config-sample-ja.phpの内容をコピーして、wpmp-config.phpという新規作成したファイルに貼り付ける。

$wpmp_conf[‘excerpt_mblength’] = 110となっている場所を見つけて、110という数字を表示したい文字数に変更すればOk.

/**
 * 投稿抜粋の最大文字数
 *
 * この設定は the_excerpt() とその関連の抜粋系関数に適用されます。
 * この設定は $wpmp_conf['patch_wp_trim_excerpt'] が false の場合は無効となります。
 */
$wpmp_conf['excerpt_mblength'] = 500;

あとは、新規記事作成時に、抜粋欄にもしっかり文章を書けばOk.

アイコンの作成

続きを読むアイコンを自作しました。Windowsのペイントを使いました。これは説明略。

<p class="link-next"><a href="<archives/hp the_permalink() ?>">
<img src="<archives/hp bloginfo('template_url'); ?>/images/icon/futurismo_next.png" alt="続きを読む" />
</a></p>

カテゴリのカスタマイズ

カテゴリをスタイルシートを利用して、色をつけたりしました。

#main-contents .post-cat a{
    margin-bottom: 0;
    background-color: #FFA500;
    color: #ffffff;
    text-decoration: none;
    overflow: hidden;
    width: 6em;
    height: 1.5em;
    padding: 0.1em 0.3em 0;
    border-bottom: none;
    font-size: 0.858em;
    text-align: center;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}

タグのカスタマイズ

タグもカスタマイズします。そもそも、タグがヒョウジサれていなかったので、表示。the_tags() で記事のタグが取得できる。

<archives/hp if (the_tags() != ""): ?> [<span class="post-tag"><archives/hp the_tags(', ') ?></span>] <archives/hp endif; ?></p>

これも、カテコリと同様に、CSSでデコレートする。

まとめ。

とりあえず、こんなところで!まだまだ、もさっとしている。男前にはなれなかったお(´・ω・`)

<archives/hp while (have_posts()) : the_post(); ?>

<div class="post">
<h2 class="post-title"><a href="<archives/hp the_permalink() ?>" title="<archives/hp the_title_attribute(); ?>"><archives/hp the_title(); ?></a></h2>
<p class="post-meta">
    公開日:<archives/hp the_time('Y年n月j日') ;?>  
    <archives/hp if ( function_exists ( 'wpp_get_views' ) ) { echo '<span class="wpp-views">' . wpp_get_views ( get_the_ID() ) . '</span> views'; } ?>
    <archives/hp if (get_the_category() != ""): ?> カテゴリ: <span class="post-cat"><archives/hp the_category(', ') ?></span> <archives/hp endif; ?>
    <archives/hp if (get_the_tags() != ""): ?> タグ: <span class="post-tag"><archives/hp the_tags(' ') ?></span> <archives/hp endif; ?>
</p>
<div class="contents clearfix">

    <div class="article">

    <!--本文抜粋-->
    <archives/hp the_excerpt(); ?>     

    <p class="link-next"><a href="<archives/hp the_permalink() ?>"><img src="<archives/hp bloginfo('template_url'); ?>/images/icon/futurismo_next.png" 
     alt="続きを読む" /></a></p>
    <!--/本文抜粋-->

    </div>
    <!--/article-->

</div>

</div>
<!--/post-->

<archives/hp endwhile;

06 Jul 2013, 23:17

Sublime Text3をWindowsに入れてみた!初めての導入と簡単なカスタマイズまとめ

 

最近なにかと話題のSublime text(サブライムテキスト)。 Sublime text3 パプリックベータ版が最近でたのを機に、試してみました。

[toc]

Sublime textって、なに?

エディタです。 メモ帳やワードパッド、Emacs、vim、サクラエディタや秀丸エディタの仲間。 以下のような特徴があるようだ。

  • Webデザイナに人気のエディタ。
  • 見た目はブラッククール
  • 豊富なプラグイン
  • 無料で使える
  • マルチプラットフォーム(Linux,windows,Mac…)

Sublime text3のインストール

以下から。

Package Controlのインストール

Package Controlを利用すると、Sublimetextにプラグインを入れることができる。

ST3用のPackageControlは開発中らしく、githubから入手する。Cygwinを利用。

cd "C:\Users\tsu-nera\AppData\Roaming\Sublime Text 3\Packages"
git clone https://github.com/wbond/sublime_package_control.git "Package Control"
cd "Package Control"
git checkout python3

注意 : Packagesは Program Files配下ではない。(C:\Program Files\Sublime Text 3)AppData配下。 (追記 2013/10/16) インストールのためのスクリプトが対応したようだ。詳しくは、取得先のURL参照

Google日本語入力対応

Google日本語入力をしようとすると、ウィンドウの外に変換候補がでる。インライン入力するためには、プラグインを導入する。

Package Controlからインストールする。

  • Ctrl+Shift+P → 「Package Control:Install Package」 → 「IME Suport」

これで、けっこうつかいやすくなった。

フォントの変更

Rictyが最近のお気に入りなので、変更します。 Preferences -> Setting(User)から設定画面開く。”font_face”の項目を追記。

"font_face": "Ricty",
"font_size": 10,

Emacsキーバインド対応

とりあえず、AuthHotkeyで代用。

日本語対応

わからなかった。

文字コード対応

Sublime TextはUTF-8が文字コードなので、shift-jisのファイルを開くと文字化けする。windows環境ではshift-jisが多いので、文字コードを変換するためのプラグインを入れる。

このプラグインを入れることで、Shift_JISのファイルを開くときはUTF-8に変換し、保存するときにShift_JISに戻すことができる。 インストールは Package Controlから ConvertToUTF8で検索。

画面分割

ショートカットでOK

  • 縦分割 Alt + Shift + 1,2,3,4….
  • 横分割 Alt + Shift + 8,9
  • フォーカスするウィンドウの変更 Alt + 1,2,3,4..
  • ウィンドウの別領域への移動 Ctrl + Shift + 1,2,3,4..
  • カーソルの別領域への移動 Ctrl + 1,2,3,4…

SimpleClone

ウィンドウ操作をもっと効率よくするプラグイン

  • Ctrl + Shift + 右 右側に今フォーカスしているファイルのコピー作成
  • Ctrl + Shift + 下 下に今フォーカスしているファイルのコピー作成

Markdownエディタとして利用する

MarkDown Previewを利用する。

インストールは、githubから手動インストール。

cd "C:\Users\tsu-nera\AppData\Roaming\Sublime Text 3\Packages"
git clone https://github.com/revolunet/sublimetext-markdown-preview.git "MarkDown preview"
cd "MarkDown preview"
git checkout ST3

キーバインドからブラウザプレピューするために、キーバインドを設定する。

  • Preferences -> Key Binding-Users から以下を追記 { “keys”: [“alt+m”], “command”: “markdown_preview”, “args”: {“target”: “browser”} },

これで、Alt + mからプラウザプレビューできる。

まとめ

外見がクールなのがメチャクチャ気に入った!! 秀丸やサクラエディタから乗り換えてしまおう。 もっと知りたい人は、ドットインストールが便利。

参考