見習いSEの脳内見える化ブログ -9ページ目

見習いSEの脳内見える化ブログ

本ブログは変動の激しいIT業界に足を突っ込んでしまった
しがない見習いSEの脳内見える化ブログです。
基本的には己の知識整理ため、
たまには私と同じく道に迷える同志のためになればと思ってます。

【1tsシーズン】htmlとりあえず触ってみてた編【完】
(第7回)思いつきで手を動かす私がCSSとHTMLを書いてみた。

【2ndシーズン】新しく作成するWebページのイメージを描いてアウトプットしてみた【完】
(第14回)HTML・CSSを使いまわしてコンテンツをパパッと作ってみた

【3rdシーズン】前回までの挑戦

(第16回)Flex-boxを活用しながらCSS/HTMLでフルスクリーンレイアウトしてみた。

今回:http://sysgole.web.fc2.com/practice/013/01300.htm

 

仕事でとんでもない仕事の振られ方したので、

今週は全く手を付けられず…。

 

大した改修出来ませんでしたが、

ゼロよりはいいだろうと思い…。

 

プロジェクトマネジメントってしっかり勉強した方が良いなと思いました。

判断一つを誤るだけで、手を動かす人のタスクがガラっと変わったり、

いきなり稼働が上がってしまったり。

今までやってたことが無になるこの悲しさは、味合わせるべきじゃない。

 

人が増えない状況で、何とか成果物を上げようとやりくりしてましたが、

どうにも手が足りなくなりそうだとアラートを上げた半月前。

早く人を増やしてくれ。このタスクは巻き取ってくれと言っても受け入れられず、

結局ダメージが蓄積し始めたところで人の投入を検討し始めている。

 

判断が遅れたばっかりに、今私は非常に悲しいです。

もっと早く、回避出来たよねと。

もう、工数見積もりを極限まで削ってるんだから、

何かエラーが発生した時点で、赤切る覚悟を決めるしか無いんです。

 

そんな状況で続けてても、誰も幸せにならないですよね。

傷つく人が増えるだけだ。

ポジションが上になるほど、決断する覚悟が必要だと言われます。

その決断の基準は、自身のプロジェクトの利益だけでなく、

プロジェクトで働くヒトにも設けないと、中々ヒトってついてかないと思うけどなぁ。

【1tsシーズン】htmlとりあえず触ってみてた編【完】
(第7回)思いつきで手を動かす私がCSSとHTMLを書いてみた。

【2ndシーズン】新しく作成するWebページのイメージを描いてアウトプットしてみた【完】
(第14回)HTML・CSSを使いまわしてコンテンツをパパッと作ってみた

【3rdシーズン】前回までの挑戦

(第15回)ほんのお遊びのつもりでCSSのフレックスボックスにトライしてみた。

今回:http://sysgole.web.fc2.com/index.html

 

さて、思いのほかトライ&エラーが続きまして、

こまごまと履歴作ってるのが面倒になってしまいました。

・・・が、ある程度まとめてもコレだけトライしました。

 

おもむろにフルスクリーンレイアウトに手を出してみた瞬間

http://sysgole.web.fc2.com/practice/012/01200.htm

 

とりあえず弄ってみてる段階

http://sysgole.web.fc2.com/practice/012/01201.htm

 

CSSのフェードイン効果を使ってみた。

http://sysgole.web.fc2.com/practice/012/01202.htm

 

ヒーローイメージを埋め込んでみた。

http://sysgole.web.fc2.com/practice/012/01203.htm

 

画像と画像を重ねるすべに四苦八苦してる段階

http://sysgole.web.fc2.com/practice/012/01204.htm

 

http://sysgole.web.fc2.com/practice/012/01205.htm

 

http://sysgole.web.fc2.com/practice/012/01206.htm

 

画像重ねるのをあきらめて振出しに戻してみた。

http://sysgole.web.fc2.com/practice/012/01207.htm

 

前回(第15回)の時点(CSSのボタン効果を使ってみた。)

http://sysgole.web.fc2.com/practice/012/01208.htm

 

画像を背景化することで、画像や文字を重ねられることが判明。

http://sysgole.web.fc2.com/practice/012/01209.htm

 

なんか両サイドのカラムが上手く機能しなかったから固定化してみた。

中央の文字が上手く組めないからtableタグで解決してみた。

ふとわき目を振ったらspanタグの効果に気が付いた。

http://sysgole.web.fc2.com/practice/012/01210.htm

 

width100%のdivタグ内の文字をセンタリングしつつ、文字は左寄せしてみた。

http://sysgole.web.fc2.com/practice/012/01211.htm

 

 

はい。得るものは非常に多かったです。

色々と試行錯誤しながらくみ上げると達成感ありますね。

そもそも面倒くさがりなので、1ページずつ更新すんの

めんどくせぇなぁ・・・とおもっていたので、

思い切って1ページにまとめてみました。

難点はファイルサイズが通常より大きくなることでしょうか…、

 

あとは、CSSを別ファイル化しました。

さすがに量が増えすぎて見づらいので・・・。

 

もう少しスマートに書けるといいんですけどね~。

徐々に効率のいいコーディングを考えていきましょう。

 

画像と画像・文字を重ねるには、元の画像をrelative(相対位置)、

重ねたいものをabsolute(絶対位置)の指定がラクですね。

そもそもそれらの意味を理解してなかったのが苦戦した原因ですね。

 

メインアイテムには、途中まで、flex-growを使ってたのですが、

たまに配置が崩れたりすることがありました。

とりあえず固定化してみましたが、原因はたぶんそこじゃなかったです。

marginですね。外の余白。これを指定してないから、余白が悪さしてたんですね。

こいつを0にしてやることで、解決しました。

ただ、見た目的に固定してた方が見栄え良かったので、

そのまま固定にしてます。

 

あとは、spanが親のdivで指定した効果を打ち消してくれてるのが意外な発見でした。

そして、何よりTableタグで使ってたものをspanで囲むだけで実現出来ちゃったのが

嬉しい誤算でしたね。

Hang Around InfraSEの斜め文字と同じ枠に入る文字列の調整は本当に大変でした。

spanの効果に気が付くまでは、テーブル化したり余白を調整したりと試行錯誤しましたが…。

 

ってな感じでしょうか。

flex-box試してみましたが、本当に便利かつ綺麗に仕上がります。

ただし便利ですが、意図した形に表示させるには、

色々気にしないといけないですね。

 

とりあえず分かりやすくサイドやコンテンツは色分けしています。

 

さて、引き続き、3rdステージはホームページに動きを付けるを意識して

作成していきます。

 

indexを更新しました。

http://sysgole.web.fc2.com/index.html

 

なんかこう、人を割くべき部分と手段を間違えている気がする。

 

インフラエンジニアという中でも、

サーバ・ストレージ担当って言うと、

領域が限られているように聞こえますが、

いわゆる何でも屋だ。

だからこそ好きと言うのもあるし、だからこそしんどい。

 

インフラと呼ばれる分野は、ざっくりと、

ハードウェア・OS・ミドルウェアあたりまでを指し、

その中に、サーバ・ストレージ・ネットワーク・OS・ミドルウェアという

プロダクトが存在している。

 

中でも、データベースとネットワークは専門性が高く、

その分野のスペシャリストと言うのはとても重宝される。

 

データベースエンジニア・ネットワークエンジニアのように複雑かつ

高度な専門知識を武器に闘う人達を見ると正直羨ましく思う事もある。

その分野で使う知識から枝葉のように領域を広げられる。

 

サーバ・ストレージ担当と言うと、際限が無いのだ。

 

ハードウェア?こいつ無きゃシステム動かないよね。

ネットワーク使わないでどうやってサーバ使うのさ。

OSなきゃそもそもシステムとして機能しないよね。

データベース?大体のシステムに乗るよね。

そして、バックアップ・監視・ウイルス対策をしない

ガバガバな企業システムなんて存在しない。

アプリケーション?あ、ポート開けとかないと通信出来ねぇわ。

性能出ない?じゃあ物理層から切り分けだね。

 

物理層から始まり、アプリケーション層までの繋がりを見ながらでないと

設計なんてできないから、あらゆる領域の基礎知識が必要になる。

それが何でも屋たる所以だ。

 

それなのに、そこに人を割こうとしない。

 

PMがタスク量ではなく、プロダクト数だけで割り振る。

サーバ・ストレージ・OSの3分野を1か月で基本設計しながら、

他のプロダクトのフォロー入って。

人割けないから一人でやってね。

 

サイジングするための性能分析して。

ミドルの挙動に不安があるから検証して。

 

あのねぇ・・・。

結構大事だと思うよ?サーバストレージって。

あらゆるものが動く基盤を設計しろって事ですよ。

とまっちゃ困るんですよ。不具合でちゃ困るんですよ。

 

使ってる側からすると、正常に動いて当たりまえだから、

普段何にも意識しないけど、

何か問題があったらまず白羽の矢が立つのは

サーバ・ストレージ設計者なのですよ。

 

中途半端な設計したくない。

したくないけど、せざるを得ない。

勘弁してくれ…。

 

なぜ、こんなにも軽視されるのだろうか。

多分、それらが生産性を生み出さないからでしょう。

それがインフラ(基盤)なんだから。

 

普段、毎日歩いてる道路の事なんか全く意識しないけど、

ある日突然コンクリが引っぺがされて凸凹道になったら

あれっ?って思って不便だな…と感じるのと同じで、

有事にならないと分からないものなんですね。

それが当たり前なんだから。

 

その程度にしか思ってないから、人が割けないとか

良く分からない結論に至るんです。

もっとしっかり考えようよ。

インフラの事。ディストリもSierもエンドさんも…。