メルカリ、「無意識（アンコンシャス）バイアス ワークショップ」の社内研修資料を無償公開
〜「無意識の偏見を適切に理解する」ためのノウハウを広く共有し、日本社会全体の多様性の受容の推進を目指す〜 株式会社メルカリ（以下、メルカリ）は「無意識バイアスを適切に理解する」ためのノウハウを広く共有し、日本社会全体の多様性の受容を推進すべく、「無意識バイアスワークショップ」研修資料を、当社採用サイト内、ダイバーシティ＆インクルージョン（以下、D&I）ページにて無償公開いたします。 メルカリでは社内のD&I（多様性の受容）の推進の一環として、2019年より自社内製による独自研修プログラム「無意識バイアスワークショップ」を実施してきました。メルカリではこのプログラムを2020年初めより、全マネージャー受講必須の研修としています。 「無意識バイアス」とは、普段の生活や文化による影響で、無意識下に培われた「思い込み」や「偏見」を指す呼称です。「無意識バイアス」のひとつの例として挙げられるのが「女
リモート時代のプレゼンはスライドではない
リモートのプレゼンは進化がない かれこれ 15 年近くKeynoteを使ったプレゼンを続けています。10名以下の小規模のものから 1,000 人を超える大規模のものまで数多くのプレゼンをしてきました。自分にとって Keynote はプレゼンに欠かせない大事なツールですが、最近は利用する機会がかなり減りました。 凝ったアニメーションを作るのも楽しみのひとつ ありがたいことに今でもイベントで登壇する機会がありますが、今年は COVID-19 の影響もあって、ほぼすべてのイベントがフルリモートに切り替わりました。イベントの形が大きく変わったと共に自分のプレゼンスタイルも少しずつ変わり、結果的に Keynote が活躍するタイミングがなくなりました。 国内外のリモートイベントに幾つか参加して感じたのが、リアル会場からリモートに変わったにも関わらず、プレゼンのスタイルが以前からまったく変わっていない
【パワポ研の決算資料探訪①】Goodpatch社の決算説明資料はシンプルが故に美しい｜パワポ研
決算説明会資料というものがあります。株主に向けて、当期あるいは通期の決算説明を行うための資料です。主に企業のIR室（Investor Relations）、つまり企業が株主向けに現況や今後の見通しを広報する活動を主に実施する部門が書きます。 そのIR室の役割の一つに決算説明会資料の作成がありますが、これはすごく骨の折れる作業な一方で、報われない作業でもあります。なぜなら、IR担当部という全然力がないような部が、関係各所に数字をもらったり現況を把握したりレビューしてもらったりし、その上えらい人からも余計な口出しが色々と入るからです。労多くして、という典型例ですね。 しかし、今回ご紹介するGoodpatch社についてはそれはあてはまりません。なぜなら、Goodpatch社は「デザイン」という業務が事業に大きく影響するからです。そんな会社が、自社の発表する資料で手を抜くわけがなく、またそれの見栄
簡単すぎる！デザインスキル不要のスライド資料作成サービス「Decktopus」を使ってみた - paiza times
どうも、まさとらん（@0310lan）です！ 今回は、誰でも簡単に分かりやすくて高品質なスライド資料を素早く作成できるWebサービスをご紹介します！ スライドのデザインやレイアウトをまったく考える必要がなく、あらかじめ指示された箇所を編集するだけという手軽さが大きな特徴です。 スライド作りが苦手な人や、これからプレゼンの準備をする人に最適なサービスなのでぜひ参考にしてみてください。 【 Decktopus 】 「Decktopus」の使い方 それでは、「Decktopus」をどのように使えばいいのか詳しく見ていきましょう。 最初にトップページ上部にある【LOG IN】ボタンをクリックして無料のユーザー登録を済ませておきます。 画面下部の【Sign up】ボタンをクリック！ ユーザー名・メールアドレス・パスワードを設定します。 最後に、登録したメールアドレス宛に認証用のリンクが届くので、それ
PowerPointとおさらば！？プレゼン資料の作成を劇的に効率化する「Slides」とは | SELECK [セレック]
プレゼンテーションのスライドを作る時間を、減らしたくはありませんか？ スライドを完成させるまでに、沢山のバージョンのPowerPointやKeynoteのファイルがデスクトップに並んでしまう、ファイルサイズが重くなってしまう、などなど…。スライドを作るときには、ついつい作業が非効率的になり、イライラしてしまうこともあるでしょう。 今日は、PowerPointやKeynoteより便利で現代的なプレゼンテーション作成ツール「Slides」を紹介します。Slidesは、Webブラウザ上で驚くほど簡単にプレゼンテーション資料を作ることができるツールです。 Slidesで作ったスライドは、URLで簡単に共有できます。クラウドツールなので、複数人のメンバーが同時に閲覧し、コメント・レビューすることも可能です。スライドの編集履歴も残るので、複数バージョンのファイルを保存する必要もありません。 ▼Slid
![PowerPointとおさらば！？プレゼン資料の作成を劇的に効率化する「Slides」とは | SELECK [セレック]](https://cdn-ak-scissors.b.st-hatena.com/image/square/afca66b8fed2f7b1f4159feac394b676df417d46/height=288;version=1;width=512/https%3A%2F%2Fdpd29bjwmgbr8.cloudfront.net%2Fwp-content%2Fuploads%2F2018%2F06%2F20141647%2F1166.png)
無料プレゼンツール「Slides」が手軽に使えてよさげ
無料で使用できて、ダイナミックなプレゼン資料が作れる「Slides」というオンラインツールが、なかなか良さそうだったので紹介です。 photo by Creative Sustainability Slidesとは Slidesは、登録するだけ無料で使えるプレゼンテーションツールです。（Facebookや、Google認証許可するだけ） データーはすべて、オンラインに保存され、どこからでも編集できるようになっています。 WEB上で公開することを前提で作成されているので、レスポンシブ表示にも対応しています。（有料版にするとプライベート表示にもできる。） Slidesを使うと、以下のようなプレゼン資料を作ることが結構簡単にできます。 上のスライドは、僕が十数分くらいで試しに作成してみたものです。 ガチで作ると、以下のようにとても綺麗なスライドを作成することができます。 こんな感じの、プログラム
fullPage.js - フルスクリーンスライダー MOONGIFT
最近のWebサイトでは一画面一コンテンツのページ構成が増えています。特にSPAやプロジェクトページなどで使われており、スクロールするとコンテンツ全体が切り替わります。Webページだけでなく、HTMLプレゼンテーションでも使えます。 そうした表示に使えるのがfullPage.jsです。アイディア次第で色々な使い方ができるでしょう。 fullPage.jsの使い方 実際に使っているところです。キーボード操作でできます。 fullPage.jsでは左右でコンテンツを切り替えたり、上下での移動もサポートしています。HTMLスライドにも使えますし、移動履歴の管理もできています。HTMLタグもシンプルでコンテンツが作りやすいです。 fullPage.jsはJavaScript製のオープンソース・ソフトウェア（MIT License）です。 fullPage.js One Page Scroll sec
slickでスライド総数と現在何枚目が表示されているかをカウント表示する方法 - NxWorld
使い方次第で簡単に様々なタイプのカルーセルが実装でき、オプションやイベントも豊富に用意されているのが特徴のjQueryプラグイン「slick」で、スライド総数と現在何枚目が表示されているかをそれぞれカウント表示させるカスタマイズを紹介します。 slickの基本的な使い方や実装方法については下記でもサイトやGitHubで確認できるので省略します。 実装イメージはこのようになっており、現在のスライド数 / スライド総数という形でカウントを表示させます。（イメージは全10枚中5枚目を表示しているという状態） デフォルトで用意されているバレットとかでも全部で何枚あり現在何枚目を表示しているかはわかりますが、よりパッと見でわかるようにしたいときやデザイン的にこのような表示にしたいとき、あとはスマートフォンなど表示領域が狭い場合にバレットやサムネイルなどがごちゃごちゃ配置されているのをどうにかしたいと
Webデザインをよりクリエイティブにみせてくれる 複数写真の同時切り替えが可能なグリットスライドショー「CSS Grid Layout Slideshow」
TOP > WebDesign > Webデザインをよりクリエイティブにみせてくれる 複数写真の同時切り替えが可能なグリットスライドショー「CSS Grid Layout Slideshow」 Web上で写真を見せる定番の手法のひとつ、スライドショー。コンテンツを見せるのに利用したり、メインビジュアルに利用したり…とても活用幅が広く便利な存在です。今回ご紹介するのはそんなスライダーを、よりクリエイティブに見せてくれる変則的なスライドショー「CSS Grid Layout Slideshow」です。 グリット上に並べられた複数のイメージを、一気に切り替えることができる美しいスライドショーのフリーCSSソースです。 詳しくは以下 ランダムで大胆な配置に並べられたスライド画像は矢印を押すことで、次の画像へと切り替えることが出来ます。グリットの並び方はスライドごとに異なり、アニメーションと
企業がスタートアップの際に成功したピッチスライドのまとめ・「A Huge Collection of Startup Pitch Decks」
A Huge Collection of Startup Pitch Decksは、企業がスタートアップの際に使ったピッチで成功した（多額の資金提供を得られた、という事のようです）スライドをまとめたWebページです。ピッチはあまり聞き慣れませんが、プレゼンのようでプレゼンでない、短めのコンテンツ紹介で、主に投資家向けに作られるスライドで、専門家ではない相手に、シンプル且つ短い時間で、自社商品やコンセプト、将来性を理解して貰い、資金調達を狙うのが目的、だと思います。ピッチとプレゼンの違いについてはこちらが参考になります（ピッチとプレゼンの意味の違いと使い分け方）。スタートアップを控えており、資金調達に悩まれている起業家さんは参考にされてみては如何でしょうか。 A Huge Collection of Startup Pitch Decks
GitHubだけで超高機能なスライド資料が作れる「GitPitch」の使い方を徹底解説！ - paiza times
どうも、まさとらん（@0310lan）です！ 今回は、ブラウザ上のGitHubでMarkdown（マークダウン）ファイルを作成し、そのまま超高機能なスライド資料に変換してくれるサービスのご紹介です！ もちろん、自分でMarkdownファイルを用意してpushするだけでもOKなのですが、今回はコンソール画面などは使わずにすべてブラウザだけで完結できる方法をご紹介致します。 【 GitPitch 】 ■「GitPitch」の基本的な使い方！ それでは、実際に簡単なスライド資料を作ってみましょう！ まず最初に、自分のGitHubアカウントでログインし、新規のリポジトリを作成しましょう！ 「① リポジトリ名」は好きな名前を付けてください。 画面下にある「② チェックボックス」をONにしてから「③ Create repository」ボタンをクリックしましょう。 すると、自動的に「README.md
書類とスライドを速攻で作成するなら、アウトライン方式だ
仕事で企画書や提案書などを作る機会は多い。社内外の企画提案や、外部の有志との勉強会、ハッカソンなど、スライドを作ってプロジェクターなどで披露する機会で発表したり、有志との勉強会で成果を披露したりと、機会そのものが増えているように思う。 会社によってはテンプレートを用意している場合もあるようだが、それを利用する程度で自分が納得できる文書になるかというと、そうとも限らない。「うまく作れない」と悩んでいる人も少なくないのではないか。 質の低い資料では、商談や会議でも戦えない。 今回は、短時間でクォリティの高い資料を作る方法を紹介しよう。Wordを軸にアウトライン機能を活用するのだ。考え方は実にベーシックなのだが、ちゃんと理解して使いこなしている人は意外に少ないのだ。スライドを作る人も、まずはアウトラインを作るべきだ。 今回のポイントは、早く作成できることだけではない。資料を作成する上で最も重要な
40歳以上で無名でダメなエンジニア（元エンジニア）が勉強会で登壇するときの注意：：村上福之の「ネットとケータイと俺様」：オルタナティブ・ブログ
イベントや勉強会とか出ると、40代、50代、60代の人が発表することもありますね。有名サービスを作った若いエンジニアとかだったり、発表内容がトレンドだったりすると、すごい話を聞きたくなるけど、たいして有名でもないし、すごいものを作ったこともない、俺みたいに無駄に年を重ねた人のトレンドからはずれたダメダメオッサンの登壇内容ってクソいんですよ。自戒の念を込めて書く。 最初の自己紹介30秒以下にしろよ： おまえがちょまどみたいに若くてキレイでかわいい女子だったら何時間でも聴きたいけど、ダメなオッサンのつまんない自己紹介は5秒以上も聞きたくない。無駄に長いこと生きている人の長い自己紹介ってつまんない。「89年に大手SIの子会社に入社」とか聞きたくない。もうねダメなオッサンは「idと好きなAWSサービス」だけでいいよ。長いこと生きてるからいろいろ言いたいことがあるだろうけど、いらない。無名無能力な4
勉強会のスライドにもマンガルーが使えそう - くりにっき
tl;dr マンガルーとは？ ある予感がしてFAQを読んでみた 実際に問い合わせてみた まとめ tl;dr HTMLにマンガルーのタグを埋め込む形式であれば勉強会のスライドにも利用可能 マンガルーとは？ マンガのコマをwebサイトやSNSに貼り付けることができるサービスです mangaloo.jp このサイトのすごいところは「権利者より正式に許諾を受けた作品」を使えるということです ある予感がしてFAQを読んでみた http://mangaloo.jp/info/faq.html コマをSNSにシェアするにはどうすればよいですか？ 「コマをつくる」のコマの範囲確定後、または「コマをさがす」でコマをクリックした際に出るポップアップから、下図赤丸の「共有URL」をコピーしてSNSにはりつけてください。twitterやfacebookなどのOGP(リンクからの画像表示機能)に対応しているSNSで
FlexSlider：スライダー・カルーセルアニメーションjQueryプラグイン | (2) スライダーの設定 | Web技術指南書
<div class="flexslider"> <ul class="slides"> <li><img src="../images/photo01-m.jpg" /></li> <li><img src="../images/photo02-m.jpg" /></li> <li><img src="../images/photo03-m.jpg" /></li> <li><img src="../images/photo04-m.jpg" /></li> <li><img src="../images/photo05-m.jpg" /></li> <li><img src="../images/photo06-m.jpg" /></li> <li><img src="../images/photo07-m.jpg" /></li> <li><img src="../images/ph
カルーセルを実装できるJS、jQueryプラグインまとめ！ | デザインマガジン
こんにちは。 今回はカルーセルを実装できるJS、jQueryプラグインまとめ！です。 Web制作をしているとスライダーと同じようにカルーセルも頻繁に使いますよね。 そこで、今回はカルーセルを実装できるJS、jQueryプラグインをまとめました。
どこよりも詳しい万能スライダーjQueryプラグインslick.jsの使い方 | ITハット
どこよりも詳しい万能スライダーjQueryプラグインslick.jsの使い方 いろいろなスライダー・カルーセルjQueryプラグインを利用してみて、一番簡単でカスタマイズ性に富んだものがこのslickです。非常に便利な分、注意しなければならないこともあるので、その点も含めて紹介したいと思います。 導入 ダウンロード http://kenwheeler.github.io/slick/ サイト上部のメニューのget it nowをクリックします。 Download Nowをクリックでダウンロードすることができます。 読み込み <head> ... <link href=".../path/to/slick.css" rel="stylesheet"> </head> head 内で slick.css を読み込みます。 ... <script src="https://ajax.google
Keynoteを使ってスライドを作成＆かっこよくプレゼンしよう
2016年9月23日 便利ツール 今年になってこれまでに増してプレゼンをする機会が増えてきました。あまり使うことのなかった、Mac付属のKeynoteというスライド作成ツールを使うようになり、周りの人からアドバイスを受けながらよりよいスライドを作ろうと勉強してまいりました。そこで今回はKeynoteの基本機能や便利機能を紹介しようと思います。 ↑私が10年以上利用している会計ソフト！ KeynoteはWindowsユーザーでも使えます まずはじめに。KeynoteはMac用のアプリではありますが、iCloudのサイト上でも使えるので、Apple IDを作成すればどのOSからでも利用可能！ ブラウザーでの画面はこんな感じ。Macのアプリとほぼ同等の機能を利用できます。 基本的なスライドの作り方 Keynoteは直感的に作っていけるツールなので、詳しい説明なしに始められるかと思います。まずはK
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
背景いっぱいに画像や動画のスライドショーを表示できるjQueryプラグイン Vegas Background SlideShow
Bright英会話