多店舗化の命題にシステム化を選択したひとり店長奮闘記
Vue+Pug：JavaScriptで作成した変数をPugで読込もうとしたが出来ないらしい そもそもPUGって何？という方はこちらを参考に。 JSで作成した配列を基にしてPUGでリンクリストを書こうと思い当初、下のようなルートを考えていました。 JavaScriptでリンクの配列を作成 作成した配列をPUGで読み込む PUGでeach in ループを回してリンクリストを出力 このルート、どうやら出 […]
エラー改善：IEだけ表の行リンク(<tr data-href=”hoge”>)が機能しない 前記事に引き続きIEだけできないシリーズ。 今回はtableの行に対してリンクを張る<tr data-href=”hoge”> です。 こいつ結構便利で、MySQLでレコードをテーブルに流して行リンク貼ると記載文字数を大きく減らせます。 なので多用していたのですがIEで見てみると動か […]
IEでだけプルダウンメニューが動かない！ 某企業さんのWEBサイト（商品検索ができる商品DB内蔵の企業ページ）を行っている今日この頃。 そんな中、プルダウンメニューが反応しないという事態に遭遇しました。 それもIEだけ。 私の標準ブラウザはchromeなので全く気付いてませんでした。 念のためFireFoxとかOperaとかでも確認。 やっぱり想定外の動きをするのはIEのみです。 結論JSの読込に […]
colの許可されてない属性って何？ 結論から言うと、 colタグでwidthを記載する事はAMPのルールに反するらしい。 1か月前の自分の記事を否定する事になるとは夢にも思わなかった…。 あの時はいい書き方を教えてもらったと思ったんだけどなぁ。 そもそもAMPって何？ GoogleさんとTwitterさんを中心に決めたHTMLなどの記載ルールです。 T:「これからの情報受信端末はモバイ […]
Excelの表をHTMLに変換したい このブログをはじめて最も苦戦したのが表の作成でした。 PHPやPythonに触れ、プログラムを覚えてからは表の作成はループ処理で行うことがほとんど。 tdタグの数を数える作業がこれほど進まず苦痛だったとは…。 この苦行から逃れるため「絶対に何か方法はあるはず！」と考え調査してみる事にしました。 変換に使うサンプルはWowma!のCSVファイルで照会 […]
テーブルタグの幅を整える方法 PHPなどのプログラムで表を作ってしまうと td タグ全てに style=”width:10%;” なんて書込む芸当が出来てしまいます。でもコードを見るとやっぱり美しくない。きれいなコードの方が後々のメンテナンスでも工数が少なくて済みます。 テーブルをはみ出させない為の決め事 テーブル自体のサイズを％で指定 列ごとに％で幅を指定 文字の折り返し […]
文字サイズの指示タイプ 文字のサイズ指定には様々な方法がある。 ついつい忘れてpx指定ばかりになるとページによってバラつきが出て統一感がなくなる事も…。 実際のサイズを見るためにも備忘録としてまとめる。 文字サイズの記載方法 CSSでの指示と呼出し(外部CSSファイル size.css に記載した場合) [crayon-66dcfaf236a99861736508/] [crayon- […]
