BT

レスポンシブルデザインとコンテントウィジェットを加えたDoc-To-Help 2013 v2

| 作者: Anand Narayanaswamy フォローする 0 人のフォロワー , 翻訳者 吉田 英人 フォローする 0 人のフォロワー 投稿日 2014年2月9日. 推定読書時間: 1 分 |

原文(投稿日:2014/01/22)へのリンク

NetHelpというコードネームのレスポンシブルユーザインターフェース機構を備えたDoc-To-Help 2013 v2がリリースされた。表示するデバイスのディスプレイに対応して,ユーザインターフェースの外観が自動的に変化する。この機能によって,ひとつのバージョンのWebサイトを公開するだけで,ラップトップやタブレット,スマートフォン,その他ポータブルデバイスのユーザがそれぞれ,異なるアウトプットを見ることになる。

最新リリースにはNoteやLightbox, Gallery, Carousel, Topic Contents, Tabs, Code Highlighterといったコンテントウィジェットも含まれる。いずれもHTML5コンテントエディタ内のソースファイルに挿入することのできる,編集可能な対話型コンテントのブロックだ。

Lightboxウィジェットは,サムネール表示されたイメージをクリックすると,オリジナルサイズのイメージがモーダルダイアログで表示される,というものだ。またCarouselは,自己完結型のスライショー形式でイメージを表示するウィジェットである。Galleryウィジェットは,サムネールのコマ形式でイメージを並べることで,ナビゲーション操作の時間を掛けずにオープンしたいイメージを選択可能にする。

新たに導入されたTopic Contentsウィジェットは,コンテントのリンクテーブルを使うことで,長いトピックの中を簡単に移動できるようにするものだ。Tabsウィジェットは,タブスタイルのインターフェースで情報の整理を可能にする。またCode Highlighterは,ヘルプドキュメントにコードスニペットを追加する場合に利用されるもので,スニペットをクリップボードにコピーするためのCopy Codeボタンも付属している。

この記事に星をつける

おすすめ度
スタイル

こんにちは

コメントするには InfoQアカウントの登録 または が必要です。InfoQ に登録するとさまざまなことができます。

アカウント登録をしてInfoQをお楽しみください。

あなたの意見をお聞かせください。

HTML: a,b,br,blockquote,i,li,pre,u,ul,p

このスレッドのメッセージについてEmailでリプライする
コミュニティコメント

HTML: a,b,br,blockquote,i,li,pre,u,ul,p

このスレッドのメッセージについてEmailでリプライする

HTML: a,b,br,blockquote,i,li,pre,u,ul,p

このスレッドのメッセージについてEmailでリプライする

ディスカッション

InfoQにログインし新機能を利用する


パスワードを忘れた方はこちらへ

Follow

お気に入りのトピックや著者をフォローする

業界やサイト内で一番重要な見出しを閲覧する

Like

より多いシグナル、より少ないノイズ

お気に入りのトピックと著者を選択して自分のフィードを作る

Notifications

最新情報をすぐ手に入れるようにしよう

通知設定をして、お気に入りコンテンツを見逃さないようにしよう!

BT