タグ

web制作に関するsonosonosonoのブックマーク (25)

  • IE6についての考え方(2009/01版)

    FirefoxやSafari,Chromeが出てきた現状、プロのWeb屋の中では、Internet Explorerだけの対応をもとめられて面倒くさい!と思うことは多々あります。 ただ、半分冗談で「IEクソ」と思う人と、気で「IEクソ」と思ってる人の両方が存在している可能性があるので、IT系特有のネガティブな教育のせいで後者に洗脳されてしまってる人がもしいたら、そういう人に送りたいエントリー。誰向けかというと、主に対象は実装屋さんなのかな。 知っておいて欲しい事は 「IEがあったからこそ、今、僕等はメシをえているかもしれない」 ということ。 そして、 「僕等の当のお客様は、IEを使い続けているし、これからも使い続ける可能性が高い人たち。お客様がブラウザの種類などを意識せずともインターネットにアクセスしてもらえる環境を維持することが、プロのWeb屋の使命である。」 ということ。 過去、

  • 時代遅れのウェブ技術コンセプト--何とかしてほしい5つのケース:スペシャルレポート - CNET Japan

    いいかげんに目を覚まそうではないか。もう2008年だ。私たちがもう何年もウェブサイト上でするのにも見るのにも慣れてしまったもので、当は今頃とっくに消えてなくなっているべきものがいくつかある。筆者の頭に浮かぶ5つのことは、ユーザーインターフェースの悲劇とも呼べるものだ。筆者が大統領になったら、間違いなく次の5つを禁止するよう、最高裁判所に命じるだろう。 1. リフレッシュ この記事を思いついたのは、Appleイベントの基調講演をチェックしようとした時だ。講演の最新内容を見るのにリロードボタンを押さなくてすむページを見つけるのに苦労した。筆者はただ、最新の内容がリアルタイムで反映されるブログを見つけたかっただけなのだが。信頼の置けるブログで、最新情報が自動的に表示されるものはSlashGearしか見つけられなかった。 ニュースサイト「Huffington Post」では、トップページを見てい

    時代遅れのウェブ技術コンセプト--何とかしてほしい5つのケース:スペシャルレポート - CNET Japan
    sonosonosono
    sonosonosono 2008/11/19
    cnet自体が時代遅れなコンセプトじゃないのか
  • Googleが教えるSEOでやってはいけない30の事 - 海外のSEO対策・SEOツールをわかりやすく解説するブログ

  • http://neta.ywcafe.net/000938.html

  • 大手ECサイトのヨドバシドットコムが、サイトリニューアルから大規模な障害を3日間続けているようです。このようなケースではリニューアルを... - Yahoo!知恵袋

    大手ECサイトのヨドバシドットコムが、サイトリニューアルから大規模な障害を3日間続けているようです。 このようなケースではリニューアルを担当した業者はヨドバシカメラにどれほどの損害賠償を行うのでしょうか? 大手ECサイトのヨドバシドットコムが、サイトリニューアルから大規模な障害を3日間続けているようです。 このようなケースではリニューアルを担当した業者はヨドバシカメラにどれほどの損害賠償を行うのでしょうか? 【ヨドバシカメラ】 ネットサイトをリニューアルしたら表示遅すぎでおわび [10/23] http://gimpo.2ch.net/test/read.cgi/owabiplus/1224789237/ ヤマダ.com/ビックカメラ.com/ヨドバシ.comを語ろう http://gimpo.2ch.net/test/read.cgi/kaden/1222787235/ 【店員の質】ヨド

    大手ECサイトのヨドバシドットコムが、サイトリニューアルから大規模な障害を3日間続けているようです。このようなケースではリニューアルを... - Yahoo!知恵袋
    sonosonosono
    sonosonosono 2008/10/28
    3日も放置プレイってありえない・・・負荷とか全然考えてなかったような作りだな。
  • Web制作に超便利!無料のプロトタイプ作成ツール

    格的なWebデザインに取り掛かる前に作るプロトタイプ。特に受託サイトの制作やチームで制作する場合にはある程度きっちり作っておきたいものだが、「なかなかちょうどいい作成ツールがない」という人も少なくないのではないだろうか。 FireworksやillustratorからVisio、PowerPointまで、プロトタイプの制作に使えるツールはいろいろあるが、今回は無償で使える便利な専用ツールを紹介しよう。それが、オープンソースの「Pencil」だ。Firefox 3のプラグインとして動作するものだが、実際の使い勝手としては独立したアプリケーションのように動く。 使い方は簡単だ。インストールが済むと、Firefoxの[ツール]に[Pencil Sketching]という項目が追加される。Pencilの起動はここをクリックしよう。 プロトタイプを作るための基操作は、左側に並んでいるGUI部品を

    Web制作に超便利!無料のプロトタイプ作成ツール
  • モバイルサイトをPCで見るためのツールやFirefoxアドオン : LINE Corporation ディレクターブログ

    こんにちは。ライブドアでモバイルディレクターをしている河野です。 モバイルディレクターをしていますと、モバイルのサイトをPCで見たいという要望が少なからずあります。それは、PC からの方が実機で見るよりレスポンスが早く、また電波状況に左右されずに閲覧できたり、リンク先の URL の情報やヘッダ情報、画面キャプチャーなど実機からでは得られない情報を取得することができるからです。 そこで今回はモバイルサイトを PC で閲覧する方法についてまとめながら、開発を進めるのに便利なツールや Firefox のアドオンを紹介できればいいなと思います。 Web サーバは一般的に2つの方法でアクセスがモバイルからかどうかを判定します。1つはアクセス元のIP、そしてもう1つは HTTP ヘッダ中にある User-Agent です。そのため、携帯キャリアのゲートウェイ経由からのアクセスのみ閲覧を認めるサイト(つ

    モバイルサイトをPCで見るためのツールやFirefoxアドオン : LINE Corporation ディレクターブログ
    sonosonosono
    sonosonosono 2008/08/15
    IPアドレス制御しているサイトには無力だよな・・・
  • 体験版ダウンロード|製品情報|AHS(AH-Software)

    MENU PRODUCT製品情報 体験版ダウンロード 体験版ダウンロード 会社情報 法人・教育機関・各種団体の皆様へ プライバシーポリシー お問い合わせ Copyrights © 2005-2024 AHS Co. Ltd. All rights reserved. 製品情報 新製品情報 製品を探す キャラクターで探す シリーズで探す 製品紹介動画 体験版ダウンロード 無料ソフトダウンロード AHSのキャラクターたち 販売終了製品一覧 最新情報 すべて 新製品情報 プレスリリース 更新情報 お知らせ その他 製品サポート サポート よくあるご質問 ユーザー登録 マイページログイン お問い合わせ メールマガジンのご登録 ご要望はこちら ショップで購入 オンラインショップ ダウンロード購入 法人の皆様へ 法人、教育機関、各種団体の皆様へ 店舗販促用素材ダウンロード 会社情報

    sonosonosono
    sonosonosono 2008/07/08
    ホームページ・クリエーター6の後継ソフト
  • モバゲーのような携帯サイトを作るための12のTips 携帯ホームページを作ろう! -ちょっと詳しいモバイルサイトの作り方-

    当ブログが携帯サイト作成法に関する記事をかいていることから、読者の方から、 『モバゲーのような携帯サイトを作るためにはどうしたらいいんですか?』 っていう質問を最近良く受けます。 おそらく、モバゲーがとても有名で、ある種モバゲーが携帯サイト界のデファクトスタンダードのような 位置づけになってきているのでしょうか。 確かに、携帯サイトを作ってきている身としても、 モバゲーのサイトデザインにするには、結構難しいことも多いし、学ぶことも多い。しかし、最近の携帯サイトは、実機からしかアクセスできないようになっていて、PCからコードを覗くことができないことも多く、学ぶことも難しいようです。 ということで、今回は実際にモバゲータウンに携帯でアクセスして、携帯の画面を見ながら、デザインを真似て新しく自分なりに作ってみましたので、そこから得た経験をTipsとして公開したいと思います。 ちなみに、左のスクリ

  • Google,Webアプリ用試験ツール「ratproxy」をオープンソースとして公開

    Googleは米国時間2008年7月1日,Webアプリケーションの安全性を確認できるツール「ratproxy」をオープンソースとして公開した。同社のWebサイトから無償ダウンロード提供している。 同ツールは,これまで同社が社内でWebアプリケーションを試験する際に使っていた。プロキシ・サーバーとして作動し,クロスサイト・スクリプティングに悪用される恐れのあるコードや,情報漏えいにつながる問題などを調べられる。従来のセキュリティ・ツールと違い,意識することなく利用でき,オーバヘッドも小さいという。 ソフトウエア・ライセンスはApache License 2.0。現在のバージョンは「1.51ベータ」。Linux/FreeBSD/Mac OS Xと,Windows向け疑似UNIX環境Cygwin用に開発した。 [GoogleのMichal Zalewski氏によるブログ投稿記事]

    Google,Webアプリ用試験ツール「ratproxy」をオープンソースとして公開
  • gooランキング - あらゆるものをランキングで紹介!ランキングの総合サイト

    gooランキングの情報をお届けします。 プッシュ通知を受け取りたい方は「プッシュ通知を受け取る」を押して頂き、 さらに後から表示されるポップアップの「許可」を押してください。

    gooランキング - あらゆるものをランキングで紹介!ランキングの総合サイト
  • SEO基本技術のチートシート(トラの巻)を作ってみた | Web担当者Forum

    9か月前、最初にSEOmozで働き始めたとき、僕はウェブ制作のインターンだった。それ以前の経験といえば、コードを書いたことがあるくらいだった。 SEOmozに参加してから、それこそ何百時間もかけて、いろいろな分野の知識を広げていった。特に、定番のSEO手法と中小企業向けの実務は力を入れて勉強した。この間投稿したSEO初心者のためのチェックリストは、僕が新しく手に入れた知識の結晶なんだ。 原点に立ち帰るために、SEO技術のトラの巻の母体となるべきものを丸1日かけてまとめてみた。このトラの巻は、ブログ記事として読むよりもPDFで印刷して読んだ方がいいよ(ブログ記事は印刷しにくいからね)。 ダウンロードする前に内容を確認できるように、簡単な説明をしておくよ。じゃあね! SEO技術のチートシート(トラの巻)――表面

    SEO基本技術のチートシート(トラの巻)を作ってみた | Web担当者Forum
  • ants Lab. | Web制作 | 【アリンコWeb標準】XHTMLの使ってよい要素・属性をガイドライン化しよう(2/2)

    第2回目は、XHTMLの属性に関するガイドラインです。 XHTMLの属性に関するガイドライン 要素には、一般的な属性や要素固有の属性などがあります。 これらの属性のうち、「XHTML1.0 Strict」または「XHTML 1.1」で廃止された要素のことを「非推奨属性」といいます。 またアリンコWeb標準では、“非推奨属性ではないが視覚表現に関する属性でCSSで代替した方がよい属性”を「CSS推奨属性」としました。 将来的に「XHTML 1.0 Strict」や「XHTML 1.1」への移行を視野に入れるなら、非推奨属性は使わず適切な代替方法をとり、視覚表現に関する属性はCSSで代替し、文書構造と視覚表現を完全に分離しておきましょう。 例えば、「外部リンクは別窓表示、内部リンクは同窓表示にする」仕様の場合、外部リンクのa要素のtarget属性に"_blank"を指定したり、「古いブラウザに

  • Producing Web » Blog Archive » Web企画を立てる際にリストアップする34の要素

    Webサービスの企画を行う際に、企画書を作られることがあるかと思います。個人で作るサービスであれば作らないこともあるでしょうが、企業として取り組む場合には必要なものです。 via Changes to site permalink page on Flickr - Photo Sharing! なぜ必要かと言えば、プロジェクトメンバーと意識を共有するためです。これがずれていると、プロジェクトの進行方向が徐々にずれていってしまいます。そうならないよう、初志を書き出しておくことで、定期的に見直し、改訂してプロジェクトを進めていくのが重要です。 そこで今回は私がWebの企画書(自分用ではなく、他社への提案用)を作る際に注意している項目を書き出してみました。実際は、これらを必要に応じて削除/追加したりします。 □ コンセプト 最も大事ですね。端的な言葉でサービスの概要を言い表す必要があります。 □

  • 第2回 世のため人のためだけでは長続きしない:ITpro

    企業や官公庁がWebサイト上で様々な情報やサービスを提供するようになるにつれ,「様々な人がWebサイトにアクセス可能かどうか,Webサイトから情報を入手できるどうか」という「Webアクセシビリティ」が,非常に重要な課題になっている。利用者がこうした情報やサービスを入手できるかどうかが「生活の質(Quality of Life:QOL)」を左右すると言っても過言ではないからだ。 Webアクセシビリティ・ガイドラインの「JIS X8341-3」策定の中心的人物である東京女子大学の現代文化学部コミュニケーション学科教授である渡辺隆行氏と,インフォアクシア代表取締役の植木真氏の2人が,ガイドライン策定までの道のりと最新の事情,アクセシブルなサイト制作のキモを語る。(聞き手=矢野りん/ライター) ―― ビジネス的な理論では企業が提供するサービスなり商材なりのターゲットに障害者は含まれていない,だから

    第2回 世のため人のためだけでは長続きしない:ITpro
    sonosonosono
    sonosonosono 2008/04/24
    障害者を全面に出すアクセシビリティ論そのものに異論がある。
  • Dive Into Accessibility

    この文書は2つの質問に答えるために書いてみたんだ。 1コ目は、「なんでサイトをアクセシブルにした方がいいのか」。 だから、ここの情報はサイトを持ってない人には向かないかも。 2コ目は、「じゃどうしたらサイトをアクセシブルにできるのか」。 1コ目の答えが納得できるものじゃなかったら、2コ目はどうでもいいってことになるよね。 じゃ行ってみよう。 Dive Into Accessibility(英語版)をダウンロードする HTML英語版)をダウンロード PDF英語版)をダウンロード Dive Into Accessibilityを読む 目次 掲載された順序のままにならべてある、すべての情報はこちら。はじめてココ の文を読むときにおすすめの読み方。 人に基づいた情報分類 ここではどんな人に役立つかによって、情報が分けられています。 障碍に基づいた情報分類 ここではどういった障碍があるときに役立

  • 似ているようで大きく異なる2つの世界--モバイルサイトとPCサイトの違いを知る

    ウェブサイトの構築というと、一般的にはPCサイト構築を目的として書かれたものが多いが、モバイルサイトを構築する際には、PCサイトでできることが全てできる訳ではないので注意が必要である。 近年携帯電話の高機能化、高速化により、携帯電話の性能がPCの性能に近づいてきた。しかし、両者の間では、まだまだ解消しなければならない違いが数多く存在する。一口にウェブサイトと言っても、モバイルサイトとPCサイトでは、全く別ものとして考えたほうが現実に即していると言える。そこで今回は、PCサイトと違うモバイルサイトならではの特徴を機能面や利用面から紹介する。 キャリア、メーカーによって異なる世界 モバイルサイトを構築する上でまず頭に入れておかなければならいのは、PCインターネットと違い、モバイルインターネットでは携帯電話会社(キャリア)によって、その世界が違うということである。ではその携帯電話会社による違いと

    似ているようで大きく異なる2つの世界--モバイルサイトとPCサイトの違いを知る
  • これだけは押さえておきたいSEO対策 - livedoor ディレクター Blog

    こんにちは、livedoor Blog担当の坪田です。 以前に「HTMLタグを使わないSEOの話」というエントリーがありましたが、今回は新規ウェブサイト立ち上げ時や、リニューアル時に押さえておきたいSEO対策をまとめてみました。 「SEO」は、多くのマーケティング担当者を魅了し、盲目にさせてきました。 私も何か有効な手段はないものかと、ティッカーに「SEO」の文字が表示される度にクリックしては、とりつかれた様にブックマークしていました。 経験のある方も多いと思いますが、SEO について調べると情報が膨大すぎて正しい答えが見つかりません。というよりもその時・サイトに応じてケースが異なるため、「どうすれば順位があがるのか?」という知りたいことの結論がでないのです。 私は、基的な施策を忠実に行い地道な効果測定の繰り返しを行うことが、上位表示の秘訣だと考えています。ただ、SEO 対策は長期的な運

  • ブログが続かないわけ | 初心者プログラマーが簡単なフォームを作るときにやりがちな6つのミス

    お問い合わせフォーム、登録フォーム、キャンペーンの申込フォーム。 Webにはいろいろなフォームがある。 Webプログラマーであれば誰もが一度は作ったことがあると思う。 新人プログラマーの初めての実務がフォームであることも多いだろう。 新人が作っているというのにもかかわらず、技術的にも面白い部分がないせいか、正しい知識のある人がレビューすることが少ないと思われる。 単純さゆえにテストが不足しているということもあるかもしれない。 上記の理由は憶測にすぎないが、杜撰なフォームがたくさん出回っているのは事実だ。 もう、CAPTCHAの話とか以前の問題だ。 よく見かける悪い例を簡単にあげておく。新人が初めての実務に当たるときにこれを気にしてくれれば、世の中のフォームがだいぶ良くなると思う。 1. クライアントサイド(JavaScript)でのチェックのみ。 2. 選択肢式の入力欄に対するチェックの漏

    ブログが続かないわけ | 初心者プログラマーが簡単なフォームを作るときにやりがちな6つのミス
  • https://www.openvista.jp/archives/note/257/?257/

    sonosonosono
    sonosonosono 2008/03/04
    まとめとしてはできている。でも、CSSのメディアタイプは再考して欲しい。