はしくれエンジニアもどきのメモ

情報・Web系技術の勉強メモ・備忘録です。

Chrome

JSP(formデータ)とJava Servletプログラムの連携

JSP(formデータ)とJava Servletプログラムの連携 JSP(formデータ)とJava Servletプログラムの連携する方法をメモ。 目次 環境 JSPとServletの関係 Formとは? データの送信を行うためにformタグを使用 Fromタグでデータを渡す サンプル:Formタグから取得し…

Netbeans 8.02上でTomcat 8.0.28 を動かす

Netbeans8.02上でTomcat8.0.28 を動かす ハマったのでメモ。 目次 環境 Netbeans のインストール Tomcat のインストール Netbeans にTomcatサーバの追加 Netbeans からTomcatサーバの起動・停止 Tomcat が「127.0.0.1は~認識されていません」で起動に失敗す…

HTML5 WebStorage まとめ

HTML5 WebStorage まとめ WebStorage(sessionStorage、localStorage) についてまとめておきます。 目次 試したブラウザ環境 WebStorage とは ストレージの最大容量 対応ブラウザ WebStorage の種類 データの保存とロード WebStorage上のデータの削除 ブラウ…

2日でできる JavaScriptTraining」をやってみた(イディオムと感想)

「2日でできる JavaScriptTraining」をやってみた(イディオムと感想) mixi の「2日でできる JavaScriptTraining」をやってみたのでメモ。 今回は、ラストのイディオム編です。 github.com 目次 環境 7.よくあるイディオムを読むトレーニング クロージャ 真…

「2日でできる JavaScriptTraining」をやってみた(モジュールの利用(bower))

「2日でできる JavaScriptTraining」をやってみた(モジュールの利用(bower)) mixi の「2日でできる JavaScriptTraining」をやってみたのでメモ。 今回は、モジュール(bower)の使い方についてまとめておきます。 github.com 目次 環境 6.モジュールを実装す…

「2日でできる JavaScriptTraining」をやってみた(非同期通信)

「2日でできる JavaScriptTraining」をやってみた(非同期通信) mixi の「2日でできる JavaScriptTraining」をやってみたのでメモ。 今回は、非同期通信系をまとめておきます。 github.com 目次 環境 5.非同期処理を書くトレーニング setTimeout サーバとの…

「2日でできる JavaScriptTraining」をやってみた(DOM操作)

「2日でできる JavaScriptTraining」をやってみた(DOM操作) mixi の「2日でできる JavaScriptTraining」をやってみたのでメモ。 今回は、DOM操作のみまとめておきます。 github.com 目次 環境構築 1.DOM 要素を取得するトレーニング 2.DOM 要素の属性・テ…

JavaScript DOMのクリック時とキー入力時のイベントと発火順序

JavaScript DOMのクリック時とキー入力時のイベントと発火順序 クリック時とキーボード入力時のの発火するイベントと発火順序をまとめておきます。 目次 ブラウザ環境 マウスクリック時のイベント キー入力時のイベント 参考リンク 関連リンク ブラウザ環境 …

Firefox WebExtensions で動作するはてなブックマーク拡張機能を作ってみた

Firefox WebExtensions で動作するはてなブックマーク拡張機能を作ってみた WebExtensions の練習ということで、 はてなブックマーク拡張機能を作ってみたのでメモ。 といっても、active tab のURLを取ってきて、 はてなブックマーク追加ページを新規タブで…

Firefox のWebExtensions のチュートリアルを試してみた

Firefox のWebExtensions のチュートリアルを試してみた Firefox 44 から拡張機能は、 XUL からChrome, Operaも採用している WebExtensions が推奨されるようになりました。 Firefox でのWebExtensions の拡張機能の作り方 のチュートリアルを試してみたので…

SVGのpreserveAspectRaitoとCanvasのdrawImage

SVGのpreserveAspectRaitoとCanvasのdrawImage SVGの preserveAspectRatio と ブラウザによってCanvas のdrawImage の仕様が違ったのでメモ。 目次 ブラウザ環境 SVG のpreserveAspectRatio preserveAspectRatioプロパティが未指定の場合 CanvasのdrawImage …

Chromeで、ローカル開発中のCrossDomainを一時的に解除

Chromeで、ローカル開発中のCrossDomainを一時的に解除 API やAjax を使用しているとローカルのHTMLファイルでもCrossDomainに引っかかることがあります。 そこで、Chrome のCrossDomain を一時的に解除する方法をメモしておきます。 目次 環境 CrossDomain…