このページの本文へ

1746本の記事からトップ30を紹介

アクセスランキングで振り返る2011年のWeb業界

2011年12月28日 15時00分更新

Web Professional編集部

  • この記事をはてなブックマークに追加
本文印刷

 2011年、Web Professionalの読者の関心が高かったのは「Facebook」と「スマートフォン」――。Web Professionalでは、2011年に公開した1746本の記事のアクセス数を集計しました(集計期間は1月1日~12月27日まで)。

 トップ10を独占したのが、スマートフォンサイト制作とFacebook活用に関する記事。どちらも、各種セミナーなどで話題のテーマであり、Web業界の動向を反映した結果となりました。

【第1位】 iframe対応!初めてのFacebookページの作り方

Facebookページの企業活用の方法を解説する連載。Facebookページの開設からiframeを使ったFacebookページのカスタマイズまでを具体的に説明する。


【第2位】 絶対見ておきたい有名企業のスマホサイトまとめ

スマートフォンサイトを開設する企業が増えている。これからスマホサイトを作りたいWeb制作者のために大手有名企業の事例を業種別に紹介する。


【第3位】 Facebookページの作り方、教えます

Facebookページ(ファンページ)の開設、カスタマイズ、ファン獲得まで、活用ノウハウを提供する新連載。初回はFacebookページの事例から概要を解説する。


【第4位】 いまから始める、jQuery Mobileの基本

jQuery Mobileなら簡単なHTMLでスマートフォンサイトを作成できる。シンプルな会社案内サイトを作りながら、jQuery Mobileの基本的な使い方を学ぼう。


【第5位】 スマホサイトを作る前に見たい国内38社の実例

iPhoneやAndroidに対応したスマートフォンを作りたいWeb制作者のために大手有名企業の事例を業種別に紹介。金融・通信・メディア・通販など。


【第6位】 jQuery Mobileのマークアップの基本とCSSの変更

jQuery Mobileによるスマートフォンサイトの制作方法を解説する連載。基本的なページのマークアップ、CSSによるデザインの調整方法をチュートリアルで紹介する。


【第7位】 jQuery Mobileとは――スマホ時代の到来とWeb制作

注目のモバイルフレームワーク「jQuery Mobile」を使ったWeb制作の方法を学ぶ新連載。スマートフォンサイト制作の課題とjQuery Mobileの特徴を解説する。


【第8位】 Dreamweaver CS5.5でスマホアプリ作ってみた

5月下旬に発売されるDreamweaver CS5.5。触ってみて驚いたのが、スマートフォン対応の本気度だ。実際にスマートフォンサイト/Androidアプリを作ってみた。


【第9位】 XHTML1.0とHTML5の違いをスタバのページで紹介

HTML5と従来のHTML4.01やXHTML1.0との違いは、既存のWebサイトをHTML5化してみると理解しやすい。実在する企業サイトをHTML5にリニューアルしながらマークアップの具体例を解説する。


【第10位】 ここが変わった!HTML5マークアップ入門

「次のリニューアルはHTML5で」と考えるWeb制作者のための新連載がスタート。HTML5への移行にあたって必要なマークアップの基礎知識から実務上のポイントまでを解説する。


【第11位】 もう画像は要らない!CSS3で作る申し込みボタン

【第12位】 スマホ対応の新潮流「レスポンシブWebデザイン」とは?

【第13位】 サンプルで学ぶjQuery Mobileまとめ(前編)

【第14位】 jQuery Mobileによる問い合わせフォームの作成

【第15位】 評判を高めるネットショップのクレーム対応

【第16位】 HTML5で注目!インラインSVGの使い方

【第17位】 JS+PHPでFacebookページをカスタマイズ!

【第18位】 西畑一馬のjQuery Mobileデザイン入門

【第19位】 HTML5でFlash不要のYouTube作ってみた

【第20位】 保存版!Facebookでファンを獲得する18の鉄則

【第21位】 サンプルで学ぶjQuery Mobileまとめ(後編)

【第22位】 HTML5 SVGで作るシューティングゲーム

【第23位】 box-shadowを極めて「Mac風UI」を作る!

【第24位】 HTML5でiPhoneアプリ開発!PhoneGap入門

【第25位】 サンプルで学ぶjQuery Mobileまとめ(中編)

【第26位】 ハンバーガーをグルーポンの広告風に撮るには?

【第27位】 実例で学ぶjQuery MobileのCSSカスタマイズ

【第28位】 「茶のしずく」被害拡大、相談件数640件…国民生活センター

【第29位】 HTML5のInline SVGをJavaScriptで操作

【第30位】 Facebookの「いいね!」で売上は増えるのか?

 ◆

2012年のWeb Professionalの更新は、1月10日からの予定です。本年のご愛読、誠にありがとうございました。よいお年をお迎えください。

Web Professionalトップへ

Web Professionalトップページバナー

この記事の編集者は以下の記事をオススメしています

ASCII.jp会員サービス 週刊Web Professional登録

Webディレクター江口明日香が行く