生活の跡

個人的な備忘録

Web

FuelPHP で拡張した Validation のルールを適用したフォームを作成する

img{border: 1px solid #000; width: 50%} 概要 FuelPHPでユーザ登録をする画面にて、メールアドレスなどを入力するフォームを作成しています。 POSTされたメールアドレスがDBに登録済みでないか確認するため、Validation のルールを拡張します。Validation …

FuelPHPの form.php を編集して、tableタグのないフォームを生成する

img{ border: 1px solid #888; width: 60%; } 概要 次のようなレイアウトのフォームをFuelPHPで作りたい。 環境 FuelPHP 1.8.2 課題 FuelPHPでは、次のようにFieldSetインスタンスをaddで追加したフォームを作成することができます。 add('use…

FuelPHPエラー:There is no security.output_filter defined in your application config file

概要 タイトルの通り。「security.output_filter が設定ファイルに定義されていません」と言われています。 状況 application config file というのは、APPPATH/config/config.php のことです。 また、security.output_filter というのは、config.php に書か…

FuelPHPエラー:Cannot declare class Controller_○○, because the name is already in use

概要 タイトルの通り、FuelPHPで「この名前はすでに使われているので、Controller_○○クラスは定義できません」と言われました。 状況 コントローラのphpファイルをサブディレクトリに入れたらエラーになりました。同名クラスのコントローラはないので、なぜ…

Chart.jsでグラフに表示する長いラベルを折り返して表示する

img{ border: 1px solid #000; } 概要 Chart.jsで棒グラフを作ったらこんな感じになりました。 これはひどい。 ということで、ラベルの見栄えをよくするために、次の2点を施します。 1. 10文字を超えたら2行に分ける 2. 斜めではなく縦に表示する 環境 Char…

FuelPHPでDBのデータから作った図表を表示する

img{ border: 1px solid #000; } .small-frame{ width: 50%; } 概要 DBのデータから図表を作成して表示するWebページを、FuelPHPで作成しました。自分用のメモとして記事に残します。 前提知識 FuelPHPにおけるMVCの基本操作 SQL、html、javaScriptの基礎 JS…

Git管理しているプロジェクト内での yarn add webpack を、SourceTreeのGUI操作で元に戻す

事情 FuelPHPのプロジェクトをGitで管理しています。Gitの操作はSourceTreeを使って実行しています。 ふと、webpackというものを使ってみようと思って$ yarn add webpackしたのですが、概念と利便性が理解できていないため結局使わず。しかしyarn addにより…

FuelPHPで読み込んだCSVの内容をDBに一括挿入する流れ(概要)

概要 FuelPHPで読み込んだCSVの内容をDBに一括挿入する処理を作ったので、流れを整理して記録します。 この記事では、細かい手順やコードの書き方ではなく、全体の流れを把握することを目的とします。 環境 FuelPHP 1.8.2 処理の流れ 1. アップロードするCSV…

FuelPHPのフォームからCSVファイルをアップロードしようとしたら「No uploaded files were found. Did you specify "enctype" in your <form> tag?」

img{ display: inline-block; box-sizing: border-box; border: solid 1px #333; } 概要 FuelPHP で CSVファイル(※)のアップロードに挑戦しました。 フォームに<input type="file">のフィールドを作って submit すればいいはずが、エラーになってしまいました。 (※)今回のエラー…

phpMyAdmin で DROP TABLEしようとしたら「#1217 -子レコードがあります。外部キー制約違反です」

概要 タイトルの通りですが、phpMyAdmin で DROP TABLEしようとしたら「#1217 -子レコードがあります。外部キー制約違反です」と言われてしまいました。 原因 外部参照している子テーブルをDROPする前に、外部参照されている親テーブルをDROPしようとしたた…

fuelPHPエラー:Cannot use object of type Fuel\Core\Request as array

概要 fuelPHP で "Cannot use object of type Fuel\Core\Request as array"というエラーが出て困った。 Requestオブジェクトを配列みたいに使わないでね、って言われてます。 エラーになった箇所のコード $tweets = \Request::forge('api/twitter/get_tweets…

Twitter の Standard search API で、パラメータ「count」と取得件数が一致しない

img{ display: inline-block; box-sizing: border-box; border: solid 1px #333; } 概要 Twitter の Standard search API を使ってみたのですが、パラメータ「count」と取得件数が一致しない事象が起きました。 パラメータ「count」の説明 原文とGoogle日本…

FuelPHPのドキュメントだけではモジュールの使い方がわからなかった

概要 最近、FuelPHP(Webアプリ開発用のフレームワーク)を勉強し始めました。モジュールというのを使ってみたいと思ったのですが、公式ドキュメントをみながらやっても上手くできずに四苦八苦しました。Webで調べても専門的すぎたりファイルの場所が書いてな…

serif(明朝体)の太字箇所をわかりやすくする

概要 serif は web の文章でよく使われるフォントですが、太字の装飾(font-weight: bold;)がわかりずらいです。 しかし、font-smoothing: antialiased; を設定したらわかりやすくなりました!のでメモ。 font-smoothing を使わない場合 以下の文章のどこが太…

chart.jsでグラフの横軸を円周率単位の表示にする

概要 chart.jsで三角関数(sin x,cos x)のグラフを描くときに、横軸のラベルを 0, 1, 2, 3, ... ではなく 0, 0.25π, 0.5π, 0.75π ... と表示したかったので試してみました。 結果のイメージ 横軸をπ/4ずつ表示します。 結果のイメージ コード chart.jsの基本…

スタイルシートでアイコンを作る

概要 丸いアイコンの中に文字が入ったアイコンを、スタイルシートで作ります。 こんなの↓ サンプルコード 下記のリンク(CodePen)をご覧ください。 https://codepen.io/akihiroishii/pen/NOREod ポイント 丸くする widthとheightを揃える border-radius: 50…

Chart.js で canvas 要素にグラフが表示されない

概要 Chart.js で 2箇所の <canvas> 要素にグラフを描画しようとしたけど、 どちらも表示されない。。 ちなみに、<button type="button"> 要素をクリックしたときに描画したい。 バージョン Chart.js 2.1.4 原因と対策方法 jsファイルではなく、htmlファイルに原因がありました。 block要素</button></canvas>…

動的にMathJaxを適用する

概要 ユーザが画面に入力したパラメータに応じた数式を表示し、 表示する数式にはMathJaxを適用してTeXっぽくします。 動的に変化させる数式はJavaScriptを利用して作成しますが、 うまくMathJax が適用されずハマったのでメモ。 環境 javaScript 5.0.4 jQue…

javaScriptで、Cannot POST 〇〇/index.html っていわれた

概要 html で作った formから submit した値を javaScript で操作して同じページに返そうと思ったら、 submitした後にCannot POST 〇〇/index.html っていわれた。 環境 AWS Cloud9 jquery 2.2.4 原因 form の属性で action="" としていたことにより、 存在…