Web

コンピュータ

Chart.jsで(x, y)以外の変数名で計算したデータをグラフに描画したい

物理法則に従う運動の時間発展を計算し、時間t-位置x のグラフとしてプロットしたいです。実際に試したらうまく描画されませんでしたので、その後に改善した点をご紹介します。
コンピュータ

div要素の左側に、90度回転させた文字列を配置したい

縦書きにしたいのではなく、横書きの文字列を90度回転させたいのである。
コンピュータ

CSSで台形を描く手順と仕組み

div要素にCSSを適用するだけで、台形を描くことができます。仕組みを理解していなかったので調べました。
コンピュータ

Chart.js で指定した横軸の範囲を塗りつぶす

Chart.js で指定した横軸の範囲を塗りつぶす方法をご紹介します。
コンピュータ

Chart.jsで、横軸の閾値を境にデータの色を変える

年ごとの時系列データがあったとして、平成元年以降は色を変えて強調したいというような場合を想定した処理について、ご紹介します。
コンピュータ

画面幅より広い親要素内で、画面に表示されている両端の子要素を取得する

img{border:1pxsolid#000;}概要年表のWebアプリを作っています。すべての期間が画面幅に収まらないため、横スクロールで一部の期間のみ表示させています。画面に表示されている両端の年を取得する必要が出てきたので、jQuer...
コンピュータ

FuelPHP の as_array() で取得したDBデータを、1次元の連想配列に変換する

概要FuelPHPでは、クエリビルダを使ってDBのデータを取得できます。結果に対してas_array()を使うと2次元の連想配列で取得できます。取得したすべてのレコードをループで処理する場合は、扱いやすい形です。一方、ある条件に一致するレコ...
コンピュータ

position: absolute; を適用すると、次のDOM要素が重なってしまう

困ったことあるブロック要素に対してposition:absolute;のスタイルを適用したところ、その次のDOM要素が重なってしまいました。回避策position:absolute;を適用したブロック要素と同じ高さのダミー要素を間に挟みます...
コンピュータ

西暦と和暦の表示を切り替えるラジオボタンを設置する

概要システム開発において、整数の連番である西暦は扱いやすいです。しかし、元号も令和になりましたし、日本人の感覚としては和暦の方が捉えやすいことも多いです。消費税の導入やベルリンの壁が崩壊したのは平成元年です。1989年と言われるより印象に残...
コンピュータ

FuelPHP の DBUtil::create_table に含めるフィールドに、on update CURRENT_TIMESTAMP 属性を付与する

概要FuelPHPのマイグレーションにて、テーブル作成と同時に初期データも追加します。更新日時のフィールド「updated_at」にonupdateCURRENT_TIMESTAMP属性を付与するための方法を記します。環境FuelPHP1....