大チェッカーは、みんなで作るアンテナです

J’s GOAL終了のお知らせ 平素よりJ's GOALをご利用いただき、誠にありがとうございます。 J's GOALは2002年の開始以降多くの皆様にご利用いただきましたが、コロナ禍でのＪリーグのデジタルコミュニケーション戦略の見直しにより、2020年12月28日（月）をもちまして終了いたしました。 なお、J's GOALのコンテンツの一部は、株式会社スポーツエンターテイメントアソシエイツ様が新たに立ち上げたサイトにて継続してご覧いただくことができます。 Js LINK（Japan Sports LINK） https://www.jslink.jp/ これまでのご愛顧に対しまして、編集部一同、深く感謝するとともに心より御礼申しあげます。 ■本件に関するお問合せ先 スポーツエンターテイメントアソシエイツ https://www.sportsea.co.jp/inquiry

Webサイト最適化技術を総合的に解説した手引書。検索にヒットしやすく操作性がシンプルで潜在顧客を購入者へと変える魅力的なWebサイトの作成方法を「SEO的なオンラインマーケティング」と「Webサイトのパフォーマンスチューニング（バックエンド/フロントエンド）」という2つの側面から解説します。検索順位を上げてアクセス数を増やし、コンバージョンレートやリードを高め、ユーザーを逃さなぬようサイトをスピードアップし、ツールを使ってサイトの改善効果を測定するなど、サイトのパフォーマンスを改善するためのさまざまなテクニックを紹介します。 監訳者まえがき 賞賛の声 推薦の言葉 まえがき I部　検索エンジンマーケティングのための最適化 I.1　検索行動 I.1.1　検索結果ページの閲覧に関する統計 I.1.2　クリックパターン：上位ほどクリックされる I.1.3　文章を簡潔にする I.2　最適化を始めまし

Stay organized with collections Save and categorize content based on your preferences. We want to help you build beautiful, accessible, fast, and secure websites that work cross-browser, and for all of your users. This site is our home for content to help you on that journey, written by members of the Chrome team, and external experts who specialize in web development topics such as accessibility,

初代iPhoneの発売から7年。アップルがついにスマートフォンサイトを開設した。 iPhone 6やApple Watchといった新製品の発表にあわせて9日、リニューアルされた公式サイトでは、スマートフォン専用サイトを初めて用意。iPhoneなどのスマートフォンでアクセスすると、ナビゲーションやレイアウトが最適化されたサイトに切り替わる。 世界的な潮流である「レスポンシブWebデザイン」ではなく、ユーザーエージェント情報を基にPCサイトとスマートフォンサイトを振り分ける方法を採用。iPhoneだけでなく、Android端末でアクセスした場合もスマートフォンサイトになる。 アップルはiPhoneの発売から、一貫してスマートフォンサイトを作っておらず、その方針を評価する声も多かった。アップル自身もiPhoneの特徴として「パソコン向けのサイトがそのまま見られる」とうたっていたが、今回のサイトリ

「シングルページ」と呼ばれる、1ページで完結しているWebページを見かけることが多くなりました。シングルページの概要と、CSSフレームワークを使った実際のシングルページの作成を通して、シングルページのデザインの考え方や作成方法の知識を身につけられる連載をお届けします。解説はデザイナーの石嶋未来氏にお願いしました。（編集部） シングルページとは、1ページで完結しているWebページのことです。最近よく見かけるようになりましたね。シングルページのみを集めたギャラリーサイトなどもあり、Web制作に携わっている方であれば一度は目にしたことがあると思います。 シングルページで作られたサイト。左から、モバイルセキュリティソフトウェアのLookout, Inc,（https://www.lookout.com/）、「重陽」ブランドの包丁を製造販売している堺菊守 河村刃物株式会社（http://chouyo

近年、プロトタイプやフレームワークと言った言葉をよく耳にします。 どのような変化が起きていて、それに至るまでの考え方や、個人的な見解を書きたいと思います。 閲覧環境と利用者の変化 Webサイトの役割の変化について スマートフォンやタブレットの登場によってWebサイトの閲覧環境は大きく変化しました。 PCの前にわざわざ座り、電源を入れて「さぁ、Webサイトでも見るか〜」から、リビングのソファに座りスマートフォン閲覧するようなスタイルが当たり前になってきました。 Web制作者は常時PCをたちあげてると思いますが、Web業界に関わっていない方はわざわざPCのある部屋に行って見るなんて事は少なくなっていると思います。 コミュニケーション的視点の重要性 Webサイトの価値観や利用状況は変化しているのに、実際にそれらをふまえて制作されている場合は少ないように思います。 利用者の見方が変わって来ているの

Start Optimizing Your WebsiteRun your Review today to get an instant website analysis and learn what you need to do to improve.

WordPressがCMS1強時代を築きつつある中、名古屋のWeb制作会社「アップルップル」が開発しているCMS「a-blog cms（えーぶろぐ しーえむえす）」が着実に採用実績を伸ばしています。有料なのになぜ売れているのか？　その魅力は？　実際に企業サイトを作成しながら、a-blog cmsの使い勝手を体験できる連載をお届けします。解説は開発元のアップルップルにお願いしました。（編集部） a-blog cmsはアップルップルが開発・販売している商用CMSです。Web制作会社として培ってきたノウハウを盛り込み、必要な機能を簡単・便利に使うことを目指して、2009年6月にVer. 1.0をリリースしました。2013年12月にはVer. 2.0をリリースし、1400を越えるサイト、350事業者に利用されています（2014年1月現在）。 クライアントに優しい3つの特徴 ユーザーに優しい編集画面

プログラミング経験ゼロから180日で180個のウェブサイトを作るプロジェクトに挑戦していたジェニファー・デウォルトさんが、ついに180個めのウェブサイトを作り上げ、完走を成し遂げました。10月3日のブログで、デウォルトさんは今までの苦労や今後について語っています。 After 180 Websites, I’m Ready to Start the Rest of My Life as a Coder http://blog.jenniferdewalt.com/post/62998082815/after-180-websites-im-ready-to-start-the-rest-of-my 180のウェブサイトを完成させたことで、この6ヶ月間で数多くのコードを学ぶことができ、彼女は数え切れないほどの徹夜と失敗に悩まされ、GitHubに全てのプログラムを公開していることも大きなストレ

レスポンシブWebデザインのサイトは国内でも増えてきましたが、制作するとなるとかなり手間がかかります。 そんなとき役に立つのがレスポンシブWebデザイン対応のフレームワーク。中でも「Bootstrap」は、多彩な機能を備え、その使いやすさから広く知られています。 そこで今回は、国内の秀逸なレスポンシブWebデザインを集めた「Responsive Web Design JP」から、Bootstrapを使って作られたサイトをご紹介したいと思います。 whiteSTOUT フォトクリエイティブを中心としたマネージメントオフィスのサイトです。トップに大きな画像を使い、洗練されたイメージとなっています。 AGATHA E-SHOP アクセサリーブランド「AGATHA」のECサイトです。有名ブランドの、しかもECサイトにもBootstrapが使われています。 ACTUS online こちらは有名イン

コンテンツは本当にアクセシブルか Webアクセシビリティは、大きく分けて 2 つの『デザイン』があります。ひとつは、情報を分かりやすく整理し、目的の情報へた辿り着くための Web アクセシビリティ。この要素は、色、形状、動き、スピードなど、UI デザインの課題と重なるところが多いです。もうひとつの要素は、情報の構成や文章のスタイルといった「編集」とも呼べる Web アクセシビリティです。 前者の情報構造や操作性は、明確なガイドライン化がしやすく、チェックもしやすいですが、後者の編集の部分は、パッと見では判断がしにくいだけでなく、ガイドラインとして共有するのも難しいです。 Webアクセシビリティにある 2 つの『デザイン』 もちろん JIS X 8341–3:2010 でも「利用者が理解できるコンテンツ」を制作・維持できるようにすることが重要であると書かれていますが、技術で解決できるところに

ヤフーが運営するニュース配信サイト「Yahoo!ニュース」のトップページが、11月27日に全面リニューアルされました。大きな特徴としては、過去に読んだ記事を分析して好みのニュースを表示するパーソナライズ機能を強化。編集部が選んだ記事を取り上げる「トピックス」の下に「レコメンドニュース」として配置し、ユーザーの興味関心に沿った話題を自動で表示します。 ▽ Yahoo!ニュース（トップページ） ▽ Yahoo!ニュース 新しいYahoo!ニュースのトップページは、編集部が厳選したニュースと、パーソナライズを強化したレコメンドニュースを組み合わせた「ハイブリッド型」として刷新されました。リニューアルの目的については、個人が発信するブログやTwitter上での出来事などが話題になる時代の変化を踏まえ、新しいコンテンツや情報に触れるきっかけを作り、より豊かなニュース体験を提供していくためと説明してい

モスバーガー公式サイトでは、人気のハンバーガーや美味しいコーヒーなどのメニュー情報、便利な店舗案内サービスやお得なクーポン、キャンペーン、会員情報をお届けします。

上智大短期大学部のサイトが「なぜか1枚の画像になっている」とネットで話題になっています。パッと見は普通のサイトですが、試しにあちこちクリックしてみても一切反応なし。ホントだ、画像だこれ！！！ 普通のサイトだと思った？　残念、画像でした！ 上智大学上智大短大と言えば3月29日、女子学生へのセクハラ行為で学長が解任されたばかり。サイトにもその旨を知らせる文面が掲載されていますが、どうやらコピー＆ペーストできないように、テキストではなく画像で貼り付けてある模様。しかし、お知らせの部分だけならまだ分かるのですが、なぜページ全体を画像にする必要があったのか……。 このナナメ上すぎる対応について、Twitter上では「検索避け」や「アーカイブ対策か」と疑う声も。しかし、話題になったことで結果的により多くの人がサイトを訪れ、謝罪文を目にしたと考えるとなんとも皮肉な話ではあります。 ソースはたった16行

An inspirational collection of the most impressive and distinctive web designs from the year 2012. 2012 was clearly an interesting year design-wise. The responsive boom in web design gave birth to brilliant redesigns; clever layouts emerged with a focus on clear typography and impactful, contrasty colors. Large background images with a mood-setting character and sharp edges on unusual shapes were