Laravel：文字列カラムを結合した値でViewのSelectを作る
Laravel：文字列カラムを結合した値でViewのSelectを作る 私の作っているシステムはネットショップ向けのシステムです。 やる事が沢山あるネットショップシステムでは『面倒臭いものを楽にする』が結構重要だったりします。 その面倒なモノの1つに【タグづけ】があります。 1つのタグで複数のモールが連動出来たら楽じゃないですか！ タグの情報は階層構造になっています。 例えばこんな感じです。 イン […]
HTML
Laravel：端末によって表示内容を変える方法
Laravel：端末によって表示内容を変える方法 作成中のシステムは基本的にPCでの操作を念頭に作り込んでいます。 現段階で商品検索機能は完成したのですが非常に便利で「検索などの機能は倉庫でも使いたい！」と思うようになりました。倉庫で使えれば詳細情報の有無確認して実測できます。 ただ、パソコンでの表示を考えて作ってしまったため、改行で崩れる箇所が複数あります。 単純なテーブルやリストなんかだと【％ […]
CSS：テキストを折り返さず【…】で省略したい
CSS：テキストを折り返さず【…】で省略したい いつも忘れてしまうオーバーフローの処理です。 リストだから折り返さないで欲しい。そんな時は多々あります。 サイズ変わると見た目がね。 以前書いたことあるのですが「あれ？これで良かったよな」と思いながらできなかったので備忘録を記します。 正しいスクリプト CSS [crayon-66282a8c2e73b053398666/] HTML [ […]
CSS：z-indexでプルダウンの重なりをコントロールする
重なりの上下をコントロール：z-index (CSS) ショップのヘッダーを変更しようと四苦八苦したため備忘録を記します。 四苦八苦の原因はリストの重なり。だって参考文献にしたサイトに間違いが書いてあったんだもん！ はい、この備忘録は正しいものを記載しとくためのメモでございます。 z-indexの動作 cssにて指定します。 z-index:数字 この数字は小さいもから順に重ねられていきます。 つ […]
WordPress 5.0でエラー連発更新できない状態に
- 2018.12.11
- Classic Edition, HTML, WordPress5.0, エラー改善, 備忘録, 更新
WordPress5.0更新の功罪 WordPressの更新アナウンスがあり更新してみました。 なんか問題は出そうだと思っていたのですが、ココまでひどいとは…。 原因はわかりませんが、記事の投稿が出来ないのは酷い。 そんなWordPress5.0の使用感と新規記事投稿のエラー改善方法を備忘録に残します。 WordPress5.0は何をしたいのか アナウンスを見ると記事のブロック化が主題 […]
楽天市場のCSSを見直したらゴミ置き場だった
店舗のCSSメンテナンス出来てますか？ 弊社は楽天市場出店＝創業から6年を迎えました。 メーカーの内部で別会社として楽天市場に出店するという恵まれた環境に入るものの売上実績は鳴かず飛ばずの状態。 『資金が少ない』『人手が無い』『Mallルールの激変』という悪の三拍子に苦しめられていると考え「人手だけは知力でカバーできるだろ」とEC業務システム化の検討を始めたわけです。 店舗の外装は4年前に大幅リニ […]
AMPエラー:colの許可されてない属性
colの許可されてない属性って何？ 結論から言うと、 colタグでwidthを記載する事はAMPのルールに反するらしい。 1か月前の自分の記事を否定する事になるとは夢にも思わなかった…。 あの時はいい書き方を教えてもらったと思ったんだけどなぁ。 そもそもAMPって何？ GoogleさんとTwitterさんを中心に決めたHTMLなどの記載ルールです。 T:「これからの情報受信端末はモバイ […]
ツール備忘録：ExcelをHTMLに変換する方法
Excelの表をHTMLに変換したい このブログをはじめて最も苦戦したのが表の作成でした。 PHPやPythonに触れ、プログラムを覚えてからは表の作成はループ処理で行うことがほとんど。 tdタグの数を数える作業がこれほど進まず苦痛だったとは…。 この苦行から逃れるため「絶対に何か方法はあるはず！」と考え調査してみる事にしました。 変換に使うサンプルはWowma!のCSVファイルで照会 […]
HTML テーブルがはみ出さない為のタグと設定方法
テーブルタグの幅を整える方法 PHPなどのプログラムで表を作ってしまうと td タグ全てに style=”width:10%;” なんて書込む芸当が出来てしまいます。でもコードを見るとやっぱり美しくない。きれいなコードの方が後々のメンテナンスでも工数が少なくて済みます。 テーブルをはみ出させない為の決め事 テーブル自体のサイズを％で指定 列ごとに％で幅を指定 文字の折り返し […]
文字サイズの表記と大きさ
文字サイズの指示タイプ 文字のサイズ指定には様々な方法がある。 ついつい忘れてpx指定ばかりになるとページによってバラつきが出て統一感がなくなる事も…。 実際のサイズを見るためにも備忘録としてまとめる。 文字サイズの記載方法 CSSでの指示と呼出し(外部CSSファイル size.css に記載した場合) [crayon-66282a8c2efee892946684/] [crayon- […]