あると便利なネットワークツール（IPアドレス確認、逆引き、正引き、HTMLソース確認などの各種確認ツール）
DNS情報の変更などを行い、正しく反映しているにもかかわらず、Windowsでブラウズしたり、nslookupをおこなっても古い情報を参照してしまう場合があります。弊社でも多くのユーザー様からそのような問い合わせを多く受けますので、簡単な解決方法を記載しておきます。 Windowsの場合、一度参照したDNS情報は、ネットワークトラフィックを低減させるためにキャッシュ（一時的に保持）されています。そのため、実際のDNSゾーンの更新などをおこなった場合、DNSのキャッシュをクリアすることで、すぐに確認が可能となります。DOS窓（コマンドプロンプト）から "ipconfig /flushdns" と入力するとDNSキャッシュはクリアされます。キャッシュの状態を確認する場合は、"ipconfig /displaydns "と入力します。 C:\>ipconfig /flushdns Windows
Sublime Text
Effortlessly Split Panes and Navigate Between Code With the new Tab Multi-Select functionality, tabs become first-class citizens in the interface. A simple modifier when performing actions will split the interface to show multiple tabs at once. Works with the side bar, tab bar, Goto Anything and more! What’s New Sublime Text 4 is packed with new features and enhancements, including: GPU Rendering
Charles Web Debugging Proxy • HTTP Monitor / HTTP Proxy / HTTPS & SSL Proxy / Reverse Proxy
Web Debugging Proxy Application for Windows, Mac OS and Linux Charles is an HTTP proxy / HTTP monitor / Reverse Proxy that enables a developer to view all of the HTTP and SSL / HTTPS traffic between their machine and the Internet. This includes requests, responses and the HTTP headers (which contain the cookies and caching information). Read More Recent Developments For discussion on the latest ch
Charles Web Debugging Proxy の使い方 | gaspanik weblog
昨日行われた『CSS Nite LP, Disk 17「HTML5による電子書籍」 』にご来場くださった皆様、そして関係者の皆様、ありがとうございました。私のセッションで使ったスライドや補足事項については、主催者からのフォローアップメールでご確認いただくとして、セッション中に紹介した「Charles」についての質問を多くいただいておりますので、取り急ぎその件だけフォローアップさせていただきます。 「Charlesを使えば何ができるか」についての解説は、当日イベントに参加いただいた皆様の特典ということにして、Charlesを使ったアレでソレするための方法を簡単ですがまとめておきます。 Charles のインストールと設定公式サイトからファイルをダウンロードし、解凍後インストールします。 起動するとこのような画面が現れますので、Proxyの設定をおこないましょう。 MacもWindowsもおそ
Fiddler(2.3.9.3): サーバ上のファイルを一時的に置き換える - log.nissuk.info
サーバ上にあるファイル(CSS、JS、画像ファイル等)を修正したりデバッグしたいとき、修正ファイルをサーバにアップロードせずにテストできると便利です(アップロード→確認 を何回も繰り返す必要がなくなるため)。 Fiddlerを使うと、下のような手順でサーバ上のファイルを置き換えることができます(例としてサンプルのJavaScriptを書き換えてみます。Fiddlerの説明については「実はFiddlerがすごすぎたので、機能まとめ紹介 : blog.loadlimit - digital matter -」が詳しいです)。 サーバにある書き換えたいファイルをローカルに保存しておく 今回の例では http://dl.dropbox.com/u/5447955/test/20120312/js/script.js Fiddlerを起動する サーバにある書き換えたいファイルをブラウザで開く(すで
Fiddler2で、HTTP(S)でブラウザとサーバ間の通信をキャプチャ・加工する
Webサイトやサービスを開発していると、ブラウザとサーバ間の通信内容を調査したい場合があります。 WireSharkなどの通信キャプチャソフトなども利用できますが、HTTPSの通信内容でも見れるという点で、「Fiddler2」もその候補に挙がると言えます。 Fiddler2はフリーソフトで、インストールして起動すると、ブラウザとサーバ間のプロキシのように動作します。 プロキシのように動作するため、通信の内容を確認できるほか、HTTPのヘッダを加工・追加するなど、リクエストを組み立てる機能も持っています。 テスト時に様々なパラメータでリクエストを生成するときなどにも利用できます。 また、HTPだけでなく、HTTPSの通信内容も閲覧することが可能です。 それでは早速、その使い方を見ていきましょう。 まず、Fiddler2のサイトからダウンロードとインストールを行います。 2012/07/20時
実はFiddlerがすごすぎたので、機能まとめ紹介
今までFiddlerをただのセッションの中身を確認できるLocal Proxyとしてしか見ていなかったのですが 改めて良く調べると色々できることが多すぎると判明。感動したので便利な機能をまとめてみました。 先に簡単に説明しておくと、FiddlerはMicrosoftが無料で配布しているWeb Debugging Proxyです。 Windows環境にインストールして、ブラウザとサーバの間の通信を読んだり操作したりできます。 配布サイトはこちら。 Fiddler Web Debugger – A free web debugging tool 動作環境は「Windows 2000 / XP / 2003 / Vista with Microsoft .NET Framework v2.0 or later」 今回使ったバージョンは、2009年9月10日時点で最新の安定版、2.2.4.6。 と
PNGの画質を劣化せず極限までファイルサイズを落とす、たった1つの方法 | フリーソフトラボ.com
ウェブ上で使用される画像ファイルのフォーマットには、主にJPEG、GIF、PNGという3種類の圧縮形式があり、この中で可逆圧縮かつフルカラー、つまり元画像の画質を見た目上一切劣化させることなくファイルサイズを縮小できるのがPNGですが、欠点は高画質な分ファイルサイズが大きくなってしまいがちなこと。 このため、フルカラーのPNGをウェブ上で使用する場合は専用ツール（有名なものではAzConvPNGなど）を使用してファイルサイズの最適化を行い、画質を劣化せずにできる限りサイズを落とした上でサーバーにアップロードされることがよくありますが、それでも削減できるファイルサイズは良くて1割といったところでしょう。 実は、一般にはほとんど知られていませんが、この他にもフルカラーPNGを画質劣化なしに、さらに大幅にファイルサイズを削減できる裏技的な方法が存在します。やり方は少し面倒ですが、うまく使えば非常
JavaScriptのコーディング規約を気軽にチェック
こんにちは、中川です。 今回は「Google JavaScript Style Guide」を気軽にチェックできるClosure Linterをご紹介したいと思います。 http://google-styleguide.googlecode.com/svn/trunk/javascriptguide.xml Google JavaScript Style Guideのいいところですが、 規約だけでなく、しっかりしたツールも揃っているところが素晴らしいと思います。 コーディング規約はあったとしても、それに従っているか定期的に簡単にチェックする方法がないと、 いつしか守られないまま開発されてしまうことになりますね。 ※今回の内容はMacにて動作確認を行なっています。
見た目はそのままで、JPEG画像のファイルサイズを1/5に軽量化するオンラインサービス -JPEGmini | コリス
JEPG画像の見た目の品質を維持しつつ、ファイルサイズを1/5に軽量化するオンラインサービスを紹介します。 ※1/5は画像によって差があります。 JPEGmini 左：オリジナル（3662KB）、右：JPEGmini（628KB） [ad#ad-2] サイトではデモのJPEG画像が4種類あり、中央のスライダーを操作することで左：オリジナル、右：JPEGmini、見た目の品質を比較することができます。
わずか数秒で自分用のHTML5のテンプレート一式を作成するオンラインサービス -Initializr
HTML5でサイトを作成する時に必要なHTML5の雛形、jQuery, Modernizrなどのスクリプト、CSSのリセットなど一式を自分用にカスタマイズして作成できるオンラインサービスを紹介します。 Initializr - Start your HTML5 project in 15 seconds! [ad#ad-2] InitializrでHTML5のテンプレート一式を作成する方法 HTML5用のテンプレート一式を作成するのは、わずか数秒で簡単にできます。 トップページにアクセスし、4つの選択項目から自分の必要なものをチェックし、最後に「Download」をクリックするだけです。 Initializr - Start your HTML5 project in 15 seconds! 選択項目のキャプチャ [ad#ad-2] Initializrで作成されるHTML5のテンプレート
*.tgz を解凍すると @LongLink というファイルができてしまうのはなぜ？
Windows で Laplus とかを使って *.tgz や *.tar.gz のファイルを解凍したときに、@LongLink というファイルが作られることがある。どうも上手く解凍できなかったようだが・・・、これはなんだろう？ と思ってググってみると、次の親切なページを発見。 @LongLink - Wellvil.com このページの説明によると、次のようにある。
mir.aculo.us JavaScript with Thomas Fuchs » DOM Monster Bookmarklet
DOM Monster is our answer to JavaScript performance tools that just don't give you the full picture. DOM Monster is a cross-platform, cross-browser bookmarklet that will analyze the DOM & other features of the page you're on, and give you its bill of health. If there are problems, DOM Monster will point them out—and even make suggestions on how to fix 'em. Drag the DOM Monster! to your bookmarks b
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
JavaScript: what's the maximum number of cookies?
http://microsite.omniture.com/t2/help/en_US/home/index.html
【黄金比・計算サイト ★★★】 - Metallic Ratio
誠 Biz.ID：Webサービス図鑑
友人にウェブページのそこだよ、を的確に伝えることができるオンラインサービス -inFocus.cc
Alternatives to Windows, Mac, Linux and online applications | AlternativeTo.net
あなたと私のインナースペース - @LongLinkについて。