undefined

新米WEBエンジニアの備忘録

MutationObserverを使用してDOMの変更を監視する

指定要素内のDOM変更を監視し、変更があった場合に処理を実行したい場面があり、MutationObserverを利用して実装を行いました。 インスタンスを作成する時にコールバック関数を引数に渡して、インスタンスのobserveメソッド使用します。 observeメソッドの引…

Atomにインストールしたパッケージ・テーマをメモしていく

導入したら随時更新 [パッケージ] japanese-menu : 日本語化file-icons : ファイル種別のアイコンを表示autoclose-html : htmlタグの閉じタグ挿入jQuery-snippets: jQueryのスニペットatom-ternjs : jsコード補完Linter : 構文解析用linter-jshint : …

$.trimを使用して入力値から前後の空白を削除し、フィールドに再セットする

blurイベントを使用するのでフォーカスを失った時にイベント発火。 入力値から前後の空白を削除してフィールドに再セット

CSSで字下げ表示

非常に地味な内容ですが、text-indentプロパティを初めて使ったので一応メモ。 padding-leftで1文字分ずらし、更にtext-indentで開始位置を1文字分だけ左にずらす。 なるほど。 cssで字下げ表示 結果 ※この文章はダミーです。文字の大きさ、量、字間、行間等…

jQueryを使用してツールチップを実装する

jQueryを使ったツールチップ表示です。 ツールチップは去年の2月頃に携わったプロジェクトで実装した記憶があるのですが、 その時はわけも分からずネットにあったコードを真似て実装していたような気がします。 約一年前のことですが、その時のことをふと思…

ダイアログ表示処理の共通化

ダイアログ表示機能を実装した際、処理の共通化も合わせて開発したのでメモ。 jQueryUIのDilalogウィジェットを用いて実装しています。 ・common_dialog.js - ダイアログ表示の共通処理を行うオブジェクト"CommonDialog"を作成。 ダイアログの表示制御を行う…

Deferredを用いたajax共通オブジェクト

ajax処理を実装した際に作成したオブジェクト。 Deferredを用いたajax共通関数