Category / html5
var aaa = “<script></script>”; がエラーになるのはなぜ？
2022-10-19 問題 以下のJavaScriptでエラーになります。なんで？ <script> var aaa = "<script></script>"; </script> エラー（chrome） Uncau […]
ブラウザが /favicon.ico に勝手にアクセスしないようにする
2020-01-13 問題 ブラウザでURLを開くと、/favicon.ico にも勝手にアクセスしますよね。 faviconがないWebサイトでは、ブラウザのリクエストもサーバーのレスポンスも無駄だと思うのですが、この動作を止めることはでき […]
Laravel+axiosのCSRF対策
2019-12-26 問題 LaravelもaxiosもCSRF対策が組み込まれてますよね。 どう設定するとよいですか。 何か設定は必要ですか。 答え LaravelはミドルウェアVerifyCsrfTokenが以下のCookieを送る。 S […]
文字コードの違うWebページにformを送信するとき
2019-03-28 問題 EUC-JPのページのformから UTF-8のWebサイトにsubmitしたら、文字化けしました。 答え EUCのページはデフォルトではEUCでデータを送りますね。 ページの文字コード以外でフォームを送信させたい […]
【JavaScript】セレクトボックスをreadonlyにする
2017-11-28 問題 select要素でreadonlyしたいのですが、無理ですか。 disabled じゃなくて、readonlyです。 使用可能だけど、変更不可にしたいです。 答え readonuly属性では無理です。 考え方を変え […]
【html5】 input type=”number” で小数を入力できるようにする
2017-02-17 問題 input 要素の type=”number” って、整数しか入力できないのですか？ 答え step を指定しましょう。 以下、例を書きます。 <input type="number" […]
twitter bootstrap 3 で横幅をめいっぱい広げたいとき
2014-01-05 問題 bootstrapって、Extra small devices Phones (
twitter bootstrap3 を とにかく手軽に始められる雛形
2013-12-25 問題 twitter bootstrap3 やってみたいんですけど。 twitter bootstrap3 都度都度ダウンロードしてくるのめんどくさい。 twitter bootstrap3 もうちょっとサクッと使えない […]
【HTML】IE10のinput要素のxボタンを消す
2013-06-19 問題 IE10になって、フォームのテキスト入力欄に「×」ボタンや、パスワード入力欄に目のマークが出るようになったんだけど、これ消せますか。 答え CSSで消せる（-msプレフィックス付き）。 「×」マーク（クリアボタン） […]
contenteditable … div要素などの中をブラウザ上で編集可能にする属性
2013-06-06 contenteditable属性は、古くはIE5.5からサポートされたり、Firefox3以降もサポートするようになったりしていた、HTML中の要素を編集可能にする属性。 HTML5にも採用されている。 BIUソース […]
【CSS】改行を含むテキストの表示をスタイルシートで？
2013-04-18 問題 以下のような改行を含むテキストがあって、ブラウザの画面に表示したいんだけど、こういうときはphpのnl2br()を使うんだっけ？ 改行を含むテキスト あいうえおかきくけこ 本日は晴天なり ↓ nl2br($str) […]
入力もできるし選択もできるUIを作る（autocomplete、typeahead、コンボボックス）
2013-04-17 問題 ある入力欄で、一覧から選択もできるし、手入力もできるという操作ができるものを作りたいんだけど、簡単なのない？ 答え 「なるべく足さない、なるべく作らない」の方針で対応してみます。 以下、Bootstrapがあるとき […]
【CSS3】メディアクエリをIE7、IE8でも使えるようにする
2013-04-12 問題 あら？IE8はメディアクエリ（cssの@media何々）使えないんでしたっけ？ 答え IE9からはメディアクエリが使えるけど、IE6、IE7、IE8は使えない。 こちらのスクリプトを使うと、何とかなるでしょう。 & […]
tableで、しましましたい
2013-04-03 問題 よくある表の表示で偶数行がグレー、奇数行が白みたいな、縞々の表示がしたいけど、どうするのがよい？ 答え 10年前なら、サーバー側で見た目のことも考慮して、あとは表示するだけのHTMLを出力したものですが、 < […]
twitter bootstrap を とにかく手軽に始められる雛形
2013-03-23 問題 twitter bootstrap やってみたいんですけど。 twitter bootstrap 都度都度ダウンロードしてくるのめんどくさい。 twitter bootstrap もうちょっとサクッと使えない？ そ […]
【JavaScript】canvasでお絵かきしたい（半分自作する編）
2013-03-21 問題 canvasを使ったお絵かき機能を作りたいです。 出来合いのライブラリもあるみたいだけど、ライブラリのお世話になるのはなるべく最小限にしたいです。 答え canvasの操作はEaselJSを使ってみる。他の部分は自 […]
【JavaScript】canvasでアナログ時計
2013-03-19 問題 canvasでアナログ時計って作れる？ 答え 作りましょう。 今回は、1つのcanvas要素を用いて、1秒ごとに時計全体を書き直す形で実装する。 canvasは、ほぼWindows付属のペイントの表示領域のようなも […]
アプリアイコンが表示されない
2013-02-11 問題 HTMLのhead部分で、link rel=”apple-touch-icon-precomposed” などでアプリアイコンを指定しているのだが、実機でテストすると表示されない。 答え ベ […]
【JavaScript】Audioで音を出す
2013-01-04 問題 JavaScriptでwavデータを生成して、Audioに渡して再生してみてください！ 答え 流れを書くと以下のとおりで、流れは簡単。 audio = new Audio(); audio.src = "dataU […]
Webフォントでアイコン
2012-12-29 問題 イラストフォントをWebの画面で使いたいなあ。 特にアイコンとかに。 答え イラストフォントをWebフォントとして使って、アイコンの表示に使える。 文字なので、色はcolorで指定可能。大きさも font-size […]