ソフトウェア開発者の日常

こだわりなく書きたいことを書いていきます。

記入欄を下に固定した印刷物をWebページでそれらしく作成する方法

親要素のdivのボックス内の子要素のdivを下揃えにする方法としては、以下のように記述するをなんとなく知っていました。

<div style="height:1000px;position:relative;">
    親要素
    <div style="position:absolute;bottom:0;">
        子要素
    </div>
</div>

これを繰り返し出力すれば、高さを固定した親要素のdivのボックスが繰り返し出力されます。
親要素のdivのボックス内で子要素のdivは下揃えになります。

<div style="height:1000px;position:relative;">
    親要素1
    <div style="position:absolute;bottom:0;">
        子要素1
    </div>
</div>
<div style="height:1000px;position:relative;">
    親要素2
    <div style="position:absolute;bottom:0;">
        子要素2
    </div>
</div>

f:id:AJYA:20170216060116j:plain
photo credit: Martin Pettitt New Printer! via photopin (license)

親要素のdiv毎に改ページして印刷できる?

印刷時の改ページ位置を指定する際に用いる「page-break-after」を適用すると、正しく改ページされるのか試してみました。

<div style="height: 1000px;position: relative;">
    親要素1
    <div style="position: absolute;bottom: 0;">
        子要素1
    </div>
</div>
<hr style="page-break-after: always;">
<div style="height: 1000px;position: relative;">
    親要素2
    <div style="position:absolute;bottom:0;">
        子要素2
    </div>
</div>

結果は、ブラウザでの印刷プレビュー、実際にプリンタを使った印刷ともに親要素のdiv毎に改ページされました。
Google Chromeの印刷機能からのPDF作成でも、親要素のdiv毎に改ページされました。


記入欄を下に固定した印刷物を、Webページで作成してブラウザの印刷機能で作りたいという要望があれば使えそうな方法だと考えます。

物を減らし、属人化している仕事を減らしていきたい

今週のお題「新しく始めたいこと」として、改めて考えそうになりましたが、以下の記事で書いていました。
ajya.hatenablog.jp

ajya.hatenablog.jp

新しく始めたことも書いていました。
ajya.hatenablog.jp

f:id:AJYA:20170215061303j:plain
photo credit: DeGust #IAmPalestine @Lausanne via photopin (license)

現状は進んでいるのか?

新しく始めたいことを書いたからには実行を宣言しているのですが、現状はなかなかできていません。
特に物を減らすことができていません。

新しく始めたことの記事にも、

それでも、新たな身につけたいことがあります。
次は毎日片づけをする習慣です。
片付けというのが漠然としているので、もっと具体性を持たせないと、習慣にはなりそうではありません。
貯めこんでしまっている紙類を、1日1枚ずつ判断をして、捨てたり等をするという習慣の方がいいのかと考えています。

小さな習慣を身につけるだけでも時間がかかる - ソフトウェア開発者の日常

と書いています。

少しずつ減らす習慣をつけようと考えてはいますが、どの時間帯なら間違いなく実行できるのかと模索している最中です。
家族が寝ている間は、なるべく音を立てたくないので片付けはしにくいです。
逆に起きている時間は、家族との時間を優先するので片付けはしにくいです。

片づけをするというのが間違いで、片づけをしなくて済む仕組み作りがいいのかもしれません。


属人化している仕事は、こちらの記事にあるように作業手順書を作成しています。
jmatsuzaki.com
先日も3年ぶりに作業をしたら、作業手順に抜けがあることに気がついて、作業手順を書いていました。
少しずつ充実しているので、他人に引き継ぐことはなくても、次回に役立つことは間違いありません。

3歳10か月になりました

子どもが生まれて3年と10ヶ月です。気づいたことや出来事を書いていきます。

f:id:AJYA:20170214054112j:plain
photo credit: Michel Curi Helping With The Garden via photopin (license)

  • 相変わらず年齢を間違われます。
    4月から通う保育園の、制服のサイズ合わせ等に行ったときの受付や、妻と一緒に行った歯科医院でも、4歳児と間違われていました。
    身長があるので、どうしてもそう見えてしまいます。
  • 何度も双六で遊びます。
    最初はコマがどれだけ進めるのか数えられませんでしたが、最近は数えて進められるようになりました。
    お風呂上がりに何回遊びたいと言って、その回数遊ぶまで寝ようとしません。
    百円均一のセリアで買った新幹線の双六は、途中分岐があってわかりにくいです。
  • 雪で遊びました。
    元々べたっとしていたのと、結構溶けてきてからだったので、雪だるまを作るにしても、転がしにくかったです。
  • 外出するときに、気をつけてねと言われます。
    そういう日は、いつもよりさらに気をつけます。
    車に一緒に乗っていて、片手でハンドルを持って運転していると2つと言って両手でハンドルを持つように注意されます。
  • 発熱をしましたが、翌日には下がりました。
    起きたら咳をしていて、午後の診療を受けたら、38度台の発熱でした。
    インフルエンザかと心配しましたが、一晩で熱は下がっていました。
    雪が降ったりして急に寒くなったけれど変化についていけていなかったのか、寝る時間が遅くて起きる時間が早いことがあって、体力が落ちていたためなのかもしれません。
  • 発熱するとおとなしくなるのは、ありがたく感じてしまいます。
    普段が元気すぎてこちらが疲れることから、こんなことを思ってしまいます。
  • 幼児教室で親同士が仲良くなったので、遊びに行きます。
    同じ学年でもまだ3歳になっていない子がいるので、年上ぶろうとします。
  • 新しいプリキュアも気に入ったようです。
    2月から新しくなりましたが、変わらず視聴しています。
    ショーが近くであれば、昨年のように行くのかもしれません。

ajya.hatenablog.jp


体力がありあまっているのか、昼寝をなかなかしれくれません。
それで夕方になって眠くなってきて、機嫌が悪いということがあり、わがまま放題に手を焼きます。
そんな経験も、4月から保育園に通うようになると変わっていくのかもしれません。