対策遅らせるHTMLエンコーディングの「神話」
クロスサイト・スクリプティングという言葉は元々，WebアプリケーションのHTMLエンコード漏れなどを利用することによって第三者にJavaScriptを実行させる手法を指す。広義では，HTMLのエンコードによる画面改変などを含むこともある。 前回述べたように，クロスサイト・スクリプティングのぜい弱性はWebアプリケーションに見付かるぜい弱性の半分以上を占める。数年前から指摘されているにもかかわらず，一向になくならない。その理由として，クロスサイト・スクリプティング対策あるいはHTMLエンコード注1）に対する「神話」があり，正しい対策の普及を遅らせているように思う。その「神話」の数々について説明しよう。 注1）実体参照（entity reference）というのが正式だが，あまり普及していない用語なので，HTMLエンコードという用語を用いる 「すべからくHTMLエンコードすべし」が鉄則 HTM
ロゴとか作るときに使える地味なテクニック - 3ping.org
ウェブ製作では、閲覧者の環境にないフォントを使用するときは画像として製作してimg要素で貼り付けたりCSSで背景画像として表示させたりすることがありますが、そういうテキストを含む画像を作るときにはFLASH8のFlashTypeで作ると通常のアンチエイリアスより綺麗にできちゃう。 FlashTypeっていうのは、WindowsXPに搭載された ClearTypeと同じ仕組みのアンチエイリアス技術で、液晶モニターでは特にその視認性が優れています。ClearTypeは日本語フォントには対応していませんが(Vistaの新日本語フォントのみ対応)、FlashTypeでは英字・日本語フォント全てに対応しており、カスタムアンチエイリアスパネルで細かく調整できます。 次の画像はPhotoshopで製作した通常のアンチエイリアスと、FlashTypeを比較したものです。 中間色ではそれほど変化はみられませ
Webページのファイルサイズのチェック
■ファイルサイズのチェック チェックしたいサイトのＵＲＬを入力して下さい。 ホームページ表示に必要な合計サイズ（byte）と表示時間の判定をします。 サイトＵＲＬ ■サイト売却価格の簡易鑑定 「自分のサイトの値段は？」という疑問を解決します。 ・ネットショップ売却価格の簡易鑑定 （※無料スピード鑑定） ・ネットショップ売買 （※実際に売却希望の方） ■ネットショップの売上アップ リスティング広告の出来具合、サイトのユーザビリティ、消費者の望む決済方法などなど・・・。 ・オーバーチュア広告の無料診断 （※簡易診断） ※サイトの導線が気になる方にはユーザビリティ調査を。 （※有料） ※消費者が望む決済手段ならクレジットカード決済の導入を。 （※有料）
YSTのSEOとYahoo! Japanからのトラフィック誘導 - SEO 検索エンジン最適化
テクニカルSEOとは、オンページSEOの一部であり、検索結果での順位を向上させるためにウェブサイトの技術的な側面を改善することを指します。検索エンジンにとって、クロールしやすく理解しやすくすることがテクニカルSEOの中心です。具体的には、サイト内のリンク構造を最適化したり、ページ内の論理的な構造を最適化したり、ページの読み込みを高速化することなどの技術的な最適化が含まれます。 テクニカルSEOとは、検索エンジンがウェブサイトの内容を確実かつ効率的に取得できるように、また内容を理解しやすくなるように、ウェブサイトの技術的な側面を最適化することをいいます。ウェブサイトの構造やコンテンツを理解しやすくし、正しくクロールやインデックスすることを助けます。
ウノウラボ Unoh Labs: 個人でWebサービスを作る時に一番大変なこと
komagataです。 最近、個人でWebサービスを作る人が増えています。 僕も個人（2人）で※Plnetというしがないサービスを作っています。Plnetを作るにあたって、もう一人の作者t-kawaduと目標に掲げたのが、 「とにかくオープンすること。」 なんて低い目標だと驚かれるかもしれませんが、仕事で作るのとは違って個人でWebサービスを作る上で一番大変だったのは“やる気を継続させること”でした。やる気を継続させるためにやったことを紹介したいと思います。 （普通こういうことは成功しているサービスの作者が言うものですが・・・） 寝る前にドメインを取る よく飲みながらこれこれこういうサービスを作ったら便利なんじゃないか、なんて話をしますが実際に作ったためしがありませんでした。自分の口ばっかり具合にうんざりしていたので、寝て気が変わる前にドメインを取りました。 寝る前にレンタルサーバを借りる
SEO対策TIPS
当サイトが公開され7年以上の月日が経ち、1部の内容は検索エンジンに全く影響を与えない物に変わっております。あくまで参考程度にご利用ください SEO対策TIPSについて すでにSEOは、ユーザービリティ、アクセシビリティなどと同じでサイト作成を行う上で配慮されてあたりまえです。 当サイトはWEBクリエイターのSEOに関する知識・技術の普及を目的に運営されるサイトです。 情報は常に正確なものを掲載するよう努力しておりますが、不正確な情報等ございましたらお問い合わせよりご連絡いただけたら幸いです。 SEOとは？ SEO(エスイーオー)とはSearch Engine Optimization(検索エンジン最適化)の略でyahooやgoogle、msnなどの検索エンジンのキーワード検索で上位に表示される技術のことです。 続き SEOの目的 SEOの目的は『検索エンジンで上位に表示すること』でしょうか
【レビュー】Webページレイアウトを「Bamboo」で記述する - クロスWebブラウザの対処法 (1) 複数のWebブラウザに対応したWebページを「Bamboo」で作る (MYCOMジャーナル)
複数のWebブラウザに対応したWebページをどう作るか 複数のWebブラウザに対応したWebページを作成する場合、どのような方法があるだろうか。例えば、デザインはすべてCSSで記述して、ブラウザごとの違いを調節するための処理はJavaScriptで行うという方法がある。これは経験と実力が必要になる方法だが、有効ではある。 また、Webページのレイアウトだけを「Bamboo」を用いて記述するという方法もある。ここでは、このBambooについて解説を行う。 Bambooの概要 「Bamboo」は、複数のブラウザに対応したWebページのレイアウトを行うためのフレームワークである。レイアウト情報を「Bambooレイアウト言語」と呼ばれる言語でXML文書として記述し、それを元に、実際にレイアウト処理を行うためのJavaScriptのコードを生成して使うという仕組みになっている。 また、「Bamboo
PDFファイルは同ウィンドウ表示？別ウィンドウ表示？ (ユーザビリティ実践メモ)
印刷用、カタログダウンロード用などの目的でPDFファイルを用意し、ウェブサイトからリンクを張るとき、同じウィンドウ内でPDFファイルに遷移する「同ウィンドウ表示」にしていますか？それとも新しくウィンドウが立ち上がる「別ウィンドウ表示」にしていますか？ ウェブサイトを利用しているユーザが最も多く使う機能の1つは、ブラウザの左上にある、既に閲覧したページに戻るボタン（以下「戻るボタン」）です。 ユーザは次々にページを閲覧しては、前に見ていたページに戻るために「戻るボタン」をクリックしていきます。 そこで弊社では、基本的に別ページ、別サイトへのリンクは、同ウィンドウ表示で設計をしています。別ウィンドウ表示では「戻るボタン」を使った操作で前のページに戻れず、ユーザが混乱する恐れがあるからです。 ところが、PDFファイルにおいては、閲覧し終えると、「戻るボタン」を利用せずに、右上の「×」マーク（以下
ウノウラボ Unoh Labs: WEBアプリのテストに必須なツール７種
GT Nitro: Car Game Drag Raceは、典型的なカーゲームではありません。これはスピード、パワー、スキル全開のカーレースゲームです。ブレーキは忘れて、これはドラッグレース、ベイビー！古典的なクラシックから未来的なビーストまで、最もクールで速い車とカーレースできます。スティックシフトをマスターし、ニトロを賢く使って競争を打ち破る必要があります。このカーレースゲームはそのリアルな物理学と素晴らしいグラフィックスであなたの心を爆発させます。これまでプレイしたことのないようなものです。 GT Nitroは、リフレックスとタイミングを試すカーレースゲームです。正しい瞬間にギアをシフトし、ガスを思い切り踏む必要があります。また、大物たちと競いつつ、車のチューニングとアップグレードも行わなければなりません。世界中で最高のドライバーと車とカーレースに挑むことになり、ドラッグレースの王冠
NWYH Stock Image Library
Welcome to the definitive stock image library for business imagery. NWYH Stock contains over 50 hi resolution images available to download for free. Our fully searchable database allows you to find imagery to match any of today¹s key management buzzwords. We believe it to be fully comprehensive and unique in its no nonsense portrayal of daily office life. NWYH Stock has been created by NOWWASHYOUR
WebデザイナーのためのFirefoxエクステンション20個:phpspot開発日誌
20 FireFox Extensions That Every Web Designer Should Know About - CyberKnowledge Blog WebデザイナーのためのFirefoxエクステンション20個。 どれも便利なエクステンションばかりでまさに、Webデザイナー必須のエクステンションですね。 Web Developer Toolbar - 定番のエクステンション。CSSオフ、ブロック要素を枠で囲むなどデザインには必須のツール。 AspellFox - スペルチェッカー RankQuest SEO Toolbar - googleでのサイト順位を得る OperaView - Firefox上でOperaプレビュー IEView - Firefox上でIEプレビュー Total Validator - HTML Validator SEO for
【ハウツー】The Web 2.0 IDE - 時代を作る開発環境"Aptana" (1) Aptanaとは | エンタープライズ | マイコミジャーナル
AjaxはいまやWebにおいて重要な関心事項となっている。今後のWebには、たとえAJAX技術を使わなかったにしても、同様の成果が要求されるようになるだろう。もはやクリックごとにページ全体がリロードされるようなシステムは使いにくいという感覚が芽生えつつある。 AJAXは、使う分には素敵な技術だが、作るとなるとこれはちょっと手の付けたくないものでもある。そんな困難をサポートするべく、Web 2.0時代のIDEを謳う統合開発環境のひとつにAptanaがある。Eclipse IDEをベースとする開発環境のひとつだが、これがよくできている。ここではAptanaを紹介したい。 Aptana Aptanaは7月22日(米国時間)、Aptanaの最新版となる次の4シリーズのプロダクトを公開した。AptanaはEclipse IDEベースの統合開発環境。特にJavaScriptにフォーカスして開発された統
Aptana動いた！ Eclipseプラグイン版の導入方法: Recently Ajax
管理人たにぐちのMacで、動いてくれなかったAptanaですが、Eclipseプラグインを試してみたら動きました。もともと、Eclipseがインストールされていたから単体版は駄目だったのかも知れません。 プラグイン版は、少しインストールにコツがいるので、ここで軽く紹介しておきたいと思います。 Eclipseは、最新版が「3.2」というバージョンですが、まだAptanaがうまく動作しないようなので、一つ古い「3.1.2」をインストールします。インストールして起動したら、次の手順でAptanaを導入しましょう。［Help］［Software Updates］［Find and Install...］メニューをクリック「Search for new features to install」をクリックして、次へ［New Remote Site...］ボタンをクリックして、「Name」欄に「Apta
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
被リンク構築のための5つの効果的な戦略 | 住 太陽のブログ
Internet Explorer 7 running side by side with IE6. (standalone)
i d e a * i d e a - 使える2.0系カラーパレット
