ど素人から毛を生やす。<延>

Web

filter:drop-shadow()を複数適用する

どもです。

CSSで影を付けるといえばbox-shadowですが、近年、透明pngに影をつけたい、疑似要素も含めて影を付けたいなどのニーズに応えるfilter:drop-shadow()が登場しました。

で、以前に書きましたが、影を付ける機能を利用して... 全文を読む »

Amazon商品のProductTypeを調べたい話。

どもです。

EC系の仕事をしていると、Amazonはどうにも難敵です。

難敵たる理由の一つが、商品の種類(ProductType)によって、アップロードするXMLのフォーマットを変えなければならないことです。

そのためアップロードしたい商品のProductTypeを知ることは必須なのですが、Amazonが提供するXSDを見ても、上げたい商品にドンピシャなProductTypeが無い、なんてことはザラ。

ということで、商品がどのProductTypeに属するのかを調査する方法を探しました。... 全文を読む »

jsの連想配列をソートしたかった話。

どもです。

jsで連想配列(オブジェクト)の値によるソートを行いたかったのですが、調べても調べても

let array = 
... 全文を読む »

WP5.2.3でquery_posts()やwp_reset_query()が本格的に死んだんだね。

どもです。

約ひと月前、WP5.2.3にアプデした辺りだと思うのですが、サイトアクセス数が急落しまして。
サイトを確認してみると、ソースコード表示プラグイン「SyntaxHighlighter Evolved」が死んでいまして、ああそりゃアクセスも落ちるわと急ぎ「Highlighting Code ... 全文を読む »

脱プラグイン?ぱんくず関数を作ってみる。

どもです。

当サイトの導入プラグインは大半が5年以上前に導入したものなので、そろそろ開発者がやる気をなすなど諸々の事情で寿命を迎えたプラグインが出てきました。

失ったらまずいものは、やはりfunction.phpに置いておく方が安心でしょう。

…と尤もらしい前置きをしてみましたが、実際は「Breadcrumb ... 全文を読む »

maxlength属性みたいにinputでバイト数制限する

どもです。

inputやtextareaでmaxlength属性を設定すれば、最大字数を設定できます。
これを超える入力やペーストは超過分だけカットされるので、非常に使い勝手が良いです。

しかし、バックヤード系だと結構要求されるのが、「字数」でなく「バイト数」の入力制限です。

一度は全部自力で作ってみたのですが、どうにも動作がもっさりしてしまったので、先人の知恵に頼ることにしました。... 全文を読む »

selectタグ、中身が半角と全角の場合で位置がズレる問題。

どもです。
些細なことですが、ハマったので備忘。

... 全文を読む »

select要素を「できれば」右揃えしたかったメモ。

どもです。

中身が数字のプルダウン。できれば右揃えにしたいところです。
しかし、select要素はtext-alignが効きません。

HTMLやCSSを駆使して無理やり作る方法はggると色々紹介されていますが、本件はそこまで頑張りたくない。
できれば、くらいの心持ち案件なのです。... 全文を読む »

FTPに同名ファイルが無ければ新規作成、あれば追記

どもです。
PHPでFTPに接続し、出力ファイルと同名ファイルが無ければ新規作成、あれば追記がやりたかった。


//ログイン
$ftp_stream = 
... 全文を読む »

「PORT IP is not same as」されたらパッシブモードにしてみる。

どもです。

某所のFTPにCSVをアップするプログラムを移植していたところ、実は対象がFTPSだったことが判明。
急いで直します。

$conn_id =
... 全文を読む »

[MySQL]複数列を条件付きUPDATE

どもです。
MySQLにて。

UPDATEの際、「条件を満たすなら更新を適用」ならWHEREの方に条件を書けば良い。
しかし更新対象列が複数ある中で、「この列(カラム)の更新には条件をつけたい」場合では、WHEREでは全体の条件となるため不可となります。

解:SET内で、CASE-WHENが使用可能です。... 全文を読む »

[MySQL]SUMしてUPDATE

どもです。
要件としては、以下。

TABLE01
ID quantity
... 全文を読む »

CSSで円錐台を作りたい。

どもです。

CSSで台形を作るのは、borderを使えば簡単です。
原理は以前に書きましたCSSで三角形を作るのと同じで、borderの一辺のみを表示させればOK。... 全文を読む »

IEはfor..ofループ使えないし、IE8はarray.indexOfすら使えない

どもです。
タイトル10割の備忘録。

モダンブラウザで動かすなら、これだけの処理。


for(let array 
... 全文を読む »

[MySQL]親ごとに枝番をAUTO_INCREMENT

どもです。
ちょっとした小話。

MySQLにて。


+-----------+---------+
| 
... 全文を読む »

PHPやJSやMySQLの対偶とか補集合とか

どもです。
自分では対偶で認識していたのですが、人に教えるには補集合の方が分かり易いぞ。
となったので、次の機会のために図に残しておきます。

基本

い &&

... 全文を読む »

scriptタグの中のURLはHTMLエスケープしちゃダメ…のはずが。

どもです。

とある旧いWebシステムのアップデートを行いました。
どれくらい旧いかといえば、推奨環境がIE5~8という旧さです。

で、アップデートの直後、窓口の方から「ボタンを押したらエラーになった!」と報告があったのですが、詳しく状況を伺うと推奨環境のIEでなくGoogleChromeでアクセスしていること、そもそも今回アップデートした箇所とは無関係であることがわかりました。ヲイ。

で、肝心の何がエラーを起こしていたのか、ですが。... 全文を読む »

CSSだけで要素を裏返すアニメーションを実装する

どもです。
所用でツールを作っていたときに、コインが裏返るようなアニメーションが欲しかった。

というわけで実装してみました。

シンプルに裏返す


<div 
... 全文を読む »

$(document).keypress(function(){})はスマホの個体差で爆死することを僕は学んだ。

どもです。

バーコードリーダをBluetoothでスマホに接続するタイプのウェブシステムを作っていたのですが、いざ実機(AndroidのGoogleChrome)で動かしてみると稀にホーム画面に飛んでしまう。なにゆえ?

再現条件を調査したところ、
①alertでOKを押した直後、またはalertのフォーカスを外した直後
②Enterに相当するキー(CR)が入力されると... 全文を読む »

XMLなのにresponseXMLがnullでresponseTextに値が入るときに確認すること

どもです。

XMLをjsで読み込む簡単なプログラムを作っていたはずなのですが、何故か読み取ったファイルのresponseXMLがnullになる。
responseTextには読み込んだファイルの中身が入っているので、読込後のエラーのはずです。

overrideMimeType()など試してみましたが、どうにもダメ。テキストでしか読めない。何故だ…

と思っていたら、思わぬところにヒントを発見。... 全文を読む »