(57)【要約】【課題】作成が容易で利用し易い階層化Ｗｅｂ頁生成方法を提供する。【解決手段】親ブロックのタイトル（５１）が頁のタイトルとして設定される。親ブロック２０のサブタイトル入力ボックス５４に文字列を入力して追加ボタン５７を押下する毎に、この文字列をタイトルとする子ブロック２１〜２５が順次表示されるとともに親ブロック２０にサブタイトルリストが作成される。任意のＷｅｂ頁でボタン４３を押下してその頁のタイトルとＵＲＬを含むリンクアイコンを生成し、ブロックへ適当に分配する。子ブロックのサブタイトル入力ボックスに文字列を入力して追加ボタンを押下する毎に、新規頁が生成されるとともにそのリンクがこの子ブロック内に表示される。【選択図】図８
2012248045.tif 000002
【特許請求の範囲】
【請求項１】
入力手段を介した指示に応じて、１頁内に親ブロックと１以上の子ブロックとを配置し該子ブロック内のそれぞれにコンテンツを配置する階層化Ｗｅｂ頁生成方法において、該子ブロックは該親ブロックと表示属性の相違、配置位置又はブロック間結合表示により識別され、
（ａ）リンク情報取得指示入力に応答して、現在の頁のタイトルの一部又は全部及びＵＲＬをそれぞれ表示内容及びリンク先とするリンク情報を持ったリンクアイコンを生成するステップと、
（ｂ）該生成されたリンクアイコンに対する子ブロックへのドラッグアンドドロップ操作に応答して該リンクアイコンのリンクを該子ブロックに移動させるとともに、移動先において、該リンクが内部リンク（リンク先頁が、該親ブロックと該子ブロックとを含む内部頁であるリンク）であるか該内部リンク以外である外部リンクであるかを、該リンクのＵＲＬに基づき区別して、該内部リンクの表示属性を該外部リンクのそれと異ならせ又は該内部リンクが表示される領域を該外部リンクのそれと異ならせるステップと、
（ｃ）任意の内部リンクの選択に応答して、リンク先の内部頁へ移動した際、該内部頁に含まれる親ブロックのタイトルを該内部頁のタイトルに設定するステップと、
を有することを特徴とする階層化Ｗｅｂ頁生成方法。
【請求項２】
入力手段を介した指示に応じて、１頁内に親ブロックと１以上の子ブロックとを配置し該子ブロック内のそれぞれにコンテンツを配置する階層化Ｗｅｂ頁生成方法において、該子ブロックは該親ブロックと表示属性の相違、配置位置又はブロック間結合表示により識別され、
（ａｘ）リンク情報取得指示入力に応答して、現在の頁のＵＲＬが該親ブロックと該子ブロックとを含む頁のものであるか否かを判定し、肯定判定した場合には該親ブロックのタイトルを取得し、否定した場合には該現在の頁のタイトルの一部又は全部を取得し、該取得したタイトル及び該ＵＲＬをそれぞれ表示内容及びリンク先とするリンク情報を持ったリンクアイコンを生成するステップと、
（ｂ）該生成されたリンクアイコンに対する子ブロックへのドラッグアンドドロップ操作に応答して該リンクアイコンのリンクを該子ブロックに移動させるとともに、移動先において、該リンクが内部リンク（リンク先頁が、該親ブロックと該子ブロックとを含む内部頁であるリンク）であるか該内部リンク以外である外部リンクであるかを、該リンクのＵＲＬに基づき区別して、該内部リンクの表示属性を該外部リンクのそれと異ならせ又は該内部リンクが表示される領域を該外部リンクのそれと異ならせるステップと、
を有することを特徴とする階層化Ｗｅｂ頁生成方法。
【請求項３】
（ｄ）指定した子ブロックへの文字列の入力確定又はその後の現在の頁の編集確定に応答して、新規頁ＩＤに基づくＵＲＬをリンク先とし該文字列を表示内容とするリンクを内部リンクとして、該子ブロックに表示させるとともに、該内部リンクの表示属性を該外部リンクのそれと異ならせ又は該内部リンクが表示される領域を該外部リンクのそれと異ならせるステップと、
（ｅ）該新規頁ＩＤに基づくＵＲＬを持ったリンクの選択に応答して、該リンクのタイトルをタイトルとする親ブロックを持つ新規頁を表示させるステップと、
をさらに有することを特徴とする請求項１又は２に記載の階層化Ｗｅｂ頁生成方法。
【請求項４】
（ｆ）内部頁に、ドロップダウンリスト又はポップアップリストであるリストスライド表示手段を配置させておき、該生成されたリンクアイコンに対する該リストスライド表示手段の表示領域へのドラッグアンドドロップ操作に応答して該リンクアイコンのリンクを該リストスライド表示手段のリストに追加させるステップ、
をさらに有することを特徴とする請求項３に記載の階層化Ｗｅｂ頁生成方法。
【請求項５】
（ｇ）新規頁作成指示に応答して、ドロップダウンリスト又はポップアップリストであるリストスライド表示手段を備え且つ新規ＵＲＬを持つ新規頁を表示させるステップと、
（ｈ）該親ブロックのタイトル部への文字列の入力確定に応答して、該文字列を、該親ブロックのタイトルとして該親ブロックに表示させ、現在の頁のタイトルとして設定するとともに、該タイトル及び該新規ＵＲＬをそれぞれ表示内容及びリンク先とするリンクを該リストスライド表示手段のリストに追加するステップと、
をさらに有することを特徴とする請求項１又は２に記載の階層化Ｗｅｂ頁生成方法。
【請求項６】
（ｉ）該生成されたリンクアイコンに対する該リストスライド表示手段の表示領域へのドラッグアンドドロップ操作に応答して該リンクアイコンのリンクを該リストスライド表示手段のリストに追加させるステップ、
をさらに有することを特徴とする請求項５に記載の階層化Ｗｅｂ頁生成方法。
【請求項７】
（ｊ）該リストスライド表示手段のリスト上のリンクに対する子ブロックへのドラッグアンドドロップ操作に応答して該リンクをコンテンツとして該子ブロックへ移動させるステップ、
をさらに有することを特徴とする請求項１乃至６のいずれか１つに記載の階層化Ｗｅｂ頁生成方法。
【請求項８】
（ｋ）該親ブロックのサブタイトル部への文字列の入力確定に応答して、新たな子ブロックを、該頁内の何番目であるかにより定る位置に表示させるとともに該子ブロックに該文字列をタイトルとして表示させるステップ、
をさらに有することを特徴とする請求項１乃至７のいずれか１つに記載の階層化Ｗｅｂ頁生成方法。
【請求項９】
ステップ（ｋ）ではさらに、該子ブロックのタイトルを表示させる時に該親ブロック内に該文字列をサブタイトルとして表示させることを特徴とする請求項８に記載の階層化Ｗｅｂ頁生成方法。
【請求項１０】
ステップ（ｄ）は、
（ｄ−１）テキストボックスへの文字列の入力確定に応答して、該文字列を持つラベルアイコンを生成するステップと、
（ｄ−２）該ラベルアイコンの該子ブロックへのドラッグ操作に応答して該ラベルアイコンを該子ブロックに移動させ、該ラベルアイコンの該子ブロックへのドロップ操作に応答して該子ブロックへの該文字列の入力を確定させるステップと、
を有し、ステップ（ｋ）は、
ステップ（ｄ−１）と、
該ラベルアイコンの該親ブロックへのドラッグ操作に応答して該ラベルアイコンを該親ブロックに移動させ、該ラベルアイコンの該親ブロックへのドロップ操作に応答して該親ブロックの該サブタイトル部への該文字列の入力を確定させるステップと、
を有することを特徴とする請求項８又は９に記載の階層化Ｗｅｂ頁生成方法。
【発明の詳細な説明】
【技術分野】
【０００１】
本発明は、階層化Ｗｅｂ頁生成方法に係り、特に、各ユーザがブラウザ上で、ソーシャルブックマーク頁やＷｅｂアプリケーションメニュー頁などの、Ｗｅｂ上の情報を整理して閲覧させる頁を作成するのに好適な階層化Ｗｅｂ頁生成方法に関する。
【背景技術】
【０００２】
インターネット上で情報を検索する場合、検索エンジンが利用される。検索エンジンでは、クローラが定期的に自動収集したＷｅｂページからメタ情報を抽出してＷｅｂページのＵＲＩと関連づけ、検索キーと関連するメタ情報のＷｅｂページの要約等を出力するので、ユーザに対し最新の関連情報を多数提供することができる。
【０００３】
しかし、機械的に取得したメタ情報を用いているので、ユーザは検索結果から所望の情報を抽出すのにしばしば長時間を要する。
【０００４】
一方、ユーザがブラウザに保存したブックマークは、フォルダで分類されているので、情報量は比較的少ないものの、短時間で所望の情報を取得することができる。
【０００５】
しかし、各人が取得したブックマークを共用できないので、同一ブックマークを多数のユーザが長時間かけて取得することになり、無駄が生ずる。また、ブックマークがフォルダで分類されていても、ブックマーク間の関連性を視覚的に把握するのが容易とは言えない。デスクトップ上にＷｅｂページのアイコンを配置して視覚性を向上させることはできるが、アイコン数が増えると雑多になる。
【０００６】
前記問題のうち、最初に挙げたものを解決するため、ユーザが見つけた所望のＷｅｂページのＵＲＩとタイトルに分類用タグを付加したものをブックマークとしてサーバＳＶに登録しておき、他のユーザもこれを利用できるようにしたソーシャルブックマークサービスが提供されている。
【０００７】
しかし、ブックマークサーバでは、分類用タグやタイトルに基づき検索エンジンで検索結果を出力し列挙するので、他人のブックマークを利用しようとすると、一般の検索エンジンの場合と同様の上記問題が生ずる。
【０００８】
他方、ツリー構造の関連情報を視覚的に２次元化して表示するマインドマップ（登録商標）が、利用されている。
【０００９】
しかし、階層数が増えると作成作業が煩雑になるため、一部の人によるプライベートなアイデアなどのメモ用に留まっているのが現状である。
【００１０】
換言すれば、ツリー構造の利点を多くの人が有効利用できるようにすることが要求されている。このためには、ツリー構造の見た目の構成を簡単化するともに、ツリー構造作成作業を容易化し、利用し易くする必要がある。
【先行技術文献】
【特許文献】
【００１１】
【特許文献１】特開２００９−１４００８９号公報
【非特許文献】
【００１２】
【非特許文献１】http://b.hatena.ne.jp/
【発明の概要】
【発明が解決しようとする課題】
【００１３】
本発明の目的は、このような問題点に鑑み、作成が容易で利用し易い階層化Ｗｅｂ頁生成方法を提供することにある。
【課題を解決するための手段】
【００１４】
本発明の第１態様では、例えば図１に示す如く、入力手段を介した指示に応じて、１頁内に親ブロックと１以上の子ブロックとを配置し該子ブロック内のそれぞれにコンテンツを配置する階層化Ｗｅｂ頁生成方法において、該子ブロックは該親ブロックと表示属性の相違、配置位置又はブロック間結合表示により識別され、
（ａ）リンク情報取得指示入力に応答して、現在の頁のタイトルの一部又は全部及びＵＲＬをそれぞれ表示内容及びリンク先とするリンク情報を持ったリンクアイコンを生成するステップと、
（ｂ）該生成されたリンクアイコンに対する子ブロックへのドラッグアンドドロップ操作に応答して該リンクアイコンのリンクを該子ブロックに移動させるとともに、移動先において、該リンクが内部リンク（リンク先頁が、該親ブロックと該子ブロックとを含む内部頁であるリンク）であるか該内部リンク以外である外部リンクであるかを、該リンクのＵＲＬに基づき区別して、該内部リンクの表示属性を該外部リンクのそれと異ならせ又は該内部リンクが表示される領域を該外部リンクのそれと異ならせるステップと、
（ｃ）任意の内部リンクの選択に応答して、リンク先の内部頁へ移動した際、該内部頁に含まれる親ブロックのタイトルを該内部頁のタイトルに設定するステップとを有する。
【００１５】
本発明の第２態様では、例えば図２に示す如く、入力手段を介した指示に応じて、１頁内に親ブロックと１以上の子ブロックとを配置し該子ブロック内のそれぞれにコンテンツを配置する階層化Ｗｅｂ頁生成方法において、該子ブロックは該親ブロックと表示属性の相違、配置位置又はブロック間結合表示により識別され、
（ａｘ）リンク情報取得指示入力に応答して、現在の頁のＵＲＬが該親ブロックと該子ブロックとを含む頁のものであるか否かを判定し、肯定判定した場合には該親ブロックのタイトルを取得し、否定した場合には該現在の頁のタイトルの一部又は全部を取得し、該取得したタイトル及び該ＵＲＬをそれぞれ表示内容及びリンク先とするリンク情報を持ったリンクアイコンを生成するステップと、
（ｂ）該生成されたリンクアイコンに対する子ブロックへのドラッグアンドドロップ操作に応答して該リンクアイコンのリンクを該子ブロックに移動させるとともに、移動先において、該リンクが内部リンク（リンク先頁が、該親ブロックと該子ブロックとを含む内部頁であるリンク）であるか該内部リンク以外である外部リンクであるかを、該リンクのＵＲＬに基づき区別して、該内部リンクの表示属性を該外部リンクのそれと異ならせ又は該内部リンクが表示される領域を該外部リンクのそれと異ならせるステップとを有する。
【００１６】
本発明による階層化Ｗｅｂ頁生成方法の第３態様では、第１又は２態様において、
（ｄ）指定した子ブロックへの文字列の入力確定又はその後の現在の頁の編集確定に応答して、新規頁ＩＤに基づくＵＲＬをリンク先とし該文字列を表示内容とするリンクを内部リンクとして、該子ブロックに表示させるとともに、該内部リンクの表示属性を該外部リンクのそれと異ならせ又は該内部リンクが表示される領域を該外部リンクのそれと異ならせるステップと、
（ｅ）該新規頁ＩＤに基づくＵＲＬを持ったリンクの選択に応答して、該リンクのタイトルをタイトルとする親ブロックを持つ新規頁を表示させるステップとをさらに有する。
【００１７】
本発明による階層化Ｗｅｂ頁生成方法の第４態様では、第３態様において、
（ｆ）内部頁に、ドロップダウンリスト又はポップアップリストであるリストスライド表示手段を配置させておき、該生成されたリンクアイコンに対する該リストスライド表示手段の表示領域へのドラッグアンドドロップ操作に応答して該リンクアイコンのリンクを該リストスライド表示手段のリストに追加させるステップをさらに有する。
【００１８】
本発明による階層化Ｗｅｂ頁生成方法の第５態様では、第１又は２態様において、
（ｇ）新規頁作成指示に応答して、ドロップダウンリスト又はポップアップリストであるリストスライド表示手段を備え且つ新規ＵＲＬを持つ新規頁を表示させるステップと、
（ｈ）該親ブロックのタイトル部への文字列の入力確定に応答して、該文字列を、該親ブロックのタイトルとして該親ブロックに表示させ、現在の頁のタイトルとして設定するとともに、該タイトル及び該新規ＵＲＬをそれぞれ表示内容及びリンク先とするリンクを該リストスライド表示手段のリストに追加するステップとをさらに有する。
【００１９】
本発明による階層化Ｗｅｂ頁生成方法の第６態様では、第５態様において、
（ｉ）該生成されたリンクアイコンに対する該リストスライド表示手段の表示領域へのドラッグアンドドロップ操作に応答して該リンクアイコンのリンクを該リストスライド表示手段のリストに追加させるステップをさらに有する。
【００２０】
本発明による階層化Ｗｅｂ頁生成方法の第７態様では、第１乃至６態様のいずれか１つにおいて、
（ｊ）該リストスライド表示手段のリスト上のリンクに対する子ブロックへのドラッグアンドドロップ操作に応答して該リンクをコンテンツとして該子ブロックへ移動させるステップをさらに有する。
【００２１】
本発明による階層化Ｗｅｂ頁生成方法の第８態様では、第１乃至７態様のいずれか１つにおいて、
（ｋ）該親ブロックのサブタイトル部への文字列の入力確定に応答して、新たな子ブロックを、該頁内の何番目であるかにより定る位置に表示させるとともに該子ブロックに該文字列をタイトルとして表示させるステップをさらに有する。
【００２２】
本発明による階層化Ｗｅｂ頁生成方法の第９態様では、第８態様において、ステップ（ｋ）ではさらに、該子ブロックのタイトルを表示させる時に該親ブロック内に該文字列をサブタイトルとして表示させる。
【００２３】
本発明による階層化Ｗｅｂ頁生成方法の第１０態様では、第８又は９態様において、ステップ（ｄ）は、
（ｄ−１）テキストボックスへの文字列の入力確定に応答して、該文字列を持つラベルアイコンを生成するステップと、
（ｄ−２）該ラベルアイコンの該子ブロックへのドラッグ操作に応答して該ラベルアイコンを該子ブロックに移動させ、該ラベルアイコンの該子ブロックへのドロップ操作に応答して該子ブロックへの該文字列の入力を確定させるステップと、
を有し、ステップ（ｋ）は、
ステップ（ｄ−１）と、
該ラベルアイコンの該親ブロックへのドラッグ操作に応答して該ラベルアイコンを該親ブロックに移動させ、該ラベルアイコンの該親ブロックへのドロップ操作に応答して該親ブロックの該サブタイトル部への該文字列の入力を確定させるステップとを有する。
【発明の効果】
【００２４】
上記第１態様の構成によれば、ステップ（ｃ）により、内部頁のタイトルが親ブロックのタイトルと一致するので、ステップ（ａ）で内部頁のリンクアイコンを生成しステップ（ｂ）のドラッグアンドドロップ操作で該リンクアイコンを子ブロックへ移動させるという簡単な操作で、図３に示すように、子ブロックから他の内部頁の親ブロックにリンクされた階層構造を容易に作成することができるという効果を奏する。しかも、階層化は、ページ間リンクで行われるので、ブロック間のリンクを考慮する必要がなく、データ構造及びデータを処理するソフトウェア構成が簡単になるという効果も奏する。
【００２５】
また、外部頁についても内部頁の場合と同様の簡単な操作を行うことにより、複数の子ブロックに分配されて整理された情報を持つコンテンツを作成することができるという効果を奏する。
【００２６】
さらに、ステップ（ｂ）で内部リンクと外部リンクとが視覚的に区別されるので、内部リンクと外部リンクとでリンクの論理的構成が同一であるにも拘わらず、リンクされた階層構造を容易に把握することができるという効果を奏する。
【００２７】
また、ステップ（ｃ）を備えているので、ステップ（ａ）の構成が簡単になる、すなわち請求項３のステップ（ａ）のような特別な処理を行う必要がないので構成が簡単であるという効果を奏する。
【００２８】
上記第２態様の構成によれば、ステップ（ｄ）での文字列の入力確定又はその後の現在の頁の編集確定により、未作成の（タイトルのみ設定した）新規内部頁へのリンクを子ブロックに配置できるので、新規内部頁を親の内部頁にリンクさせて階層化する作業が容易になるという効果を奏する。逆に言えば、これができないと、新規頁を作成し、ステップ（ａ）でそのリンクアイコンを生成し、頁移動した後に、ステップ（ｂ）でリンクアイコンをドラッグアンドドロップ操作で子ブロックへ移動させなければならないので、煩雑になる。
【００２９】
また、ステップ（ｅ）でのこのリンクの選択により、該リンクのタイトルをタイトルとする親ブロックを持つ新規頁が表示されるので、新規頁作成作業に容易に取り掛かることができるという効果を奏する。
【００３０】
上記第３態様の構成によれば、第１態様よりも構成が複雑になるものの、その他については第１態様と同じ効果を奏する。
【００３１】
上記第４態様の構成によれば、例えば他人が作成した内部頁のリンクアイコンをドラッグアンドドロップ操作でドロップダウンリスト又はポップアップリストへ移動させてそのリンクを追加できるので、他人が作成した内部頁の利用率が向上するという効果を奏し、これにより、ユーザ間の重複労力を削減可能となる。
【００３２】
上記第５態様の構成によれば、ステップ（ｇ）で新規頁を表示させてその内容を作成し、その際、ステップ（ｇ）でこの頁のリンクがリストスライド表示手段のリストに追加されるので、この追加の操作をユーザが行う必要がないという効果を奏する。
【００３３】
上記第６態様の構成によっても、例えば他人が作成した内部頁のリンクアイコンをドラッグアンドドロップ操作でドロップダウンリスト又はポップアップリストへ移動させてそのリンクを追加できるので、他人が作成した内部頁の利用率が向上するという効果を奏し、これにより、ユーザ間の重複労力を削減可能となる。
【００３４】
上記第７態様の構成によれば、ステップ（ｊ）のドラッグアンドドロップ操作によっても階層化を行うことができるという効果を奏する。
【００３５】
上記第８態様の構成によれば、文字列の入力確定のみでこれをタイトルとする新たな子ブロックを容易に表示させることができるという効果を奏する。
【００３６】
上記第９態様の構成によれば、子ブロックのタイトルを表示時に親ブロック内にこれがサブタイトルとして表示されるので、ユーザが頁の概略構成を容易に把握できるという効果を奏する。
【００３７】
上記第１０態様の構成によれば、ステップ（ｄ）とステップ（ｋ）とでステップ（ｄ−１）を共用できるので、構成が簡単になるという効果を奏する。
【００３８】
本発明の他の目的、特徴的な構成及び効果は、以下の説明を特許請求の範囲及び図面の記載と関係づけて読むことにより明らかになる。 
【図面の簡単な説明】
【００３９】
【図１】本発明の請求項１に対応したブロック図である。
【図２】本発明の請求項２に対応したブロック図である。
【図３】ブロック間のリンク状態説明図である。
【図４】（Ａ）はリンクアイコン外形図、（Ｂ）は外部リンクのデータ説明図、（Ｃ）は内部リンクのデータ説明図、（Ｄ）はサーバ側での内部リンクデータ説明図である。
【図５】サブタイトルの入力確定に対する処理を示す概略フローチャートである。
【図６】左側は、クライアント側において、頁編集確定操作を行ってから、未定の内部頁ＵＲＬを決定するまでの処理手順を示す概略フローチャートであり、右側はこれに対応したサーバ側での処理手順を示す概略フローチャートである。
【図７】（Ａ）〜（Ｄ）はリンクアイコンに関する説明図である。
【図８】（Ａ）及び（Ｂ）は本発明の実施例１の頁作成説明図である。
【図９】（Ａ）及び（Ｂ）は図８に続く頁作成説明図である。
【図１０】（Ａ）及び（Ｂ）は図９に続く頁作成説明図である。
【図１１】（Ａ）及び（Ｂ）は図１０に続く頁作成説明図である。
【図１２】（Ａ）及び（Ｂ）は図１１に続く頁作成説明図である。
【図１３】（Ａ）及び（Ｂ）は図１２に続く頁作成説明図である。
【図１４】（Ａ）及び（Ｂ）は図１３に続く頁作成説明図である。
【図１５】サーバ側データベースの概略ブロック図である。
【図１６】クライアント／サーバシステムのハードウェア構成を示す概略ブロック図である。
【図１７】（Ａ）及び（Ｂ）は本発明の実施例２の頁作成説明図である。
【図１８】図１７に続く頁作成説明図である。
【図１９】リンクアイコンのブロックへのドロップイベントに対する処理を示す概略フローチャートである。
【図２０】試作段階の内部頁のブラウザ上画像を示す図である。
【図２１】試作段階の内部頁のブラウザ上の他の画像を示す図である。
【図２２】（Ａ）及び（Ｂ）は本発明の実施例３の頁作成説明図である。
【図２３】（Ａ）及び（Ｂ）は図２２に続く頁作成説明図である。
【図２４】（Ａ）及び（Ｂ）は図２３に続く頁作成説明図である。
【図２５】（Ａ）及び（Ｂ）は図２４に続く頁作成説明図である。
【図２６】（Ａ）及び（Ｂ）は図２５に続く頁作成説明図である。
【図２７】（Ａ）及び（Ｂ）は図２６に続く頁作成説明図である。
【図２８】（Ａ）及び（Ｂ）は本発明の実施例４の頁作成説明図である。
【図２９】（Ａ）及び（Ｂ）は図２８に続く頁作成説明図である。
【図３０】（Ａ）及び（Ｂ）は図２９に続く頁作成説明図である。
【図３１】追加ボタンの押下、Ｗ押下又はブロックのタイトルをごみ箱へドロップさせたときのイベントに対するイベントハンドラの概略フローチャートである。
【図３２】（Ａ）及び（Ｂ）は本発明の実施例５の頁作成説明図である。
【図３３】（Ａ）〜（Ｅ）は本発明の実施例６の頁作成説明図である。
【図３４】（Ａ）〜（Ｅ）は本発明の実施例６の変形例の頁作成説明図である。
【実施例１】
【００４０】
図１６は、本発明の実施例１に係るクライアント／サーバシステムのハードウェア構成を示す概略ブロック図である。
【００４１】
このシステムでは、クライアントＣＬとサーバＳＶとがインターネットＩＮＥＴで結合されている。
【００４２】
クライアントＣＬでは、ＣＰＵ１がインターフェイス２を介してＰＲＯＭ３、ＤＲＡＭ４、ハードディスクドライブ５、ネットワークインターフェイス６及び会話型入出力装置７に結合されている。図１６では、簡単化の為に、複数種のインターフェイスを１つのブロック２で表している。
【００４３】
ＰＲＯＭ３は、例えばフラッシュメモリであり、ＢＩＯＳが格納されている。ＤＲＡＭ４は、主記憶装置として用いられる。ハードディスクドライブ５には、仮想記憶方式のＯＳ（オペレーティングシステム）、各種ドライバ及びアプリケーション並びにデータが格納されている。このアプリケーションには、ブラウザが含まれている。ネットワークインターフェイス６は、インターネットＩＮＥＴに結合されている。会話型入出力装置７は、例えば入力装置としてのキーボード及びポインティングデバイスと、表示装置とを備えている。
【００４４】
サーバＳＶについてもクライアントＣＬと同様に構成されている。但し、そのハードディスクドライブには、ブラウザの替りに、サーバプログラムと、これと連携するＷｅｂアプリケーションとが格納されている。
【００４５】
次に、本発明の実施例１におけるブラウザ上でのブックマーク頁作成の概略を説明する。
【００４６】
図１１（Ｂ）に示すように、ブラウザ１０のウインドウ内には、親ブロック２０と、その周りの子ブロック２１〜２５とが配置されている。親ブロック２０には、タイトル３０と、これに関連したサブタイトル３１〜３５とが記述されている。
【００４７】
ブロック２０〜２５は、次のようにして容易に作成される。すなわち、親ブロック２０に、サブタイトル３１〜３５を入力して確定する毎に、それぞれ子ブロック２１〜２５が矢印２１ａ〜２５ａと共にこの順に生成される。子ブロック２１〜２５のタイトルは、親ブロック２０のサブタイトル３１〜３５と一致している。一方、このウインドウ内のアイコンコンテナ４０には、後述のように収集されたリンクアイコン４１が配置されており、子ブロック２１〜２５へリンクアイコン４１をドラッグアンドドロップ操作で分配することにより、図１２（Ａ）に示す状態になる。
【００４８】
リンクアイコン４１は、図４（Ａ）に示すようにバー形であり、Ｗｅｂ頁のタイトルの一部又は全部４２が表示されている。「一部」となる理由は、表示文字数を制限し、また、セキュリティ上特殊記号が含まれていればそれを削除するためである。Ｗｅｂ頁のタイトルは、ＨＴＭＬ文書のタイトル要素の内容である。また、リンクアイコン４１は、ＨＴＭＬのアンカー要素で表され、図４（Ｂ）に示すようなＷｅｂ頁のＵＲＬ及びタイトルと、文字色、背景画像及びサイズ等の、各リンクアイコン４１に共通の表示属性を持っている。
【００４９】
図７（Ａ）に示すように、ブラウザ１０のツールバー上に、ブラウザ１０の拡張機能（プラグイン）に含まれるツールボタン４３が配置されている。このプラグインは、任意のＷｅｂ頁についてツールボタン４３を押下（ポインティングデバイス若しくはキーボードの操作又はタッチパネル上のタッチによる押下）することにより、ブラウザ１０上の選択されているタブのＷｅｂ頁のＵＲＬとタイトルの一部又は全部とを取得し、本サイトのサーバＳＶ又はローカルストレージ（クラアイントコンピュータのストレージであって、例えばHTML5のlocalStroage）に保存するためのものである。
【００５０】
ここで、本サイトの上記のようなブロック配置のＷｅｂ頁を内部頁、その他のＷｅｂ頁を外部頁と称することにする。
【００５１】
上記プラグインは、任意の頁について頁のタイトルを取得する替わりに、現在の頁のＵＲＬが内部頁のものであるか否か（所定アドレス範囲であるか否か）を判定し、肯定判定した場合には親ブロック２０のタイトルを取得し、否定した場合には現在の頁のタイトルの一部又は全部を取得するようにしてもよい。
【００５２】
１つ又は複数のＷｅｂ頁のそれぞれについてツールボタン４３を押下した後、本サイトのＷｅｂ頁へ移動すると、図７（Ｂ）又は（Ｃ）に示すように、アイコンコンテナ４０にそれぞれのＷｅｂ頁をリンク先とするリンクアイコン４１が配置された状態になる。この配置を行う際、リンクのＵＲＬが内部頁のものであるか否かにより、互いに異なる表示属性を付与する。この付与は、サーバ側又はクライアント側でプログラムにより行われる。なお、ユーザはツールボタン４３を押下する際に内部頁であるか否かを知っているので、この段階で表示属性を異ならせるのは、必須ではない。リンクをブロックに配置する際には、内部リンクと外部リンクとを視覚的に区別できるように表示属性を異ならせる（プログラムでこれを行う）。
【００５３】
アイコンコンテナ４０内に配置された集散ボタン４４を押下すると、図７（Ｄ）に示すように、リンクアイコン４１が分散配置されて、各リンクアイコン４１のタイトルを視認可能となる。集散ボタン４４は、トグルボタンであり、集散ボタン４４を押下する毎に、図７（Ｃ）又は（Ｄ）に示す状態となる。
【００５４】
アイコンコンテナ４０の隣には、ごみ箱４５が配置されており、リンクアイコン４１をごみ箱４５へドラッグアンドドロップ操作することにより、リンクアイコン４１がウィンドウ内から取り除かれる。
【００５５】
アイコンコンテナ４０、リンクアイコン４１、集散ボタン４４及びごみ箱４５は、本サイトの上記のようなブロック配置のＷｅｂ頁で共通であり、これらＷｅｂ頁内で頁移動しただけでは変化は無い。すなわち、収集したリンクアイコン４１を、任意の頁内のブロックへ分配することができる。
【００５６】
各ブロック及びその内側のコンテナは、各頁で共通であるので、頁移動により変化するデータの殆どは、その頁内のリンク情報であり、サーバＳＶとの間で非同期通信（ＡＪＡＸ）により、変化するデータのみ送受信して効率よく頁移動を行うことができる。この場合、本サイトのＷｅｂ頁は論理的なものであり、jQuery.address.jsファイルなどを用いてブラウザのアドレスバーの表示を頁毎に変化させるとともに、ブラウザの次頁移動ボタン及び前頁移動ボタンを機能させることができる。
【００５７】
次に、ユーザ登録完了後、図１２（Ａ）に示す状態に至るまでの手順を詳細に説明する。
【００５８】
本サイト又はFacebook（登録商標）などの認証サーバでユーザ登録し、本サイト内のユーザ本人の内部頁へ移動すると、図８（Ａ）に示すような、既定の文字列「My Home Page」（空白であってもよい）をタイトルとする親ブロック２０が所定位置に配置されたマイホーム頁が表示される。
【００５９】
任意の内部頁へ移動した際、この頁の親ブロックのタイトルがＷｅｂ頁のタイトル（ＨＴＭＬ文書のタイトルタグの内容）として設定される。この設定は、サーバＳＶと同期通信を行う場合には、サーバ側でのＷｅｂアプリケーションの実行により行われ、非同期通信の場合にはクライアント側のスクリプトの実行により行われる。
【００６０】
この頁の表示画面上ヘッダー部に配置された編集・確定ボタン４６を押下すると、図８（Ｂ）に示すような頁編集状態（各ブロックはブロック編集状態へ移行可能な状態）となる。この状態では、上部にアイコンコンテナ４０及びごみ箱４５が表示され、また、親ブロック２０内右上部に編集・通常表示ボタン５０が表示される。
【００６１】
編集・通常表示ボタン５０を押下すると、親ブロック２０は、図９（Ａ）に示すようなブロック編集状態となる。この状態では、親ブロック２０内に、上方から下方へ順にタイトル入力ボックス（１行テキスト入力ボックス）５１、説明入力ボックス（複数行テキスト入力ボックス）５２、サブタイトルリスト５３及びサブタイトル入力ボックス（１行テキスト入力ボックス）５４が表示され、また、サブタイトル入力ボックス５４に対する変更ボタン５５、削除ボタン５６及び追加ボタン５７が表示される。
【００６２】
タイトル入力ボックス５１に文字列を追加し又は文字列を変更し、その後、編集・通常表示ボタン５０を押下してタイトルを確定させると、そのイベントハンドラで、このタイトルが変更されるとともに、現在のＷｅｂ頁のタイトルも変更される。
【００６３】
すなわち、ツールボタン４３を押下して生成されるリンクアイコン４１には、タイトル入力ボックスに入力した文字列が表示される。また、以下の説明から明らかなように、頁と頁内親ブロック２０とを等価なものとして取り扱うことが可能となり、これにより、複数頁にわたるブロックの階層構造化が可能となる。
【００６４】
説明入力ボックス５２には、必要に応じて説明文を入力すればよい。
【００６５】
図９（Ｂ）に示すように、サブタイトル入力ボックス５４にサブタイトルを入力し、次いで追加ボタン５７を押下し又はキーボード上のリターンキーを押下すると、図１０（Ａ）に示すように、入力した文字列の行がサブタイトルリスト５３に追加されると共に、このサブタイトルをタイトルとする子ブロック２１と、矢印２１ａとが表示される。同様の操作を繰り返すと、図１０（Ｂ）に示すような状態となる。この例では、子ブロック数は最大５である。子ブロック２１〜２５は、この順に所定位置へ表示される。サブタイトルリスト５３の右端にはスクロールバー５８が表示されている。
【００６６】
なお、子ブロック２１〜２５を表示させる場合、Ｗｅｂ頁内のスクリプトで新規に子ブロックを生成してこれを表示しても、サーバＳＶ側で子ブロック２１〜２５を作成してvisibility属性を非表示（hidden）にしておき、クライアントＣＬ側でこれを表示（visible）に変更することで子ブロックを表示してもよい。
【００６７】
図１０（Ｂ）において、サブタイトルリスト５３内の行を選択すると、その行の文字列がサブタイトル入力ボックス５４に表示され、この文字列を変更して変更ボタン５５を押下すると、サブタイトルリスト５３内の選択行及びこの行に対応した子ブロック２１のタイトルが、サブタイトル入力ボックス５４で変更したものになる。
【００６８】
また、サブタイトルリスト５３内の行を選択し、削除ボタン５６を押下すると、サブタイトルリスト５３内の選択行及びこれに対応する子ブロック２１が非表示にされる。
【００６９】
この際、この非表示の領域を詰めるように他の子ブロックが移動される。例えば、子ブロック２１、２２、２４、２３、２５の順に配置した後、子ブロック２４を削除すると、子ブロック２３が子ブロック２４の位置へ移動され、子ブロック２５が子ブロック２３の位置へ移動される。これにより、子ブロック数が同一である頁は全て、子ブロックの配置が同一に統一される。
【００７０】
編集・通常表示ボタン５０はトグルボタンであり、図１０（Ｂ）の状態でこれを押下すると、図１１（Ａ）に示すように、タイトル入力ボックス５１、説明入力ボックス５２及びサブタイトルリスト５３の記述内容に対応したリードオンリーの表示状態となる。より具体的には、編集用のタイトル入力ボックス５１、説明入力ボックス５２及びサブタイトルリスト５３のそれぞれに対応したリードオンリー用の表示要素があり、タイトル入力ボックス５１、説明入力ボックス５２及びサブタイトルリスト５３で編集されたテキストで、それぞれ対応するリードオンリー用の表示要素のテキストが置換され、タイトル入力ボックス５１、説明入力ボックス５２及びサブタイトルリスト５３の属性が「非表示」に変更されるとともにリードオンリー用の表示要素の属性が「表示」に変更される。図１０（Ｂ）の例では、説明入力ボックス５２に入力がないので、対応するリードオンリー用の表示要素の高さ属性は０である。
【００７１】
次に、検索エンジンのＷｅｂ頁へ移動し、所望のＷｅｂ頁でツールボタン４３を押下してそのＵＲＬとタイトルのペア情報（リンク情報）を収集する。この収集は、内部Ｗｅｂ頁を作成する前又は作成中に行ってもよい。収集後に内部頁へ移動すると、図１１（Ｂ）に示す様に、アイコンコンテナ４０にリンクアイコン４１が配置された状態となる。リンクアイコン４１をドラッグアンドドロップ操作により子ブロック２１〜２５内へ適当に分配することにより、図１２（Ａ）に示す状態となる。この操作のドロップイベントで、上述のようにプログラムの実行で、内部リンクであるか否かにより、両リンクの表示属性又は配置位置を異ならせて視覚上区別できるようにする。
【００７２】
この状態で、子ブロック２１〜２５の任意の１つ、例えば子ブロック２５の編集・通常表示ボタン５０を押下すると、図１２（Ｂ）に示すように、このブロックが親ブロック２０の場合と同様の編集状態となる。ただし、子ブロック２５のタイトルは親ブロック２０で編集できるので、プログラムの複雑化及び見た目上の複雑感を避けるため、子ブロック２５のタイトルはリードオンリーとなっている。
【００７３】
親ブロック２０の場合と異なり、子ブロック２５のサブタイトル入力ボックス５４にサブタイトルを入力して追加ボタン５７を押下すると、このサブタイトルが新規Ｗｅｂ頁のタイトル及び親ブロック２０のタイトルとして確定する。
【００７４】
編集が繰り返されることによるサーバＳＶの負荷を軽減するため、この段階では新規Ｗｅｂ頁のＵＲＬは決定されない。編集・確定ボタン４６を押下したときに、頁内の編集されたデータが一括してサーバＳＶへ送信され、そのうち、ＵＲＬ未決定のサブタイトル（未リンクサブタイトル）に対し、これをタイトルとする新規頁のＩＤがサーバＳＶで付与されて、クライアントＣＬに返信される。Ｗｅｂ頁に含まれるスクリプトの実行により、この頁ＩＤが以下のようにＵＲＬに変換され、これと、これに対応するＵＲＬ未決定のサブタイトルとのペアで新規頁のリンクが確定する。一方サーバＳＶ側では、この新規頁のデータ（頁ＩＤ、タイトル、ユーザＩＤ及びリンク元頁ＩＤを含むデータ）を作成してデータベースに追加する。
【００７５】
これにより、ユーザが未だ作成していない（タイトルのみ決定した）新規頁に対するリンクが作成されて、階層化が行われるとともに、このリンクを選択することにより、容易に新規頁を作成することができる。逆に言えば、これができないと、新規頁を作成し、４３を押下してそのリンクアイコン４１を生成し、頁移動した後に、リンクアイコン４１をドラッグアンドドロップ操作で子ブロックへ移動させなければならないので、煩雑になる。
【００７６】
ここで、内部頁のＵＲＬはドメイン名が共通であるので、データ量削減のため図４（Ｃ）に示すように、相対アドレスで表す。サーバＳＶで付与された頁ＩＤが図４（Ｄ）に示すように例えば0000012である場合、この頁ＩＤを例えば図４（Ｃ）に示すようにpageId_0000012.htmに変換する。サーバＳＶ側では内部リンクデータとして、図４（Ｄ）の形式のデータをデータベースに格納しておけばよい。
【００７７】
上記リンクの確定により、図１３（Ａ）に示すように、このリンクが子ブロック２５内に表示される。図１３（Ａ）では、外部頁のリンクと内部頁のリンクとを区別するため、内部リンクを外部リンクよりも上方に配置するとともに、その背景色を、外部リンクのものと変えている。
【００７８】
この内部リンクを選択すると、その頁へ移動し、図１４（Ａ）に示す如く、新規頁のタイトルを含む親ブロック２０が表示される。図８（Ａ）との相違は、このタイトルが記入されているか否かである。この状態から、上記同様にして子ブロックを生成し、リンクアイコン４１を分配することにより、図１４（Ｂ）に示すようなＷｅｂ頁が作成される。
【００７９】
図３は、ブロック間のリンクの状態を矢印で示している。矢印先端は、実際には頁であるが、頁と親ブロックのタイトルが同一であるので、上述のように両者を等価なものとみなすことができ、矢印先端を親ブロックにしている。
【００８０】
図５は、サブタイトルの入力確定に対する処理を示す概略フローチャートである。以上の説明から容易に理解できるので、これを簡説する。
【００８１】
（Ｓ０）ユーザがブロック内のサブタイトルを入力し、確定操作を行うと、Ｓ１へ進む。
【００８２】
（Ｓ１）このサブタイトルが、親ブロックで入力されたものであればＳ２へ進み、子ブロックで入力されたものであればＳ３へ進む。
【００８３】
（Ｓ２）このサブタイトルをタイトルとする所定サイズの子ブロックを、現頁で何番目の子ブロックであるかにより定る位置へ生成するとともに、このサブタイトルを親ブロックに表示させ、図５の処理を終了する。
【００８４】
（Ｓ３）ＵＲＬ未定のこのサブタイトルを、これが入力された子ブロックのサブタイトルリスト５３に表示させると共に、後の頁編集確定時（頁移動時も頁編集確定時とみなす）にこれを新たなＷｅｂ頁及びこの頁へのリンクのタイルとしてサーバＳＶへ送信するため、記憶部に保存する。
【００８５】
図６は、頁編集確定操作を行ってから、図５の未定の内部頁ＵＲＬを決定するまでの手順を示す概略フローチャートである。左側はクライアントＣＬ側の処理であり、右側はサーバＳＶ側の処理である。
【００８６】
（Ｓ１０）ユーザが頁編集の確定操作を行うと、Ｓ１１へ進む。
【００８７】
（Ｓ１１）この頁について編集されたデータがあればＳ１２へ進み、なければ図６の処理を終了する。
【００８８】
（Ｓ１２）該編集されたデータをサーバＳＶへ送信する。
【００８９】
（Ｓ２０）サーバＳＶでは、このデータにＵＲＬ未定のサブタイトルが含まれていればＳ２１へ進み、そうでなければ図６の処理を終了する。
【００９０】
（Ｓ２１）ＵＲＬ未定のサブタイトル（ＳＴ）をカウントし、その値を変数Ｎに代入する。
【００９１】
（Ｓ２２）サーバＳＶはシリアルな頁ＩＤの最大値ＩＤmaxをＩＤmax0として保存し、また、ＩＤmaxにこのＮを加算したものでこの最大値ＩＤmaxを更新する。
【００９２】
（Ｓ２３）ＵＲＬ未定の各サブタイトルに頁ＩＤを付与し、サブタイトルと頁ＩＤとのペアを、これが属するブロックＩＤ（これはＳ１２のデータに含まれている）及びこの頁のユーザＩＤと対応付けてデータベースに格納する。また、このサブタイトルをタイトルとする新規頁ＩＤのＷｅｂ頁データを、この頁のユーザＩＤ及びこの頁のリンク元の頁ＩＤと対応付けてデータベースに格納する。
【００９３】
（Ｓ２４）先頭の新規頁ＩＤである値（ＩＤmax0＋１）をクライアントＣＬに返信する。
【００９４】
（Ｓ１３）クライアントＣＬは、この頁ＩＤを受信する。
【００９５】
（Ｓ１４）サーバＳＶへ送信した際のＵＲＬ未定のサブタイトルの順番に従って、サブタイトルを頁ＩＤと対応付け、すなわち、先頭からｉ番目（ｉ＝１、２、・・・）のタイトルに頁ＩＤ＝ＩＤmax0＋ｉを割当て、この頁ＩＤを含むＵＲＬを該サブタイトルに付与してリンク化する（ＨＴＭＬのspanタグをaタグに変更する）。これにより、新規内部頁のリンク元が確定する。このリンクは内部リンクであるので、内部リンクの表示属性を所定のものにして外部リンクのそれと異ならせる。より具体的には、内部リンク用のクラス属性を予め定めておき、このクラス属性をスクリプトの実行でアンカータグに付与する。
【００９６】
新規内部頁のリンク先頁データは、ユーザがこのリンクを選択してこの頁をサーバＳＶに要求したときに受信する。
【００９７】
なお、サーバＳＶ側で付与した頁ＩＤだけでなく、これと未リンクサブタイトルとの組をクライアントＣＬ側へ返信する構成であってもよい。また、ブロックのデータは比較的少量であるので、Ｓ１１では、編集されたブロックがあればそのブロック全体のデータをサーバＳＶへ送信してサーバＳＶ側もブロック単位でデータを更新し、又は、編集されたデータがあればその頁全体のデータをサーバＳＶへ送信してサーバＳＶ側も頁単位でデータを更新することにより、データベースに対するアクセス回数を低減してもよい。
【００９８】
また、ユーザ本人が作成した全頁のデータをセッション開始時に受信してローカルストレージに保存しておき、データの追加、変更、削除はこのローカルストレージに対して行い、ユーザによる明示のログオフ時又はブラウザを閉じる直前のイベントに応答して、このローカルストレージに格納されている全頁のデータをサーバＳＶへ送信し、サーバＳＶ側では、このユーザの全頁のデータで、保存されているこのユーザの全頁のデータを置換するようにしてもよい。
【００９９】
さらに、追加ボタン５７又は編集・通常表示ボタン５０の押下に応答して、上記同様にして新規頁ＩＤ（新規Ｗｅｂ頁のＵＲＬ）を決定することにより、そのリンクを直ちにブロックに張る構成であってもよい。
【０１００】
図１５は、サーバＳＶ側データベースの概略ブロック図である。
【０１０１】
このデータベースは、ユーザ登録情報と、ＩＤmaxと、ユーザＩＤ毎の、アイコンコンテナ４０上に配置される全リンクアイコン４１に対応したデータ（ＢＡＲＳ）と、頁ＩＤ毎の全ブロック内のデータ（ＢＬＯＣＫＳ）とを含んでいる。
【０１０２】
頁の削除は、頁削除ボタン４７を押下することにより行われる。頁の削除は、その頁のみであり、頁内の内部リンクのリンク先頁は削除されず、頁内の全内部リンクがリンクアイコン４１に変換されてアイコンコンテナ４０上に配置され、上記マイホームページへ移動する。
【０１０３】
また、リンクアイコン４１の削除は、ごみ箱４５へのドラッグアンドドロップ操作で行われる。
【０１０４】
本実施例１によれば、親ブロック内でサブタイトルを入力し確定させるだけで、このサブタイトルをタイトルとする子ブロックが生成され、子ブロック内でサブタイトルを入力し確定させるだけで、このサブタイトルをタイトルとする未作成の新規頁へのリンクが生成され、また、リンクアイコン４１を移動させるだけで子ブロックのコンテンツが作成されるので、頁作成作業が簡単である。
【実施例２】
【０１０５】
実施例１では、図３のような階層構造のリンクを辿っていくので、所望のＷｅｂ頁へ到達するのにユーザの選択スッテプ数が多くなるという問題がある。
【０１０６】
そこで、この実施例２では、図１７（Ａ）に示すように、Ｗｅｂ頁の上部に、各内部頁に共通の（頁移動しても変化しない）ドロップダウンリスト６０、６１及び６２を配置している。ドロップダウンリスト６０、６１及び６２はそれぞれ、ユーザ本人で作成した頁、他のユーザが作成した頁及びサイト管理者が作成した頁のリンクを張るためのものである。ここに、サイト管理者が作成した頁（Ｍｅｎｕ頁）は、その子ブロックのタイトルが「科学」、「趣味」のように分野を示しており、ユーザが作成した頁のリンクをドラッグアンドドロップ操作で、対応する子ブロックに移動させることができる。ブロック内リンク数が多くなるので、スクロールバーをブロックに備えている。
【０１０７】
内部頁でツールボタン４３を押下すると、外部頁の場合と同様に、図１７（Ｂ）に示すようにリンクアイコン４１が生成される。リンクアイコン４１が、ユーザ本人の頁であればドロップダウンリスト６０へ、他のユーザが作成した頁であればドロップダウンリスト６１へ、サイト管理者が作成した頁であればドロップダウンリスト６２へ、ドラッグアンドドロップ操作によりリンクアイコン４１を移動させる。子ブロックへのドラッグアンドドロップの場合と同様に、ドロップした際に、現在の頁をリンク先とし該タイトルを表示内容とするリンクのＨＴＭＬタグ表示属性が変更されて、図１８に示すようにドロップダウンリスト６０に追加される。
【０１０８】
ドラッグアンドドロップは、ドロップダウンリスト６０、６１、６２、ブロック２０〜２５及びアイコンコンテナ４０の相互間で、これらの任意の１つからアイコンコンテナ４０へ、さらにそれ自身へ、行うことができる。これにより、ユーザは分りやすく、操作性が向上する。ドロップ対象は、最後の行の次へ移動される。これにより、それ自身へのドラッグアンドドロップは、ドロップダウンリスト６０内やブロック内でのリンクの順序を変更するのに利用することができる。
【０１０９】
図１９は、リンクアイコン４１のブロック２０〜２５のいずれかへのドロップイベントに対する処理を示す概略フローチャートである。
【０１１０】
（Ｓ３０）現在の内部頁が、ユーザ本人の頁又はＭｅｎｕ頁であれば、Ｓ３１へ進み、そうでなければＳ３２へ進む。
【０１１１】
Ｍｅｎｕ頁であるか否かは、頁ＩＤが所定範囲のものであるか否かで判定される。また、サーバＳＶ側で、要求された内部頁のユーザＩＤが、要求したユーザのユーザＩＤと一致するか否かを示す情報を、内部頁のデータに含ませてクライアントＣＬに返信するので、クライアントＣＬ側では、この情報で、現在の内部頁がユーザ本人の頁であるか否かを判定する。
【０１１２】
（Ｓ３１）見栄え上、リンクアイコン４１のリンクの属性を変更してそのリンクをブロックへ移動させ、Ｓ３２の次の処理へ移る。
【０１１３】
（Ｓ３２）リンクアイコン４１をドラッグ開始点へ戻すことにより、リンクの移動を禁止する。これにより、他のユーザにより作者の内部頁が荒されるのが防止される。
【０１１４】
他の点は、実施例１と同一である。
【０１１５】
図２０及び図２１は、試作段階の内部頁のブラウザ上画像を示す。
【０１１６】
本実施例２によれば、ドロップダウンリスト６０内の項目を選択することによりその内部頁へ直接ジャンプすることができるので、上記問題点が解決される。
【０１１７】
また、ユーザ本人が作成した頁から他人が作成した頁へ直接ジャンプすることができることと、リンクが分類され且つ見易いこととから、他人が作成したブックマークの利用率が向上し、これにより、ユーザの検索時に要する重複労力を削減する効果が高められる。
【０１１８】
なお、Ｗｅｂ頁の表示画面上ヘッダー部に、頁の作者を記載し、これに、作者のプロフィール等の頁へのリンクを貼ることにより、作者を容易に確認できるので、ドロップダウンリスト６０、６１及び６２を上記のように区別しなくてもよい。
【０１１９】
また、リンクさせたくない頁を作成する場合、実施例１の図１２（Ｂ）で説明したようにリンクした新規頁を作成しておき、このリンクをドラッグアンドドロップ操作でドロップダウンリスト６０へ移動させる。これにより、リンク元のない新規頁を作成するためのボタンを上部右の頁削除ボタン４７の横に備える必要がないので、構成が簡単になる。
【実施例３】
【０１２０】
上記実施例１又は２によれば、頁作成作業自体は簡単であるものの、各ブロックに編集部が存在するので、見かけ上、煩雑な感じを与える。
【０１２１】
そこで、本実施例３では、各ブロックの編集部を１箇所に集約している。
【０１２２】
ユーザ登録が完了し、本サイト内のユーザ本人の頁へ移動すると、図２２（Ａ）に示すようなマイホーム頁が表示される（但し、タイトル入力ボックス５４Ａ内は未記入である。）。
【０１２３】
タイトル入力ボックス５４Ａ及び追加ボタン５７Ａは、各ブロックに共通に用いられる。新規登録ユーザがまごつかないようするため、初期状態で頁編集状態になっている。すなわち、表示画面上ヘッダー部には編集・確定ボタン４６及び頁削除ボタン４７が表示され、また、ごみ箱４５が表示されている。図８（Ｂ）のアイコンコンテナ４０は、表示上の煩雑さを避けるため、境界が周囲と区別できないように表示され、すなわち実質的に非表示にされている。また、以下の説明から明らかなように、各ブロック内に編集部がないので、編集・通常表示ボタン５０も表示されていない。
【０１２４】
図示のようにタイトル入力ボックス５４Ａにタイトルを入力し、追加ボタン５７Ａを押下すると、図２２（Ｂ）に示すように、タイトル入力ボックス５４Ａの隣にテキストアイコン６３が表示される。テキストアイコンは例えば、ＨＴＭＬのspanタグ内にテキストを含みこのspanタグに所定の背景画像を持たせたものである。ユーザがテキストアイコン６３をドラッグアンドドロップ操作により親ブロック２０内へ移動させることにより、ドロップイベントハンドラで、例えば該spanタグ内のテキストがコピーされてこのspan要素が削除され、さらにこのテキストを含む新たなspan要素が親ブロック２０内の所定コンテナ内に作成されて、図２３（Ａ）に示すように、親ブロック２０のタイトル（ラベル）が確定する。これと同時に、Ｗｅｂ頁内のスクリプトにより、このタイトルが現在のＷｅｂ頁のタイトルに設定される。
【０１２５】
同様に、図示のようにタイトル入力ボックス５４Ａにサブタイトルを入力し、追加ボタン５７Ａを押下すると、図２３（Ｂ）に示すように、タイトル入力ボックス５４Ａの隣にテキストアイコン６３が表示される。テキストアイコン６３を親ブロック２０へドラッグアンドドロップ操作することにより、図２４（Ａ）に示すように、実施例１の場合と同様に親ブロック２０内の１つのサブタイトル（ラベル）が確定するとともに、このサブタイトルをタイトルとする子ブロック２１が矢印２１ａ（imgタグ）と共に表示される。以下、上記同様の処理を繰返して、図２４（Ｂ）に示す状態になる。
【０１２６】
ここで、テキストアイコン６３を生成した理由は、１つ以上の子ブロックが存在する場合、どれにテキストアイコン６３を移動させるか選択できるからである。
【０１２７】
子ブロックが表示された後は、任意の時点で、子ブロックへのテキストアイコン６３のドラッグアンドドロップ操作により、実施例１で子ブロック内のタイトル入力ボックス５４に入力したサブタイトルを確定した場合と同じ処理が行われる。
【０１２８】
操作の統一性を図るため、子ブロックが存在しない段階でテキストアイコン６３を生成しているが、子ブロックが存在しない段階ではテキストアイコン６３を生成せずにタイトルを直接ブロックに表示させるようにしてもよい。
【０１２９】
次に、実施例１の場合と同様に、適当なＷｅｂ頁のＵＲＬとタイトルの組をアイコン化し、それらをドラッグアンドドロップ操作で子ブロック２１〜２５内へ適当に分配することにより、図２５（Ａ）に示す状態となる。
【０１３０】
親ブロック２０にドロップしたタイトル（ラベル）、サブタイトル（ラベル）又はブロック２０〜２５に分配したリンクの任意の１つを、ドラッグアンドドロップ操作でタイトル入力ボックス５４Ａへ移動させると、図２５（Ｂ）に示すように、その要素のテキストがタイトル入力ボックス５４Ａ内に記入されるとともに、この要素が消滅される。このテキストを図２４（Ａ）に示すように変更した後の処理は、上述のテキストアイコン６３の作成及び移動と同じである。すなわち、追加ボタン５７Ａを押下し、図２６（Ｂ）に示すように生成されたアイコンをドラッグアンドドロップ操作で元のブロックへ移動させると、図２７（Ａ）に示す状態になる。このようにして、文字列の変更が行われる。親ブロック２０のタイトルを変更した場合には、実施例１と同様に、現在の頁のタイトルも変更される。
【０１３１】
ラベル又はリンクの削除は、ラベル又はリンクのごみ箱４５へのドラッグアンドドロップ操作で行われる。
【０１３２】
したがって、アイコンのドラッグアンドドロップという統一した操作で、ブロック及びブロック内のコンテンツを生成し編集することが可能になる。
【０１３３】
親ブロック２０内のサブタイトルを削除した場合、対応する子ブロックも削除される。この際、その空き領域を詰めるように他の子ブロックが移動される。例えば、子ブロック２１、２２、２４、２３、２５の順に配置した後、子ブロック２４を削除すると、子ブロック２３が子ブロック２４の位置へ移動され、子ブロック２５が子ブロック２３の位置へ移動される。これにより、子ブロック数が同一である頁は全て、子ブロックの配置が同一に統一される。
【０１３４】
次に、編集・確定ボタン４６を押下すると、実施例１の場合と同様に、編集された頁データがサーバＳＶへ送信されて確定するとともに、図２７（Ｂ）に示すようにごみ箱４５及び頁削除ボタン４７が非表示となり、編集モードからリードオンリーモードに移行する。
【０１３５】
他の点は、実施例２と同一である。
【実施例４】
【０１３６】
実施例３において、子ブロックが存在していてもテキストアイコン６３の移動先を親ブロックに限定すれば、テキストアイコン６３を表示させることなく、新たな子ブロックを表示させるとともにそのタイトルを設定することができ、操作が簡単になる。この場合、図２２（Ａ）で親ブロック２０を表示させる必要がない。
【０１３７】
テキストアイコン６３の移動先を選択する場合には、追加ボタン５７ＡをＷ押下（マウスのＷクリック）し又は特定のキー、例えばコントロールキーを押下した状態で追加ボタン５７Ａを押下して、テキストアイコン６３を生成し、これをドラッグアンドドロップ操作で任意のブロックへドロップさせる。
【０１３８】
図３１は、追加ボタン５７Ａの押下、Ｗ押下又はブロック２０〜２５のいずれかのタイトルをごみ箱４５へドロップさせたときのイベントに対するイベントハンドラの概略フローチャートであり、これにより、上記処理及び実施例３での一部の処理が行われる。
【０１３９】
ここで、ユーザ登録が完了し、本サイト内のユーザ本人の頁へ移動すると、図２８（Ａ）に示すようなマイホーム頁が表示される。図２８（Ｂ）に示すようにタイトル入力ボックス５４Ａに文字列を入力し、追加ボタン５７Ａをシングル押下すると、Ｓ４０及びＳ４１を通ってＳ４２へ進む。
【０１４０】
（Ｓ４２）ＣＮＴを１だけインクリメントする。ＣＮＴの初期値は０である。
【０１４１】
（Ｓ４３、Ｓ４９）ＣＮＴ＝７であればブロック数が６を超過していることを表示し、なにもしない。
【０１４２】
（Ｓ４４）ＣＮＴ＝１であれば、Ｓ４５へ進み、そうでなければＳ４７へ進む。
【０１４３】
（Ｓ４５、Ｓ４６）図２９（Ａ）に示すように、親ブロック２０を表示し、追加ボタン５７Ａへの入力文字列をタイトルとして親ブロック２０に表示し、追加ボタン５７Ａの入力文字列をクリアし、現在の頁をリンク先とし該タイトルを表示内容とするリンクをドロップダウンリスト６０に追加し、さらに、このタイトルを現在のＷｅｂ頁のタイトルに設定し、図３１の処理を終了する。
【０１４４】
このドロップダウンリスト６０へのリンク追加により、ツールボタン４３を押下してこの頁のリンクアイコン４１を生成させさらにこれをドロップダウンリスト６０へドラッグアンドドロップ操作で移動させる手間が省ける。このリンクは、後でブロックへドラッグアンドドロップ操作で移動させることができ、この場合も、ツールボタン４３を押下してこの頁のリンクアイコン４１を生成する手間が省ける。
【０１４５】
（Ｓ４７、Ｓ４８）（ＣＮＴ−１）番目の子ブロックを、（ＣＮＴ−１）の値で定る所定位置に表示し、これに、追加ボタン５７Ａへの入力文字列をタイトルとして表示し、追加ボタン５７Ａの入力文字列をクリアして、図３１の処理を終了する。例えば、図２９（Ｂ）に示すようにタイトル入力ボックス５４Ａに文字列を入力し、追加ボタン５７Ａをシングル押下すると、図３０（Ａ）に示す状態になる。図３０（Ｂ）は、同様の処理を繰返した結果を示す。
【０１４６】
（Ｓ４０、Ｓ５４）追加ボタン５７ＡがＷ押下された場合には、タイトル入力ボックス５４Ａへの記入文字列を含むテキストアイコン６３を生成し、図３１の処理を終了する。
【０１４７】
ブロック２０〜２５のいずれかのタイトルがドラッグされた場合、その開始時点で、ブロック２０〜２５のいずれのタイトルであるかを記憶しておく。
【０１４８】
（Ｓ４１、Ｓ５０）タイトルがごみ箱４５へドロップされた場合、子ブロックからのタイトルであればその子ブロックを削除し、実施例３で述べたように、その空き領域を詰めるように他の子ブロックを移動させる。親ブロックのタイトルであれば、現在の頁を削除してよいか確認の表示をし、「Ｙｅｓ」であれば、表示されている全ブロックを削除する。ただし、実施例１と同様に、頁の削除は、その頁のみであり、頁内の内部リンクのリンク先頁は削除されず、頁内の全内部リンクがリンクアイコン４１に変換されて、非表示のアイコンコンテナ上に配置され、上記マイホームページへ移動する（リンクアイコンは頁移動により変化しない）。
【０１４９】
他の点は、実施例３と同一である。
【実施例５】
【０１５０】
本発明の実施例５では、実施例４において、追加ボタン５７ＡをＷ押下しても、テキストアイコン６３を生成しない。この替りに、図３２（Ａ）に示すように、頁編集状態で頁削除ボタン４７と共に表示される頁追加ボタン４８を備えている。
【０１５１】
この頁追加ボタン４８を押下すると、ブラウザ１０はサーバＳＶにユーザＩＤと共に新規頁ＩＤを要求し、サーバＳＶ側で、実施例１で述べた頁ＩＤ最大値ＩＤmaxが１だけインクリメントされ、頁ＩＤ＝ＩＤmaxの新規頁が生成されて返信され、ブラウザ１０に、図３２（Ｂ）に示すような新規頁が表示される。この頁ＩＤは、ＵＲＬに含まれているので、これから取得できる。
【０１５２】
他の点は、実施例４と同一である。
【０１５３】
親ブロック２０のタイトルを確定するとドロップダウンリスト６０にこの新規頁のリンクが追加される。ドロップダウンリスト６０がこのユーザ作成の全内部頁で共通であるので、この新規頁を完成後、図３２（Ａ）の頁へ移動してドロップダウンリスト６０のリスト上の該リンクを子ブロックへドラッグアンドドロップ操作により移動させることにより、容易に階層構造化することができる。
【実施例６】
【０１５４】
実施例４及び５では、図９の説明入力ボックス５２に対応した構成がない。一方、表示上の構成はできるだけ簡単にした方が好ましい。
【０１５５】
そこで、実施例６では、図３３（Ａ）に示すように、単一行と複数行をユーザに選択させるラジオボタン６４及び６５をタイトル入力ボックス５４Ａの左横に配置している。初期状態では、ラジオボタン６４が選択されている。
【０１５６】
ラジオボタン６５を選択すると、そのイベントハンドラで、タイトル入力ボックス５４Ａが図３３（Ｂ）に示すように、複数行入力の複数行テキスト入力ボックス５４Ｂに変更される。これに文字列を入力し、追加ボタン５７Ａを押下すると、図３３（Ｃ）に示すように、この文字列を含むテキストアイコン６６が生成される。
【０１５７】
テキストアイコン６６を任意のブロック、例えば親ブロック２０へドラッグアンドドロップ操作により移動させると、図３３（Ｄ）に示すように、タイトルとリンクの間のコンテナに、この文字列が入れられる。図３３（Ｅ）はこの親ブロック２０にさらにサブタイトルを、上記実施例と同様にして表示させた状態を示す。
【０１５８】
図３４は変形例を示しており、複数行テキスト入力ボックス５４Ｂに、プレーンテキストの替りにＨＴＭＬ文が記入される。図３４（Ａ）〜（Ｄ）はそれぞれ図３３（Ｂ）〜（Ｅ）に対応している。ＨＴＭＬアイコン６６Ａは、入力したＨＴＭＬ文に背景画像を加えたものであり、ドロップ時にこのＨＴＭＬ文のみ移動する。
【０１５９】
他の点は、実施例３、４又は５と同一である。
【０１６０】
以上において、本発明の好適な実施例を説明したが、本発明には他にも種々の変形例が含まれ、上記実施例間の構成要素の組合わせ、上記実施例で述べた各構成要素の機能を実現する他の構成を用いたもの、当業者であればこれらの構成又は機能から想到するであろう他の構成も、本発明に含まれる。
【０１６１】
例えば、リンクやラベル等のドラッグアンドドロップ操作の替りに、移動先をポインティングデバイスでポイントして選択した後に、追加ボタン５７又は５７Ａを押下したり、キーボード上のリターンキーを押下したりすることにより、リンクやラベル等移動させる構成であってもよい。
【０１６２】
また、頁ＩＤはＵＲＬ自体であってもよい。親ブロック２０内のサブタイトルを表示しない構成であってもよい。
【０１６３】
さらに、矢印２１ａ〜２５ａの替りに、ブロック間を線で接続したり、親ブロックと子ブロックとを、表示属性の相違や配置位置のみで区別する構成であってもよい。
【０１６４】
また、サーバをプライベート若しくはパブリックのクラウドサーバとしたり、ＵＲＬをＷｅｂアプリケーションのＵＲＬとしたり、サーバ側での処理とクライアント側での処理の分担を変更したりしてもよいことは勿論である。例えば、頁ＩＤをユーザＩＤに対応した上位の値とユーザ毎に割り当てた所定範囲の頁Ｎｏである下位の値で表すことにより、クライアントサイドのみで新規頁を割り当てるようにしてもよい。この場合、ユーザ本人の頁データをローカルストレージに保存しておくことにより、サーバから一括してユーザ本人の頁データを取得した後は、他人の頁のみサーバからデータを取得すればよい。
【０１６５】
本発明は、ソーシャルブックマーク頁のみならず、Ｗｅｂ上の情報を整理して閲覧させる頁又はＷｅｂアプリケーションメニュー頁を作成するのに適用可能である。
【符号の説明】
【０１６６】
１０  ブラウザ
２０  親ブロック
２１〜２５  子ブロック
２１ａ、２２ａ、２３ａ、２４ａ、２５ａ  矢印
３０  タイトル
３１〜３５  サブタイトル
４０  アイコンコンテナ
４１  リンクアイコン
４２  タイトル
４３  ツールボタン
４４  集散ボタン
４５  ごみ箱
４６  編集・確定ボタン
４７  頁削除ボタン
４８  頁追加ボタン
５０  編集・通常表示ボタン
５１  タイトル入力ボックス
５２  説明入力ボックス
５３  サブタイトルリスト
５４、５４Ａ  タイトル入力ボックス
５４Ｂ  複数行テキスト入力ボックス
５５  変更ボタン
５６  削除ボタン
５７、５７Ａ  追加ボタン
６０〜６２  ドロップダウンリスト
６３、６６  テキストアイコン
６４、６５  ラジオボタン
６６Ａ  ＨＴＭＬアイコン
ＣＬ  クライアント
ＳＶ  サーバ
ＩＮＥＴ  インターネット
【図１】
2012248045.tif 000003
【図２】
2012248045.tif 000004
【図３】
2012248045.tif 000005
【図４】
2012248045.tif 000006
【図５】
2012248045.tif 000007
【図６】
2012248045.tif 000008
【図７】
2012248045.tif 000009
【図８】
2012248045.tif 000010
【図９】
2012248045.tif 000011
【図１０】
2012248045.tif 000012
【図１１】
2012248045.tif 000013
【図１２】
2012248045.tif 000014
【図１３】
2012248045.tif 000015
【図１４】
2012248045.tif 000016
【図１５】
2012248045.tif 000017
【図１６】
2012248045.tif 000018
【図１７】
2012248045.tif 000019
【図１８】
2012248045.tif 000020
【図１９】
2012248045.tif 000021
【図２０】
2012248045.tif 000022
【図２１】
2012248045.tif 000023
【図２２】
2012248045.tif 000024
【図２３】
2012248045.tif 000025
【図２４】
2012248045.tif 000026
【図２５】
2012248045.tif 000027
【図２６】
2012248045.tif 000028
【図２７】
2012248045.tif 000029
【図２８】
2012248045.tif 000030
【図２９】
2012248045.tif 000031
【図３０】
2012248045.tif 000032
【図３１】
2012248045.tif 000033
【図３２】
2012248045.tif 000034
【図３３】
2012248045.tif 000035
【図３４】
2012248045.tif 000036