花王が挑む、600サイト・1200名を巻き込んだ全社ウェブアクセシビリティプロジェクトの全貌【後編】 - Findy Engineer Lab
企業がウェブアクセシビリティの向上に取り組む際、まずは少人数で小さな改善から始めていく方法を選択するケースがほとんどです。しかし、2022年のGAAD（※1）で、ある企業の革新的な取り組みが大きな話題になりました。 その企業とは、大手消費財化学メーカーとして知られる花王株式会社。花王が発表したのは、全社を挙げたウェブアクセシビリティ推進プロジェクトの発足と取り組み内容についてでした。 ウェブアクセシビリティの啓蒙に取り組むFindyでは、花王でウェブアクセシビリティの推進に携わる後藤 亮さんと渡邊 佳菜恵さんにお話を伺うべく、ウェブアクセシビリティの専門家として活動されている株式会社ディーゼロのゆうてん（@cloud10designs）さんをインタビュアーに迎えて対談を実施。本記事では、対談の内容を前・後編に分けてたっぷりお届けします。 社員数が3万人を超える大企業である花王が、どのように
拝啓、お客様。Webサイト制作のコストはここにかかります。 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
令和ですね。こんにちは。バックエンドエンジニアのまさくにです。ゴールデンウィークで休んでいたら、シュワシュワと筋組織が融解し、「自然に帰ろう……自然に帰ろう……」と遺伝子に刻み込まれた内なる声が僕を光射す方へ誘いました。もはや社会復帰は難しいかもしれない。 さて。さてさて。 皆さま、いかがお過ごしですか。新しい期に入り、心機一転したい気持ちでしょうか。何ならアレですか。お持ちのWebサイトをリニューアルしたい、そんな気持ちをそろそろお持ちでしょうか。 失礼ながら、そのお気持ち、 たぶん5ヶ月、遅いです！ 仕事としてWebサイトの制作に携わってから、5年くらいが過ぎました。現在はバックエンドの作業を行いながら、TD（テクニカルディレクション）やPM（プロジェクトマネージャー）として、プロジェクトに関わることも増えてきています。その観点から言って、お客様と我々の間には「Web制作」の考え方にお
「SEO」とは（おさらい編）
今さらですけど、「SEOってどんなもの？」 っていうおさらい的な記事を書いてみます。 一部の業者さんによってSEOへの認識は まったく違うものになってしまい、頭の良い 人まで勘違いするようになってしまいました。 残念な事です。 というわけで、おさらい。SEOとは何か、について簡単に。とくに釣られたわけではないでｓ SEOとはSEOはサーチエンジン最適化の略称です。現在はもうGoogleが主流なのでGoogleに最適化するのがSEO、という認識で大体あってます。勿論、人が使う検索エンジンは他にも沢山ありますが。 では、「最適化」とはどういったものを指すのでしょうか、という話なんですが、まぁ最適化する為の施工なので、 ユーザーにとって有益でないコンテンツを表示させないようにするクローラーにsitemapを送信してインデックスするのを助けてあげるURLの変更等で、適切なリダイレクト処理を行うそも
1時間で携帯サイトをスマートフォン対応にする方法 | GREE Engineering
初めての投稿となります。エンジニアのmatsuです。 携帯向けウェブサイトを1時間でスマートフォン対応する方法を紹介します。 概要 2011年4月7日のニュースにて携帯電話の新規契約数のうち、スマートフォンが占める割合が50%を越え、スマートフォンが本格的に普及する兆しが見えてきました。 現在、スマートフォン向けサイトを新規構築するためのチュートリアルは数多く出ていますが、既存の携帯サイトをスマートフォンに最適化する方法があまり紹介されていないのでこの記事で紹介したいと思います。 このチュートリアルを行うと以下のようになります。 実装 全部で8ステップあります。 このチュートリアルではブログのトップページを例にとって説明します。 前半では文字コードの変更、HTMLの変更といった構造を変更します。後半では絵文字や文字スタイルを行い、仕上げとしてHTML5のバリデーションを行っていきます。最初
404 | Seo-Code
The more information you provide, the more accurate our quote will be in terms of cost and time. In the development and maintenance of the site the time and cost depend on design, technical implementation and scope of the information on the website. Promotion, on the age of your site domain, the competition searches, volume and structure of the site and other factors.
【CSS】覚えておいて損はない CSS の定番テクニック BEST 5 | バシャログ。
ネットで検索をすると CSS のテクニックが山ほど公開されていますが、実際に商用サイトの制作をしていて個人的に利用する頻度が高いテクニックの BEST 5 をご紹介します。 ちょっと凝ったデザインのサイトをコーディングする時に、これらのテクニックに助けられることが多いです。どれも覚えておいて損はないものばかりです！ IE6 でも min-height を使う 例えば、異なる高さのブロックを float しつつ底辺のラインを揃えたい時などに、「IE6 が min-height に対応していたら楽なのに！」と思うことがありますが、以下のテクニックを使えば IE6 でも min-height（相当）の適用が可能になります。 [CREAMU]CSSでmin-heightをクロスブラウザにする最も簡単な方法『Easiest cross-browser CSS min-height』 IE6 に mi
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
ahref フリーCGI配布
当サイトは、ITエンジニア、デザイナー、サポートスタッフなど、WEB業界に携わるすべての方に向けて役立つツールや情報を提供している無料のウェブサイトです。 すぐに欲しい結果が得られる 最速で最適な結果を得られるよう、レスポンス速度やユーザーインターフェースにこだわっています。必要な情報だけを厳選し表示しています。ある程度の理解がある方向けで、簡潔な説明に努めています。 実務で活用できる品質 2000年に公開を開始し現在まで、WEB業界をはじめ一般企業や個人ユーザー様にも幅広くご利用いただいている実績と信頼性があります。技術トレンドにも対応し日々進化しています。 ブラウザで簡単アクセス アプリのインストールや会員登録は不要です。ブラウザがあればすぐに利用できます。スマートフォンにも対応しており、いつでもどこでもアクセス可能です。 本サービスのご利用は、すべて自己責任でお願いいたします。当サー
Layout Gala: a collection of 40 CSS layouts based on the same markup and ready for download!
by Alessandro Fulciniti In November 2005 I presented on pro.html.it a three-part article on creating CSS layouts using techniques like negative margins, any order columns and in some case opposite floats. The main goal of the article was getting the maximum number of layouts based on the same markup, each with valid CSS and HTML, without hacks nor workaround and a good cross-browser compatibility.
30種類以上のSEOツールを無料公開している「DoctorSEO」のSEO診察室 - GIGAZINE
SEO対策にかかる「時間」と「コスト」を大幅に削減させるSEO対策ツール「DoctorSEO」から、30種類以上のSEOツールが無料公開されています。 検索エンジンでの順位確認、リンクの状況の確認、HTTPのレスポンスヘッダ表示、Google・Yahoo・MSNの各検索エンジンについて検索文字列を入力し、検索結果(SERP:Search Engine Result Page)を1つの画面に表示するなど、非常に多彩な機能が山のようにあります。 アクセスは以下から。 SEOツール：検索エンジン対策総合ツール「DoctorSEO」| SEO診察室 用意されているツールは以下のようになります。 SEOクイックレポート URLとキーワードを指定して、いくつかのツールをまとめて実行し、結果をレポート風に表示してくれます。 ページ比較レポート URLで指定した2つのページについて、現在の状態をまとめたレ
自分でやろうSEO (ゼロからのアクセスアップ) > 初心者SEO対策ツール - Su-Jine
Account Suspended This Account has been suspended. Contact your hosting provider for more information.
Google Sitemap - サイト
Search Console でプロパティに関する Google 検索結果データを監視できます。
サイトマップ作成
The goal of this website is to let you: Create an XML sitemap that can be submitted to Google, Bing and other search engines to help them crawl your website better. Create a Text sitemap to have a plain list of all your pages. Generate an HTML site map to allow website visitors to easily navigate on your site. What is sitemap? By placing a formatted xml file with site map on your webserver, you en
「左上の魔術師」理論
Web業界のデザイン手法として、密かに流行し始めている「左上の魔術師」理論。 サイトとしての「見栄え」よりも、ユーザーの「目の動き」に着目したWebデザイン手法として注目を浴びています。 今回は、まず始めにWebサイトのデザイン別にユーザーの「目の動き」を解説します。 そして、実際にミリオン単位でユーザーを獲得しているサイトを考察することで、「左上の魔術師」理論を解説したいと思います。 1.カラム別Webサイトデザイン 2.昔はたくさんあったWebサイトデザイン 3.ページ単体を見に来たときのユーザーの目の動き 4.サイト全体を見たくなったユーザーの目の動き 5.ミリオン単位でユーザーを獲得しているサイトのデザイン 6.左上の魔術師とは 1.カラム別Webサイトデザイン 現在のWebサイトの多くは、「1カラム型」、「2カラム型」、「3カラム型」のどれかで構成されています。 このうち「2カラ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
パスワード認証
gadget-or-gimmick.com
SASSIENCE ～ 世界が嫉妬するCSSへ
http://e0166nt.com/blog-entry-313.html
SEOツール：検索エンジン対策総合ツール「DoctorSEO」 | SEO診察室
Google アナリティクス