今月末から、オールフリー×おそ松新作動画キャンペーンがありまして、その応募券を集めているところなんですよ。最低でも24本は消費しないとならない予定なのです。美味しく思って飲みたいじゃないですか。キャンペーンhttp://allfreecp.jp/apc/sscp/B1606ALF/top.htmlさてさて。今回は、Bootstrapの2回目です。前回は、Bootstrapが動くようにHTMLページにCSSやらJavaScriptを組み込むところを話しました。基本タグに付加されたスタイルを確認していきましょう。見ていないと気づかないぐらいの地味〜なスタイル調整なのですが、きれいに作るための下地としてけっこう効いてくると思います。“Typography”のカテゴリでは、基本のタグにつけられた文字修飾のスタイルを確認できます。公式の仕様書を読んでいくとわかるのですが、地味な部分にもしっかりとスタイルが準備されています。http://getbootstrap.com/css/#type以下のURLで、Bootstrap使用前と後を見比べながら、確認してみてください。copy(本文)http://getbootstrap.com/css/#type-body-copyまずは、本文に指定されたスタイルを紹介します。デフォルトで指定されるのは、font-sizeが14px・line-heightが1.428です。英文ならきれいなのですが、日本語の文字に割り当てると少し行間が狭いような気がしますね(ここは、調整方法を別の回でお話しする予定)。margin-bottomは、line-heightの半分のサイズが指定されます(デフォルトは10px)。CSSのクラスセレクタ“.lead”を付加するとリード文(要旨)の指定ができます(リード文に指定すると文字が少し大きくなります)。●Headings(見出し)http://getbootstrap.com/css/#type-headings<h1>〜<h6>までの見出し要素にシンプルなデザインが準備されています。副題をつけることもできます。要素内の文字が小さめ・薄めの文字になり、見出しの横に配置されます。タイトルとキャッチコピーのようなレイアウトを簡単に指定できますね。ちなみにマニュアルには掲載されてないようですが、<hr>もきれいな極細線になりますよ。classes(行揃えのクラス)http://getbootstrap.com/css/#type-alignmentブロックタグのalign属性のように扱える行揃えと折り返し禁止のためのクラスです。class="text-left">”のように指定します。左揃え(text-left)・中央揃え(text-center)・右揃え(text-right)・両端揃え(text-justify)・折り返さない(text-nowrap)があります。CSSがでてから、align属性は非推奨(使わない方がよい)となっているため、同じような感覚で使えるのは便利ですね。タグに、title属性をつけて“略語の解説文”を指定します。見た目と動きは、略語に破線で下線が表示され、マウスでポイントするとポップアップで解説文が表示されます。タグには、左側にボーダー線が表示されます。タグで、“引用元のタイトル”を指定したりできます。引用文全体を右寄せに配置します。スタイルが割り当てられています。CSSのクラスセレクタ“.list-unstyled”を付加するとリストマーカー(リストの行頭マーク)と左側の余白(marginとpadding)を非表示にします。CSSのクラスセレクタ“.list-inline”を付加するとインライン表示にし、左右に5pxの余白をもうけてリスト項目を横並びにします。CSSのクラスセレクタ“.dl-horizontal”を付加すると用語と説明を水平に並べて表示します(2列の表組みのような感じ)。レスポンシブに対応していて、画面幅768未満になると元の垂直表示に戻します。...というわけで、今回はこの辺まで。Bootstrapで基本タグの表示を確認ました。HTMLタグをデフォルトのまま使うとダサダサで嫌になっちゃうのですが、Bootstrapが何もしなくてもいい感じに整えてくれます。CSSを書かなくてもやってくれるというのが嬉しいところですね。今回紹介したタグ以外にも細かい部分でいろいろと調整がされています。公式仕様書の“Typography”を再度確認してみてくださいね。次回は基本タグの発展系で、フォーム、テーブル、画像やボタンなどちょっと特殊なコンテンツに付加されるスタイルを確認していきます。(もしかしたら、そろそろ夏アニメになるので、そちらを書くかもしれません。http://twitter.com/r360studioweb系の担当講座、6・7月でAdobeソフトの入門・実践講座をやります。お申し込みはお早めに。(06/13)●くまモンは完成度の高いステキなキャラだが、本物の熊となると恐ろしい。山林で、ツキノワグマに襲われたとみられる性別不明の遺体が見つかった。付近での熊による死者は4人目。地元猟友会員によって射殺された。被害者の死体損傷が激しいため、この熊に食われたのではないかといわれ、報道で【秋田殺人熊】と呼ばれた。同書は昭和57年11月発行、平成25年11月46刷改版とある。この小説は、大正4年(1915)、北海道天塩山麓の開拓村を一頭の羆が襲った日本害獣史上最大の惨事を描いた、とびきり恐い話だ。冬眠の時期を逸した羆が、わずか2日間に6人もの男女を殺害した。最初の襲撃では、9歳の少年の咽喉をえぐりとって殺し、その母の死体を山で食うために運び去った。羆は翌日の少年の通夜の席に板壁を破って踏み込み、さらに別の家で4名を殺し、3名に重傷を負わせた。村の銃携行者たちは自力で羆を斃すことができず、恐慌を来して逃げ帰る。分署長と警官の二人が来村し、各町村からの救援隊の出動で、約200人の男達による一応の態勢は整えられた。分署長は軍隊の出動を要請したがあまりに遅かった。羆は依然として村の山中にひそみ、家々を荒らし、放置された死体を食い散らかしているようだ。区長はついに羆撃ちを生活の糧にする銀オヤジ(山岡銀四郎)に、村落の命運を託すことを決意する。50歳を越えた銀オヤジは、大酒のみで素行が悪く傲慢で村中の嫌われ者である。いう男の登場はフィクションだと思うが、三船敏郎を思い浮かべながら読んだ。すると区長は志村喬だな。羆は救援隊の銃の乱射でわずかに負傷し山へ逃げた。意気上がる200人の集団は、羆の足跡をたどって山を登り、銀オヤジと区長は別の方向から斜面を登る。淡々とした描写のなかで、銀オヤジは羆を斃す。雄、7〜8歳、頭の頂から足先まで2.7m、体重は383kgであった。警官も他町村の者たちも去る。羆を仕留めるまでの銀オヤジは殊勝な態度で、さすが三船敏郎と思っていたが、村の宴会が始まり酒が入ると、人に忌み嫌われる酒乱の男に戻り、村中の金を出せと喚く(この悪人を誰に演じせたらいいんだ)。銀オヤジのその後と、村のその後を述べて物語は終わる。羆が人間を襲うシーンはないが、襲われたあとの描写は淡々としているが、すさまじく酸鼻。破損された人間の死体ほど怖いものはない。科警研で死体写真を見た経験は何度かここで書いた。写真の熊は合成?http://www.shiretoko.or.jp/library/bear/bear2/吉村昭「羆嵐」http://www.amazon.co.jp/exec/obidos/ASIN/4101117136/dgcrcom-22/●ロビ続き。全部を開封し、説明書を読み込んでから作り始めてもいいんだけど、パーツが混ざると困るし、展開のわからないワクワクを揃った後に味わえるので、順次にした。後から知ったのは、一度ねじを締めれば終わり、というものではなくて、何度かねじを外す必要があるということ。ねじは新たに送られてきたり、毎号予備がついてくるので、ねじ山が潰れることを心配する必要はない。ねじは結局15〜20ぐらいの種類があったように思う。ネジと最初読んでしまい、そんなねじあるんだ〜誤植かなと思った「なべネジ」と「皿ネジ」がほとんど。「M2x4.5mm皿ネジ」「M2x6mmなべネジ」。「な」はひらがななんだけど、「べ」がフォントの関係でカタカナの「ベ」に見えてしまって、「ベネジ」がひとかたまりだと思ってしまったのであった。「M2x6mmな」なんて「ユニークな」という使い方をする「な」(ナ形容詞)にしてはおかしいんだけれど、パーツ一覧なのでザッピングしてしまい、サイズと種類しか目に入っていなかったのだ。2015年2/10号http://www.amazon.co.jp/exec/obidos/ASIN/B00RVZ257I/dgcrcom-22/今から揃えるなら、こなれた第三版がオススメ。連載記事も新しいはず。Disqusこのサイトについてこのサイトは平日毎日発行しているメールマガジン「日刊デジタルクリエイターズ」のバックナンバーを収録しているサイトです。1998年4月の第1号からすべて収録されています。著者別の掲載リストもあり(ページ末尾)、気になる著者のバックナンバーを読むことができます。基本的にメールマガジンの発行後、このサイトが更新されるので、最新情報を確実に読みたい場合は、メールマガジンを購読して頂くことがお薦めです。「日刊デジタルクリエイターズ」のメールマガジンは、デジタルメディアで活躍する現役クリエイターたちのコラムで構成されている本格派のメールマガジンです。実用的な内容から、インスピレーションを刺激する内容まで多彩なコラムをお届けします。メールマガジンスタンドの「まぐまぐ」「melma!」にメールアドレスを登録するだけです。ご購読は以下のボタンから。Disqus広告グラシン工房では半透明の極薄紙「グラシン紙」の封筒など、ラッピングアイテムを販売中!オリジナル柄の印刷やOEMでの製造も承っております。Amazonを使用しています。記事)川合和史@コロ。