sponsored 2024年4月に新キャンパスへ移転した静岡デザイン専門学校は、最新設備を備えた実習室とMSIのノートPCで学生の実践力を養成 sponsored 部屋が狭い日本家屋仕様になったピラーレスケース、自作初心者にもオススメ！ ピラーレスだがコンパクト、価格もお手頃なCORSAIRのPCケース「3500X」が完成度高い！ sponsored コスト、人材、セキュリティ…… データ活用の課題を包括的に解消するHPEの取り組み なぜHPEがソフトウェアを？ 統合データ基盤「HPE Ezmeral」に注力する理由を率直に聞いた sponsored スマホ設定で快適なハイエンドゲーミングルーター「ROG Rapture GT-BE98」 そろそろ替えどき？いまさら聞けない“Wi-Fi 7”の利点とASUSのWi-Fi 7ルーターを解説 sponsored JN-MD-IQ1301FHD

jQuery Mobileの採用が国内でも進んでいる。jQuery Mobileは、iPhone/Android、WindowsPhoneやBlackBerryなど、主要なスマートフォンに対応したUIフレームワーク。HTMLに簡単な記述を追加するだけで、スマートフォンに最適化したサイトやWebアプリケーションを制作できる、注目のフレームワークだ。 昨年11月には、待望の「jQuery Mobile 1.0」正式版がリリースされ、実務でも本格的に利用しやすくなった。今後、ますます増えそうなjQuery Mobileを使ったスマートフォンサイトの事例をチェックしておこう。 ※商品紹介／キャンペーンサイトに、「太鼓の達人学園（太鼓の達人×AKB48キャンペーンサイト）」を追加しました。（2012年3月1日16時更新） ※ネットサービスに、「一休.com」「recbike」を追加しました。（201

KDDIは今日12月20日から、au版のiPhone 4Sが同社の公衆無線LANサービス「au Wi-Fi SPOT」に対応することを発表した。 au Wi-Fi SPOTは、auのスマートフォン向けに提供されているサービス。スポット数はauショップや主要駅をはじめ、すでに5万ヵ所を突破。2011年度中に約10万ヵ所の提供を予定している。 また、Androidスマートフォンでau Wi-Fi SPOTを利用するには、定額型プランの「ISフラット」への加入が必要だが、iPhoneユーザー向けには「iPhone 4S au Wi-Fi SPOT スタートキャンペーン」と題し、契約している料金プランに関係なく、2013年11月末まで無料で提供される。 実際に利用するには、au Wi-Fi SPOT接続用のプロファイルをダウンロードする必要がある。詳しくは、auのサイトを確認してほしい。 絵文字メ

ローソン、無印良品、テレビ朝日など、国内でもHTML5で企業サイトを制作する事例が増えてきました。今すぐではないにせよ、「次のリニューアルはHTML5で制作したい」と考えるWeb制作者も少なくないでしょう。本連載では、「XHTML 1.0/HTML 4.01からの移行」をテーマに、HTML5マークアップの基本から実務で使用するポイントまで、ライブドアのマークアップエンジニア　浜 俊太朗さんが解説します。（編集部） 「HTML5タグの誤用で恥をかいた」「分厚い仕様書は読み切れない」コーダー＆デザイナーのためのコーディングガイド。最終草案に対応したほか、商用サイトを意識したコーディング例を新たに書き下ろし。HTML5マークアップへ移行するために必要な知識を効率よく学べる1冊です。ネットで話題の「HTML5カルタ」付き! HTML5マークアップ 現場で使える最短攻略ガイド 定価：2,808円 （

CSS3（Cascading Style Sheets,level 3）がいよいよ実用段階に入ってきた。大半のモダンブラウザーで実装が進み、アップルやグーグルなどの先進企業がCSS3を本格的に活用し始めている。CSS3を使うと従来は画像やスクリプトを使わないとできなかった表現が、スタイルシートだけでできるようになる。デザイン表現の自由度を広げ、マークアップの効率を上げるのがCSS3だ。本連載ではCSS3を使ったデザインTipsをサンプルとともに紹介する。 「申し込みボタン」や「キャンセルボタン」などのボタンは、Webのユーザーインターフェイスの中でも重要な要素の1つだ。テキストや他の要素に埋もれてユーザーが操作に迷わないように、画像を使って凝ったデザインにすることが多い。 CSS3を使えばテキストだけでも画像に引けを取らないボタンを手軽に作成できる。画像を用意する手間が減るうえに、CSSプ

鋭い視点で先を見据えた創造性は“ネットの匠”にふさわしい。そこで「ネットに生きる現代の匠"CTO・エンジニア"に聞く」第3回は、アクセス解析ツールなどを提供する早稲田大学発の技術系ベンチャー企業・ユーザーローカルで企画・開発を担当する閑歳孝子氏に話を伺った。日経BP社で記者と編集者を経験したのち、Web系ベンチャー企業に転職し、2008年から現職に就くという経歴を持つ同氏は、どのような視点でサービスを生み出しているのだろうか。 閑歳氏の7つ道具と生活スタイルに迫る ──　仕事に欠かせない7つ道具を教えてください。 （紹介していただいたのは、iPhoneとAndroid端末のNexus One、国内メーカー製携帯電話、Pocket Wi-Fiに、Mac、森永乳業のマウントレーニア カフェラッテエスプレッソ、そして、砂時計の7つ） 閑歳 メインのケータイはiPhoneで、あとは動作チェックに使

覆面リニューアルとMacPeople進出を記念して、都庁をバックに1枚！ 左より、ゆるふわ担当「ニッシー」さん、カレー大好き「カリー」さん、DJもやってる「マッチョ」さん、コメントが辛口な「トシロ」さん あ、ありのまま起こったことを話すぜ。ウェブで適当に連載をやっていたら、雑誌の特集記事になっていた──。 「都庁前iPhone＆iPadクラブ」といえば、iPhoneやiPadの情報を交換するために弊社内で結成された覆面軍団。その面々が、なぜか9月29日発売の月刊誌「MacPeople 2010年11月号」に特集記事として掲載されております。しかも巻頭特集で10ページとか……。そんな大ボリュームで大丈夫!?（問題ない！） 内容的には、「iPhoneとiPod touch、どっちを買うべき？」や「お勧めアプリは何」といった5つのテーマをもうけて、いつものようにゆるゆると語っております。座談会の

ボタンのグラデーションを表現する ページ上部のジャンプボタンは、ここまでに解説したテクニックを組み合わせて作ります。CSSは次のようになります。 nav { -webkit-border-radius: 8px; border-radius: 8px; background-color: #9cc900; background: -webkit-gradient(linear, left top, left bottom, from(#c3fb00), to(#9cc900)); font-size: 107%; width: 300px; } nav li { text-align: center; float: left; font-weight: bold; border-left: 1px solid #fff; text-shadow: -1px -1px 0 rgba(150,

スマートフォンサイトのサイト設計、画面設計に続き、今回はデザインとHTML/CSSの制作です。前回作成したワイヤーフレームをもとにデザインカンプを作成し、HTML/CSSをコーディングしていきます。 Photoshopでデザインカンプを作成する 最初に、グラフィックソフトを利用してデザインカンプを作成します。今回はPhotoshop CS5を使いましたが、FireworksやIllustratorなど使い慣れたツールで構いません。 デザインにあたっては、スマートフォンのブラウザーの画面領域を定義したテンプレートを用意してからデザインパーツを作成、配置していきます。画面領域はサイズを測ってガイドを引いてもよいですが、本連載の第5回で紹介したデザインテンプレートを利用するのが手軽です。

8月3日、電子書籍の勉強会が開催された。講師役となった慶應義塾大学SFC教授でコンセプターの坂井直樹氏の知名度、また関心が高まっている分野ということで各方面からの参加者が多く、早々に満員御礼となり、参加者同士の交流も、通常の立食パーティとは比べものにならないくらいに活発だったのが印象的だ。 もっとも、「こうすれば電子書籍は売れる」という答を期待していた人には少々不満だったかも知れない。ベンダー主催のソリューションセミナーとは異なり、電子書籍には正解がまだない。ただ、参加者との議論を通じて、電子書籍で何が問題になっているのかはだいぶ整理できた気がする。どんな会話が交わされたのか、論点ごとに整理して紹介しよう。 電子書籍フォーマット プレーンテキストやHTML、PDF以外に、Amazon Kindle（AZW）EPUB（IDPF）、.book（T-time）、xmdfなどが乱立し、日本ではメジ

昨年頃からMacの普及に拍車がかかっている。iPhoneとiPadの人気も引き金になっており、ユーザーが増えているのだ。確かにネットやメール、そしてiPodやiPhoneとの連携だけならMacで問題ない。しかし、Windowsを長年ヘビーに使っているユーザーは、選択肢に入れることさえなかった。多くの人は今でもそうだろう。 しかし、時代は変わっている。意外と(失礼)Macの進化は進んでおり、もはや「そろそろWindowsじゃなくてもいいかな」と思えるようになった。そこでWindows 3.1からのWindowsユーザーである筆者が、Macを使ったことはないが買い換えに迷っている人のために、背中を押して差し上げよう。 MacBook Proは安くてスタイリッシュ かつては「Macは高い」というイメージがあった。しかし、それもここ数年で大幅に値落ちしており、手が届くどころかお得なレベルになってい

jQueryを使ったJavaScriptライブラリー「jQueryプラグイン」を使うと、Webサイトを手軽に装飾できます。「Web制作の現場で使えるjQuery　UIデザイン入門」最終回では、実用性の高いjQueryプラグインを3つピックアップし、それぞれの具体的な使い方を紹介します。 table要素にソート機能を付ける「table sorter」 「table sorter」は、テーブル（表組み）にソート機能を追加できるjQueryプラグインです。大量のデータを表形式で表示したいときに重宝します。 ■利用方法 jQuery本体と配布ページからダウンロードしたtable sorterのプラグインファイル「jquery.tablesorter.min.js」を、利用したいWebページのhead要素内で読み込みます。 <script type="text/javascript" src="jq

FlashでもAjaxでもない。シンプルで機能的なWebサイトへ――。ユニクロの公式サイト「UNIQLO.COM」（http://www.uniqlo.com/jp/）が3月26日にリニューアルした。従来のキャンペーン情報中心から、商品紹介とECを中心としたサイトへ転換。商品購入ページへダイレクトに飛べるようになった新しいトップページは、それまでの派手なFlashアニメーションが姿を消し、画像とHTMLのみで表現されたシンプルかつインパクトのあるデザインに一新された。 旬の商品がすぐ見られる・買える「シンプルで超合理的なデザイン」へ 新しい「UNIQLO.COM」のコンセプトは、「シンプルで超合理的なデザイン」（ユニクロ）。ユニクロの商品そのものにも通じるこのコンセプトは、「最新のトピックが一目で変わり、欲しい商品がすぐに買える」サイトデザインによって、具現化されている。 以前のUNIQL

「オリジナルのWebデザインをしたいけど、いまいち配色センスがなくて困る」「いつも好きな（得意な）色の組み合わせばかりでデザインしてしまう」「でも色彩理論を勉強するのは面倒だ」。 そんな人にぜひおすすめしたいのが、アドビ システムズが提供しているオンラインサービス「Adobe Kuler」（クーラー）だ。Kulerは、さまざまな色の組み合わせ（配色パターン、Kulerでは「テーマ」と呼ぶ）をWebブラウザー上で作成し、保存・公開もできる、ちょっと変わったサービス。いわば“みんなの力”で作られたカラーチャート集ともいえるもので、すでに7000種類以上（2009年1月現在）ものテーマが公開されている。利用料は無料だが、保存などの機能を使うにはAdobe IDが必要だ（以降の説明はログインしているものとして進める）。

Webデザインの世界で著名なブログ「Web Design Wall」が年末恒例の「Best of CSS Design 2008」を発表した。同ブログの姉妹サイトである「Best Web Gallery」の中から、CSSレイアウトの優れたWebサイトを全部で50サイト選出。こちらのエントリで画面ショット付きで紹介している。 選出されたサイトの一覧はぜひ元エントリを参照していただくとして、ここでは50サイトの中から特徴的なデザインのサイトと、共通する傾向をピックアップして紹介しよう。 JavaScriptでアニメーション＆エフェクト 今年に限ったことではないが、多くのサイトで何かしらの形で使われていたのが、JavaScriptだ。中でも、画像の拡大にLightbox系（ページを遷移せずにオーバーレイ表示）の効果を使ったり、ページ内リンクにスムーズスクロールを取り入れるのは相変わらず人気のよう