Web App

MySQLから取得した配列をHighCharts.jsにセットする

動的なグラフが描けるHighChartsへ動的に変化する値を渡したかった。PHPでMySQLからデータを取得 -> 加工 -> JSON化した変数をJavaScriptへ渡す -> JavaScript で JSON データを parse -> JavaScriptでHiChart用に加工 -> HiChartで描画、という流れです。
Web App

MySQLでdatetime型をDATE_FORMATすると文字コードが変わる?

datetime型のカラムに日付データが入力してあります。 2020-10-15 16:30:00 これを DATE_FORMAT(class_start,'%Y-%m') として取り出していました。 20...
Web App

動的に作成したdatetimeタイプが変更されたら発火

動くやつ // 動的に生成した type = date の変化を調べる $(document).on("blur","input#cls_start",function(){ conso...
Web App

javascriptでformのinput部分を自動生成する

似たようなデータの組み合わせを異なるフォームで扱いたいとき HTML 内が form だらけでカオス HTML で submit することをやめ javascriptで submit すると form...
Web App

MySQLで特定列だけ値を変えつつ複製する

Web App

jQuery UI に頼らず BootStrap でダイアログ

jQuery UI は手軽に利用できて便利だけれど、加えて BootStrap を使い始めると Tooltip が被ったり…見た目に違和感を感じたり… かといって js の読み込み順を入れ替えると、今度は jQuery UI の Dialog 表示に支障が出たりと、いろいろ問題が出てきてややこしい。
Web App

MySQL PHP JavaScript Bootstrap

MySQL の仕事を増やす 当初、Excel ~ FileMaker と揺れていた開発環境が結局 MySQL PHP JavaScript Bootstrap となりました。 アプリに複数の社員が同時にアクセスし更新作業をすることが...
Web App

Webアプリの仕様と仕事の成果

今回この仕事をお請けして最もよかったと思えたことは MySQL について知識を増やすことができたこと。 これまで SQL 言語について「SELECT *」的な使い方しかしていませんでした(今思えば、SQL知らない人あるあるです。恥ずかしいです)。 SQLは入れ物という認識しかありませんから当然「SELECT *」しか使いません...
Web App

Webアプリ開発

本当に色々と勉強させて頂きました。前にここに記事書いたのが5月、ほぼ4か月...とにかく何の余裕もなかった。やっと形にして残しておく時間の余裕ができたってことか。 このブログも放置しすぎてアクセス数は激落ち。笑。 ほぼ3か月かけ...
Wordpress

朗報/6年ぶりに更新されたSearch Regex

(動作はするけれど)変なエラーを吐いていた Search Regex が一時間前に(6年ぶりに...)更新されました。 嬉し(。・ω・。) と思って試しに動かしてみたらエラーで止まる。 ...
NEW C-HR

NEW C-HR/パノラミックビューモニタ

2019年10月マイナーチェンジした NEW C-HR にはパノラミックビューモニタ(自車の周辺を360度見渡せるカメラ)がつけられるようになりました。 ただし(今のところ)メーカーオプション(ディーラーオプションではない)ですので購...
NEW C-HR

NEW C-HR/スイッチ式USBハブで音楽ソースを切り替え

新車(BMW)に取り付けたテレビハーネスが、一つしかないUSBポートを使ってしまい、USBメモリに保存している音楽が聴けなくなった。音楽を聴くためにはテレビ機能をオフ(USBを抜く)にしなければならず使い勝手が悪い。どうにかならない?というものでした。いやいや、そういうことはディーラーさんに聞いてもらわないと、という内容ですが既に聞いておられたようで「できない」
NEW C-HR

NEW C-HR/後席にもUSB充電ポートが欲しい

DCMとT-Connect に3回くらい冷や汗かかされましたが、今となってはよい思い出です。いろいろ楽しませてもらた NEW C-HR の電装作業もそろそろ終わりです。 あまり人の座ることのないであろう後席に座ってみたらUSB充電ポー...
NEW C-HR

NEW C-HR/リバースに連動してドアミラーが下がる幸せ

シフトをリバースに入れたときドアミラーを下降させて後方確認する派です。 さて、運転の諸々が不安になりパノラミックビューモニタを取り付けた。おかげでナビ画面さえ見ておけばドアミラー見なくても後方確認(というか全周囲確認)できるのだけれど...やっぱり物理的なミラーを確認したい。
NEW C-HR

NEW C-HR/車の後席近くのアース

おそらく大半の車を弄る人(電装関係)には当たり前すぎてネットに情報を出す必要すらない。でもね何をしても初めてというレベルの自分が今回困ったこと。アースをとる場所が分からない。ううう。 サブウーファーの配線もほぼ終わり、アースとって終わ...
NEW C-HR

NEW C-HR/フロントスピーカー信号を取り出す

ようやくフロント左スピーカーのコネクタがあるテレマティクス通信機に辿り着いた。 スピーカー信号取り出しは 汎用ハーネスつければ楽勝 という知識レベルの人がこんなところにやってくることになるとは...今さら中...
NEW C-HR

NEW C-HR/テレマティクス通信機とフロント左スピーカー配線

車いじりにがつくレベルの素人に根気よく丁寧につきあっていただけるディーラーさんのおかげで、NEW C-HR の左フロント信号のありかがなんとなく分かりました。どうアクセスして良いものやら分からりません。センターコンソール全分解のつもりで外せるものは全て外していくことにしました。
NEW C-HR

NEW C-HR/スピーカー出力用の10pin,6pinコネクタがない

サブウーファーを取り付けるため、まずはフロントスピーカー信号にアクセスせねばと、ディスプレイオーディオを取り外したはいいものの、あるはずの10PINコネクタや6PINコネクタが見当たらず途方にくれました。 楽ちんよと高をくくっ...
NEW C-HR

NEW C-HR/チューンナップサブウーファーKSC-SW11

ちょっと前までココやナッツに会いに行けた日曜日、楽しみだった日曜日。なのに自宅待機が推奨され始めたため、自宅を掃除したり、断捨離したりするしかなく。 車を弄る時間はたっぷり  C-HR のオーディオを...
Website

SVGファイルで画像をマスクする

イラストレータで作ったSVGファイルで画像をマスクしてみよう。 ▼画像 ▼SVG mask を指定しただけだと... .mask { mask-image: url( } こうなる.....
Website

イラストレーターでSVGを作るときはアートボードで保存

結論。イラストレーターで描いたデータをSVGとして使いたいとき、アートボードを利用するとターゲットになる図形だけを保存できる。 描いた図形をそのままSVGとして保存しただけでは... ブラウザーで表示するとこうなる。 ...
NEW C-HR

BRIDGESTONE POTENZA RE050A

2020年2月納車の NEW C-HR のタイヤは BRIDGESTONE 社の POTENZA RE050A でした。 ただそれだけの報告です...
NEW C-HR

NEW C-HR の1か月無料点検

納車から1か月、走行距離は1,300km 「そろそろ1,000キロくらい走りましたか?」という担当さんに「いやいや~マラソンとかイベントぜーんぶなくなってしまって、そんなに走ってないと思いますよ」とお答えしてC-HRのメーターを確認すると...
SmartPhone

車のナンバー合成アプリはPhotoshop不要/Android版

ナンバーにモザイクをかける代わりにアプリを使って別のみきゃんナンバーに入れ替えます。 これを加工すると... 既に白黒ナンバーに入れ替えてますが こうなります。 もう最近の...
NEW C-HR

NEW C-HR/ドライブレコーダー BOSCAM R2

後方視界の悪いとされる C-HR の救世主として、購入直後に電子ミラー型ドライブレコーダー BOSCAM R2 を取り付けました。 あの心許ない純正ルームミラーの代わりとしてその効果に十分満足していますが、この電子ミラーをドラ...