[4268] Dreamweaver 再び。

投稿:  著者:  読了時間:29分(本文:約14,300文字)


《感想:「なんだこのスッカスカな話は」》

■まにまにころころ[108]
 ざっくり日本の歴史(後編その27)
 川合和史@コロ。 Kawai Kazuhito

■クリエイター手抜きプロジェクト[488]IoT編
 ビット処理(XOR)
 古籏一浩

■LIFE is 日々一歩(44)[Web]
 Dreamweaver 再び。〜CSS Nite LP51「Reboot Dreamweaver」〜
 森 和恵

─[PR]───────────────────────────────
 シャリシャリ感が心地よい半透明の薄紙【グラシン紙】をご存じですか?
グラシン工房ではグラシン紙の封筒やラッピングペーパー・包装紙を取扱中!
    ───────────────────────────
  印刷関係の方に【ネタ】っぽく使っていただけるラッピングペーパーや
  商品入れ替えのため50%OFFのグラシン封筒を【数量限定】にて販売中!
    ★ 詳細はこちら ★ →→ http://bit.ly/dgcr-glassine
───────────────────────────────[PR]─




━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
■まにまにころころ[108]
ざっくり日本の歴史(後編その27)

川合和史@コロ。 Kawai Kazuhito
http://bn.dgcr.com/archives/20170123140300.html
───────────────────────────────────

コロこと川合です。今年もどうぞよろしくお願いします。

今年は大河を初回から見逃しまして。そのままパスしようかなと思いつつも、二話、三話は見たんですよ、ええ。

感想:「なんだこのスッカスカな話は」

直虎自身はマイナーながらも、扱う時代はせっかく一番面白いところなのに、もったいない! 柴咲コウが出てくる次週以降が本番とは言え、これはあまりに期待薄なんじゃないですかね。

なんだかんだ言いながらも、見られる時には見るでしょうけど、大河話にあまり触れられないとなると、導入の話題をどうしたものかと悩みます。(笑)

悩むと言えば、幕末話。そろそろ西郷隆盛をご紹介、とずっと前から思ってはいるんですけれども、この方、難しくて……。

色んなことが複雑に絡み合った中からスルッと出てきて、時代の重要な節目に顔を出し、最後は大騒動を引き起こして消えていくという。すごい人には違いないんですが、どうすごいのか説明に困る方です。

はっきり言えるのは、西郷さんの愛犬は薩摩犬系の雌「ツン」で、上野公園の西郷さんが連れているのは薩摩犬の雄だから、別犬。顔も兄弟や親戚の顔から作ったもので別人。あの銅像は人も犬も想像上のものだということくらいです。西郷さんが飼ってた犬は何頭もいたらしいですけどね。

犬を連れているのは狩猟のため。狩猟の目的はダイエットです。

どうでもいい話しか出てこない……。

とは言え、無視できる存在ではないので、少しずつ迫ってみたいと思います。西郷さんの前に今回はまず、薩摩藩の島津さんの話から。

◎──島津に暗君なし

島津氏と言えば戦国時代の島津義久や義弘が有名ですが、歴史は古く、初代は鎌倉幕府の御家人・島津忠久とされています

頼朝の落胤であるとも言われて、大阪の住吉大社には、頼朝の寵愛を受けた丹後局が北条政子の怒りから逃れて辿り着いたここで産気づき、この大石にしがみついて忠久を産んだんだよっていう石があります。

史実的には頼朝の落胤という話は否定されていますけれど、忠久の母は頼朝の乳母の子だったそうで、近い存在ではあったようです。

その忠久が薩摩・大隅・日向(だいたい今の鹿児島+宮崎)の守護職に就いて南九州との縁ができますが、比企能員の変に絡んで北条氏と揉め、薩摩のみに。

ただ、忠久も二代目も基本的には鎌倉の人。三代目が元寇に関連して九州へ。

四代目は島津氏の中で初めて薩摩で亡くなり、五代目は鎌倉幕府の倒幕運動で功績をあげたことから大隅・日向を再び島津氏の管轄とすることを許されて、薩摩と合わせて、南九州にがっつり基盤を築いていくことになります。

ただ、地元の反発だなんだはずっとあって、それらを徐々にまとめていくのが代々の島津氏のお仕事。お家騒動なんかも起こったり。

戦国大名としての島津の基礎を作り上げたのが第十五代・島津貴久(たかひさ)。

義弘・歳久・家久といった優秀な弟たちと力を合わせて、九州全域をほぼ手中に収めるところまで勢力を伸ばした島津義久(よしひさ)は十六代目です。

結局、秀吉に攻められて、所領は薩摩・大隅の二国(だいたい今の鹿児島)と日向の一部になり、なんだかんだを経て、それが江戸時代の薩摩藩になります。関ヶ原では西軍だったのに所領はそのままというあたり、交渉上手なんですね。

島津に暗君なし、なんてことが言われるほど、代々の島津氏は名君ぞろいだとされています。もちろん波はあるんでしょうけども。

江戸時代、薩摩藩の初代藩主は島津家久。義久の弟の家久ではなくて、義弘の三男です。紛らわしいので家久を名乗る前の忠恒(ただつね)で呼ばれることが多いです。義弘が十七代、忠恒(家久)が十八代です。

そんな島津氏ですが、ここで話は一気に幕末まで飛びます。


◎──島津重豪(しまづ・しげひで 1745年11月29日-1833年3月6日)

島津氏の二十五代目で薩摩藩八代目の島津重豪は、開明的かつド派手に攻めの政治を行う人でした。若くして実権を手にしてからは、蘭学を推奨したり藩校や武芸の教練所を次々に作ったりと教育に力を注ぎ、その門戸は武士以外にも広く開きました。

早々に家督を長男に譲るも、隠居とは名ばかりで実権は握り続け、さらに外様大名でありながら、娘を第十一代将軍・徳川家斉に正妻として嫁がせるという離れ業まで成し遂げました。

思いのままに辣腕を振るう重豪ですが、お金のことは考えないタチで。世の中、金じゃねーんだよ、金があろうがなかろうが、今やんなきゃいけねーことは今、やってしまうしかねーんだよというタイプだったんですかね。特に西洋文化の吸収にがんがんお金を費やしたので、蘭癖大名の一人と言われます。

一概に悪いこととは言い切れないですが、周りはたまったもんじゃない。誰が工面すると思ってるんだって話で。家督を譲られた長男は、見るに見かねて、緊縮財政を採ろうとしたところ、重豪に叩き潰され、家督は孫に移されました。

そんな経緯で18歳で家督を継いだのが島津斉興です。実権は重豪が握ったまま。


◎──島津斉興(しまづ・なりおき 1791年12月1日-1859年10月7日)

薩摩藩十代目藩主となった斉興ですが、祖父の重豪は亡くなる89歳まで実権を握り続けます。斉興が実権を持ったのは42歳でした。年齢的には普通ですが、息子でなく、孫ですからね。間の一代分をまるまる祖父が代行したようなもの。

長い長い雌伏の時を送りながらずっと準備していたのでしょうか、斉興はまず財政再建に着手して、重豪がこれ以上ないくらいに破綻させた財政を、祖父も顔負けの豪腕で建て直します。

斉興:「調所広郷(ずしょ・ひろさと)よ、財政を建て直すぞ!励め!」
調所:「頑張ります!」
斉興:「売れるものはないか!」
調所:「薩摩の産業である砂糖を売りまくりましょう!」
斉興:「もっと他にもないか!」
調所:「ここは九州です、清国と密貿易しまくりましょう!」
斉興:「お、おう。それでもまだまだ借金が天文学的だな、どうしたものか!」
調所:「250年の分割払いにしてもらいましょう!」
斉興:「え、まじで? じゃ、じゃあ、そうしてもらって」

調所広郷を重用した斉興の采配はぴたりと当たり、なんと、財政が一気に改善しますが、密貿易が幕府にばれてしまいます。

幕府:「どうやら薩摩藩が密貿易をしていると聞いたのだが?」
斉興:「えーと……」
調所:「密貿易、全部私がやりました! ごめん! さようなら!(服毒)」
斉興:「調所ーーーーーっ!!!」

調所は藩や斉興に累が及ばぬよう、全ての罪を被って服毒死します。

この頃、斉興ももう60歳手前。薩摩藩内では斉興の跡継ぎを誰にするかで派閥が分かれていました。正室の子で嫡男の斉彬と、側室の子で五男の・久光と。

どう考えても跡継ぎは斉彬だと思うのですが、久光の母・お由羅の方が久光を猛プッシュ。それに対して斉彬派は、お由羅の方を暗殺しようとするものの、計画が露見して自害。

このお由羅騒動と呼ばれる事件を経てなお両派閥はまだ対立を続け、最終的には幕府老中・阿部正弘の調停により、斉興が斉彬に家督を譲って隠居することで決着がつきました。1851年のことです。


◎──島津斉彬(しまづ・なりあきら 1809年4月28日-1858年8月24日)

薩摩藩十一代目・島津斉彬。このお方こそ、西郷隆盛を世に出したお方です。斉彬は、曾祖父である重豪の影響を強く受けていました。だからこそ、斉彬を聡明だと評価する派閥と、また財政破綻の種になっては困るからお由羅の方に乗っかって久光を推そうという派閥に分かれていたんですね……。

斉彬は家督を継ぐと、蘭学を大いに取り入れて薩摩の富国強兵に努めました。集成館事業と総称される一大プロジェクトを立ち上げ、製鉄・造船・紡績を軸にして、アジアで初となる近代的洋式工場を次々に建設しました。この事業で作られた反射炉跡、機械工場、紡績所技師館は、世界文化遺産となっています。

当時、大型船を作ることは幕府に禁止されていましたが、琉球防衛という名目で幕府へ願い出て認められ着工。そうこうしているうちにペリーがやってきて大騒ぎとなり、幕府は大船建造禁止令を廃止、浦賀奉行に西洋式帆船の建造を命じます。そうして浦賀奉行が鳳凰丸を完成させたおよそ半年後、斉彬は薩摩で作っていた昇平丸を完成させ幕府に献上します。豪毅なところも曾祖父似!

斉彬の事業は造船や武器弾薬といった軍事面に留まらず、食品事業やガス灯の実験などにもおよび、薩摩の地力を底上げしていきます。財政面はさておいて。

一方で西郷隆盛や大久保利通といった、下層武士も実力次第で重用。政治の面でも手腕を振るって、朝廷とも繋がっていきます。同時に、家督を継ぐ前から親交のあった、松平春嶽(福井藩)、伊達宗城(伊予宇和島藩)、山内容堂(土佐藩)、徳川斉昭(水戸藩)、徳川慶勝(尾張藩)らと共に、幕政にも影響を与える存在となって、老中・阿部正弘にも積極的に意見した。

春嶽、容堂、宗城、斉彬は四賢侯と呼ばれ、阿部正弘とも協調。黒船来航以来の難局に対して、公武合体や防備の充実、開国しての西洋化を進めようとして動いていたが、1857年に阿部正弘が急死。それを受け大老職に就いた井伊直弼とは、将軍の後継問題で真っ向から対立することに。

徳川慶福(家茂)を推す井伊直弼と、慶喜を推す四賢侯とのバトルは、井伊の勝利。安政の大獄として知られる井伊の大粛正で、斉彬を除く三人は、蟄居、謹慎を命じられました。

斉彬はどうしたって? なんと斉彬はこのドタバタの中、急死してしまいました。井伊への抗議のために薩摩藩兵を五千人動員して上洛する準備をしていた折に発病して倒れ、およそ一週間後に息を引き取ります。コレラであったとも身内による毒殺であったとも言われています。存命の父・斉興によるものという説もあります。1858年のことです。

斉彬は嫡男を次々に若くして亡くしており、後は幼少の六男と娘ばかりでした。そこで遺言で、家督を争った弟・久光の長男である忠義に長女を嫁がせ仮養子としつつ、幼少の六男・哲丸を後継者に指名することで、死後に家督を巡って争いが起こりにくいように取りはからいながら、この世を去りました。結局は哲丸が夭逝したので、薩摩藩十二代目は忠義のものに。


◎──島津忠義(しまづ・ただよし 1840年5月22日-1897年12月26日)

元は忠徳(ただのり)で、家督を継いで将軍家茂に謁見したのを機に、茂久と改め、忠義となったのは維新後のこと。なお父の久光も、久光と名乗ったのは忠義が家督を継いだ後のことで、それまでは忠教(ただゆき)でした。みんなよく名前変わったり号だのなんだのと異称があったりでややこしいので、大抵いつも一番通ってる名前で書いています。本当みんな名前多すぎ。

えっと、忠義が家督を継いで十二代藩主となったのは18歳の時のことですが、存命だった祖父の斉興が実権を握ります。斉興は、斉彬が進めてきたことを、どーんとひっくり返していこうとします。斉彬は曾祖父の重豪路線ですからね。西郷隆盛ら、斉彬が重用した家臣も大粛正。集成館事業も中止させます。

ただ、混乱しかけたところであえなく斉興は亡くなります。続いて忠義の父、久光が実権を握ります。この幕末、最後の薩摩藩主である忠義よりも、結局、藩主には就いていない久光の方が名前が通っていますね。忠義、影薄い感じ。しかし傀儡というよりは、父親を立てたといった印象です。島津に暗君なし!

なお忠義の八女は香淳皇后の母、つまり忠義は今上天皇の曾祖父にあたります。


◎──島津久光(しまづ・ひさみつ 1817年12月2日-1887年12月6日)

既に何度も出てきていますが、お由羅騒動で斉彬と家督を争い、斉彬の死後、長男の忠義が家督を継いだことで権力を手にした人です。斉彬と家督を争いはしましたが、争ったのは当人たちでなく家中の人で、別に仲悪かったわけではないようです。

一方で、久光は西郷隆盛とはとことん不仲だったようで。まあ家臣相手に不仲というのも変ですが、大っ嫌いだったみたいで、島流しにしたりしています。その後、赦免するんですけど、嘆願を受けて渋々、やむなく、嫌々の赦免で。

忠義も久光も倒幕の中心人物として活躍しますが、その辺のあれこれは全部、西郷さんの説明にでも乗っけることにしますね。ここでは割愛。

久光の面白エピソード(?)を最後にひとつだけ。

明治政府:「廃藩置県しまーす。薩摩藩もなくなりまーす」
島津久光:「な、な、なにぃ!!どこのボケがそんなことするんじゃあ!」
明治政府:「えっと……薩摩の西郷さんと大久保さんですが……」
島津久光:「反対! 断固反対! 強く抗議する! 遺憾の意を表明する!」
明治政府:「といいますと? プラカード持ってデモしたり?」
島津久光:「うちの庭で、一晩中、花火上げさせたる!!!」
明治政府:「……それでお気が済むのなら、まあ、どうぞ……」

なんで花火だったんでしょうね……


◎──今回はここまで

ということで、以上、島津さんちの話でした。幕末の島津、権力者が年齢順に推移していかないからややこしいんですよ。重豪は長いし、続くのは孫の斉興だし、斉彬は壮年で急死して忠義が継ぐも実権は斉興が復帰して握るし、復帰するや亡くなって今度は忠義の父親・久光が権力を握るし。ああややこしい。

さて次回は西郷さんの話。まずは、軽くその人生を追ってみたいと思います。余裕あれば大久保さんの話も交えつつ。島津の話、覚えていてくださいね。


【川合和史@コロ。】koro@cap-ut.co.jp
合同会社かぷっと代表
https://www.facebook.com/korowan
https://www.facebook.com/caputllc
http://manikabe.net/


━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
■クリエイター手抜きプロジェクト[488]IoT編
ビット処理(XOR)

古籏一浩
http://bn.dgcr.com/archives/20170123140200.html
───────────────────────────────────

今回はビット処理の排他的論理和(XOR)について説明します。

前回のNOTは全ビットを反転させますが、XORは特定のビットだけを反転させることができます。

まず、XORの動作を説明します。以下はXORでのビット処理を示したものです。

0 と 0 → 0
0 と 1 → 1
1 と 0 → 1
1 と 1 → 0

何かすごく不思議な動作をするように見えます。両方のビットが同じなら0に、違う場合は1になります。一見するとまるで役に立ちそうもない動作です。

しかし、このXORの動作はプログラムにおいては、役立つことも多くあります。いくつか見てみましょう。

まず、0と1を交互に切り替えたい場合です。これはトグルスイッチとも呼ばれます。Webページでのチェックボックスのオン/オフみたいなものです。変数Aに0を入れた後にXOR 1としてみます。IchigoJamでのXORは^です。

A=0
OK
A=A^1
OK
?A
1

一回XORすると0が1になりました。それでは、もう一度1とのXORをとってみます。

A=A^1
OK
?A
0

今度は0になりました。もう一度XOR 1とすると1になります。つまり、0と1を交互に切り替えていくことができます。

でも、これなら前回やったNOT、否定演算子でもできます。それでは、0と1の切り替えではなく、7と3の切り替えならどうでしょうか。これはXORを使えば簡単にできます。以下のようにXOR 4とすれば7と3が切り替わります。

A=7
OK
A=A^4
OK
?A
3 ← 3になった
OK
A=A^4
OK
?A
7 ← 7になった

どうして、このようになるのかはビット単位で見るとわかります。

0111(7)
0100(4)とXOR
0011(3)になる

0011(3)
0100(4)とXOR
0111(7)になる

この方法を利用すれば、奇数と偶数を交互に切り替えることもできます。XOR 1とすればよいだけです。

トグルスイッチの用途は多々ありますが、XORは暗号化にも使うことができます。これは同じ値と2回XORをとると元の値に戻るという性質があるからです。都合のよいことに、検索したらPhotoshopでXORを利用して画像を暗号化するページがありました。

●Photoshopで暗号化

http://ruirui.jp/photoshop/xor/

ゲームのキャラクターを動かす場合にも、XORを使うことができます。上下左右に移動する2パターンで、歩くキャラクターを用意します。番号はファイル名と考えてもいいでしょう。

左向き 0 1
右向き 2 3
上向き 4 5
下向き 6 7

XOR 1とすることで、どんな向きでもパターンを切り替えて歩かせることができます。

他にもXORの機能を利用すると、文字を重ね合わせた時に白地なら黒に、黒地なら白色にすることができます。また、同じ値でXORをとると0にすることもできます。

それが何の役に立つの? というと、今は役に立つことはまずないでしょう。ただ、1980年代に多く使われたZilog社のZ80というCPUはレジスタA(変数Aだと思ってください)を0にする際、0を入れるよりもXORの方がコードが短く速度も速かったのです。そこで、0にする時にXORが利用されていました。

次回は論理演算のAND(論理積)について説明します。


【古籏一浩】openspc@alpha.ocn.ne.jp
http://www.openspc2.org/

先週、つらつらと書いたIchigoLatteですが、ついに正式版(ver 1.0)が出ました。

http://ichigolatte.shizentai.jp/

組み立て完成品も購入できます(今までは自分でハンダ付けしないといけなかった)。

https://hello002.stores.jp/items/58817272c3b8dfeae2005f85

グラフィックボードPanCakeも1.1にバージョンアップして、より便利になりました。

http://pancake.shizentai.jp/

IchigoLatte+PanCakeは高速なので、往年の名作ゲーム「スペースハリアー」みたいなのもできます。プログラムサイズは1KBほど。子供の学習用にどうぞ。



ちなみに「スペースハリアー」は、30年前にゲームセンターで遊ぶ事ができたゲームです。その後、いろいろなパソコンやゲーム機に移植されました。

・スペースハリアー(アーケード版)


・みんなのIchigoJam入門 BASICで楽しむゲーム作りと電子工作
http://www.amazon.co.jp/dp/4865940332/

・Premiere Pro & Media Encoder自動化サンプル集
http://www.amazon.co.jp/dp/4802090471/

・JavaScriptによるデータビジュアライゼーション入門
http://www.amazon.co.jp/dp/4873117461/

・Photoshop自動化基本編
http://www.amazon.co.jp/dp/B00W952JQW/

・Illustrator自動化基本編
http://www.amazon.co.jp/dp/B00R5MZ1PA/

・Adobe JavaScriptリファレンス
http://www.amazon.co.jp/dp/B00FZEK6J6/

・4K/ハイビジョン映像素材集
http://www.openspc2.org/HDTV/

・クリエイター手抜きプロジェクト
http://www.openspc2.org/projectX/


━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
■LIFE is 日々一歩(44)[Web]
Dreamweaver 再び。〜CSS Nite LP51「Reboot Dreamweaver」〜

森 和恵
http://bn.dgcr.com/archives/20170123140100.html
───────────────────────────────────

こんにちは! 森和恵です。2017年、年明け一発目の出番です。
今年も、ゆるゆると綴ってゆきますので、ふんわりとおつきあいください。

先日、年の初めということで、先日のYouTube生放送↓で、年頭の抱負を語りました。

【2017年新年のご挨拶&振り返り:第44回 はざくみ&もりかずの見切り発車でいこか〜 】


今年も引き続き、コミュニケーション能力の向上に努めたいと思うのですが、昨年、『薄っぺらい人は、いい人でも話したいと思ってもらえない』ことを痛感しましたので、今年は「自分の意見を深く掘り下げ、芯を太くする」ことを抱負にしました。

な〜んて、高尚すぎる目標をかかげてみましたが、↓の本の受け売りだったりします。

【「言葉にできる」は武器になる。】
https://www.amazon.co.jp/dp/4532320755/

目先のテクニックだけでは、ダメなんですよね。人間関係ってヤツは(涙)

さてさて。今回は、Dreamweaverのお話をもう一度話します。

● Dreamweaver を使い続けててよかった

Dreamweaverとは、AdobeのWebサイトを制作する総合ツールセットです。
http://www.adobe.com/jp/products/dreamweaver.html

わたしは、「好きなAdobeは、Dreamweaver」と言い続けてきました。1998年から、19年間使い続けている愛着のあるツールです。この連載では、2015年6月15日↓のコラムで、出会いについてお話しました。

【Dreamweaverと私】
http://bn.dgcr.com/archives/20150615140100.html

わたしがWeb業界に入った頃から、いまでは制作手法もさまがわりしました。動作の速い高機能なエディターで、コードをガシガシ書いて、タスクランナーを用いてガッツリコードを生成する…なんて、「えっ? わたし、プログラムが嫌でこの業界に来たのに、また同じようなことするんですか……」と泣きたくなるような環境になっています。

そういうのが好きな人はいいんですよ。はい。

でも、コマンドラインでコンパイラー使って、C言語とかやって卒業プログラムを作って、悪夢のようにうなされて、もうこんなこと絶対したくない! と思っている私にとっては、時代が逆行しているとしか思えなくて。

ぶっちゃけいうと、コーディングするのは、ページを作るために必要な手段であって、望んでしたい作業ではありません。できれば、テキストをどうのこうのするようなのではなくて、極力WYSIWYGな人間に優しいツールがあればいいのにと思っています。

そんな理由で、わたしが、Dreamweaverを使い続けて19年。

「え? いまどき、ドリ使ってるの?」と言われても、使い続けました。

そして、Dreamweaverがうまれてから、今年で20年。

先日発表された、最新バージョン Dreamweaver CC2017で、最新のコーディング環境に対応したツールに生まれ変わったそうです。

エディターは一新されてイマドキになり、レスポンシブにも、Sassにも、対応したそうです。

それを受けて、20周年記念イベントが開催されることになりました。

【CSS Nite LP51「Reboot Dreamweaver」】
http://cssnite.jp/lp/lp51/

Dreamweaverが大好きな10人の方々が集まり、新しい機能や昔から愛されている機能を紹介します。

なんと光栄なことに、私も出演することになりました。Dreamweaverを使い続けていて、本当によかった。

私は、【忘れがち、実は使えていない Dreamweaverの便利機能】というタイトルで、実際の制作工程に沿って“Dreamweaverらしい”便利機能を紹介します。

昔からあるもの、変わってしまったもの、新しく追加されたものの中から、忘れられていたり、誤解されているけど本当はよい機能などを紹介します。

このイベント、募集開始からかなり反響がよく、残席50をあっという間に切ってしまいました。Dreamweaverが愛されているのが伝わってきて、とても嬉しいです。

東京方面のデジクリを読んで頂いているかた、ぜひ当日お会いしましょう!(フォローアップ参加という、録画を後から閲覧できる参加方法もありますよ)

● CSSデザイナーパネルでCSSを調べ修正する

ということで、Dreamweaverの20周年を記念して、3回ぐらいに渡って、このコラムで“イマドキのDreamweaver機能”を紹介します。

まず、お話したいのがCSSデザイナーパネルです。

Web制作の仕事で意外に多いのが、CSSを調べたり、指定し直したりする修正作業ですよね。新規に作るのとは違い、気の重くなる作業です。

他者が作ったWebページって、独特のクセがあって、調べても「なんやねん!この○○!」と言いたくなることもしばしばありますよね。

では、自分で作ったページなら、調べる必要はないと思いきや、一年ぐらい前に作ったページだと、どんな風に指定したのか忘れていたりして、修正する前に調べるところから始めることも多いのではないでしょうか?

Dreamweaverでは、“CSSデザイナーパネル”を使うことで、簡単にその部分のCSSを調べ、修正することができます。

今回は、このパネルを紹介がてら、小手調べに少し試してみましょうか。Dreamweaver CC2017があれば、さくっと試していただけますので、一緒にやってみましょう。

まずは、Dreamweaverを起動して、添付の“スターターテンプレート→基本レイアウト→単一ページ”でページを作ります。

こうして作成したページのヘッダー部分の水色を別の色に変えてみましょう。

では、一枚目↓の画面を見つつ、操作を説明しますね。
http://r360studio.com/dgcr/dgcr-lifeis44a.jpg

まずは、水色がどのCSSで指定されているかを調べます。ライブビューの状態で、調べたい部分をクリックします。すると、ヘッダー部分のボックスに<header>タグが使用されていることがわかります。

そのまま、右側の“CSSデザイナー”パネルを【現在】に切り替えます。セレクターの項目に、この箇所に適用されているCSSのセレクターが並びます。一番上にあるタグセレクター“header”を選んだ状態で、その下を確認します。

プロパティを見ると『背景 background-color:#52bad5』と表示されていて、ここで水色が指定されていることが一目でわかります。

では、色をかえてみましょうか。雰囲気を変えたくないので、トーン(明度・彩度)はそのまま、色合いだけを緑に変更します。

次に、二枚目↓の画面を見てください。
http://r360studio.com/dgcr/dgcr-lifeis44b.jpg

先ほどのプロパティ『背景 background-color:#52bad5』の部分にある、水色のカラーアイコンをクリックすると、カラーを変更するダイアログが表示されます。

ダイアログには、HSB(色合い・彩度・明度)を調整するバーが並んでいます。一番左側の色合いを変更するバーを少し下げて緑色に設定し、パネルを閉じると背景色の変更が完成です。
http://r360studio.com/dgcr/dgcr-lifeis44c.jpg

コードをまったく見ずに、更新がかけられました。しかも、他人が作成したページなのに、すぐに該当箇所をつきとめられましたね。

もちろん、最低限のコーディングの知識は必要になりますが、こんな感じで使えるのなら、ちょっと敷居が下がった気がしませんか?

……と今回はここまで。。短めでスミマセン。
次回も、こんな感じでDreamweaverネタをご紹介しようかと思っております。

・ライブビューを乗りこなす
・テンプレート機能の復権
などなど、今度お話しすることをこちらで一足お先に紹介しますね。
ご期待くださいませませ。

【 森和恵 r360studio 〜 Web系インストラクター 〜 】
site: http://r360studio.com
mail: r360studio@gmail.com
Twitter: http://twitter.com/r360studio

2月に二日間でまるっと覚えるHTML&CSSの講座を開催します。
気になる方は、わんことにゃんこの仲良しなバナーからどうぞ。
http://r360studio.com/seminar/


━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
編集後記(01/23)

●夢枕獏「ヤマンタカ 大菩薩峠血風録」を読んだ(角川書店、2016)。単行本の厚さ3cm強、本文2段組み556ページ、重さは560gと重量級だから、ベッドで読むにはつらい。それでも三夜かけて読了。「おもしろいぞ、この本は。腰をぬかすなよ」と言うのは、作者本人である。いつものことだけど。「言うほどおもしろくなかったぞ、この本は。腕が疲れたよ」と言うのは、読者本人である。「奇跡のように極めておもしろい物語がここにできあがってしまったのである」と他人事のようにいうのも作者本人である。これもいつものことだが。会話、句読点、改行が多いから、ページ数のわりに文字量は多くない。

素手の格闘については世界で一番書いてきた自信があるという夢枕が、次は剣豪小説にしようと構想を練っていたら、スタジオジブリの鈴木敏夫が、大長編「大菩薩峠」を三度も読んだといい「机竜之助は民衆なんですよ」なるテーゼを吹き込む。何言ってんだよ、とわたしは呆れるが、夢枕はぶっ飛んだ。当時、3.11の翌年、夢枕は何だかよくわからない怒れる男だったそうで、その気持ちを机竜之助にのせられるかもしれないと考えた。だが、伊東祐史「『大菩薩峠』を都新聞で読む」を読んで目からウロコ。民衆の怒りを机竜之助に背負わせるという目論見が破綻し、おもしろい剣豪小説を書く、だけが残ったのだという。

もちろん、それが正解であろう。そこで、机竜之助の必殺技「音無しの構え」の正体と、その技を生むに至った秘密を主に書くことにして、新聞連載を始めた。内容は「新・大菩薩峠」だが、編集者が「大菩薩峠」の翼を借りて飛んじゃいけない、井上雄彦が「宮本武蔵」を「バガボンド」とした意味を考えろという。夢枕はおそれいりました、その通りであるとして「ヤマンタカ」にしたという。わたしは「バガボンド」はトンデモで、「ヤマンタカ」は超トンデモだと思う。地獄の閻魔を殺す者、という意味らしい。こりゃダメだ。内容は完全に「新・大菩薩峠」である。ただし、主役は土方歳三というんだから、嗚呼。

このお話の出演者はそれほど多くない。それでも話に入る前に見開きで「おもな登場人物」として13人の名前と説明がある。これは非常に助かる。本文を読み進めて、途中でこれはどういう人物だったか、戻って確かめることができる。土方歳三、近藤勇、沖田総司、佐藤彦五郎以外は架空の人物だろう。新選組結成前の土方はバラガキで実戦的喧嘩剣法だったはずで、この物語の土方・剣豪イメージは違和感しかないがまあいい。まさに血闘時代劇小説、剣戟シーンは迫力満点で読ませるが、じっくり読み返しても、剣士の動きと太刀の位置関係がうまくイメージできない。だって、剣道部ではなく生物部だもの。(柴田)

夢枕獏「ヤマンタカ 大菩薩峠血風録」
http://www.amazon.co.jp/exec/obidos/ASIN/4041048303/dgcrcom-22/


●DTP・印刷に特化したデータダウンロードサイト「印刷の泉」がサービス終了するそうです。Twitterから「とりあえずAcrobat用の『印刷トラブルを防ぐためのプリフライト』は落としておくべき! 無料! ここが閉鎖されたら配布されなくなると思う!」

/森さんご登壇さすがですっ!/個人的には「自社サイト制作の公開診断&相談会」が気になる〜。

/AED講習会続き。反応がないのを確認したら、大声で協力を求める。この方法は先日書いた通り。

次に呼吸の確認。普段通りの呼吸があるかどうか。胸または腹部の上下動を10秒以内で確認。顔を垂直に近い角度にして見る。異常呼吸も呼吸がないものとみなす。

口元の動きに惑わされないようにとのこと。口元を見てしまうと死線期呼吸に惑わされる可能性がある。死線期呼吸「心停止直後にしゃくりあげるような呼吸や、途切れ途切れに起きる呼吸が認められることがあります」。続く。(hammer.mule)

印刷の泉
https://www.ddc.co.jp/estore/

とりあえずAcrobat用の〜


「自社サイト制作の公開診断&相談会」が気になる〜
http://r360studio.com/seminar/

死線期呼吸