あけましておめでとうございます。今年もどうぞよろしくお願い致します。

　さて、今回の本題ですが、去年末に転職しました。いろいろバタバタしていたので、スパンが空いてしまいましたが、やっと心に余裕ができてきたので、コラム連載の再開を始めることにしました。

　転職先では主にHTML5、CSS3、JavaScriptを使ったスマートフォンアプリの開発をやっているので、今後はそれ関連のお話が増える予定です。

■ 転職して気づいたこと

　前職ではCMSのカスタマイズ、Webサイト制作を主にやっていて、「HTMLとCSSは任せろ！」と正直思ってましたが、が転職してスマートフォンサイトアプリ制作をやるようになって、HTML5やCSS3を使うようになってからは「まだまだ勉強不足すぎる……」と思うようになりました。

　知ってる技術の新しいところに目をつけておかないと、どんどん取り残されてしまうのですね。あたりまえかもしれませんが……。

　今の職場では出遅れることなく、主に使う技術を勉強しつつ、新しいことにも挑戦していきたいなと思っています。

　いろいろと忙しくてかなり期間があいてしまいました。どれだけ忙しくてもマメに続けることが大切なのに、お恥ずかしいです。

　忙しい期間でいろいろなことを学んだので、またここに掲載していきたいと思います。今回はその学んだことを1つ紹介します！

■ Webアプリの画面設計をやる人には条件がある！

　あるプロジェクトでASP.NETを使うことになり、私1人でサーバサイド・クライアントサイド・CSS……とすべてのコーディングをおこなうことになったのですが（他の会社はCSSはデザイン専門の人がやったりするのでしょうか？）渡された画面設計設計がこれ。

　メニューとメインの部分が枠で囲まれてます。メニューとメインの高さ統一は必須でした。

　これ、難しいんです。

　メインの高さはコンテンツによって異なってくるので普通にコーディングすると、こうなっちゃう。

　そこでCSSでなんとか調整できる方法をしらべたら各divに以下のコードを入れるとそろうとのことだったのでいれてみたら……。

#hoge1, #hoge2 {
    margin-bottom: -32768px;
    padding-bottom: 32768px;
}

こうなりました。

Javascriptを使ってみても同じ状態になりました……。

　この技はこういう線なしの背景の時につかえる技だったのです。

　「プログラミングでもつまずき（この話はまた次回に）、CSSでもつまづき、納期はジリジリと迫っている」という最悪な状況に陥り、「私ならプログラミングしやすいデザインにするのにぃ～」と、思いながら頑張りました。対応方法についてはこちらのサイトを参考にしたので、同じことでお困りの方は参考にしてくださいね。

　これを通して思ったのが、CSSの知識がない人がWebの画面設計をやると、「実はこの実装は難しい」ってことを知らずに作成して、クライアントに見せてOKもらってコーダーに回ってきちゃうんですよね。クライアントが「こういうデザインがいい！」とおっしゃったのなら仕方ないのですが……。

　QCDを守るためにも、「理解している人が理解しているところをやっていく」のがいいのではないかなと感じました。

　時効だと思うので今回は「Web管理者の責任感」を思い知った、エピソードをお話しします。

　私は会社のホームページの管理者をさせてもらっていて、2010年1月1日0時ちょうどにホームページのトップページが切り替わるプログラムを年末にセットしました。年を越した瞬間ホームページのチェックをしたところ……

　「変 わ っ て な い ……」

　トップページに表示されるはずの社長の年頭の挨拶が表示されていない……！

　まさかまさかと思いながらF5キーを連打しましたが変わることなく、年明け早々、真っ青になって部屋でパニックを起こしていました。

　私の家は毎年0時を過ぎてから、ある神社に初詣に行くので家族に「まず会社に行って！！！」と頼み会社へ駆け込みました。そう、元旦の1時に。

　会社に入れるのか……プログラムに何があったのか……。不安を抱きながら、車の中でハラハラしながら45分を過ごし会社に到着。

　薄暗い明かりがついてたので、インターホンを押しまくり、休んでいた守衛さんを叩き起しました。守衛さんにはもう頭が上がりません。

　自分のパソコンを開いてプログラムを確認すると……日付が2009になっていました。もう自分の鈍くささに涙が出ました。無事トップページを切り替えて初詣にいきました。

　初詣に行きながら、「会社のホームページは会社の顔だから、とっても責任重大。ちゃんと意識して管理しなきゃ」と感じたわけです。

　そんなことがあったおかげで今年はきれいに切り替わりました。

　そして現在は会社のホームページ関連の作業をいろいろさせてもらっていて、その中で「ホームページをいかに利用して問い合わせをたくさんしてもらうか」「どうしたら見やすいホームページになるか」「アクセス件数をどうやってあげるか」などデザインやプログラムのこと以外もいろいろ学ぶことができてます。

　自分の会社の顔を管理できるって、とても誇りのあることだと思います。

　皆さんももし自分の会社のホームページを管理する機会や依頼があったら、誇りをもって取り組んでみてください。技術だけでなくいろいろなことが学べると思います。

　新入社員の時は、隔月で目標を立ててその成果発表がありました。同期は「オブジェクト指向について理解してきました」や「バッチ3本作りました」といった発表内容で、私だけ「サイトデザイン作成しました」「提案書作成しました」という発表内容でした。

　自分だけ置いていかれる不安があり、またプログラミングをやりたい気持ちがあったため、結構悩んでいる時期でした。

■ 上司の提案

　その時、私が悩んでいることを察知した上司が、ある提案をしてくれたわけです。

　その名も「チームで使うWebアプリを作ってスキルアップ作戦！！」

　チーム内で使うWebアプリを.NETで作成して、プログラミングスキルを身に付けるという内容なのですが、ただ課題を与えるだけでなく、上司は「セッションって何？」「ADO.NETって何なん？」と、何も知らない私に対してホワイトボードが真っ黒になるくらい説明してくれました。

　見本で作成してもらったソースコードはわざと汚いソースコードにして、リファクタリングのノウハウを得られるようにもしてくださいました。上司だけでなく、先輩たちにもサポートしてもらい、私の作ったソースコードのレビューをしてくれました。

■ そしてスキルアップへ……

　仕組みが分かってきた私は「.NETって面白い！」とやりがいを感じ、最終的にはMCPの資格を取ることに成功しました。

　正直、学校や新入社員教育で受けた授業より分かりやすくスキルアップできたし、この取り組みがなかったら、私は今のプロジェクトですんなりとプログラミングができなかったと思います。

　上司も先輩もただでさえ忙しいのに、私のために時間を割いてくださったことに、とても感謝していています。ずっと忘れないと思います。

　なので、今頑張っている理由の一部に「上司と先輩に恩返しがしたい」「自分も同じように後輩を育てられるようになりたい」というものがあります。

　今、後輩の育成をしている方に、参考にしていただけると幸いです。

　さて次回は、「サイト管理者は重大任務！」をお送りします！

　さて、前回の予告どおり、初仕事のCMSで経験した「クロスブラウザの悪夢」について、お話ししたいと思います。

■ その前に……

　連載を見てくださってる会社の方々へ一言伝えたいことがあります。前回の連載の公開時間が「16：30」となっていますが、この時間は編集者さんが記事を公開した時間なので、業務中に書いてるわけではありません！ ご理解をお願いいたします。

■ クロスブラウザの悪夢

　さて、本題ですが、アピールの結果、ネットワーク開発部で仕事ができるようになった私。

　初めに与えられた仕事が、CSSのコーディングでした。

　「CSSのコーディングはバイトでもやってたし余裕だぜ！ 任せてください！」

と、やる気と自信に溢れていた……。

　CSSのコーディングアドオンFirebugを使いながらやっているため、Firefoxで作業していました。

　完成後に、「クロスブラウザ対応（IE6～8、Firefox、Safari）でお願い」といわれていたのでIE6で確認してみたところ……

　何だこれは！！！！！！

　Firefoxでは正常に表示されていたのに、IE6ではマージンが大きかったり、ブラウザの幅を狭めると右カラムが消えたり……大変ややこしいことになっていた！！

　ここで「CSSは甘くない！ クロスブラウザ対応は超大変！」ということを学んだ。

　何事も、多少の知識があるからといって、甘くみてはダメですね。

　いろいろ試行錯誤した結果、DIVタグをボーダーで囲ってブラウザごとに比較して「あ、このIE6とIE7はマージンの幅がこんなに違うのか」と調べるのが早いと個人的に学びました。

　悩んでる方は一度やってみてください。

　最近は営業ツールでiPhoneやiPadを使うため、これらへの対応も要求されます。

　よく崩れてしまう原因がinput type。ノーマルのボタンが独特の角丸ボタンになり幅が変わってしまいます。

　そんなときは以下のようにすると、通常に近いボタンになります。

input{
  -webkit-appearance: none;
}

■ そのころ、同期は……

　さて、CSSの知識を身に付けた時期、私の同期は違う部署でJavaやC#のプログラミングスキルを身に付けていました。

　「私だけプログラミングができない……」

　焦りを感じていた私は、家で.NETの入門書を買って勉強してはいましたが、家でちょこちょこやっているだけでは業務でやっている人に追いつけない……。

　悩んでいるときに上司があることを提案。

　その名も「チームで使うWebアプリを作ってスキルアップ作戦！！」詳細はまた次回！

　京都でデザイナー兼SEをしている「いっさん」です。ニックネームや写真、性格は男っぽいですがれっきとした女です。

現在　「ネットワーク開発部」に所属しています。

　記念すべき第1回目は、私が会社でデザインとプログラミングの両方をすることになった経緯についてお話しします。私は、イラストを描いたり、Webサイトを立ち上げたりするのが趣味でした。

　「Webプログラミングできる部署に入ったら、デザインもできるしプログラミングもできるし一石二鳥で楽しそう！」

と思い、Web系プログラムを扱っている部署のボスや先輩に、アルバイトで制作してきたWebサイトを紹介し、色彩検定を持っている話などをして猛アピールしました。結果、所属が決まって両方の仕事ができることになりました。

　後々ボスに聞いたら「すごい勢いがあって、これで引っ張ってこなかったら恨まれる」と思ったそうで……（笑）。

　「やっぱりアピールって大事！」と、感じています。

　自分のやりたいこと、得意なことがあれば、どんどんアピールしてみてはいかがでしょうか？

　次回は配属されてからの初仕事！ CMSに関する出来事をご紹介します。