JP6895698B1 - 作成支援装置およびプログラム - Google Patents

Abstract

【課題】記事型ランディングページなどのウェブページを作成する際の制限を緩和しやすい作成支援装置を提供する。【解決手段】作成者からの入力を受け付ける受付部１１と、記事型ランディングページに表示するコンテンツの種類に対応付けされた複数のエレメントを記憶する記憶部１２と、作成する記事型ランディングページをウェブ上で表示される態様でプレビュー画面に表示させるプレビュー部１３と、複数のエレメントのうち、受付部１１で受け付けた入力に基づいて特定されるエレメントを、プレビュー画面における所望の領域に配置する配置部１４と、プレビュー画面に表示されている記事型ランディングページをウェブページ上で表示させるソースコードを生成して出力可能とする生成部１５と、が設けられていることを特徴とする。【選択図】図１

Description

本発明は、ウェブ上に表示されるコンテンツ、例えば記事型ランディングページなどのウェブページの作成に用いて好適な作成支援装置およびプログラムに関する。

従来、記事型ランディングページやブログなどのウェブページを作成する際には作成依頼を受けた記者などのライターが、ウェブページの原稿を作成し、作成した原稿に基づいてウェブエンジニアなどの技術者がウェブページを作成していた。このようなウェブページの作成を支援する種々の技術が提案されている（例えば、特許文献１参照。）。

特許第５２３７８７５号

特許文献１に記載の技術では、ウェブページの作成者はネットワークを介して接続した所定のサーバおよびデータベース（以降「サーバ等」と表記する。）上でウェブページを作成したり編集したりしている。また、作成したウェブページを閲覧する場合には、ネットワークを介して所定のサーバ等に接続して閲覧をしていた。

言い換えると、ウェブページを作成したり編集したりするサーバ等が、ウェブページの公開に用いられるサーバ等に限定されていた。そのため、ウェブページを作成する環境の自由度が制限されやすくなるという問題があった。

本発明は、上記の課題を解決するためになされたものであって、記事型ランディングページなどのウェブページを作成する際の制限を緩和しやすい作成支援装置を提供することを目的とする。

上記目的を達成するために、本発明は、以下の手段を提供する。
本発明の第１の態様に係る作成支援装置は、記事型ランディングページの作成を支援する作成支援装置であって、作成者からの入力を受け付ける受付部と、前記記事型ランディングページに表示するコンテンツの種類に対応付けされた複数のエレメントを記憶する記憶部と、作成する前記記事型ランディングページをウェブ上で表示される態様でプレビュー画面に表示させるプレビュー部と、前記複数のエレメントのうち、前記受付部で受け付けた前記入力に基づいて特定されるエレメントを、前記プレビュー画面における所望の領域に配置する配置部と、前記プレビュー画面に表示されている前記記事型ランディングページをウェブページ上で表示させるソースコードを生成して出力可能とする生成部と、が設けられていることを特徴とする。

本発明の第２の態様に係るプログラムは、記事型ランディングページの作成を支援するプログラムであって、コンピュータに、作成者からの入力を受け付ける受付機能と、前記記事型ランディングページに表示するコンテンツの種類に対応付けされた複数のエレメントを記憶する記憶機能と、作成する前記記事型ランディングページをウェブ上で表示される態様でプレビュー画面に表示させるプレビュー機能と、前記複数のエレメントのうち、前記受付部で受け付けた前記入力に基づいて特定されるエレメントを、前記プレビュー画面における所望の領域に配置する配置機能と、前記プレビュー画面に表示されている前記記事型ランディングページをウェブページ上で表示させるソースコードを生成して出力可能とする生成機能と、を実現させることを特徴とする。

本発明の第１の態様に係る作成支援装置および第２の態様に係るプログラムによれば、記事型ランディングページをウェブページ上で表示させるソースコードを生成して出力可能となる。出力されたソースコードを、ウェブページを表示可能な他の端末に入力することで、作成した記事型ランディングページを表示することができる。

エレメントをプレビュー画面における作成者が指示する所望の領域に配置でき、配置したエレメント内にコンテンツを入力することが可能となる。そのため、作成者はウェブページ上で表示される態様を確かめつつ記事型ランディングページを作成することができる。

上記発明の第１の態様において前記プレビュー部は、前記受付部で受け付けた前記入力に基づいて前記プレビュー画面の大きさ、および、形状の少なくとも一方を変更可能であり、前記プレビュー画面の大きさ、および、形状の少なくとも一方を検知する検知部と、検知された前記プレビュー画面の大きさ、および、形状の少なくとも一方に応じて前記プレビュー画面に配置された複数の前記エレメントの相対的な配置関係を変更する表示変更部と、が更に設けられていることが好ましい。

このように検知部および表示変更部を設けることにより、プレビュー画面の大きさ、および、形状の少なくとも一方を変更することにより、プレビュー画面に配置された複数のエレメントの相対的な配置関係が変更される。

例えば、プレビュー画面の大きさや形状は、記事型ランディングページを表示する表示機器の大きさや形状に変更することができる。このように変更することで、当該表示機器で記事型ランディングページが表示される態様を確認することができる。

上記発明においては、前記記事型ランディングページを表示する表示部の大きさ、および、形状の少なくとも一方に応じて前記プレビュー画面に配置された複数の前記エレメントの相対的な配置関係を変更する表示変更部と、前記表示部の大きさ、および、形状の少なくとも一方を選択する選択部が更に設けられ、前記表示変更部は、前記選択部により選択された前記表示部の大きさ、および、形状の少なくとも一方に基づいて前記プレビュー画面に配置された複数の前記エレメントの相対的な配置関係を変更することが好ましい。

このように選択部および表示変更部を設けることにより、表示部の大きさ、および、形状の少なくとも一方を選択することにより、プレビュー画面に配置された複数のエレメントの相対的な配置関係が変更される。そのため、プレビュー画面において、記事型ランディングページが表示部に表示される態様を確認することができる。

本発明の作成支援装置によれば、記事型ランディングページをウェブページ上で表示させるソースコードを生成して出力することができるため、記事型ランディングページなどのウェブページを作成する際の制限を緩和しやすいという効果を奏する。

本発明の一実施形態に係る作成支援装置の構成を説明するブロック図である。 表示機器に表示されるプレビュー画面およびメニュー欄を説明する図である。 メニュー欄における各種ボタンが表示される態様を説明する図である。 プレビュー画面に各種エレメントが配置される態様を説明する図である。 横長のプレビュー画面が縦長に変更された場合の各種エレメントの配置変更を説明する図である。 本発明に係る作成支援装置の別の実施形態を説明するブロック図である。 本発明に係る作成支援装置の更に別の実施形態を説明する模式図である。

この発明の一実施形態に係る作成支援装置について、図１から図７を参照しながら説明する。本実施形態の作成支援装置１は、ウェブ上に表示されるコンテンツ、例えば記事型ランディングページなどのウェブページの作成を支援するものである。

記事型ランディングページは、訪問者を所望のページに誘導することを目的としたページである。また、記事型ランディングページには、訪問者が知りたい情報が文章、および、イラストや図や写真などの画像などが含まれている。文章および画像は、訪問者に対して強い印象を与えやすくなるよう、それぞれの相対的な配置などが工夫されている。

また、記事型ランディングページでは、紹介する商品やサービスなどの情報を訪問者に理解しやすい適切な順番で記載することが求められる場合が多い。その場合、商品やサービスなどについての深い理解や、理解しやすい説明方法などの知識が必要となる。

作成支援装置１は、図１に示すように、ＣＰＵ（中央演算処理ユニット）、ＲＯＭ、ＲＡＭ、入出力インタフェース等を有するパーソナルコンピュータ等の情報処理装置である。

上述のＲＯＭ等の記憶装置に記憶されているプログラムは、ＣＰＵ、ＲＯＭ、ＲＡＭ、入出力インタフェースを協働させて、少なくとも受付部１１、記憶部１２、プレビュー部１３、配置部１４、生成部１５、検知部１６、および、表示変更部１７として機能させるものである。

更に、作成支援装置１には、キーボードやマウスなどの入力機器２１や、液晶ディスプレイなどの表示機器３１が設けられている。作成支援装置１により記事型ランディングページなどのウェブページの作成支援が行われる際には、表示機器３１上に図２から図５に示す内容が表示される。例えば、プレビュー画面５１や、メニュー欄６１などが表示機器３１上に表示される。

作成支援装置１の受付部１１は、図１に示すように、記事型ランディングページの作成者からの入力を受け付けるものである。具体的には、作成者が入力機器２１を用いて入力した操作情報やコンテンツ情報などを受け付けるインタフェースである。

記憶部１２は、記事型ランディングページに表示するコンテンツの種類に対応付けされた複数のエレメント５２を記憶するものである。言い換えると、作成者に選択されたエレメント５２は、作成者の操作に基づいてプレビュー画面５１に配置される。

作成支援装置１は、記憶部１２に記憶されているエレメント５２に基づいて、図３に示すように、メニュー欄６１における「エレメントを追加」の欄に「文章の段落」「画像」「バナー」「ボタン」「リスト」「表組み」「引用」「注釈」「大見出し」「中見出し」「小見出し」「独自タグ」などの選択ボタンを表示する。

作成者はこれらのボタンのいずれかを押下して、プレビュー画面５１に表示するエレメント５２を選択する。なお、エレメント５２の種類は上述のものに限定されるものではなく、その他の種々の種類がエレメント５２の種類に含まれてもよい。

エレメント５２には、「文章の段落」「画像」「リスト」「表組み」「引用」「注釈」「大見出し」「中見出し」「小見出し」等のように作成者によるコンテンツの入力を前提としたものと、「バナー」「ボタン」等のように作成者によるコンテンツの入力を前提としていないものが含まれる。なお、「バナー」「ボタン」は作成者によるコンテンツの入力を前提としたものに含まれてもよい。

プレビュー部１３は、作成する記事型ランディングページをウェブ上で表示される態様でプレビュー画面５１に表示させる演算処理や、記事型ランディングページをウェブ上で表示させるソースコードをプレビュー画面５１に表示させる演算処理を行うものである。また、プレビュー部１３は、受付部１１で受け付けた入力に基づいてプレビュー画面５１の大きさ、および、形状の少なくとも一方を変更する演算処理を行うものでもある。

プレビュー画面５１に表示させる内容の切替えは、メニュー欄６１における「プレビュー」欄の「ｉｆｒａｍｅプレビュー」ボタン、「コードプレビュー」ボタンを用いて行われる（図３参照。）。例えば「ｉｆｒａｍｅプレビュー」ボタンを押下するとプレビュー画面５１には、ウェブ上で表示される態様で記事型ランディングページが表示される。「コードプレビュー」ボタンを押下するとプレビュー画面５１には、ソースコードが表示される。

配置部１４は、複数のエレメント５２のうち、受付部１１で受け付けた入力に基づいて特定されるエレメント５２を、プレビュー画面５１における所望の領域に配置する演算処理を行うものである。言い換えると、プレビュー画面５１上に表示されているエレメント５２の位置を移動させる演算処理を行うものである。

エレメント５２の移動は、メニュー欄６１における「現在のエレメント」欄の「上に移動」ボタン、「下に移動」ボタンを用いて行われる（図３参照。）。例えば、移動させるエレメント５２を選択して「上に移動」ボタンを押下すると、選択されたエレメント５２は上に移動する。「下に移動」ボタンを押下すると、選択されたエレメント５２は下に移動する。

なお、エレメント５２の移動を入力する方法として、上述のようにボタンを用いて入力してもよいし、移動させるエレメント５２をドラッグ アンド ドロップなどの公知の別の入力方法を用いてもよい。

本実施形態では、メニュー欄６１における「現在のエレメント」欄には、選択したエレメント５２を複製する「コピー」ボタンや、選択したエレメント５２をプレビュー画面５１から削除する「削除」ボタンが設けられている例に適用して説明する。

所望の領域に配置されるエレメント５２は、メニュー欄６１における「エレメントを追加」に表示された選択ボタンを押下して、プレビュー画面５１に追加されるエレメントであってもよい。

また、所望の領域に配置されるエレメント５２は、既にプレビュー画面５１に配置されたものであってもよい。言い換えると、配置部１４は、プレビュー画面５１に配置されたエレメント５２の位置を変更する演算処理を行ってもよい。

生成部１５は、作成した記事型ランディングページをウェブページ上で表示させるソースコードを生成する演算処理を行うものであり、生成したソースコードを出力可能とするものである。

ソースコードの生成は、メニュー欄６１における「ファイル」欄の「書き出し」ボタンを用いて行われる（図３参照。）。例えば「書き出し」ボタンを押下すると、作成した記事型ランディングページをウェブページ上で表示させるソースコードを出力可能に生成する演算処理が実行される。

検知部１６は、プレビュー画面５１の大きさ、および、形状の少なくとも一方を検知する演算処理を行うものである。ここでプレビュー画面５１は、横方向の長さや、縦方向の長さを作成者が任意に変更可能なものである。言い換えると、作成者はプレビュー画面５１を横長の画面や、縦長の画面に変更することができる。さらにプレビュー画面５１の表示面積を任意の面積に変更することもできる。検知部１６は、作成者が上述のように変更したプレビュー画面５１の形状や大きさなどを検知することができる。

表示変更部１７は、検知されたプレビュー画面５１の大きさ、および、形状の少なくとも一方に応じてプレビュー画面５１に配置された複数のエレメントの相対的な配置関係を変更する演算処理を行うものである。相対的な配置関係の変更内容については後述する。

次に、上記の構成からなる作成支援装置１における記事型ランディングページなどのウェブページの作成を支援について図２から図５を参照しながら説明する。
記事型ランディングページなどのウェブページの作成支援を行う際には、作成支援装置１の表示機器３１に図２に示す内容の画面が最初に表示される。

図２では、メニュー欄６１における「プレビュー」「ファイル」「ページ設定」「エレメントを追加」「現在のエレメント」の各欄に含まれる各種のボタンが折り畳まれて非表示とされている状態が示されている。なお、メニュー欄６１における「プレビュー」等の欄に含まれている各種のボタンが展開されて表示されている状態は図３に示す。

ウェブ上で表示される態様を確認しながら記事型ランディングページを作成する場合には、作業者は「プレビュー」欄の「ｉｆｒａｍｅプレビュー」ボタンを押下する。この操作によりプレビュー画面５１には、ウェブ上で表示される態様で記事型ランディングページが表示される。なお、「プレビュー」欄の「コードプレビュー」ボタンを押下すると、プレビュー画面５１には、ソースコードが表示される。

また、作成途中の記事型ランディングページの続きを作成する、または、編集する場合には、作業者は「ファイル」欄の「読み込み」ボタンを押下し、続きの作成、または、編集を行う記事型ランディングページのデータやソースコードの読み込みを行う。なお、読み込みする記事型ランディングページのデータ等は、「ファイル」欄の「保存」ボタンや、「書き出し」ボタンを押下して保存されたものを例示することができる。

本実施形態では、「保存」ボタンでは、作成支援装置１の独自フォーマットに基づくデータが保存され、「書き出し」ボタンではソースコードが出力される例に適用して説明するが、この例に限定されるものではない。出力されるソースコードは、生成部１５により生成される。

また、作成者は「ページ設定」欄の所望のボタンを押下することにより、作成または編集する記事型ランディングページのページ設定を行う。
作成または編集する記事型ランディングページにエレメント５２を追加する場合には、「ページ設定」欄の所望のボタンを用いる。例えば、「大見出し」ボタンを押下し、プレビュー画面５１の左側の上方を指定すると、図４に示すように、プレビュー画面５１の該当する領域に「大見出し」に対応するエレメント５２Ａが追加して表示される。

さらに、「画像」ボタンを押下し、プレビュー画面５１の右側の上方を指定すると、プレビュー画面５１の該当する領域に「画像」に対応するエレメント５２Ｂが追加して表示される。「リスト」ボタンを押下し、プレビュー画面５１の下方を指定すると、プレビュー画面５１の該当する領域に「リスト」に対応するエレメント５２Ｃが追加して表示される。

なお、本実施形態では、エレメント５２の種類を区別する必要がない場合には単にエレメント５２と表記し、上述のように種類を区別する必要がある場合には、「大見出し」に対応するエレメント５２Ａ、「画像」に対応するエレメント５２Ｂ、「リスト」に対応するエレメント５２Ｃと表記する。

プレビュー画面５１に配置されたエレメント５２には、エレメント５２に対応したコンテンツが入力される。例えば、「大見出し」に対応するエレメント５２Ａには、見出しの文言が入力される。「画像」に対応するエレメント５２Ｂには、画像が入力される。「リスト」に対応するエレメント５２Ｃには、リストの文言が入力される。

また、プレビュー画面５１に配置されたエレメント５２は、「現在のエレメント」欄の各種ボタンを用いて編集される。例えば、編集するエレメント５２を指定して「上に移動」ボタンを押下すると、指定されたエレメント５２は所定の距離だけ上方へ移動する。「下に移動」ボタンを押下すると、指定されたエレメント５２は所定の距離だけ下方へ移動する。「コピー」ボタンを押下すると、指定されたエレメント５２の複製が作成される。「削除」ボタンを押下すると、指定されたエレメント５２は削除される。

記事型ランディングページの作成者は、上述の「ページ設定」欄の各種ボタン、「エレメントを追加」欄の各種ボタン、および、「現在のエレメント」欄の各種ボタンなどを用いて所望の記事型ランディングページを作成する。記事型ランディングページの作成時における各種エレメント５２の追加や、配置位置の指定や変更は、配置部１４により行われる。

次に、プレビュー画面５１の大きさ、および、形状の少なくとも一方が変更された場合の表示について説明する。ここでプレビュー画面５１は、マウスなどの入力機器２１を用いて大きさ、および、形状の少なくとも一方が変更可能とされている。例えば、プレビュー画面５１の枠上にマウスのポインタを重ね、右クリックしつつポインタを移動させることにより、プレビュー画面５１の大きさ、および、形状の少なくとも一方を変更することができる。

図５は、横長のプレビュー画面５１（図４参照。）を縦長に変更した場合を示すものである。例えば、プレビュー画面５１の左右の枠を接近させた場合を示している。図４に示す横長のプレビュー画面５１は、例えば卓上型の液晶ディスプレイや、タブレット型情報端末のディスプレイ上に記事型ランディングページが表示された場合に相当し、図５に示す縦長のプレビュー画面５１は、スマートフォンのディスプレイ上に記事型ランディングページが表示された場合に相当する。

作成支援装置１の検知部１６は、プレビュー画面５１の大きさ、および、形状の少なくとも一方を検知して、検知した結果を表示変更部１７へ出力する。表示変更部１７は、検知部１６の検知結果に基づいて、プレビュー画面５１に配置された複数のエレメントの相対的な配置関係を変更する。

図５に示すようにプレビュー画面５１の左右方向の間隔が狭くなった場合には、左右に並んでいた「大見出し」に対応するエレメント５２Ａおよび「画像」に対応するエレメント５２Ｂのうち、「画像」に対応するエレメント５２Ｂが「大見出し」に対応するエレメント５２Ａの下側に移動する。また、エレメント５２Ｂが「大見出し」に対応するエレメント５２Ａは、プレビュー画面５１における左右方向の中央に移動する。

「画像」に対応するエレメント５２Ｂが「大見出し」に対応するエレメント５２Ａの下側に移動するに伴い、「リスト」に対応するエレメント５２Ｃ（図４参照。）は、さらに下方に移動する。

逆に、プレビュー画面５１の左右方向の間隔が図５に示す状態から、図４に示す状態に拡げられた場合には、「画像」に対応するエレメント５２Ｂは、「大見出し」に対応するエレメント５２Ａの右横に移動する。「リスト」に対応するエレメント５２Ｃは、「画像」に対応するエレメント５２Ｂが上方に移動したのに伴い上方へ移動する。

上述のようなエレメント５２Ａ、エレメント５２Ｂ、エレメント５２Ｃの相対位置の変更は、例えば、各種のエレメント同士の種類に基づいて相対位置の変更ルールが予め定められていてもよいし、作業者が相対位置の変更ルールを適宜定めてもよい。

上記の構成の作成支援装置１によれば、記事型ランディングページをウェブページ上で表示させるソースコードを生成して出力可能となる。出力されたソースコードを、ウェブページを表示可能な他の端末に入力することで、作成した記事型ランディングページを表示することができる。

エレメント５２をプレビュー画面５１における作成者が指示する所望の領域に配置でき、配置したエレメント５２内にコンテンツを入力することが可能となる。そのため、作成者はウェブページ上で表示される態様を確かめつつ記事型ランディングページを作成することができる。

検知部１６および表示変更部１７を設けることにより、プレビュー画面５１の大きさ、および、形状の少なくとも一方を変更することにより、プレビュー画面５１に配置された複数のエレメント５２の相対的な配置関係が変更される。

例えば、プレビュー画面５１の大きさや形状は、記事型ランディングページを表示する表示機器３１の大きさや形状に変更することができる。このように変更することで、当該表示機器３１で記事型ランディングページが表示される態様を確認することができる。

なお、上述の実施形態では、プレビュー画面５１の大きさ、および、形状の少なくとも一方が変更された場合に、プレビュー画面５１に配置された複数のエレメントの相対的な配置関係を変更する例に適用して説明したが、図６に示すように、選択部１８を用いてプレビュー画面５１に配置された複数のエレメントの相対的な配置関係を変更してもよい。

選択部１８は、卓上型の液晶ディスプレイ、タブレット型情報端末のディスプレイ、および、スマートフォンのディスプレイなどの表示部の種類を選択するものである。選択する方法としては種々の方法を用いることができる。例えば、メニュー欄６１に表示部の種類を選択する複数のボタンを設け、所望のボタンを押下することにより選択する方法を挙げることができる。

表示変更部１７は、選択部１８により選択された表示部の種類に基づいて、プレビュー画面５１に配置された複数のエレメントの相対的な配置関係を変更する。
なお、上述の表示部の種類は、表示部の大きさ、および、形状の少なくとも１つに基づいて分類してもよい。

このように、選択部１８および表示変更部１７を設けることにより、表示部の大きさ、および、形状の少なくとも一方を選択することにより、プレビュー画面５１に配置された複数のエレメント５２の相対的な配置関係が変更される。そのため、プレビュー画面５１において、記事型ランディングページが表示部に表示される態様を確認することができる。

また、上述の実施形態のように作成支援装置１がパーソナルコンピュータ等の情報処理装置であってもよいし、図７に示すようにネットワーク４１に接続されたサーバであってもよい。

この場合、サーバである作成支援装置１は、ネットワーク４１に接続されたパーソナルコンピュータである端末４０と情報通信可能に接続される。作成者は、ネットワーク４１を介して作成支援装置１に接続された端末４０を用いて記事型ランディングページなどの作成作業を行う。

端末４０には、キーボードやマウスなどの入力機器や、液晶ディスプレイなどの表示機器が設けられ、作成支援装置１には端末４０の入力機器から記事型ランディングページなどの作成情報が入力される。また、端末４０の表示機器には、作成支援装置１から出力されたプレビュー画面５１や、メニュー欄６１などが表示される。

なお、本発明の技術範囲は上記実施形態に限定されるものではなく、本発明の趣旨を逸脱しない範囲において種々の変更を加えることが可能である。例えば、本発明を上記の実施形態に適用したものに限られることなく、これらの実施形態を適宜組み合わせた実施形態に適用してもよく、特に限定するものではない。

１…作成支援装置、
１１…受付部、 １２…記憶部、 １３…プレビュー部、 １４…配置部、 １５…生成部、 １６…検知部、 １７…表示変更部、 １８…選択部、 ５２…エレメント

Claims (2)

1. 記事型ランディングページの作成を支援する作成支援装置であって、
   作成者からの入力を受け付ける受付部と、
   前記記事型ランディングページに表示するコンテンツの種類に対応付けされた複数のエレメントを記憶する記憶部と、
   作成する前記記事型ランディングページをウェブ上で表示される態様でプレビュー画面に表示させるプレビュー部と、
   前記複数のエレメントのうち、前記受付部で受け付けた前記入力に基づいて特定されるエレメントを、前記プレビュー画面における所望の領域に配置する配置部と、
   前記プレビュー画面に表示されている前記記事型ランディングページをウェブページ上で表示させるソースコードを生成して出力可能とする生成部と、
   が設けられ、
   前記プレビュー部は、前記受付部で受け付けた前記入力に基づいて前記プレビュー画面の大きさ、および、形状の少なくとも一方を変更可能であり、
   前記プレビュー画面の大きさ、および、形状の少なくとも一方を検知する検知部と、
   前記配置部により前記エレメントが左右に並んで配置された前記プレビュー画面の左右方向の間隔が狭くなった場合には、左右に並んでいた前記エレメントの配置関係を、前記エレメントの種類に基づいて上下に並ぶ配置関係に変更し、前記プレビュー画面の左右方向の間隔が拡げられた場合には、前記プレビュー画面上で上下に並んでいた前記エレメントの配置関係を、前記エレメントの種類に基づいて左右に並ぶ配置関係に変更する表示変更部と、
   が更に設けられていることを特徴とする作成支援装置。
2. 記事型ランディングページの作成を支援するプログラムであって、
   コンピュータに、
   作成者からの入力を受け付ける受付機能と、
   前記記事型ランディングページに表示するコンテンツの種類に対応付けされた複数のエレメントを記憶する記憶機能と、
   作成する前記記事型ランディングページをウェブ上で表示される態様でプレビュー画面
   に表示させるプレビュー機能と、
   前記複数のエレメントのうち、前記受付機能で受け付けた前記入力に基づいて特定されるエレメントを、前記プレビュー画面における所望の領域に配置する配置機能と、
   前記プレビュー画面に表示されている前記記事型ランディングページをウェブページ上で表示させるソースコードを生成して出力可能とする生成機能と、
   前記プレビュー機能は、前記受付機能で受け付けた前記入力に基づいて前記プレビュー画面の大きさ、および、形状の少なくとも一方を変更可能であり、
   前記プレビュー画面の大きさ、および、形状の少なくとも一方を検知する検知機能と、
   前記配置機能により前記エレメントが左右に並んで配置された前記プレビュー画面の左右方向の間隔が狭くなった場合には、前記プレビュー画面上で左右に並んでいた前記エレメントの配置関係を、前記エレメントの種類に基づいて上下に並ぶ配置関係に変更し、前記プレビュー画面の左右方向の間隔が拡げられた場合には、前記プレビュー画面上で上下に並んでいた前記エレメントの配置関係を、前記エレメントの種類に基づいて左右に並ぶ配置関係に変更する表示変更機能と、
   を実現させることを特徴とするプログラム。

Images