良く使うAjaxメモ

20150508
今回は久々にスクリプトのお話です。 個人的に、僕はAjaxが嫌い、というかJavaScriptが嫌いです。理由は当然、ブラウザによって挙動が違うからです。こう思う人、結構いますよね。 リリース後の誤動作や検証コストを考えても、開発現場では、JavaScriptを使わなくても実現できるならば使わないべきと僕は考えています。 簡単なものであれば良いんですが、複雑になればなるほど問題が...
続きを読む

いつのまにか

20150318
・FORM がネストしている。 あれ、アイテムの「削除」ボタンがある FORM がネストしている、いつの間にこうなったんだ! でも、ちゃんと動いている。 放っておこうかと思ったが、我慢できず修正しJSから「削除」クリック時に新規 <FORM/>を 作成してサブミット。 もちろん「削除」ボタンのtype="submit"をtype="button"に変更。 本当は「削除」ボタ...
続きを読む

javascript ページの離脱

06
今見ているページから別のページに移動しようとすると、 「このページを離れる」、「このページにとどまる」といった確認ダイアログが出てくるページを(ボタンの文言はブラウザ ごとに異なる) よく見かけるようになった。 これは、onbeforeunload イベントを利用しているが利用シーンは問合わせ時に何かを入力していて問い合わせが 完了していない。 そんなときにページを移動すると入力した...
続きを読む

最近思う事

04
外部サービスのAPIを利用した開発や、簡単に利用できるライブラリを利用していると思わぬ事象に出くわして、 原因究明に多くの時間を割く事になる。 究明できればよいが時間の関係やらで別のスマートではない手段を考えて回避する。 そんなときに全てを自前で用意して開発できればと良く思う。 WEB開発の場合で多くのデータをPOSTして通信しなければならない場合は、F12 を押下してブラウザのデバッ...
続きを読む

オブジェクトの代入ではまった

JavaScriptの動作で不可思議な事象にあたり、バグ探しを・・ 最初はロジック的な誤りだと思い、ソースのトレースで探していたのだが 原因がわからず、結局Alertだらけにして動作を追う事になり、 結果すごく単純な原因でした。 var ObjectStruct { x:0, y:0, z:0 } とこのオブジェクト内容のバックアップを取って後でバックアッ...
続きを読む

自動でスムーススクロール

サイトの効果で、アクセス時に指定の時間で ページ内で指定の場所へスクロールしたいということがありました。 ページ内に飛ばすだけであればAタグname指定でアクセスするように設定すれば簡単ですが それをスムーススクロールでスムーズに表現したかったので別の方法を取りました。 便利なsmoothscrollというjavascriptがありますね。このjsを読み込んでおけば ページ内リンクが自動...
続きを読む