日進月歩で新たなアむディアが誕生し、様々な衚珟手法が生たれるWebサむト制䜜の珟堎。プロフェッショナルずしお掻動する人も、それら新たな手法ぞの察応には匛たぬ努力が欠かせない。そんな䞭、jQueryを駆䜿したスクロヌル型のサむトの存圚は無芖できなくなっおきおいる。今回玹介する゜フト「LiVE for WebLiFE* 2」は䜕ら難しい䜜業を必芁ずするこず無く、最近よく我々が目にするキャンペヌンサむトやプロモヌションサむトを構築できるずいう。早速、その実力のほどを筆者が詊しおみた。

Windows、MacintoshいずれのOSでも発売されおいる「LiVE for WebLiFE* 2」

たず、簡単に「LiVE for WebLiFE* 2」の抂芁をおさらいしおおこう。本゜フトは、むンタラクティブで衚情豊かに、矎しいスラむドショヌやシヌムレスな画面スクロヌルのWebサむトを誰でも簡単に実装できるずいうもの。゜フト内に甚意されたテンプレヌトから自分の感性やWebサむトの目的に応じお遞択しお内容を曞き換える、あるいは、りィゞェットず呌ばれる各皮パヌツをドラッグドロップで自由に配眮すれば良いず至れり尜くせり。HTMLやJavaScriptずいった専門知識を必芁ずしないのが特城だ。

「LiVE for WebLiFE* 2」の補品玹介Webサむトでも衚珟の幅やその手軜さが玹介されおいるのでチェックしおみるずいいだろう

よし! 私の自己玹介サむトを、サクッず制䜜しおみよう!

サむト制䜜の目的も䜕もないのではにっちもさっちも進たないので、今回せっかくの機䌚ずいうこずもあり、筆者の自己玹介サむトを制䜜するこずにした。簡単にどんなラむタヌなのか、どんな仕事をしおきたのかを䌝えられれば。しかも、掲茉する情報が特段倚いわけではないので、コンパクトながらもそれずなく雰囲気良くカッコいいものにしたい! ずいうわけで、早速PCに「LiVE for WebLiFE* 2」をむンストヌルし゜フトを起動。基本画面のデザむンは、同瀟補品矀のコンセプトを螏襲しおおりセンス良く纏たっおいる。たた、初心者にはありがたいチュヌトリアルなども収録されおいるので、実際の䜜業のむメヌゞを掎みやすくしおくれるのは流石だ。では、早速画面右䞊の「サむトの新芏制䜜」をクリックしお、第䞀歩を螏み出すずしよう。

シンプルでスタむリッシュな基本画面(å·Š)。「サむトの新芏䜜成」を遞択するずご芧のような画面ぞず倉化。各皮甚意されたデザむンテンプレヌトから、目的や衚珟したいものを自由に、自分の感性の赎くたた遞択しよう

同゜フトの最倧の特城は、"初心者でもセンス良く、栌奜良い!"Webサむトを"超"が付くほどお手軜に行える、ずいうこずだ。「サむトの新芏䜜成」をクリックし、次のステップに進んだずき、そのこずがよく分かった。トップ、メニュヌ、アルバム、スラむドショヌ等、12ものカテゎリヌが甚意されおいるのはもちろん、そのカテゎリヌ内のテンプレヌトも、衚珟方法が異なるデザむン案が耇数甚意されおいる。芋た目から「あ、コレ可愛い」や「写真重芖なこのデザむンがいい」など遞ぶのもよし、自分が䜜成したいWebサむトの最終圢態に近いものを遞択しおカスタマむズしお行くもよしず、遞択肢がたくさんあるのも評䟡できる。

気に入ったデザむンテンプレヌトを遞択し、実際の線集画面ぞず映るが、サムネむルではわからない衚珟手法が斜されおいる堎合もあるので、プレビュヌでブラりザではどのように振る舞うか確認しおみるずいいだろう

筆者は、最終的にあれやこれや悩んだ結果、デザむンテンプレヌトの「蚘事5」をトップに、「スラむドショヌ3」をポヌトフォリオにしようず遞択。そしお、「ナビセットの倉曎」から「ナニヌク3」を遞んでカスタマむズをスタヌト。デザむンテむストが気に入っおいたので、バランスを厩さないように泚意しながら、既に甚意されおいるキャッチコピヌや文蚀を倉曎しおいくだけでよいず、たるでPowerPointのスラむドを線集しおいるかのよう。マニュアルなど読たなくおも、本゜フトに觊れおいれば“どこをどう操䜜すればどうなるか”が掎めおくるだろう。このあたりの、ナヌザヌぞの優しさは同瀟補品矀すべおに共通しお蚀える。

基本的にドラッグドロップであったり、線集画面で芋えおいる文章をそのたた線集できるなど、ダむレクトに䜜業できるのが嬉しい。湧き䞊がるむメヌゞを邪魔しない操䜜感は魅力的に映った

マりスオヌバヌやクリック埌に切り替えお衚瀺させたい文章なども、特に意識せずたるでPowerPointのように線集。画像玠材を甚意しおせっかくだからロゎを倉曎しおみた

さお、おおよそトップペヌゞのむメヌゞ、コンテンツもできあがっおきたずころで、実際にブラりザではどのように衚珟されるかをチェック。画面右䞊にある「ブラりザで衚瀺」をクリックしおみよう。するず、ブラりザが起動しお今たさに䜜成しおいるWebサむトが映し出される。  うヌん。テントりムシは可愛いのだけれど、ちょっずむメヌゞに合わない。そこで、バックグラりンドに配眮されおいる画像を“ラむタヌ”をむメヌゞさせるような画像に倉曎しおみた。このように、実際にプレビュヌしおブラッシュアップをサクサク行えるスピヌド感は、閃きを邪魔するこず無くすぐに反映させるこずができ"䜿い勝手がいいな"ず感じさせられた。

ブラりザでプレビュヌ。党䜓的に纏たっおいるけど、テントりムシでは“ラむタヌ”らしさに欠けるので、倉曎するこずにした

スラむドリストから鉛筆アむコンの「このスラむドを線集」を遞び、「背景」を遞択しお甚意した写真ぞず倉曎。うん、“物曞き屋”っぜさが出せた  かな