Introduction In the ever-evolving landscape of web browsing, staying abreast of the latest technologies is crucial. HTML5, the fifth and current version of the Hypertext Markup Language, has revolutionized the way we experience the web. With its advanced features and enhanced capabilities, HTML5 has become the cornerstone of modern web development, offering a more seamless and interactive user exp

「HTML5タグの誤用で恥をかいた」「分厚い仕様書は読み切れない」コーダー＆デザイナーのためのコーディングガイド。最終草案に対応したほか、商用サイトを意識したコーディング例を新たに書き下ろし。HTML5マークアップへ移行するために必要な知識を効率よく学べる1冊です。ネットで話題の「HTML5カルタ」付き! HTML5マークアップ 現場で使える最短攻略ガイド 定価：2,808円 （本体2,600円）／形態：B5変 (240ページ) ISBN：978-4-04-866070-9 HTML5と従来のHTML4.01やXHTML1.0との違いは、既存のサイトをHTML5化してみると理解しやすいでしょう。今回は、実在するWebサイトをHTML5に（勝手に）リニューアルしながら、HTML 4.01やXHTML 1.0との違いを解説します。ソースコードだけをリニューアルすることは実務ではあまりないと思い

情報システム部の存在意義は、ITサービスを通したユーザ利便性の向上にあります。ITサービスとは単一、もしくは複数のシステムによって提供されるものですから、新しいシステムを企画立案して運用に漕ぎつけるまでの流れは、情報システム部の主たる業務と言えるでしょう。 新しいシステムを構築するためには、企画段階で得た構想を要件レベルに具体化し、システム設計者に引き渡します。企画をした人間が設計・構築・テスト・リリースまで担当できるにこしたことはないのですが、上流工程を担当する人間はスキルセット上、高コスト（月単価150万円以上）であることがほとんどですし、そもそも社内でシステム実装スキルを有する人間を必要数確保できないという根本的な課題もあって、要件定義フェーズ以前と設計フェーズ以降では担当者が異なることが多いのが実情です。 そこで要件定義フェーズで整理したことを正確に設計フェーズにつなげるために用い

Introduction In the ever-evolving landscape of web browsing, staying abreast of the latest technologies is crucial. HTML5, the fifth and current version of the Hypertext Markup Language, has revolutionized the way we experience the web. With its advanced features and enhanced capabilities, HTML5 has become the cornerstone of modern web development, offering a more seamless and interactive user exp

前編、中編に続き、jQuery Mobileの機能について解説します。 グリッドレイアウト スマートフォンはPCに比べて画面幅が狭いので、1ページを複数カラムに分割するレイアウトはスマートフォンサイトに向きません。しかし、タブナビゲーションを実装する場合など、複数カラムに分割したい場合もあります。jQuery Mobileでは要素を均等に分割して並べる「グリッドレイアウト」の機能が用意されています。 2カラム 2カラムにしたい場合は、class属性「ui-grid-a」を付けた要素の内側に、class属性「ui-block-a」とclass属性「ui-block-b」を付けた要素をそれぞれ配置します。 ■サンプル01[HTML] <div class="ui-grid-a"> <div class="ui-block-a"><strong>I'm Block A</strong></div

ネイバージャパンは8月3日、無料のオンラインストレージサービス「Nドライブ」のバージョンアップを実施し、最大保存容量を従来の10Gバイトから約3倍の30Gバイトに拡張したと発表した。iPhoneおよびAndroidアプリ版も近日中に対応する予定。 また、1ファイルあたりの転送量制限を200Mバイトから4Gバイトに大容量化し、大容量ファイルの保存制限も撤廃した。これまで1ファイルあたり50Mバイトを超えるファイルは合計で1Gバイトまでしか保存できなかったが、今後は4Gバイトまでのファイルを、最大保存容量の30Gバイト内に複数保存できる。 さらに、Nドライブと連動し、デスクトップ上でファイルを管理できる常駐型アプリ「Nドライブエクスプローラー」がMac OSにも対応した。ただし、Mac OSの最新版である「Lion」には未対応とのこと。

この記事は、2011年版の MacBook Air について書いています。2012年版の MacBook Air については以下の記事をご覧ください。 MacBook Air 2012のレビューとWeb制作者のための設定など 先日、新しい MacBook Air（13インチ・SSD 128GB）を購入しました。 私は Web制作 のメインマシンにするために購入したのですが、購入するまでは正直「こんな薄いマシンをメインにして大丈夫かな…」と不安でいっぱいでした。 結論から言うと、私の使い方（Web閲覧・Web制作・PhotoshopによるWebデザイン・動画閲覧等）であれば全く問題なく、今まで使っていた MacBook Pro 13インチ（2010年モデル・2.4GHz・メモリ8GBに増設）や、昨年使っていた DELL のデスクトップPC（Core 2 Duo・メモリ4GB）よりも明らかに動

筆者は、前回の記事で「Macで十分やっていける」と断言したのですが、さっそくハマってしまいました。 「MacBook Airのキー操作がわからん！」 Macにスイッチして最も戸惑うのがキー操作です。 普段使っているWindowsだと何気ない操作でも、Macだと操作方法が異なるので、やり方がわからなくてハマるケースが結構あります。 まわりにMacユーザーがいれば教えてもらえるのですが、筆者のように周りにMacユーザーがいない場合は自分で調べるしかありません。 そこで今回は、WindowsユーザーがMacにスイッチした際に覚えるべきショートカットキーをまとめてみました。 ショートカットの一覧は、調べればいろいろあったのですが、Windowsとの対比はなかったので作ってみました。 新しくMacBook Airを買った人や、最近MacにスイッチしたWindowsユーザーの方に役立ててもらえればうれ

Macなのにウィンドウズをインストールしてハードウェアの性能を余すところなく使う機能、それが“Boot Camp”。Lionで新しくなったマルチタッチジェスチャーは魅力的だけれど、やっぱり使い慣れたウィンドウズ7のほうが仕事PCとして安心って人もいるんじゃないでしょうか？ 僕こと一平もそのひとり。「だったら最初から普通のウィンドウズノートでも買っとけよ！」という罵声に近いアドバイスを頂戴することもしばしばありますが、見た目や薄さに惚れて旧MacBook Airを買った僕にとって、馬耳東風ですよ。 と、最新MacBook AirのLionには見向きもせず、とりあえずウィンドウズ7を入れてしまった経緯はこのへんで終わりにし、Boot Campの手順を説明します。

何だか周りにiPhoneを持ってる人が増えてきたなぁと思う今日この頃です。 それにつれてiPhone用のサイトをコーディングする案件も増えて来ましたので、コーディングするときのポイントをまとめました。 iPhoneの特徴 まずは、iPhoneの特徴を見てみましょう。 一つの端末で複数の解像度を持つ iPhoneの特徴の一つとして、縦持ち・横持ちのときで横幅の解像度が変わります。 例えば、縦持ちのときは320pxで、横持ちのときは480pxとなります。 ※縦持ちのとき ※横持ちのとき そのため、320pxに最適化したコーディングをすると、横持ちのときに160px分の余白が空いてしまうため、320pxにも480pxにも対応出来るコーディングをする必要があります。 ※そのためには、デザインをしっかりと考えたものにしなければいけませんが…。 HTMLやCSSの実装状況はパソコンと同様 iPhone

コストとリターンを考察し戦略を実行する。 熾烈な外食産業の覇権争いが繰り広げられている。その中でも値段設定や販売数などの“数字”に着目してこうした動きを見ると、マーケットの先を読む力がつく――。 そう語るのは、経営コンサルタントの安部徹也氏。 「牛丼は1杯につき5～8円の利益が出ると分析されています。仮に380円の牛丼で一杯5円の利益だと考えると、吉野家のように110円値引きして270円で販売したら、一見、牛丼が売れるたびに赤字となるように思えます。 しかし、実際はそうではありません。なぜならコストには、売り上げに応じて変わる『変動費』と、売り上げに連動しない『固定費』、二つの種類があるからです」 牛丼の場合、お米や牛肉、玉ねぎなどの食材費は変動費、店舗運営費やテナント代、人件費などは固定費にあたる。 「牛丼1杯の原材料費は10～130円ほど。例えば定価380円の場合、原材料費100円とし