Web

コンピュータ

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

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

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

概要serifはwebの文章でよく使われるフォントですが、太字の装飾(font-weight:bold;)がわかりずらいです。しかし、font-smoothing:antialiased;を設定したらわかりやすくなりました!のでメモ。fon...
コンピュータ

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

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

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

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

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

概要Chart.jsで2箇所の<canvas>要素にグラフを描画しようとしたけど、どちらも表示されない。。ちなみに、<buttontype="button">要素をクリックしたときに描画したい。バージョンChart.js2.1.4原因と対策...
コンピュータ

動的にMathJaxを適用する

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

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

概要htmlで作ったformからsubmitした値をjavaScriptで操作して同じページに返そうと思ったら、submitした後にCannotPOST〇〇/index.htmlっていわれた。環境AWSCloud9jquery2.2.4原因...