どうも、まさとらん（@0310lan）です！
今回は、誰でも簡単に高品質なブログ記事を作成して手軽に公開もできる無料のWebサービス「Caramella」をご紹介します！
面倒なサーバー環境の構築・設定などは一切不要、さらに豊富なテンプレートやウィジェット機能を活用することで短時間で誰でも質の高いWebページを作成することができます。
ブログ以外にもランディングページや告知ページなど、いろいろな用途にも使えるのでぜひ参考にしてみてください！
【 Caramella 】
■「Caramella」の使い方
それでは、実際に「Caramella」を使いながらどのように利用すればいいのかを見ていきましょう！
サイトにアクセスしたら、画面上部にある「Join」ボタンをクリックします。
SNSを使うかメールアドレスを利用してユーザー登録をします。
すると自分専用の「マイページ」が表示されます！
この画面上で新規にブログ記事やWebページを作成して管理することができます。
新規作成する場合は、画面上部の「＋」アイコンをクリック！
すると、あらかじめ用意されている豊富なテンプレートを選択できるようになります。
用途別にさまざまなジャンルに分けられており、およそ80種類以上のテンプレートを選択できます。
ブログ記事だけでなく、ランディングページや告知ページなどさまざまなWebページを自由に作成できるのが魅力です。
また、どのテンプレートもゼロから自分でカスタマイズできる自由度の高さも特徴でしょう。
気に入ったテンプレートがあったら「Use」ボタンをクリックしてみましょう！
すると、テンプレートの編集用エディタが表示されます！
あとは、この画面上で好きなように記事を作成したり、Webコンテンツを追加していくことでWebページを作っていくことができるわけです。
■「Caramella」の基本操作について
それでは、「Caramella」のテンプレートを使いながら基本的な編集方法を見ていきましょう！
テンプレートを利用するだけなら使い方は非常に簡単で、テキスト部分をクリックして文字列を入力していくだけです。
英文字で書かれているテキストはすべて編集可能で、クリックするだけで直接入力していくことができます。
画像については、ドラッグ＆ドロップするだけで即座に適用することができます。
「Image drop」と記載のある箇所にはすべて好きな画像を挿入できます。
もちろん、それ以外の箇所に画像や動画・音声などのマルチメディアコンテンツを追加する機能も搭載されています。
また、テンプレートの中で不要なコンテンツはクリックするだけで削除することもできます。
テキスト部分を範囲選択すると、「カラー」「リンク」「スタイル」などのカスタマイズも可能です。
基本的にテンプレートを編集するだけなら、これらの操作だけで誰でも簡単にカッコいいWebページを作成することができるでしょう！
■「ウィジェット」を活用した独自サイトの作り方
「Caramella」の大きな特徴として、さまざまな機能をWebページへ簡単に追加できる「ウィジェット」があります。
これは、画面左側にあるメニューボックスからドラッグ＆ドロップすることで利用できる機能になります。
Webページの横方向や縦方向に複数追加することができるようになっているのが特徴です。
そのため、複数のウィジェットを横並びにしたりなどカスタマイズの自由度が高いわけです。
そこで、特にオススメのウィジェットをいくつかご紹介しておきます！
例えば、価格表などを簡単に作成できる「Price Table」があります。
Webサービスやオリジナル商品の価格を、見栄えの良いデザインで簡単に追加できるので重宝します。
価格やテキスト部分を直接編集できるように設計されているので、誰でも簡単にカスタマイズできます。
カウントダウンタイマーを簡単に設置できる「Counter」。
スキンのデザインや「月日」「時刻」を自由に編集して利用できるので便利です。
チャットのようなデザインでテキストを挿入できる「Chat」ウィジェット。
好きなアイコン画像をアップロードでき、簡単にチャット風のテキストを再現できるので面白いコンテンツを作れると思います。
インフォグラフィックを簡単に作成できる「Out Of」。
コレを使うと、統計や数値データなどを分かりやすいアイコンで視覚的に訴求できるので便利です。
アイコンもジャンルごとにたくさんそろっているので、すぐにでも作成できます。
定番のチャート・グラフを追加できる「Chart」。
一般的な円グラフ・棒グラフ・折れ線グラフなど複数の種類を選択可能です！
また、数値データを画面上で簡単に入力できるエディタがあるので編集も非常に簡単なのが魅力的です。
面白い機能として「QR Code」ウィジェットもあります。
これは、リンクやメールアドレスなどの情報を登録するだけで、自動的にQR Codeを作成して表示できるようになります。
ユーザーへ情報提供する際の手段としていろいろ活用できるかと思います。
また、SNSボタンの設置ができる「Social Links」もあります。
主要なWebサービス用のアイコンが用意されており、自分のユーザー名を入力するだけですぐにボタンとして生成＆表示してくれます。
他にも、カレンダーやツイートの挿入、マルチメディアの埋め込みなどさまざまな機能を持ったウィジェットが用意されているので、まずはどんなことができるのかを試してみると面白いでしょう。
ちなみに、これらのウィジェットを利用したサンプルページが公式で公開されているのでリンクを掲載しておきます。
■Webページを公開してみよう！
Webページがある程度完成したら、ネット上に公開してみましょう！
そこで、まずはプロジェクトのタイトルを入力しておきます。
このタイトルのテキスト部分がそのままWebページのURLになるので、なるべく英文字のほうがいいでしょう。
あとは、画面左側にある「Post」ボタンをクリックするだけです！
これだけで公開作業は完了です！
画面上部のメニューから「View Posted」をクリックすると、公開されているページにアクセスすることができます。
URLをそのままコピーすれば、SNSやメールなどで知人にシェアするのも簡単です。
公開したページは後から非公開にすることも可能ですし、複製して新規ページに作り変えるのも簡単なので非常にお手軽です。
ちなみに、「Caramella」で作成したWebページは自動的にレスポンシブデザインになっているので、タブレットやスマホからの閲覧にも最適化されています！
■動画でプログラミングが学べるpaizaラーニング
動画でプログラミングが学べるpaizaラーニングでは、Python、Java、C言語、C#、PHP、Ruby、SQL、JavaScript、HTML/CSSなど、プログラミング初心者でも動画で学べる入門レッスンを公開しています。
「Python入門編」「C#入門編」「JavaScript入門編」「ITエンジニアの就活準備編」といった人気講座も完全無料となっておりますので、プログラミングを学びたい方・ITエンジニアを目指したい方はぜひごらんください。
■まとめ
今回は、誰でも簡単に高品質なブログやサイトを作成できる「Caramella」を駆け足でご紹介しました。
非常に短時間でブログやWebサイトを作成して公開できるフットワークの軽さが魅力的で、しかもデザインが高品質なのでキレイなページに仕上がるのが大きな特徴といえるでしょう。
今回ご紹介した内容はすべて無料で使えるので、Webページ作りにご興味のある方はぜひトライしてみてください！
「paizaラーニング」では、未経験者でもブラウザさえあれば、今すぐプログラミングの基礎が動画で学べるレッスンを多数公開しております。
詳しくはこちら
そしてpaizaでは、Webサービス開発企業などで求められるコーディング力や、テストケースを想定する力などが問われるプログラミングスキルチェック問題も提供しています。
スキルチェックに挑戦した人は、その結果によってS・A・B・C・D・Eの6段階のランクを取得できます。必要なスキルランクを取得すれば、書類選考なしで企業の求人に応募することも可能です。「自分のプログラミングスキルを客観的に知りたい」「スキルを使って転職したい」という方は、ぜひチャレンジしてみてください。
詳しくはこちら
