CCを使って同窓会の総会告知ページをつくってみました。Museを使ったことのない状態から、だいたい約5〜7時間、素材集めがなければもう少し短くできた気がしますが、ゼロからメインページおよびモバイル用ページの作成が終わったことに感動を覚えたので、その理由を書いていきます。実際にPCでアクセスしていただけるとわかるのですが、内容としてはとあるイベントの出席申請を促し、かつソーシャルでの拡散を主な目的としています。そのため、トップにはビジュアルと一緒に日程と開始時刻を明記。そのすぐ下にGoogleフォームを使った出席申請フォームが配置されています。日時以外の情報がトップに並んでしまうと煩雑になってしまうと考えていましたが、とはいえ同窓生がいきなり“総会”と言われてもわからないと思ったので、タブを切り替えることにより、総会のカンタンな内容や議事一覧を表示できるようにしました。最初はFacebookページのイベント機能だけで告知は済ませようと思っていました。Facebookを使っていない人にとってFacebook内のページはアクセスしてすぐ“そっ閉じ”されてしまう可能性もあり、急きょこのようなページをつくることになったわけです。制作時間はなるべく短くしたい。Cloud道場のアーカイブス動画を参考にしました。前は新しいツールを買ったら、同時に参考書を買うのが常でしたが、今は本当に素晴らしいですね。動画ほどわかりやすいメディアはないです。CCのツールを使ったことがあれば、そんなに困ることはありません。DreamweaverやInDesignの経験があれば飲み込みやすいと思われます。感覚としてはInDesignに近く、用意した素材やツール内に用意されている素材を必要なところにぼんぼんドラッグ&ドロップしていけばオーケーです。“ツール内に用意されている素材”の中には、今回使った“タブ”やGoogleマップ、Twitter、Facebookボタンなどのウィジェットのことです。メンドウなライブラリの読み込みを自分でやる必要はなく、これもドラッグ&ドロップすればオーケーです。ボタンの大きさやタブの数など細かいところもGUIで変更できます。このようなウィジェットという考え方はそれこそ昔々からある簡易型のホームページ制作ソフトにはつきものでした。そこはデザインツールの雄・Adobe先生。機能を提供するだけでなく、かゆいところに手が届くカスタマイズ性とお手軽さを両立しています。感動したのはスマホ向け、タブレット向けページもカンタンに作成できること。自分は今回、PC向けページをつくった後にスマホ向けページをつくりました。その際、スマホ向けページは別に自動生成されるわけではないのですが、PC向けページからの文字や画像などをコピー&ペーストしてサイズなどを調整するだけで、完成してしまいました。Googleの“モバイルフレンドリーテスト”もパスしています。なんだかこういうテストにパスする感覚は、大した誰も見に来ないサイトに対して必死こいてW3CのHTMLバッジをゲットしようとしてた中高時代を彷彿とさせます。最近はスマホで見にくる人も多い&スマホやタッチデバイスだとiframe表示って使いにくくない?という意見を十分に反映できました。CCでパブリッシュしたデータをそのままサーバーにアップしておしまい!というわけではありませんでした。Analyticsのコードを埋め込んだり、レイアウトが若干くずれてしまうのでCSSを微調整、タブレット端末もスマホページに飛ばすようにJavascriptの部分を書き換えるなどなど......。ウェブページ制作の基礎知識くらいは持っているのにこしたことはないと思います。“ウェブ制作の知識ゼロからすぐホームページがつくれる”とまでは言い切れませんが、コーディングなどに時間をかけたくない。凝ったレイアウトのページをカンタンにすぐにつくりたいというニーズには十分応えてくれそうです。Cloudを利用していればPhotoshopやIllustratorなどといった定番ソフトといっしょに使えますので、ぜひお試しあれ。CCを使ってみたよという話。コメントをキャンセルメールアドレスが公開されることはありません。コメントデータの処理方法の詳細はこちらをご覧ください。小林すいかしがないガジェット好きです。キャッシュレスも好物。