Web App

Web App

[js]多重連想配列の特定列を検索し目的のデータ(配列:行)を取り出す

PHP を使い MySQL から取り出した配列はだいたい次のようになるよね。 const arrs = [ { id:1, pref:'北海道', name:'クー', age:3 }, { id:2, pref:'愛媛', na...
Web App

PHPでHTMLタグを直接生成しないほうがいい

SQLから取り出した多次元配列をPHPでHTMLにフツーに落とし込んでいた。 echo '<div class=d_table>'; # css で div をテーブル表示 foreach($rows as $row){ ...
Web App

javascriptからPHPへ変数を手渡すのにcookieを使う※要submit

js から PHP へ変数を手渡すのに何故か localStorage(HTML5で使えるようになったcookieのようなもの)が便利そうに感じた。あれ?簡単じゃない。 確かにjsでの扱いは楽よ。だけど... ...
Web App

PHPからMySQLテーブルのカラム名を全て取得しSELECT文に使いたい

MySQLのテーブル内に大量のカラムがある場合、いちいち記述していくのは面倒だしtypoも避けたい。 楽して確実にカラム名をピックアップしたい。そんなときに。 カラム名を画面に表示するだけという... ...
Web App

動的に作成したテーブル内要素のクリックイベントが2回実行される

PHPで動的に作成したテーブルのtdのクリックイベントに発火するjavascriptを書いていて躓きました。 正確には「イベントが2回実行される」のではなく「jsが2回実行されてしまう」のですが。 HTMLはこんな感じ &...
Web App

required属性のついたinput要素を全て取得する

validation ェックとは別に required 要求を満たしていない要素を取得したかった。 requiredついてるのに未入力のinputフィールド そもそも required 属性のつい...
Web App

PHP|$_POSTされた内容を全て変数にする

フォームで送られてくる値が大量にあると一つ一つ変数に格納するのは大変。 動的に変数を作成しつつ値をセットする(nameをkeyにvalueを取り込む)。 // $_POSTされた内容を key を変数名としながら一括代入 ...
Web App

PHP ブロックを使った HTMLブロックの条件分岐

なぜかついつい忘れがち こんなに初歩的なのに...うー ▼PHPブロック <?php if ( 条件 A ): 条件 A が TRUE のときに行う処理 elseif...
Web App

味気ない Contact Form 7 の送信ボタンを飾る

Contact Form 7 の デフォルトデザインはかなり寂しい。 先に結果から ▼入力画面から送信内容の確認画面( Contact Form 7 add confirm )へ移るときはこんな感じ ボタンにアイコン(...
Web App

HighCharts.jsのdataLabelsから[-]マイナス表示を除く

HighCharts のグラフ表示から-(マイナス)値を絶対値(正の値)にします。棒グラフをピラミッドグラフ(分布)にするため(やむを得ず)左に表示したいものをマイナス値にしています。このマイナス値を見かけ上プラスになるようマイナス記号を取り去ります。
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か月かけ...