第8回：Office書類の活用
今回は、Word/Excel/PowerPointなど、Microsoft Office書類について取り上げます。 クライアントから原稿が支給される標準的な形式でもあるMicrosoft Office書類とDreamweaverとの連携についてご紹介します。 ■ Excelデータ/表の読み込み Excelデータを読み込めるのはDreamweaverのWindows版のみです。MacintoshではExcelデータの読み込みはサポートされていません。また、Office 2007ではファイルフォーマットが変更され、Excelは「.xlsx」のようになりました。Dreamweaver 8ではWindows版でも「.xlsx」はサポートされません。 Excel以外の汎用的な表データとして、CSV（カンマ区切りテキスト）やTSV（タブ区切りテキスト）がありますが、こちらはWindows/Macint
W3C，マークアップ言語「XHTML 2」を「HTML 5」に統合へ
Web関連技術の標準化団体World Wide Web Consortium（W3C）は米国時間2009年7月2日，マークアップ言語HTMLをXMLで再定義した言語「XHTML 2」について，策定担当ワーキング・グループ（WG）の憲章（行動指針）「XHTML 2 Working Group charter」の適用を2009年末で打ち切ると発表した。同憲章を更新せず，HTML担当の「HTML WG」に投入するリソースを増やすことで「HTML 5」仕様の策定作業を加速させ，HTML開発の方向性を明確化する考え。 W3CはXHTMLをHTMLのXMLシリアライゼーション（XML形式への変換）と見なしている。HTML 5仕様にXMLシリアライゼーションを含め，引き続きHTML WGで検討していく。現在HTML 5仕様でこのXMLシリアライゼーションは「XHTML 5」と呼んでいるが，今後HTML
第2回 ユーザービリティを高める開発プロセスとは？
皆さんは，自分が構築するシステムがユーザーにとって使いやすくなるように，普段から何か工夫をしていますか？レスポンスなどの性能要件や，情報漏えい対策などのセキュリティ要件は，十分に考慮していると思います。これら性能要件やセキュリティ要件と比べると，使いやすさ，すなわちユーザビリティについて考慮することは少ないのが現実ではないでしょうか。 ユーザビリティを向上する施策は，以前から研究・実践されてきました。しかし，それは，ユーザビリティに関する高度なスキルや知識を持ったプロフェッショナルによって実施されることが多く，特に情報システムの分野では実施されることは少なかったのです。ユーザビリティの向上施策は，高度なスキルと知識がなければできないものと思っている方が多いと思います。しかし，やり方が分かれば，実践できることは多いのです。 筆者が所属する日立システムアンドサービスでは「ユーザビリティを向上す
第65回 ［図解］Webサイト構築プロジェクト・ワークフロー - Webデザイン エンジニアリング：ITpro
今回は，Webサイト構築プロジェクトのワークフローを俯瞰してみたいと思います。実際にクライアントから声がかかる場面から納品，つまり開発案件の完了までを12の「ステージ」に分けて図解してみました。思考のプロセス/人的配置/タスク/ツールなども一緒に記しています。少し大きな図になってしまいましたが，ご参考になれば。 図は，一番上は「4つのステップ/3つのタスク/12の要素（第62回 持続可能なWebサイト開発を支える12の要素）」。その下は，人的配置をロール(役割)ごとに記述しています。その下は，大まかなタスクのレベルです。それぞれの期間内に処理すべき項目を列挙しています。その下が，「ステージ」。プロジェクト全体を12のステージに分類して作業内容を整理しています。基本的には，その流れの順で進んでいきます。その下は，それぞれのステージのアウトプットのイメージで，更にその下にはよく使うファイルアイ
図25●比率分割を混合して作ったレイアウト例
日経クロステック登録会員になると… ・新着が分かるメールマガジンが届く ・キーワード登録、連載フォローが便利 さらに、有料会員に申し込むとすべての記事が読み放題に！ 春割キャンペーン実施中！ ＞＞詳しくは
第1回 ひきついだサイトはdivでいっぱい！
私は制作会社に身を置きながら、テクニカルライターとして執筆をしています。おそらく制作だけやっていたら、日々の仕事に追われてしまっているところですが、リファレンスやチュートリアルなどの執筆を通して細かい機能を探る中で「これって、あれをするときに使えるじゃん！」と、ひらめき、今までのローテクな方法にうんざりすることがあります。 今回から数回にわたり、それらの中からピックアップして「日々の作業効率を高めるDreamweaverの小技」と題してご紹介します。 いわゆる「Webオーサリングソフト」としては圧倒的なシェアを誇るDreamweaverですが、その一方、まだまだ「ハンド・コーディング派」も根強く、、ある意味、ハンドコーディングの方がエライ……みたいな“幅を効かせて”いるところがありますよね。最終的には、Dreamweaverまかせでなく、ソースをきっちりチェックするのは当然ですが、テキスト
第3回 マークアップの高速化について考える（1）
今回は、キーボードショートカットの利用や、［クイックタグ編集］など、コーディングの効率化するためのテクをご紹介します。 シチュエーション： 「p要素をaddress要素に変更したい」「p要素をblockquote要素で囲みたい」など、いわゆるマークアップ作業を進めるに際、クイックタグ編集を使うと一瞬で作業が終了します。クイックタグ編集を使いこなすと、エディタとしてのDreamweaverも捨てたものじゃない、と思えるでしょう。 ■ p要素をh2要素に変更したい ローテク・ウェイ： 作業したい段落内にカーソルをおいて、プロパティインスペクタの［フォーマット］をクリック。表示されるメニューから「見出し2」を選択する。 ベター・ウェイ： 作業したい段落内にカーソルをおいて、Ctrl+2（Macintoshではcommand+2）をタイプする。 覚えておこう： 各見出しとキーボードショートカットは
第36回 画面設計書を書くための手法とツール：ITpro
画面設計書について，前回に引き続き，それを書くツールや手法について考えてみましょう。 画面設計書の基本 まずは，画面設計書の中にあるべき情報から見てみましょう。これらすべてがそろっていなければならない，というわけではありませんが，望ましいのではないかと私自身は考えています。 header ページIDやタイトルなど，一目でそのページがどの画面仕様を記述しているかがわかるような「ヘッダー」部分。細かく書くならば，文字コードや対象ブラウザまで記述する場合もある。また，プロジェクトの名前（プロジェクト・コード）や版番号なども記し，似たようなドキュメントの中からも引き出せるようにしておく。 footer 制作サイドのコピーライトやページ番号などを記す。最終的には，クライアントのコピーライトに置き直して，最終納品とする場合もある。 Page Layout 画面内に配置する「ユーザー・インタフェース（U
Webデザイン エンジニアリング---目次：ITpro
この数年間で，（インターネットの総称としての）Webは私たちの生活に深く関係する身近なツールになりました。様々な情報を，この環境の上で閲覧や操作できることは，特別なものから，徐々に当たり前で，なくてはならないモノに変わろうとしていると言えるでしょう。 特別なものから日常のものへとシフトしていく中で，Web自体も大きく変わるべきところが見えてきています。様々なことが挙げられますが，利用者という立場からすれば，やはり「ユーザー・インタフェース（UI）」が一番の関心事です。 特定のITリテラシの高い人たちだけが使うものではない世界に突入する以上，作り手の側の意識も変化しなければ，ニーズに対応できません。そして，こうしたWebアプリケーションの大量生産の時代にも入っています。今あるWebアプリケーションは，私たちの生活を便利にしてくれていますが，これで十分ではないのです。もっと多くの分野で，もっと
【Watcherが展望する2008年】 コモディティとならざるもの
小飼弾です。明けましておめでとうございます。 去年に引き続き、ITpro編集部より「Watcherが展望する2008年」というお題で記事を一本書けという依頼をいただきました。去年はThe Wisdom Not to Crowdというタイトルで、「群れないこと」をテーマにしました。今年は、その反対、「群れる」ことをテーマにすることにします。いや、「集まる」ことと言った方がいいでしょうか。 去年値上がりしたもの その前に、去年までの傾向をおさらいしておきましょう。まず、何が上がったか。これは、もうみなさん肌で実感しているでしょう。天然資源です。 ガソリンが150円/L以上。おかげで産油国はウハウハです。ドバイやモスクワは建設ラッシュを通り越して、建設合戦となっているようです。人的資源もまた天然資源のようで、中国も相変わらず景気がよろしいようです。 そして、値下がりしたもの で、何が下がったか。
Flash 8 入門講座：ITpro
Flash 8 入門講座 目次 お絵描きからActionScriptを使ったアニメーション制作まで いまやすっかり，Web上のインタラクティブ・コンテンツの代名詞となった感がある“Flash”。実は，アニメーションやゲームなど私たちが目にする，いわゆるFlashコンテンツは正確には「Flashムービー（ファイルの拡張子は.swf）」と呼びます。 Flashムービーを作成する方法はいくつかありますが，一般には，アドビシステムズの開発ツール「Macromedia Flash（以下，単にFlash）」を使います。本連載では，Flashの最新版である「Flash 8」を使って，Flashムービーの作成方法を中心に紹介していきます。Flash 8を持っていないという人も，1カ月間タダですべての機能を使用できる体験版がアドビシステムズのWebサイトに用意されているので，ダウンロードして一度試してみては
XMLマスター:ベーシック 実力養成講座：ITpro
XMLは，1998年にW3C（World Wide Web Consortium）が策定したデータ記述言語です｡XMLは，HTML（HyperText Markup Language）と同様に，データを「タグ」でマークアップするデータ記述言語ですが，HTMLと違い「そのデータが何を表すデータなのか(人物の名称なのか地名なのかなど)」を「タグの名称」として指定できます｡ このためXMLデータは，タグに付けられた名称を使って，あとから検索，抽出，集計などが容易に行えます｡また，｢XSLTスタイルシート｣を使うことにより，XMLデータはHTMLデータへの変換も簡単にできます｡ このようなXMLデータの再利用性やWebとの親和性などの特徴から，ここ数年でXMLは急速に普及しました｡今ではXMLは，Webアプリケーション開発には欠かせないデータ・フォーマットとなっています｡ このように，大変重要な技
フリーソフトでFlashムービーを作ろう
Web上の様々なコンテンツを，ときに華やかに，ときに便利に，そしてときにはちょっと迷惑に彩っているFlashムービー。読者の皆さんも一度はどこかで目にしたことがあるでしょう。自分の描いた絵や，自分で撮った写真を，音楽と一緒に好き放題に動かせるなんて，とても楽しそうではありませんか。 このFlashムービー，通常はマクロメディアが提供する「Flash」シリーズというソフトを使って作成します。しかし最新のFlashシリーズの低価格版である「Flash Basic 8」は定価で2万6250円（税込），通常版の「Flash Professional 8」は8万8200円（同）。もちろん，使う人が使えば，値段だけの価値がある素晴らしいソフトなのですが，我々のように趣味でアニメーションを作ったり，ペットや子供の写真を使ってちょっとしたムービーを作成してみたい，という，いわゆる「サンデー・クリエイタ」に
IEに特化したコンテンツをFirefoxで正しく表示させるサービス，Mozilla Japanなどが開始
IEに特化したコンテンツをFirefoxで正しく表示させるサービス，Mozilla Japanなどが開始 Mozilla Japan，アルゴ21，三菱総合研究所は9月11日，Internet Explorer(IE)に特化したコンテンツをFirefoxで正しく表示させるサービス「TouchUpWebサービス」を開始した。独立行政法人 情報処理推進機構(IPA)の「2005年度下期オープンソースソフトウェア活用基盤整備事業」として採択された「ウェブコンテンツの相互運用性を改善するフィルタリングサーバの開発」プロジェクトで開発されたもの。 TouchUpWebサービスは，IEに最適化されているため，Firefoxで閲覧すると文書のレイアウトが崩れる，コンテンツの表現が変わってしまう，リストやボタンの動作が異なる，システムとして正しく動作しないといった問題があるコンテンツを正しく表示できるように
Webの情報，どう整理してますか？---はてな，Googleなどの便利なブックマーク・サービス：ITpro
写真3●テキストや画像をハイライトすればメモとして一緒に保存できる。Webブラウザ右下に組み込まれるミニ・ウインドウ「mini notebook」でもクリップ操作が可能。Google Notebookサイトへのジャンプや内容の編集もこのウインドウからできる 日々入ってくる山のような情報---読者のみなさんはどのように整理されているだろうか。 筆者の場合，ニュースやブログ記事など，毎日大量にWebの情報を目にする。それらの中から重要なものをいかにうまく保存／整理できるかが仕事を効率化する鍵となっている。コピー＆ペーストなどしてパソコン内にきちんと整理しておくのもよいが，時間がなくてそれもままならない。 そんな中，最近はWebでこれらをうまく管理できるサービスが続々登場している。今回はそうした各社のサービスを検証してみたい。 リンクだけならソーシャル・ブックマークが便利 まず，保存したいものが
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
