paiza times

paizaがお届けする、テック・キャリア・マネジメント領域における「今必要な情報」を届けるWebメディア

logo

paizaがお届けする、テック・キャリア・マネジメント領域の「今必要な情報」を届けるWebメディア

画像を選ぶだけで魅力的なスライド資料が作れる無料Webサービス「SlideLab」を使ってみた!

f:id:paiza:20200428112028j:plain
どうも、まさとらん(@0310lan)です!

今回は、誰でも簡単にブラウザ上でダイナミックなスライド資料を作成できる無料のWebサービスをご紹介します!

スライド作りに最適な高品質画像を自由に配置できるので、ちょっとしたテキストだけでも魅力的なスライドに早変わりします。また、エフェクトやアニメーションなども細かくカスタマイズできるようになっています。

美しいスライド資料を手っ取り早く作りたい人には最適なので、ご興味ある方はぜひ参考にしてみてください!

SlideLab

f:id:paiza:20200428112347j:plain

■「SlideLab」の使い方

それでは、まず最初に「SlideLab」をどのように使えばいいのかについて見ていきましょう。

トップページにアクセスしたら画面中央のボタンをクリックします。

f:id:paiza:20200428112420j:plain


ユーザー登録画面が表示されるので、今回はメールアドレスを利用した登録をしてみましょう。

f:id:paiza:20200428112458j:plain

(※GoogleやFacebookのアカウントでも登録できます)


入力項目としてはメールアドレス・ユーザー名・パスワードだけなので簡単です。

f:id:paiza:20200428112520j:plain


ログインすると自分専用のダッシュボード画面が表示されます!

f:id:paiza:20200428112530j:plain

この画面でプロジェクトの管理やプロフィール設定などができるようになっています。

初めてダッシュボードにアクセスすると、あらかじめサンプルのスライドが用意されています。このスライドを見ると基本的な使い方が分かるようになっているので、まず最初に確認しておくとよいでしょう。

■スライドの作り方

ここからは「SlideLab」を利用して、どのような流れでスライド資料が作れるのかを見ていきましょう。

まず、新規にスライド資料を作成するには、ダッシュボードから【New project】をクリックします。

f:id:paiza:20200428112552j:plain


プロジェクト名とスライドのサイズを設定して【CREATE】ボタンをクリックします。

f:id:paiza:20200428112611j:plain


するとスライドを作るための「編集エディタ」が起動します!

f:id:paiza:20200428112627j:plain

スライドを作る作業はすべてこの画面で完結できるように設計されており、作成から編集・公開まで効率よくできるのが特徴です。


基本的な「テキスト」「図形」「表」などの要素は、上部のメニューからアクセスできるようになっています。

f:id:paiza:20200428112641j:plain

複数の要素をグループ化したり、画面サイズをマウスで自在に拡大・縮小できるなど、基本的な使い方は他の類似ソフトウェアと同様です。


「SlideLab」のユニークな特徴としては、スライドの作成にピッタリな無料画像を検索できる機能が搭載されている点です。

f:id:paiza:20200428112655j:plain

高品質な無料画像を提供するサービス「Unsplash」と連携できるようになっており、キーワード検索からスライド資料に最適な画像を豊富に探せるわけです。


また、他にもアイコン画像に特化した「IconFinder」や、GIF画像を提供する「Giphy」からも検索ができるようになっています。

f:id:paiza:20200428112708j:plain


良質な画像を簡単にスライドへ組み込めるので、ちょっとしたテキストだけでもダイナミックなスライドがすぐに作れます。

【サンプル1】

f:id:paiza:20200428112748j:plain

【サンプル2】

f:id:paiza:20200428112817j:plain

【サンプル3】

f:id:paiza:20200428112927j:plain

このようにテキストを組み合わせやすい画像が豊富に提供されているのは大きな魅力と言えるでしょう。

■スライドのカスタマイズについて

「SlideLab」には、テキストや図形・画像などを細かくカスタマイズできる機能が提供されているので合わせてご紹介しておきます。

たとえば、テキストや図形など何らかの要素をクリックすると、画面右側に【オブジェクトプロパティ】が表示されます。

f:id:paiza:20200428112946j:plain


このプロパティには、要素の位置情報、テキストカラーの調整、アニメーション設定…など、細かくカスタマイズができる機能が用意されています。

f:id:paiza:20200428112958j:plain


アニメーションに関しては、好きなエフェクトを選ぶだけですぐ適用されます。

f:id:paiza:20200428113009g:plain

テキストだけでなく、図形・画像・表などもすべてアニメーション化できるので便利です。


また、トランジション機能を使えば「スライド」と「スライド」が切り替わる際のアニメーションも設定可能です。

f:id:paiza:20200428113030j:plain


複数のエフェクトが用意されており、好きなものを選択するだけで以下のようなトランジションを適用できます。

【 Vortex 】

f:id:paiza:20200428113124g:plain

【 Morphing 】

f:id:paiza:20200428113148g:plain

トランジションのタイミングやアニメーションする方向などもカスタマイズ可能で、エフェクトによってはカラーも変更できます。

■スライドをシェアしよう!

作成したスライドは画面上部にある【Play】ボタンをクリックすると、全画面で実際のスライド資料として閲覧できます。

f:id:paiza:20200428113222j:plain


マウスで画面をクリックすることでページを切り替えられます。

f:id:paiza:20200428113237j:plain


特に問題なければ【Share】ボタンをクリックすることで公開用のURLを生成できます。

f:id:paiza:20200428113318j:plain

あとはこのURLをSNSやメールなどでシェアすれば、友人・知人などへスライド資料を見てもらうことができるというわけです。

このように「SlideLab」を利用すると、ブラウザから手軽に高品質なスライド資料を作成できるうえ、そのままシェアも可能になるのは便利でしょう。

ちなみに、Windows / Mac向けのデスクトップアプリも提供されているので用途に合わせて使い分けることもできます。

■動画&ゲームでプログラミングが学べるpaizaラーニング


動画でプログラミングが学べるpaizaラーニングでは、Python、Java、C言語、C#、PHP、Ruby、SQL、JavaScript、HTML/CSSなど、プログラミング初心者でも動画で学べる入門レッスンを公開しています。

Python入門編」「C#入門編」「ITエンジニアの就活準備編」といった人気講座も完全無料となっておりますので、プログラミングを学びたい方・ITエンジニアを目指したい方はぜひごらんください。

また、paizaでは『コードクロニクル』をはじめゲームで楽しくプログラミングを学べるコンテンツもご用意しています。ぜひプレイしてみてください!


■まとめ

今回は、誰でも簡単に高品質なスライド資料を無料で作成できるWebサービスをご紹介しました!

「SlideLab」はまだβ版のため、さまざまな機能改善も活発におこなわれており、新しい機能もこれから随時提供される予定です。手っ取り早く、見た目にも美しいスライド資料を作りたい人はぜひ参考にしてみてください!


<参考リンク>




paizaラーニング」では、未経験者でもブラウザさえあれば、今すぐプログラミングの基礎が動画で学べるレッスンを多数公開しております。

詳しくはこちら
paizaラーニング

そしてpaizaでは、Webサービス開発企業などで求められるコーディング力や、テストケースを想定する力などが問われるプログラミングスキルチェック問題も提供しています。

スキルチェックに挑戦した人は、その結果によってS・A・B・C・D・Eの6段階のランクを取得できます。必要なスキルランクを取得すれば、書類選考なしで企業の求人に応募することも可能です。「自分のプログラミングスキルを客観的に知りたい」「スキルを使って転職したい」という方は、ぜひチャレンジしてみてください。

詳しくはこちら
paizaのスキルチェック

paizaのおすすめコンテンツ

PPG proken プログラミングゲーム「初恋 プログラミング研究会〜海に行こうよ〜」 PPG Bingo プログラミングゲーム「コードレビューBINGO!!」
paiza転職 paiza新卒 EN:TRY paizaラーニング 記事内に記載している情報は、記事公開時点でのものとなります。 Copyright Paiza, Inc, All rights reserved.