Sheeprograming

つまりどんな感じのを作るのか

以下のようなものを作る。

書いたコードは以下の感じ。

<div style="color: white;">
<div style="border: #0000FF 5px double; border-radius: 5px; background-color: #3333ff; width: 500px; position: relative; height: 2em;">
ベースとなる何か
<span style="border: #0000AA 3px double; border-radius: 3px; background-color: #5555aa; position: absolute; right: 0px;">ぼたん</span>
</div>
</div>

どうしてこう書いたのか?

考えなければならない点は4つ。

• 外側に以下の2つの記述
  • postion: relative
  • height: 2em;
• 内側に以下の2つの記述
  • position: absolute;
  • right: 0px;

内側の position を absolute にする

内側の span (つまりボタンになる span) を書く。これで配置を絶対配置にする。ただし、外側の要素の poistion を static 以外にしておく必要がある。外側の要素が static ではないなら外側の要素に対して絶対配置になるが、そうでなければページ全体に対する絶対配置となる。とりあえず、 relative が他への影響が最も少ないので relative にしておくのが良い。

内側の right を 0px にする

position が absolute に指定されているため、親要素の右端からの距離が 0px になる。

内側の display は inline (or inline-block) ですか?

position:absolute の場合、インライン要素にしておかないと高さについても設定しなければならず面倒なので注意。

外側の position を relative にする

上述の通り。内側の absolute における位置基準にするために relative にする。

外側の height を適切な数字にする

absolute な要素に対しては合わせて高さを調整してくれない。その為、適切な高さに再設定してやる必要がある。ここでは 2em に設定している。

サーバが増える

「サーバの稟議が通った！サーバが届くぞ！」という喜びの声。そして、届くサーバ15台……「えっ、これ全部に Ubuntu Server をインストールするの?」

インストール用の CD を15台に入れては抜いて入れては抜いてをしなくて済む方法としてネットワークインストールがある。が、インターネットで見つかった手順書は若干古いものが多かった。ので、実際にやった時の記録。

構成

以下のような構成になる。

┏━━━━┓
┃ルーター┃
┗━┯━━┛┏━━━━━┓　　　
　　├───┨PXE サーバ┃
　　│　　　┗━━━━━┛
　　│　　　┏━━━━━━┓　　　
　　├───┨新しいサーバ┃
　　│　　　┗━━━━━━┛
　　│
　　...

PXE サーバと新しいサーバ群は同じネットワーク上にある必要がある。

PXE サーバの準備

注意点：DHCP サーバは除いとく

まず、ルーターが DHCP サーバを兼ねていたらルーターの DHCP サーバ機能をオフにする。これは PXE サーバが DHCP サーバになるためである。

手順概要

以下の手順で実施する。

1. PXE サーバに Ubuntu 14.04 LTS をインストールする
2. PXE サーバに DHCP サーバをセットアップする
3. PXE サーバに tftp サーバをセットアップする
4. PXE サーバにインストールイメージを配置する
5. 新しいサーバを PXE ブートする

PXE サーバに DHCP サーバをセットアップする

まず、 DHCP サーバをインストールする。
# apt-get install isc-dhcp-server

設定ファイルを編集する。 /etc/dhcp/dhcpd.conf である。末尾に以下を記述する。

# subnet と netmask でネットワークを指定。
# range は新しいサーバに付与する IP アドレスの最小値/最大値を入れる。
subnet 192.168.237.0 netmask 255.255.255.0 {
          range 192.168.237.2 192.168.237.12;
}
# DNS サーバの IP アドレスを入れること
option domain-name-servers 192.168.1.1 ;
# ネットワークインストールのメディアへのパス
filename="ubuntu/install/netboot/pxelinux.0";

設定したのでサーバを再起動するのだが、再起動した後にログを見ると不穏なメッセージが載っている。
# service isc-dhcp-server restart
# cat /var/log/apt/isc-dchp-server6.log
Please Create and configure /etc/dhcp/dhcpd6.conf to fix the problem.
どうにも /etc/dhcp/dhcpd.conf ではなく /etc/dhcp/dhcpd6.conf という名の config ファイルが必要らしい。インストール直後に配置されるのは /etc/dhcp/dhcpd.conf だというのに。内容は /etc/dhcp/dhcpd.conf と同じでよいので複製する。
# cp /etc/dhcp/dhcpd.conf /etc/dhcp/dhcpd6.conf
# service isc-dhcp-server restart

PXE サーバに tftp サーバをセットアップする

tftp サーバのセットアップをおこなう。さほど注意点はない。

とりあえずインストール。
# apt-get install tftpd-hpa

設定を行う。 /etc/default/tftpd-hpa を編集し、以下の二行を追記。

RUN_DAEMON="yes"
OPTIONS="-l -s /var/lib/tftpboot"

PXE サーバにインストールイメージを配置する

インストールイメージを入手する。
$ cd
$ wget http://releases.ubuntu.com/14.04.4/ubuntu-14.04.4-server-amd64.iso

DHCP の設定と tftp の設定で記述した場所に iso イメージを配置する。
# mount -t iso9660 -o loop /home/ubuntu/ubuntu-14.04.4-server-amd64.iso /var/lib/tftpboot/

新しいサーバを PXE ブートする

新しいサーバを起動し、ブートメニューから PXE ブートを選択。インストールを開始できる。何台でもやれる。

インストールの自動化

PXE ブートと preseed.cfg を使って Ubuntu 14.04 LTS のインストールを自動化する

用語集

PXE

ピクシー、と発音する。Preboot Execution Environment の略。ネットワーク経由でコンピュータを遠隔地から起動するための規格。より詳しい話は Preboot Execution Envionment (PXE) Specification Version 2.1 に。

PXE サーバ

PXE を利用するために起動用のメディアを提供するサーバ。PXE サーバは特別な機能を持たない普通の物理サーバを利用して作ることができる。逆に、インストールする側のサーバは PXE ブートに対応している必要がある。

TFTP

Trivial File Transfer Protocol の略。FTP に似ていてファイル転送を行うプロトコル。FTP とは違い、認証は行われない。また、転送の効率に重きをおいた代わりに信頼性を犠牲にしている。

権利的な話

この記事は Creative Commons by-sa 3.0 with attribution required で公開されている記事を翻訳したものです。その為、この記事も同じライセンスとなります。

元記事は boot - Gave up waiting for root device, ubuntu--vg-root doesnt exist - Ask Ubuntu です。

この記事は何?

boot - Gave up waiting for root device, ubuntu--vg-root doesnt exist - Ask Ubuntu の翻訳です。Ubuntu を起動しようとしたときに Gave up waiting for root device と怒られて失敗したときの対処法についてです。

本文

Gave up waiting for root device. Comon problems:
  - Boot args (cat /proc/cmdline)
    - Check rootdelay= (did the system wait long enough?)
    - Check root= (did the system wait for the right device?)
  - Missing modules (cat /proc/modules; ls /dev)
ALERT! /dev/mapper/ubuntu--vg-root does not exist. Dropping to a shell!

BusyBox v1.21.1 (Ubuntu 1:1.21.0-1ubuntu1) build-in shell (ash)
Enter 'help' for a list of built-in commands.

(initramfs) _

lsblk
NAME MAJ:MIN RM SIZE RO TYPE MOUNTPOINT
sda 8:0 0 232.9G 0 disk
├─sda1 8:1 0 231G 0 part
├─sda2 8:2 0 1K 0 part
└─sda5 8:5 0 2G 0 part [SWAP]
sr0 11:0 1 1.2G 0 rom /cdrom
loop0 7:0 0 1.1G 1 loop /rofs

アラゴ (Around 五か月) の息子のミルク摂取量が激減しました。

当初、哺乳瓶を拒んでいるように見えました。哺乳瓶を近づけると口の近くに手を持ってきて哺乳瓶をホールドするのです。

しかし、妻が名推理。哺乳瓶を拒んでいるためではなく、哺乳瓶を自分で持ちたいがためのホールドではないか、と。

なるほど、確かによくよく観察すると試行錯誤している。が、自分で哺乳瓶を持つ筋力は鳴く、変なところをつかんでいるためにうまく飲めない。本人がコツをつかむまでは苦労しそうです。

併せて妻に言われたのが「もはやミルクを飲ませてあげるのではなく飲むのを補助する感覚」とのこと。難易度がグッと上がった……

いくつ要素があるかわからないリストに対し、”リストの要素をクリックしたらその要素に応じた何かが発生する”、というようにする。この際、リストの各要素にイベントをバインドしてもよいが、もっと楽にやれる方法がある。

例

<ul id="animals">
  <li>こぶた</li>
  <li>たぬき</li>
  <li>きつね</li>
  <li>ねこ</li>
</ul>

  $('#animals').click(function(e) {
    alert($(e.target).text());
  });

こうすると、クリックした動物の名前が出てくる。親要素にイベントをバインドした上で e.target で実際にクリックされた要素を取得することで各 li にイベントバインドするよりも単純に書ける。

例外処理

クリックされてイベントが発生してほしくないものがクリックされた場合の対処は以下がある。

• e.target の内容でフィルタリングする
• クリックされたら困る要素で e.stopPropergation() する

以下の html で class ='noAlert' のものをクリックしても出ないようにすることを考えてみよう。

<ul id="animals">
  <li class='noAlert'>おに</li>
  <li>こぶた</li>
  <li>たぬき</li>
  <li>きつね</li>
  <li>ねこ</li>
  <li class='noAlert'>かいじゅう</li>
</ul>

内容でフィルタリング

  $('#animals').click(function(e) {
    if($(e.target).hasClass('noAlert')) {
      return;
    }
    alert($(e.target).text());
  });

きわめて単純。 noAlert クラスを持つ場合は途中で return してしまう。多分こちらの方が直感的だと思う。

stopPropergation

  $('#animals').click(function(e) {
    alert($(e.target).text());
  });
  $('.noAlert').click(function(e){
    e.stopPropagation();
  });

stopPropagation を使うとイベントが伝播しなくなる。そのため、 li がクリックされたことはわかっても ul がクリックされたことをキャッチできなくなる。

noAlert の要素にイベントをバインドする、という面倒があるが……

参考文献

UI Events Specification にもう少し詳しい話がある。