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

Web

wkhtmltopdfで明朝体フォントを指定したら、全く違うフォントで出力された話。

Web > PHP 2018年5月10日(最終更新:17日前)

どもです。

ウェブサイト上でPDFファイルを作成する手段はいくつかありますが、今回は「wkhtmltopdf」について。

こいつが既に導入されているサイトで、新たなPDF生成システムを作ることに。
サンプルが明朝体だったので、いつものノリで明朝のfont-familyを指定

HTML上での正常な反映を確認。さあPDF出力、ポン。

待て待ておい待て待て待て!!!

明朝体どころか、やたらファンシーでポップなフォント(vl-gothic-regular)にされてんじゃねーか!?

サーバーに游明朝が入ってなかったから、にしてはフォント無指定やserifのみのときと異なっているのが妙だ。
ちなみにserifのみのときは、こう。... 続きを読む »

jsでforeachがやりたいとき、jQueryが使えるなら$.map()が一番それっぽい。

Web > javascript 2018年5月2日(最終更新:25日前)

どもです。

jQeryの$.map()って、普段は$("input").map(function(){})みたいに
要素をループさせるのにばかり使っていたのですが、foreach的な使い方ができたんですね。

$.map(array, function(value, key){ })

こーすると。

しかもこのarrayのところ、オブジェクトでもOK。つまり連想配列OKです。やったぜ。

このとき、thisとvalueは同じものが入るので、セレクタとして使いたいときは$(this)でも$(value)でも可。... 続きを読む »

endsWith()って超イイ感じだけどIEの野郎が非対応なんだって!

Web > javascript 2018年4月20日(最終更新:1月前)

どもです。

jsで後方一致が使いたいがために、endsWith()を使いました。
そうしましたところ、

( ゚Д゚)「endsWith()はIEが対応してないから、作り直して!」

(*'ω'*)「今時IEなんて対応して誰が得するんだよォオオオオオオ!!!」

//IEがendsWithサポート外だった系。
function IE_endsWith(target, str){
	var userAgent = 
... 続きを読む »

管理画面にインプットエリアを設置、カスタムフィールドを簡単に更新するためのfunction

Web > WordPress 2018年4月9日(最終更新:1月前)

どもです。
今の仕事はシステム系なので、もうWordPressの記事は更新しなくなるかなぁと思っていたのですが、サイトの改造なんかを行うとまだネタは発生するようです。
ちょっとした変更を行おうとしたら、該当箇所のソースがかなり汚かったので整理整頓模様替え。

投稿画面に任意のフィールドを追加する方法です。function.phpに記載。
ここで追加した値はカスタムフィールドに入るので、取り出し方もカスタムフィールドのものでおk。

//任意のパラメータを投稿に追加する
function get_add_user_meta_array($target){
  //追加セクション id => array(name, type[1=post&page, 2=post, 3=page])
  
... 続きを読む »

動的に増やしたhtml要素を操作するjQueryに関するメモ書き

Web > javascript 2018年3月23日(最終更新:2月前)

どもです。

jsで動的に増やしたhtml要素を操作するjQueryに関して、今更感漂うメモ書き。
何かあったら都度増えます。たぶん。

.click()は効かない。.on()を使う。

追加された要素は、.click()、.change()などの古いトリガーの書き方ではトリガーにならない。

//.on()を使う
$(document).on("click", "セレクタ", function(){
});

ただし、map()などはトリガーではないので、そのまま使える。混同しないこと。


参考サイト:[Qiita]jQuery 便利なonを使おう(on click)... 続きを読む »

Eclipseのチェックアウトでsqlite[S14]エラーが発生したとき、プロジェクト名変更で解決するかもしれない。

Web > Other 2018年3月23日(最終更新:2月前)

どもです。

現在、業務にEclipseを使用し、SVNでデータを共有管理しているのですが、
新しいプロジェクトをチェックアウトしようとしたところ、こんなエラーが。

SQLite error
svn: sqlite[S14]: unable to open database file
svn: Additional errors:... 続きを読む »

Eclipseで勝手に変数の宣言元に跳ぶのをどうにかしたい。

Web > PHP 2018年3月14日(最終更新:2月前)

どもです。
Eclipseは開発のお供ですが、機能が多すぎるのも玉に瑕です。

この頃気になっていたのが、ソースのコピペをしようとした途端、変数の宣言元に意図せずジャンプしてしまう頻度が高いこと。
戻るのは簡単ですが、間違いなく不便ですし、ストレスが溜まります。

この機能、「宣言を開く」という名称だそうです。
変数の上で[Ctrl]キーを押すと、変数にハイパーリンク的なものがつきます。これをクリックすることで宣言元に移動するのですね。便利な機能です。

しかし[Ctrl]は多用するキーなので、他のショートカットを実行しようとして、誤ってリンクとなった変数をクリックしてしまうことが多い。

ちなみにこの「宣言を開く」。デフォルトで[F3]キーにもショートカットが設定されています

じゃあ[F3]でいいよ!! ... 続きを読む »

矢印による操作にブラウザ差異があるのでinput[type=number]を使う際は注意。

Web > javascript 2018年3月2日(最終更新:2月前)

どもです。
最近フォーム回りとSQLの話しかしてない気がする。

input[type=number]のフォーム操作について。

入力の数値に変更があった場合は再計算、という簡単なソースを作成したのですが、
Chromeでは正常に動いたのにFireFoxでは上手くいかず。

この原因が、トリガーにonBlurを使用したことでした。
どうやらChromeでは入力欄の上下矢印(あれなんて呼ぶんだろう)の操作はフォーカスが当たった扱いになるのですが、FireFoxではそうならないようです。

今回は矢印で操作したいので、onChangeに変更。

うーん、ブラウザ差異は発覚しにくいから厄介だ。(-_-メ)

この記事は役に立ちましたか?
  • _(:3」∠)_ 面白かった (0
... 続きを読む »

floatなボタンを下揃えしようとしたら思いのほか苦戦した話。

Web > css 2018年3月2日(最終更新:1月前)

どもです。
フォームのCSSは永遠の課題感あります。

インラインブロック要素であるボタンが2つ以上並んでいて、サイズが違うものがある。
このとき、ボタンを下揃えで並べたい。

通常は、ボタンにvertical-align:bottom;でおk
インラインな要素なら、普通はこれで解決できます。

が、
事情があって、このボタンはfloat:right;されているのです。

具体的には、このボタンたちはフォームのsubmit用ボタンで、... 続きを読む »

1 2 3 4 5 6 19