多店舗化の命題にシステム化を選択したひとり店長奮闘記
Bootstrap：多機能なグラフ描写が可能な『ECHARTS』の取扱いを調べた Gentelellaのデモページはココ 『Gentelella』に使われているプラグインにEchartsというモノがありました。これが超多機能！ ボタンによるグラフスタイルの変更 が出来る(棒グラフから線グラフ等) 描写しているグラフを画像でダウンロードできる 分散図や円グラフも搭載している 調べる事が多そうなので、 […]
Bootstrap：daterangepickerから選択した値をPOSTしてMYSQLの値を抽出する方法 前回記事はこちら。 今回、DateRangePickerでの日付指定からデータべ―ス抽出まで悩んだのでそこら辺をまとめて置こうと思います。 DaterRangePickerの想定している基本的な実装 全てをJavaScriptの中で処理すべく構成していると思われます。 いわゆる Ajax = […]
Bootstrap：カッコいいカレンダー『daterangepicker』の取扱いを調べた このプラグインの担当区分は日付の範囲指定です。 例えば、売上の期間集計とか『どこからどこの集計をするのか』を指示する事が出来ます。 ただし、標準状態ではPOSTの書き込みが無いので「どこに書けば良いの？」と苦戦してました。 と言う事で、個人的備忘録。 daterangepicker導入の経緯 Bootstr […]
【Bootstrap】かっこいいテンプレ Gentelella を見つけたので解析② Gentelellaのデモページはココ 今回は解析と言うより使い方編といった内容です。 ログインユーザーによってサイドナビのメニューを分けたり表題を変えたりしたいシーンがあります。 今作っているシステムの場合は【管理者】と【依頼者(ユーザーさん)】で同じメニューが出てはいけません。 「依頼者は依頼者の情報のみに。 […]
【Bootstrap】かっこいいテンプレ Gentelella を見つけたので解析① Gentelellaのデモページはココ この中のDashboard2のグラフを使うにあたって、どう動いているかを調べてみました。 該当のデザイン箇所 該当箇所のコード [crayon-662ba67e2a026125746824/] このうち、メインのグラフを作っているのが16～18行目でした。 [crayon- […]
【Bootstrap】グラフ作成で横軸の日付が表示されなかった理由 DjangoのViews.pyでDBから取得した値をテンプレートに送り、Bootstrapの機能でグラフ化をしようとしました。 で、グラフまでは出力するのですが【X軸(横軸)】のラベルが付いてくれず3時間ほど右往左往。 ※日付が無いのでどの時点の値かわからない。 ちなみに、私が利用させていただいたテンプレートは【gentelel […]
JavaScript：画面サイズが変わってもレコードを1行に収める方法 レコードをTableに記載した時、1つのカラムが長く全体を調整されてしまうときがあります。 そんな時に上手く調整する方法です。 サンプルコード [crayon-662ba67e2a49c791945369/] 列ごとのサイズは【<colgroup>】で指定していますが、この中の『件名』に長いものがあった時、この設定 […]
【VBScript(WSH)】chromeをDOM操作したいときどうすればいいか 自前のサイトをDOM操作したいときはJSを読み込ませておけばOKです。 そう言った事が出来ない場合（スクレイピングをしたいとき）どうするかという話です。 VBScriptやPowerShellを使ってもChromeはIEの様にオブジェクトとして引っ張ってこれない為、DOMによる狙い撃ちが一筋縄ではできません。それでも […]
【PHP(Laravel)】JavaScriptの記載場所と登録方法について LaravelでJavaScriptを記載する場所は2つしかありません。 Viewに<script>タグを使って書く プロジェクト/public/js 内にjsファイルを置きViewで読み込む Viewに<script>タグを使って書く viewのblade内で次のように書くだけです。 [cray […]
Slickで作ったSliderで画像とdots間の大きな隙間を強引に解決した方法 今ドメイントップの作り変えを行ってまして、TOPページにsliderを置こうと。 で、簡単だからSlickでいいかなと思い作業をしたら、画像とページ送りのドットとの間に超でかい隙間が発生。 スマホで見ると隙間更にデカいし。 色々とスマートな方法探したのですが、解決に至らなかったので力業で解決しました。 まずは基本コー […]
