paiza開発日誌paiza開発日誌IT/Webエンジニア向け総合求人・学習サービス「paiza」の開発者が、プログラミングやITエンジニアの転職などについて書いています。ITエンジニア向け総合求人・学習サービス「paiza」の開発者が、プログラミングやITエンジニアの転職などについて書いています。開発ネタ-Webサービス紹介Tweetどうも、まさとらん(@0310lan)です!今回は、PCやスマホなどのデバイス問わずブラウザを複数人で連携可能な会議室にするWebサービスをご紹介します。高機能な仮想ホワイトボードに通話やビデオチャットなど、さまざまな便利機能を盛り込んだサービスです。誰でも手軽に使えるうえ、自分だけのプライベートなアイデアノートのような使い方も可能です。「WebBoard」は、以下のURLからユーザー登録不要ですぐに利用できます。https://www.webboard.ioただし、書き出しやコラボ連携ができないなどいくつか制限があるので、まずは無料のユーザー登録を済ませておくといいでしょう。up】をクリックしてください。GoogleやFacebookアカウントを使って簡単にログインできますが、メールアドレスを使ったユーザー登録もできるようになっています。必要事項を入力したら登録したアドレス宛に認証メールが来るので、本文内にあるリンクをクリックすると登録が完了します。board】と書かれたボタンをクリックしてみましょう!ブラウザ上に仮想ホワイトボードが表示されました。このボードは上下左右に移動可能で、ズームイン・アウトすることで無制限に拡大していくこともできます。PCのブラウザだけでなく、スマホのブラウザからでも同様に操作できるのが特徴でしょう。あとは一般的な会議室にあるホワイトボードと同じように、文字を書いたり画像を貼ったりしながら、複数人でコラボ連携ができるようになるわけです。■仮想ホワイトボードの基本機能まずは自分だけが使う仮想ホワイトボードの基本的な使い方から見ていきましょう。プライベートなメモからアイデアのアウトプットまで、幅広い用途に使えるので便利です。ボードを表示したら画面左側にあるツールボックスに注目してください。このボックスにはさまざまな機能がまとめられています。手描きが可能なペンツールを使えば、ボード内で自由に文字や絵などを描けます。便利な点として、描いたあとにすぐオブジェクト化されるので、落書きを自在に移動・拡大・縮小したり引っ張って形状を変えたりなどの編集ができます。マウスなどで手描きをすると難しかったりしますが、あとから自由に調整できるので重宝します。シェイプ画像もいくつか用意されています!枠線の太さや塗りつぶしの色を設定可能で、同じように調整・編集もできるようになっています。手描き以外にもテキスト入力に対応しており、パワーポイントでスライド資料を作成する感覚で操作可能です。上図のように付箋紙のようなスタイルでテキストを挿入することもできます。画像・動画・PDFファイルのアップロードにも対応しており、Dropboxと連携してファイル操作をおこなうこともできます。Webサイトのワイヤーフレーム画像をボードに貼り付けて、手描きでメモを残しておくようなケースも簡単に実現できます。このような基本的な機能を活用するだけで、資料の作成やアイデアのアウトプットが効率よくできるはずです。■ボードの書き出しについて「WebBoard」の仮想ホワイトボードは、クラウド上に保存可能ですがファイルとして書き出すこともできるのでご紹介しておきます。画面上部のメニューから【Export】をクリックすると、書き出し用のウィンドウが表示されます。PDFのファイルへ即座に変換してダウンロードが可能になります。iFrame】を選択すると埋め込みタグを生成できるようになっており、ボード自体をWebサイトやブログなどに挿入できるわけです。最初に埋め込むサイトのドメイン(URL)を設定するとタグが生成される仕組みです。あとはiFrameタグを対象サイトのHTML内に貼り付けるだけです。実際に埋め込んでみると以下のようになります。埋め込んでいても同じように編集や操作が可能です。注意点として誰でも編集できる状態になっているので、Webサイト側で対象者を選定できる仕組みを用意するか、誰が編集しても問題ないボードだけを挿入するようにしましょう。■複数人でリアルタイムコラボ連携をしようこれまで仮想ホワイトボードの機能について見てきましたが、「WebBoard」には複数人とリアルタイムなコラボ連携ができる機能が提供されています。これにより、高機能な仮想ホワイトボードを使いながらオンラインで会議や打ち合わせなどができるようになるわけです。使い方は簡単でメニューから【Share】をクリックします。2種類のモードを選択できるようになっています。モードの違いについては以下の通りです。【Collaborationモード】ボードを同時に編集できる【Teacherモード】ボードの編集は自分だけあとは、表示されているシェア用のリンクを友人・知人に教えてあげるだけです。board】ボタンをクリックすれば準備完了です!仮想ホワイトボード上にビデオカメラやチャット画面が表示されます。チャットやカメラの画面は表示・非表示を切り替えることも可能です。カメラ映像をオフにして音声だけの通話もできるので便利です。チャット画面はシンプルな構成になっており、画面下のボックスにテキストを入力して送信するだけです。ファイル共有機能もあり、さまざまなファイルを一括で相手に送信できます。会議資料や画像ファイルなど、まとめて複数人に送付したいときに便利でしょう。このようなコラボ連携機能を活用しながら、仮想ホワイトボードを同時に編集したりチャットや通話を自由に楽しむことができるわけです。ブラウザの拡張機能を導入することでPCの画面共有や録画をおこなうことも可能になります。ちなみにシェア用のリンクを送付された相手側は、そのリンクをブラウザで開くだけですぐに同じボードを利用することができます。面倒な登録などは不要なので便利でしょう。■動画&ゲームでプログラミングが学べるpaizaラーニング動画でプログラミングが学べるpaizaラーニングでは、Python、Java、C言語、C#、PHP、Ruby、SQL、JavaScript、HTML/CSSなど、プログラミング初心者でも動画で学べる入門レッスンを公開しています。「Python入門編」「C#入門編」「ITエンジニアの就活準備編」といった人気講座も完全無料となっておりますので、プログラミングを学びたい方・ITエンジニアを目指したい方はぜひごらんください。paizaではゲームで遊びながらプログラミングを学べるコンテンツもご用意しています。『コードクロニクル』は、ファンタジーRPG風の世界観で冒険しながらプログラミング問題を解いてストーリーを進めていくゲームです。プレイしてみてください!■まとめ今回は、仮想ホワイトボードを利用してブラウザを会議室にできるサービスをご紹介しました。WebBoardはまだリリースされたばかりのサービスなので、今後もさらなる機能追加やユーザービリティの向上などが予定されています。ブラウザさえあれば誰でも手軽に仮想ボードを活用できて、複数人とコミュニケーションまで可能になるのは重宝するでしょう。みなさんも友人・知人と一緒にコラボ連携を楽しんでみてください!<参考リンク>「WebBoard」公式サイト「WebBoard」オンラインエディタ「paizaラーニング」では、未経験者でもブラウザさえあれば、今すぐプログラミングの基礎が動画で学べるレッスンを多数公開しております。詳しくはこちらそしてpaizaでは、Webサービス開発企業などで求められるコーディング力や、テストケースを想定する力などが問われるプログラミングスキルチェック問題も提供しています。スキルチェックに挑戦した人は、その結果によってS・A・B・C・D・Eの6段階のランクを取得できます。必要なスキルランクを取得すれば、書類選考なしで企業の求人に応募することも可能です。「自分のプログラミングスキルを客観的に知りたい」「スキルを使って転職したい」という方は、ぜひチャレンジしてみてください。記事内に記載している情報は、記事公開時点でのものとなります。reserved.引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。