月別アーカイブ: 2014年1月

スマフォじゃなくても viewport は付けましょう。

スマフォじゃなくても viewport は付けましょう。
と言うか、公開前にちょっとはスマホで確認しましょう。

viewportについていつかまとめる(自分用)として、画像をpositionで強制的に中央に持ってきている場合(*sample)スマフォサイトでひろーーーく表示されていた時の対処

sample
css

.center_image {
position: absolute;
left: 50%;
overflow: hidden;
width: 2000px;/*画像サイズ 無くてもいいが後で重要*/
margin-left: -1000px;/*画像サイズの半分*/
}

html

<div class="center_image"><img alt="" src="./momo.jpg" /></div>

追加修正
css

.center_image img {
position: absolute;
overflow: hidden;
}

html

<meta name="viewport" content="width=1000px, user-scalable=yes" />

content の width=1000pxはスマホで見たときの表示領域の幅サイズを指定、user-scalable=yes は、画面ズームの許可です。

フロントエンド・エンジニアって最近聞くけど、その業務は?

フロントエンジニアって何??

最近web業界で、「フロントエンド・エンジニア」って耳にするようになっていたんですが、漠然と

webの「フロントエンド」に携わるhtml5とか、jsとか、cssとかする人でサイトの使い勝手なんかまで気を使う優秀な人「エンジニア」なんだろうな~と思っていました。結果的に間違いではなかったと思います。

ただ、この間「フロントエンド・エンジニア」って何をする人か聞かれたときに上の様に答えた後で、そういえばちゃんと自分でも「デザイナー?コーダー?違いは??」と把握していないと思い調べてみました。

webデザイナーがコードまで書くことが有ったが、コード方面の細分化で「コーダー」「マークアップエンジニア」と細分化されてきた、さらにwebの技術(標準化)が進みhtml5やCSS3、javascriptの要綱や専門性が高くなってきた。
そのために、それぞれの設計や実装保守をこなせる「フロントエンド・エンジニア」と呼ばれる業種が必要となってきた。

フロントエンド・エンジニアという肩書

聞くは一時、聞かぬは一生

47401243185745eccubelogo

eccubeでsmartyに、関数追加(modifier)している部分。

テンプレート(.tpl)で使われている、関数で追加されている個所を忘れるのでメモ。

A. SC_View.php ファイルのコンストラクタに書いてある。

<!--{$arrResults[cnt].total|sfCalcIncTax|number_format}-->

<!--{$arrResults[cnt].total|sfCalcIncTax:$arrInfo.tax:$arrInfo.tax_rule|number_format}-->

上記のsfCalcIncTaxの関数部分ですね。
sfCalcIncTaxが、SC_Utils.phpなのか、SC_Helper_DBなのか分からなくなるので、SC_View.phpを見ると分かります。また、自分で作った関数もここで追加することがかのうですね。