きょうの仕事はソースコードのリファクタリング.HTMLファイルとCSSファイルの内容をHTML5とCSS3に書き直していく.divタグやbrタグを極力使わず,main/section/articleタグやpタグなどに置き換え,floatやdisplay:inline;ではなくflexを積極的に使い,すべての要素をマークアップしていく.また,@mediaで自然にみえるRWDを実現していく.あすもこの仕事を行う.
その過程で意外に多くの不具合を見つけられた.スマホで横揺れしてしまうページがあること,タブレット表示で画像がとても大きく表示されてしまうこと,ヘッダーとフッターが共通化されていないこと,数えると数十項目になった.また,ソースコードには使われていないCSSがあり,納品時に想定済みのデザインがいくつも眠っていたことがわかった.
リファクタリングの効果で,ソースコードが7割くらいまでダイエットできた.ブラウザ読み込みの高速化を狙っていく.ピクトグラムの制作も考えていて,スマホやアンテナやドローンなど絵のイメージを描いておきたい.全ページのリファクタリングを任されたので,すべてのソースコードに手を入れられる.公式サイトについて最も詳しくなれそう.
きょうリファクタリングを終えたのは4ページである.全部で30ページはあったはずだが,2週間の時間を頂いたのでゆとりをもって終えられる.昼食時に歓迎会を開いてくださり,即戦力になっているといわれうれしかった.静かな環境で有能な人物たちと共に働かせてもらえて感謝である.朝に電車から降りるたくさんのエンジニアが働くこの街が好きになった.
