清水誠メモ

HTMLはドキュメント構造を、DITAはコンテンツの構造を表す HTMLは構造を表すべきで、スタイル（見た目）はCSSで制御すべき、とよく言われますが、どんなにストリクトにこの原則を守ったとしても、HTMLはWebドキュメントの構造を表すマークアップ言語なので、どうしてもレイアウト要素が残ります。 例えば、リストを表すタグ。確かに、 code 3 よりは code 4 の方が構造的に見えます。 情報構造をXMLで表すDITA標準では、何をなぜどのようにしてリストで表現するのか、にまで踏み込みます。 DITA流のタスクの構造化アプローチ なぜリストか？それはタスクの手順を表現しているからです。 そこで、DITAではタスク型リストをさらに 前の状態 コンテクスト ステップ 結果 例 事後の状態 の６要素に分解します（全部が必須ではなく省略も可能）。ステップはリピート可能です。 各ステップはさらに、 コマンド 情報 サブステップ チュートリアル情報 ステップ例 選択肢 ...

DITAとは IAやWebディレクターがDITAから学べること - DITAにフォーカスしたイベント「DESIGN IT! Forum 2009 - 企業情報の構造改革：DITA-XML-CMSによるコンテンツマネジメント戦略」のための寄稿記事です。Web制作者の視点でDITAの意義を解説しました。 Darwin Information Typing Architecture - Wikipediaでの解説。2009年9月8日現在、日本語では一番詳しいです。 DITA 101 - 英語の本です。10ドルでPDFをダウンロードでき、134ページとコンパクトなのでオススメです。

いくみなくんおでんわごはんこつぷ１２３４５６７８９ABCナニアプイカタイクミ←ナムナタ、マ★マタニキリナタナ√ナタカア♂】いくみくんのままいくみくんより 図:3歳3ヶ月の落書き:（３歳5ヶ月） まだ幼稚園に入る前にくれた、前回に続く2通目のメールです。 お電話、ご飯、コップ、と思い浮かんだ言葉を羅列していて、特にメッセージ性はないです。手だと文字どころか右のような落書きしか書けないのに、携帯の文字入力というユーザーインターフェイスのおかげで文字で表現できるようになったんです。書くより先に漢字変換を覚える。これぞデジタルネイティブ。 今回は初めて数字、アルファベット、カタカナ、記号が登場しました。どんな文字が入力できるのか試行錯誤を始める余裕と学習意欲が感じられます。 ABCと携帯で入力するのは、「1」「11」「111」と入力する必要があるので、意図してアルファベット順に入力したんですね。 ぱぱまだいまどこ?マイクマイクヤメルアタマヨクアラッテネタマゴマタアイニキテネアカオサガシテネアカツギワアオオサガシテネアオスゴイサスガアイウエオカキクケコさしすせそたちつてとなにぬねのはひふへ

いまいくみくんのままがなんかいぱいもてたらおこちただねいくみくんのままがいくみくんにあぶないきてたんいくみんより 図:3才6ヶ月、コートを着て歩く:（３歳5ヶ月） パパIAの解説：初めての携帯メール。入力画面を開いたり送信するのはママの操作ですが、本文は数字ボタンを使って一生懸命入力しました。 自分の周りで起こったことを描写してます。 文章を書く練習はしていないので、句読点がなく文体が話し口調（赤ちゃん言葉）です。 「っ」という促音の概念をまだ知りません。 「いぱい」→「いっぱい」 「おこちた」→「おっこちた」 「あぶないきてたん」→「危ないって言ってたの」かな？ 「いくみんより」→「いくみくんより」 「く」が既出だったので錯覚？ 文字が左右逆の鏡文字を書くのと同じ現象かも？ 次に届いたメールは、さらに進化してます。図:3才5ヶ月、リスと寝てる:

手で文字を書く前に携帯でメールを入力、幼稚園時代はFirefoxでFlashゲームを始めたと思ったら3Dのネットゲームでロボを巧みに操作し、フレンドと漢字で高速チャット。WordやExcelで攻略ガイドを書けるようになりました。 生まれたときから紙よりWebに馴染むデジタルネイティブの成長をCMS+IA的な視点で観察する超親バカコンテンツ。今はもう9歳なので、遡って書いています。

二日間のDESIGN IT! Forum 2009が無事終了、清水分の資料はslideshareにアップしておきました。 IA＋CMS＝情報を貯めて勝つためのアプローチとライフハック http://www.cms-ia.info/products/design-it-forum-2009/ イベント所感 初日はXML技術とテクニカルコミュニケーション関連の話題が中心 二日目はスピーカーも参加者もWeb系が多かった Component Content ManagementとDocument Management、Web Content Managementは区別と整理が必要 TCの分野で言う「IA」とWebの「IA」も、実はだいぶ違う 画像はFlickrへ http://www.flickr.com/photos/design_it/