Web

エンジニアの心

disableを使った二度押し防止

昔、「Javascriptでボタンのダブルクリックを抑制する」という記事でも書いたんですが、これを書いたのが今から5年前ぐらいの情報でして、ちょっと前にはてブで同じような記事があったので、ブックマークしていました。 で、最近(とはいっても数年前)はどうやってるのかみてみると、ボタンをdisableにして押せなくしてるみたいですね。どんなもんかということで試し...
エンジニアの心

ロリポップからさくらのレンタルサーバにMovableType4.1を移動

MT4もひどく重いけど、ロリポップもあやしいということで「さくらレンタルサーバ」に同じ環境を作ってみた。 すっげー快適に動く。体感速度10分の1。 2つのブログで合計1500エントリ弱。片方のブログでは投稿画面すら開けない。投稿に失敗する。などなど、大変困っていた。その点「さくらインターネット」は快適。ということで、ムームードメインはそのまま使って、「さくら...
エンジニアの心

Wireshark

パケットの解析などを行ってくれるプロトコルアナライザ。Etherealだったのが大人の事情で名前が変わった。 Filterのサンプル //host名でフィルタhost ホスト名(IPアドレス) //HTTPでフィルタhttp //host名とHTTPでフィルタhost ホスト名(IPアドレス) and http //portでフィルタtcp.port ==...
スポンサーリンク
エンジニアの心

Web画面テストで使う文字列データをJavascriptで作ってみる

文字列テストデータを作成する。
エンジニアの心

仕事で役に立った忘れたくないサイト

高木浩光, 独立行政法人産業技術総合研究所Internet Week サイト ColorMatch 5K色見本のページはいろいろあるけれど、調和配色を5つ教えてくれるので超便利。蓄々HTML実体参照変換HTMLを変換する場合に重宝。Another HTML-lint gatewayHTMLの構文をチェックしてくれます。Link Checkerリンク切れを調...
エンジニアの心

SleipnirでSmartSearchに機能を追加する方法

Sleipnirでは、文字を選択するとメニューがでてきて、「英和翻訳」などが実行できる。これすごい便利。英文を読むときはすげー楽。ただ、「英辞朗で検索」というメニューがない。英訳は英辞朗が一番だと思っているので、SmartSearchの拡張方法を調べてみた。 FireFoxでは拡張すればできたんだけど、使い勝手はSlipnirのほうが好きなので、なんとかみつ...
エンジニアの心

アプリエンジニアの僕がよく使うFirefoxのアドオンメモ

Tab Mix Plus タブの拡張。アドレスバー入力は新しいタブで開くとかできる。 マウスジェスチャ 検索強化 選択領域を検索できる。 英辞郎で"$"を検索辞書で"$"を検索で"$"を検索 All-in-One Sidebar IE Tab IEでの表示を確かめれる。 Proxy FoxyProxy Javascript & CSS ...
エンジニアの心

CSSメモ

CSSとはCascading Style Sheetの略。 便利サイト CSSのレイアウト作成に役立つ便利なリソースいろいろ by GIGAZINE 使用方法 直に要素に書いちゃう タグに直に書くことができる。しかし、これだとあんまりうれしくないので、できればやめておいたほうがいい。 <div style="color:#000;border:1px ...
エンジニアの心

IE6.0の問題点

IE6.0で大分変わった。標準モードと互換モード ブラウザは以下のモードで動くらしい。 標準(準拠)モード互換モード準標準モード 標準モードではW3Cの標準仕様にあわせた表示モードで処理される。しかし、互換モードはその名のとおり、昔のブラウザでもOKなように処理される。 以上を踏まえると、標準モードでいいじゃない!と思うのだが、標準モードになるかその他になる...
エンジニアの心

XHTML1.1

HTML4.01ではタグの拡張ができない。そこで、HTML4.01で使用できる要素や属性が 使えるように、XMLの規則にしたがって定義しなおしたものがXHTML。 このページでは「XHTML1.1」をベースに進めていく。 XHTMLをはじめる場合の注意点 タグは必ず閉じましょう タグできちんと閉じた文書を整形式XML文書といいます。 XHTMLはXMLで記述...
エンジニアの心

ファビコンをWebサイトに設定

faviconとも呼ばれている。タブブラウザだとタブにアイコンつけたほうが見やすいのでつけてみる。 linkタグでつける <link rel="shortcut icon" href="//daipresents.com/daipresents.ico" /> <link rel="icon" href="//...
エンジニアの心

Javascriptメモ

head要素内に記述する場合 <html><head><title>タイトル</title><meta http-equiv="Content-Script-Type" content="text/javascript"><script type="text/javascript">&l...
エンジニアの心

Javascriptでボタンのダブルクリックを抑制する

ダブルクリックによる2重投稿を防ぐために使用する。 isSubmittedフラグにより、クリックされたかどうかを判断し、 されていなければ、3秒(3000ミリ秒)待ってから、フラグを変更し、 trueを返す。ようは、1回目のクリックから3秒間はフラグがtrueの為、 2回目のクリックが無効になる。 方法 フォームには以下のように。 ons...
エンジニアの心

Javascriptでメーラーを起動する

メーラーに文字を設定して開くには mailto:fuji@fuji.com?subject=サブジェクト・・・ のようなURLを作成し、そこへ遷移するとうまくいく。 書き方 function startMailer(){ var mailto = "mailto:fuji@fuji.com"; mailto = mailto + "?subj...
エンジニアの心

Javascriptでスクロール位置を覚える

同じ画面に遷移すると、ページの一番上に遷移してしまう。 そこで、スクロール位置を記憶しておき、同じ場所が表示されるように工夫。 方法 まずは画面の位置を取得 function viewYl(form){ alert("この位置は" + document.body.scrollTop + "です。");} 添付ファイルを追加するときなどは、「追加」ボタンが押さ...
スポンサーリンク