30分でできる！Webサイトを高速化する6大原則 (1/4)
Webサイトを制作するとき、「パフォーマンス」を気にしたことがあるだろうか？ もしまったく気にしたことがないなら、気をつけた方がいい。閲覧に時間のかかる“遅いWebサイト”はユーザーにフラストレーションを与え、閲覧をやめさせてしまう恐れがある。 下記のグラフは、「Simple-Talk」という海外のオンラインメディアで発表されたユーザー調査の結果だ。アンケートページの表示にかかる時間を意図的にコントロールし、表示時間によってユーザーが感じるフラストレーションの違いを調べたものだ。 縦軸がフラストレーション（10段階）、横軸が表示までの時間を表している。1～5秒以内にページが表示された人に比べ、ページ表示までに5秒以上かかった人は2倍以上もフラストレーションを感じている。フラストレーションがあまりに高ければ、せっかく何らかの目的を持って訪れてきたユーザーも待ち切れずにブラウザーを閉じてしまう
Webサイトを作ったらまずやるべきことチェックリスト | Web担当者Forum
今日は、Webサイトを作ったらまずやるべきことのチェックリストを紹介しましょう。サイトは作るまでも大切だけど、作ってからのアクションも同じかそれ以上に大切。 すでにサイトを運営している人は、やってないものがないか確認してみましょう。 サイト運営日記をスタートする（変更点を日付と一緒にメモしていく）XMLサイトマップを作って更新内容が含まれるようにするGoogleウェブマスターツールにサイトを登録する → https://www.google.com/webmasters/sitemaps/XMLサイトマップを登録するURLのwwwあり／なしの統一を指定するサイトリンクの表示をチェックして調整（以降随時）Yahoo!サイトエクスプローラーにサイトを登録してXMLサイトマップを登録する → http://siteexplorer.search.yahoo.co.jp/live Webmaste
Webサイトの制作／運用の効率化を図る 「ガイドライン策定」のすすめ（前編）（1/4）：CodeZine
Web標準に従うことは、SEO効果、ユーザービリティ、メンテナンス性の向上など、Webサイトの利用者と制作者の双方にさまざまなメリットをもたらします。しかし、実際にWeb標準の仕様書に従ってWebサイトを制作しようとすると、制作者の頭を悩ませる多くの問題が待っています。本連載では、Web標準のメリットを最大限に生かすことをテーマに、仕様書には書かれていない部分を中心に取り上げ、実際のWeb制作現場で起こり得る問題について、解決の糸口をたらしていきたいと思います。 はじめに Web標準に従うことは、SEO効果、アクセシビリティ、ユーザービリティ、相互運用性、互換性、メンテナンス性の向上など、Webサイトの利用者と制作者の双方にさまざまなメリットをもたらします。しかし、実際にWeb標準の仕様書に従って「正しい（X）HTML+CSS」でWebサイトを制作しようとすると、制作者の頭を悩ませる多くの
使いこなすためのFlashデザイン
web creators 2004年7月号 巻頭特集 今日から使える多彩な応用テクニック WEBデザイン『動き』のパターン サンプルデータダウンロード 本特集で解説している記事のサンプルデータの閲覧とダウンロードができます。 記事をよりよく理解するための参考用としてご覧ください。 第1章 押さえておかなければならない基本表現 第2章 知っておきたいWebデザイン必要表現 第3章 覚えておきたいデザインの幅を広げる表現 本ページのデータはすべて記事をよりよく理解するための参考用として公開しているものです。HTMLファイルやCSSファイル、画像ファイルをはじめ、FLAファイルやSWFファイル、それらのソースコードを含む、公開しているすべてのデータの著作権は、それぞれのサンプルデータを制作した各制作者にすべてあります。したがって、著作権者の許可なく参考以外の目的や、譲渡、販売、営利目的で使用する
Webアクセシビリティのポータルサイト『Infoaxia(インフォアクシア)』
アクセシビリティPodcast 2人の軽妙なトーク(?)で最新情報を提供 Web Developer 日本語版 2008年3月より、開発およびユーザーサポートを他サイトへ全て移管しました。 移管のお知らせ "Webアクセシビリティとは？"から始まる『Webアクセシビリティ入門』、2004年6月に制定されたWebコンテンツのJIS（日本工業規格）『JIS X8341-3の解説』など、これだけは知っておきたいWebアクセシビリティの基礎知識を習得。 Webアクセシビリティ入門 Web アクセシビリティを正しく理解する上での基礎知識を分かりやすく解説。 JIS X8341-3の解説 2004年6月に制定された、Webコンテンツの JIS X 8341-3 について詳しく解説。 Webアクセシビリティ用語辞典 Web アクセシビリティに関連する専門用語の辞典。 『基礎知識』トップ
Web標準Blog | メソッド | ミツエーリンクス
Web標準Blogでは、Web標準の利用に興味のあるWebサイト管理者、Webデザイナーの方向けに、Web標準を利用するための手法やノウハウ、参考になるリソース等を、国内外を問わずご紹介します。 2013年1月のW3C: CORS勧告候補、Navigation Timing 2公開 CSSモジュールの2草案が更新 1月3日付で、CSS Text DecorationモジュールとCSS Cascading and Inheritanceモジュールの草案が公開されました。 CSS Text Decoration Module Level 3 CSS Cascading and Inheritance Level 3 Text DecorationモジュールはLast Callとなります。2011年11月版の草案から大きな変更はありせん。 Cascading and Inheritanceモジュ
IPA セキュア・プログラミング講座 「Webアプリケーション編」に「Web関連技術」を追加
本ページの情報は、2016年10月時点のものです。2023年10月に再構成をいたしました。 なお、内容に変更はありません。 2016年10月版 2002年2月に「Webプログラマコース」と「製品プログラマコース」、2007年の6月に「Webアプリケーション編」、9月に「C/C++編」と分けて公開してきた講座のうち、原則を中心として共通的なものをまとめて2016年10月に再編しました。 なお、資料内の参照先はすべてサイトリニューアル前のURLであるため、リダイレクトを設定しています。 セキュア・プログラミング講座(2016年10月版／2017年6月一部修正)(PDF:2.3 MB) 2007年版 「ソースコード検査技術の脆弱性検出能力向上のための研究」（注釈1）を実施した一環として取りまとめた内容を、2002年から公開していたセキュア・プログラミング講座（旧版）の改訂版（2007年版）として
Webアプリのセキュリティ――2007年の8大リスク予想
Webアプリケーションに対する脅威は2006年に大幅に増大したが、2007年にもその勢いが衰えることはなさそうだ。 オンラインセキュリティのコンサルティング企業、SPIダイナミクスのアプリケーションセキュリティ専門家らは先ごろ、セキュリティ脅威をめぐる2007年の展望について話し合った。この会合では、Web 2.0技術の利用が拡大する一方で、攻撃が金銭獲得の手段になり得るという状況の中、Webアプリケーションは今後もハッカーのターゲットになるという結論に達した。 SPIの研究者らは、2007年に拡大が予想されるセキュリティ脅威を7つリストアップした。 RADで品質とセキュリティが犠牲に SPIダイナミクスのセキュリティエバンジェリスト、マイケル・サットン氏は、アプリケーションを迅速に開発できるのが魅力のRAD（Rapid Application Development）では、ソフトウェアの
Strategic Web Design ＜ Development：ITpro
【Flash CS3入門 基本からActionScriptまで】 第23回 外部のサウンド・ファイルを読み込んで再生する 前回は，あらかじめFlashドキュメントに組み込んだサウンド・ファイルを，埋め込みアセットクラスとして再生する方法をご紹介しました。今回は，外部のサウンド・ファイル（MP3ファイル）を読み込んで再生する方法をご紹介します。 [2008/09/30] 【エンジニアのためのWebデザイン教室】 第27回 フォームとCSS エンジニアがformを使わないWebサイトに関わることはほぼ皆無です。サーバー側のプログラムを必要とするサイトでは，ほとんどの場合，ユーザーがformでデータを入力するからです。したがって，エンジニアの方々はCSSによるformの装飾の仕方をぜひとも習得しておく必要があります [2008/09/26] 【Webデザイン エンジニアリング】 第59
ITmedia News：YouTubeとmixiの1年―2006年最も読まれた記事は
2006年はYouTubeとmixiの年だった――ITmedia Newsの年間アクセス上位記事は、そんな印象を裏付ける結果だった。 今年最も読まれたのは、「極楽とんぼ」の山本圭一さんの不祥事に関する動画がYouTubeで注目を集めているという記事。その続報もアクセスを集めた。YouTubeと著作権をめぐる問題も議論が続いている。 mixiは、運営元のミクシィが上場というイベントもあって脚光を浴びた一方、mixi上の人間関係に疲れてしまう「mixi疲れ」などネガティブな側面も注目され、2004年に掲載した「mixi依存症」の記事が今年に入ってよく読まれるという結果にもつながった。ちなみにこの記事に登場したユーザーは、今は依存症を脱却し、ミクシィ社員として活躍している。 米TIME誌の「Person of the Year」は「あなた」に決まったが、無名の個人の力をネットが拡張する、という動
artcodeグループ - 2007 CSS Study Meeting
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
pruto.jp - アパレル業界がwebに手を出さない理由
よく使うｱﾙﾊﾞｲﾄ関連ﾎｰﾑﾍﾟｰｼﾞ 人材紹介の情報がいっぱい！ｺｺがおすすめという事らしいので､是非､一度ﾁｪｯｸしてください｡話題沸騰中､事務 派遣のｱﾛｰﾋｭｰﾏﾝﾘｿｰｽが気になっていた方へ｡今すぐ知りたいｱﾙﾊﾞｲﾄ 高校生のことならこちらをﾁｪｯｸ！ｱﾙﾊﾞｲﾄ 高校生について簡単に理解できます｡このﾎﾑﾍﾟがいいらしいよ？実際に検索でも｢女性 転職｣で急上昇中らしい｡ 今ﾃﾚﾋﾞや電車の中吊りでも話題のｱﾙﾊﾞｲﾄ｡このｻｲﾄではｱﾙﾊﾞｲﾄについての基礎情報や体験談を載せてみました｡ このｻｲﾄでは､ｱﾙﾊﾞｲﾄする際の疑問や､ｱﾙﾊﾞｲﾄに関する専門用語についてわかりやすく説明します｡ やりがいの有無裏方でしかわからないこと社会に出る前の勉強面接に必要なのはﾘﾗｯｸｽ初めてのｱﾙﾊﾞｲﾄおｽｽﾒはｳｪｲﾄﾚｽ失敗しながら覚えていくもの見つけやすい求人ｻｲﾄ人間いくつに
高木浩光＠自宅の日記 - WASF Times版「サニタイズ言うな！」
■ WASF Times版「サニタイズ言うな！」 技術評論社の「Web Site Expert 」誌に、Webアプリケーション・セキュリティ・フォーラム関係者の持ち回り企画「WASF Times」が連載されている。私の番も回ってきたので昨年9月発売号に寄稿させていただいた。近頃はサニタイズ言うなキャンペーンもだいぶ浸透してきたようだし、もういまさら不要という気もするが、以下、その原稿を編集部の承諾のもと掲載しておく。 「サニタイズしろ」だあ？ Webアプリを作ったらセキュリティ屋に脆弱性を指摘された――そんなとき、「入力をサニタイズしていない」なんて言われたことはありませんか？ 「入力」というのは、ブラウザから送信された情報をCGIパラメータとして受信した値のこと。これを「サニタイズしろ」というのです。なんでそんなことしないといけないの？プログラムの内容からして必要のないことなのに？ そう
ITmedia Biz.ID：あやしいサイトにご用心――3つの“素性確認”サービス
知らないサイトをブラウザでいきなり開くのは危険な行為だ。こうした場合、URLを入力するだけでサイトのドメイン情報のほか、評判や周辺情報といった“素性”を確認できるサービスを利用しよう。 ネット上で見つけたURL、メールアドレスの発信元、もしくはアクセスログで得られたサイトやドメインについて、実際にブラウザで開く前に情報を得たいことがある。ドメインに関する基本情報はWHOISを使えば確認できるが、あくまでもテキスト主体でサイトの概要しか知ることができず、ネット上での評判まで知るのは不可能だ。 最近になって、こうした場合に便利な、サイトの詳細情報や周辺情報を提供してくれるサービスが続々登場してきている。今回はその中から代表的なサービスを紹介しよう。 まず1つめは「aguse.net」だ。このサービスでは、WHOISで得られる基本的な運営者情報はもちろんのこと、サイトのスクリーンショットや、サー
ウノウラボ Unoh Labs: キャバ嬢メソッド 〜 キャバクラ嬢に学ぶWebサービス運営のコツ
こんにちは、hideです。 皆さんは、キャバクラって行ったことありますか？ キャバクラとWebサービス、この一見、まったく関連が無いように見える２つのサービスですが、実は多くの点で共通点があります。これから新しくWebサービスを作ろうとしている人、現在Webサービスを運用している人は、彼女らの接客態度やサービス精神からいろいろと学ぶことができます。 では、順を追って紹介していきましょう。 1. 見た目が大切 第一印象で悪いイメージを持たれて損をしないように、思いっきりお洒落してユーザを迎えましょう。キャバクラでは香水の香りで嗅覚を刺激するなど、五感を活用した接客というのが行われています。しかし、Webサービスの場合、嗅覚/味覚/聴覚/触覚はないので、使えるのは視覚のみになります。より見た目が重要になってきます。 2. おもてなしの精神 とても基本的な事なのですが、数あるお店（Webサイ
ITmedia Biz.ID：Webページのキャプチャにまつわる7つのワザ
先日の記事「Webページのスクロールキャプチャを極める」に引き続き、今回はWebページのキャプチャを行う場合に便利なTipsを7つ紹介する。 Webページのキャプチャにはただ「PrtSc」（プリントスクリーン）ボタンを押すだけの方法から、特定のソフトを使った方法までさまざまだ。好評だった先日の記事「Webページのスクロールキャプチャを極める」に引き続き、今回はWebページのキャプチャを行う場合に便利なTipsを7つ紹介する。 訪問済みリンクの色をリセットする Webページのキャプチャを行う際、一部のリンクだけが訪問済みの色（Internet Explorerのデフォルトだと紫色）だとカッコ悪い。ブラウザのキャッシュを削除してリロードすれば元に戻るが、頻繁にキャプチャを行うのなら、思い切ってブラウザの「訪問済みリンクの色」を変えてしまうのもひとつの方法だ。 やり方は簡単。IEであれば「ツール
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
出会い系サイトはどうやって稼いでいるのか［絵文録ことのは］2007/01/10
サムネイルAPI
Web担当者Forum
ITmedia Biz.ID：LifeHack（ライフハック）