コンテンツ量が多い場合だけ折りたたみ表示するHTMLパーツ (elastic_folding_area)


概要

class="elastic_folding_area"のdivタグで囲うと、コンテンツ量が多い時だけ自動的に折りたたまれ、「もっと見る」ボタンが表示される。

「もっと見る」ボタンを押すと、隠れていた部分が表示される。一度表示すると、再び折り畳めない仕様。

折り畳むかどうかの判定は画面読み込み完了時のため、後から画面幅を変更しても変化は無い仕様。

初期値のmax-height指定は200pxmax_h_100, max_h_200, max_h_300, max_h_400 のクラス名を elastic_folding_area のクラス名と一緒にdivタグに加えると、最大高さ指定を変更可能。


高さ未指定のデフォルト値 (最大200px)

chair一覧 プレゼンテーションというとすぐ「パワーポイント」を連想してしまうことが多くなっていますが、パワポを使いこなして、相手が本当に理解できる資料を作成している人は、じつはそれほど多くはありません。 「パワポ職人」を自認している人の多くは、パワポで資料を作るのが本当に好きで、凝ったものを時間をかけて作り上げますが、その実は自己満足の見にくい、わかりにくい資料だったりします。 これは初期のネットショップと同じで、ホームページの作成に夢中になるあまりに、ひとりよがりのわかりにくいショップになっていたりするケースが散見されました。 どちらにも共通しているのは、ツールに踊らされて本質が見えなくなっていることです。ツールを使う以前に、自分がそのツールを使って何をしようとしているのか、その目的は何なのかをよく考える必要があります。 本書の30ページにはこうあります。「メモ帳を使ってスライド一覧を作るとラクチン」。パワーポイントを起動する前に、何をするかを目次にしておこうということです。 さて、本を紹介する前に内容に入ってしまいましたが、本書はプレゼンで一発OKが出る資料作りを解説した本です。パワポの使い方を説明した本は世の中に星の数ほどありますが、本書はパワポの技術的な話ではなく、プレゼンで「通る資料」には何が必要かをわかりやすく解き明かしています。 著者は1975年生まれのSBテクノロジーでシニアコーポレートアーティストをつとめている人物です。各種資料のデザインやロゴマーク制作、ブランド管理などビジネスにおけるデザイン表現全般の包括的管理が仕事で、社外では作家活動を行っており、第3回文化庁メディア芸術祭デジタルアートノンインタラクティブ部門で大賞を受賞した経験もあります。 本書が目指しているのは、一発OKが出る資料作りです。冒頭に「一発OKが出る資料の10箇条」が掲げられているので、紹介します。 (1)「だからどうしたい」が明確 (2)相手のメリットが提示されている (3)結論に至るまでのストーリーが見える (4)目次スライドを活用している (5)メッセージの補強要素が盛り込まれている (6)各スライドの意図がはっきりしている (7)ゆとりあるレイアウトで見やすい (8)キーワードは3回、繰り返す (9)まとめスライドで印象が残る (10)頭から終わりまでブレていない これを受けて、「はじめに」で著者は次のように語っています。 *** この本は、日ごろ私のもとに寄せられる資料作成についての悩みや質問をメインに、実際によくあるものをビフォー・アフター形式で簡潔にまとめたものです。ポイントを最小限に絞っていますので、一般的な資料作成の解説本にハードルの高さを感じている方々にも、今すぐ活用していただけます。 ***



高さ最大100px (class="max_h_100")

chair一覧 プレゼンテーションというとすぐ「パワーポイント」を連想してしまうことが多くなっていますが、パワポを使いこなして、相手が本当に理解できる資料を作成している人は、じつはそれほど多くはありません。 「パワポ職人」を自認している人の多くは、パワポで資料を作るのが本当に好きで、凝ったものを時間をかけて作り上げますが、その実は自己満足の見にくい、わかりにくい資料だったりします。 これは初期のネットショップと同じで、ホームページの作成に夢中になるあまりに、ひとりよがりのわかりにくいショップになっていたりするケースが散見されました。 どちらにも共通しているのは、ツールに踊らされて本質が見えなくなっていることです。ツールを使う以前に、自分がそのツールを使って何をしようとしているのか、その目的は何なのかをよく考える必要があります。 本書の30ページにはこうあります。「メモ帳を使ってスライド一覧を作るとラクチン」。パワーポイントを起動する前に、何をするかを目次にしておこうということです。 さて、本を紹介する前に内容に入ってしまいましたが、本書はプレゼンで一発OKが出る資料作りを解説した本です。パワポの使い方を説明した本は世の中に星の数ほどありますが、本書はパワポの技術的な話ではなく、プレゼンで「通る資料」には何が必要かをわかりやすく解き明かしています。 著者は1975年生まれのSBテクノロジーでシニアコーポレートアーティストをつとめている人物です。各種資料のデザインやロゴマーク制作、ブランド管理などビジネスにおけるデザイン表現全般の包括的管理が仕事で、社外では作家活動を行っており、第3回文化庁メディア芸術祭デジタルアートノンインタラクティブ部門で大賞を受賞した経験もあります。 本書が目指しているのは、一発OKが出る資料作りです。冒頭に「一発OKが出る資料の10箇条」が掲げられているので、紹介します。 (1)「だからどうしたい」が明確 (2)相手のメリットが提示されている (3)結論に至るまでのストーリーが見える (4)目次スライドを活用している (5)メッセージの補強要素が盛り込まれている (6)各スライドの意図がはっきりしている (7)ゆとりあるレイアウトで見やすい (8)キーワードは3回、繰り返す (9)まとめスライドで印象が残る (10)頭から終わりまでブレていない これを受けて、「はじめに」で著者は次のように語っています。 *** この本は、日ごろ私のもとに寄せられる資料作成についての悩みや質問をメインに、実際によくあるものをビフォー・アフター形式で簡潔にまとめたものです。ポイントを最小限に絞っていますので、一般的な資料作成の解説本にハードルの高さを感じている方々にも、今すぐ活用していただけます。 ***



高さ最大200px (class="max_h_200")

chair一覧 プレゼンテーションというとすぐ「パワーポイント」を連想してしまうことが多くなっていますが、パワポを使いこなして、相手が本当に理解できる資料を作成している人は、じつはそれほど多くはありません。 「パワポ職人」を自認している人の多くは、パワポで資料を作るのが本当に好きで、凝ったものを時間をかけて作り上げますが、その実は自己満足の見にくい、わかりにくい資料だったりします。 これは初期のネットショップと同じで、ホームページの作成に夢中になるあまりに、ひとりよがりのわかりにくいショップになっていたりするケースが散見されました。 どちらにも共通しているのは、ツールに踊らされて本質が見えなくなっていることです。ツールを使う以前に、自分がそのツールを使って何をしようとしているのか、その目的は何なのかをよく考える必要があります。 本書の30ページにはこうあります。「メモ帳を使ってスライド一覧を作るとラクチン」。パワーポイントを起動する前に、何をするかを目次にしておこうということです。 さて、本を紹介する前に内容に入ってしまいましたが、本書はプレゼンで一発OKが出る資料作りを解説した本です。パワポの使い方を説明した本は世の中に星の数ほどありますが、本書はパワポの技術的な話ではなく、プレゼンで「通る資料」には何が必要かをわかりやすく解き明かしています。 著者は1975年生まれのSBテクノロジーでシニアコーポレートアーティストをつとめている人物です。各種資料のデザインやロゴマーク制作、ブランド管理などビジネスにおけるデザイン表現全般の包括的管理が仕事で、社外では作家活動を行っており、第3回文化庁メディア芸術祭デジタルアートノンインタラクティブ部門で大賞を受賞した経験もあります。 本書が目指しているのは、一発OKが出る資料作りです。冒頭に「一発OKが出る資料の10箇条」が掲げられているので、紹介します。 (1)「だからどうしたい」が明確 (2)相手のメリットが提示されている (3)結論に至るまでのストーリーが見える (4)目次スライドを活用している (5)メッセージの補強要素が盛り込まれている (6)各スライドの意図がはっきりしている (7)ゆとりあるレイアウトで見やすい (8)キーワードは3回、繰り返す (9)まとめスライドで印象が残る (10)頭から終わりまでブレていない これを受けて、「はじめに」で著者は次のように語っています。 *** この本は、日ごろ私のもとに寄せられる資料作成についての悩みや質問をメインに、実際によくあるものをビフォー・アフター形式で簡潔にまとめたものです。ポイントを最小限に絞っていますので、一般的な資料作成の解説本にハードルの高さを感じている方々にも、今すぐ活用していただけます。 ***



高さ最大300px (class="max_h_300")

chair一覧 プレゼンテーションというとすぐ「パワーポイント」を連想してしまうことが多くなっていますが、パワポを使いこなして、相手が本当に理解できる資料を作成している人は、じつはそれほど多くはありません。 「パワポ職人」を自認している人の多くは、パワポで資料を作るのが本当に好きで、凝ったものを時間をかけて作り上げますが、その実は自己満足の見にくい、わかりにくい資料だったりします。 これは初期のネットショップと同じで、ホームページの作成に夢中になるあまりに、ひとりよがりのわかりにくいショップになっていたりするケースが散見されました。 どちらにも共通しているのは、ツールに踊らされて本質が見えなくなっていることです。ツールを使う以前に、自分がそのツールを使って何をしようとしているのか、その目的は何なのかをよく考える必要があります。 本書の30ページにはこうあります。「メモ帳を使ってスライド一覧を作るとラクチン」。パワーポイントを起動する前に、何をするかを目次にしておこうということです。 さて、本を紹介する前に内容に入ってしまいましたが、本書はプレゼンで一発OKが出る資料作りを解説した本です。パワポの使い方を説明した本は世の中に星の数ほどありますが、本書はパワポの技術的な話ではなく、プレゼンで「通る資料」には何が必要かをわかりやすく解き明かしています。 著者は1975年生まれのSBテクノロジーでシニアコーポレートアーティストをつとめている人物です。各種資料のデザインやロゴマーク制作、ブランド管理などビジネスにおけるデザイン表現全般の包括的管理が仕事で、社外では作家活動を行っており、第3回文化庁メディア芸術祭デジタルアートノンインタラクティブ部門で大賞を受賞した経験もあります。 本書が目指しているのは、一発OKが出る資料作りです。冒頭に「一発OKが出る資料の10箇条」が掲げられているので、紹介します。 (1)「だからどうしたい」が明確 (2)相手のメリットが提示されている (3)結論に至るまでのストーリーが見える (4)目次スライドを活用している (5)メッセージの補強要素が盛り込まれている (6)各スライドの意図がはっきりしている (7)ゆとりあるレイアウトで見やすい (8)キーワードは3回、繰り返す (9)まとめスライドで印象が残る (10)頭から終わりまでブレていない これを受けて、「はじめに」で著者は次のように語っています。 *** この本は、日ごろ私のもとに寄せられる資料作成についての悩みや質問をメインに、実際によくあるものをビフォー・アフター形式で簡潔にまとめたものです。ポイントを最小限に絞っていますので、一般的な資料作成の解説本にハードルの高さを感じている方々にも、今すぐ活用していただけます。 ***



高さ最大400px (class="max_h_400")

chair一覧 プレゼンテーションというとすぐ「パワーポイント」を連想してしまうことが多くなっていますが、パワポを使いこなして、相手が本当に理解できる資料を作成している人は、じつはそれほど多くはありません。 「パワポ職人」を自認している人の多くは、パワポで資料を作るのが本当に好きで、凝ったものを時間をかけて作り上げますが、その実は自己満足の見にくい、わかりにくい資料だったりします。 これは初期のネットショップと同じで、ホームページの作成に夢中になるあまりに、ひとりよがりのわかりにくいショップになっていたりするケースが散見されました。 どちらにも共通しているのは、ツールに踊らされて本質が見えなくなっていることです。ツールを使う以前に、自分がそのツールを使って何をしようとしているのか、その目的は何なのかをよく考える必要があります。 本書の30ページにはこうあります。「メモ帳を使ってスライド一覧を作るとラクチン」。パワーポイントを起動する前に、何をするかを目次にしておこうということです。 さて、本を紹介する前に内容に入ってしまいましたが、本書はプレゼンで一発OKが出る資料作りを解説した本です。パワポの使い方を説明した本は世の中に星の数ほどありますが、本書はパワポの技術的な話ではなく、プレゼンで「通る資料」には何が必要かをわかりやすく解き明かしています。 著者は1975年生まれのSBテクノロジーでシニアコーポレートアーティストをつとめている人物です。各種資料のデザインやロゴマーク制作、ブランド管理などビジネスにおけるデザイン表現全般の包括的管理が仕事で、社外では作家活動を行っており、第3回文化庁メディア芸術祭デジタルアートノンインタラクティブ部門で大賞を受賞した経験もあります。 本書が目指しているのは、一発OKが出る資料作りです。冒頭に「一発OKが出る資料の10箇条」が掲げられているので、紹介します。 (1)「だからどうしたい」が明確 (2)相手のメリットが提示されている (3)結論に至るまでのストーリーが見える (4)目次スライドを活用している (5)メッセージの補強要素が盛り込まれている (6)各スライドの意図がはっきりしている (7)ゆとりあるレイアウトで見やすい (8)キーワードは3回、繰り返す (9)まとめスライドで印象が残る (10)頭から終わりまでブレていない これを受けて、「はじめに」で著者は次のように語っています。 *** この本は、日ごろ私のもとに寄せられる資料作成についての悩みや質問をメインに、実際によくあるものをビフォー・アフター形式で簡潔にまとめたものです。ポイントを最小限に絞っていますので、一般的な資料作成の解説本にハードルの高さを感じている方々にも、今すぐ活用していただけます。 ***



画面幅が840px以下の場合のみ折りたたみ (data-breakpoint="840")

高さ最大200px (class="max_h_200")

chair一覧 プレゼンテーションというとすぐ「パワーポイント」を連想してしまうことが多くなっていますが、パワポを使いこなして、相手が本当に理解できる資料を作成している人は、じつはそれほど多くはありません。 「パワポ職人」を自認している人の多くは、パワポで資料を作るのが本当に好きで、凝ったものを時間をかけて作り上げますが、その実は自己満足の見にくい、わかりにくい資料だったりします。 これは初期のネットショップと同じで、ホームページの作成に夢中になるあまりに、ひとりよがりのわかりにくいショップになっていたりするケースが散見されました。 どちらにも共通しているのは、ツールに踊らされて本質が見えなくなっていることです。ツールを使う以前に、自分がそのツールを使って何をしようとしているのか、その目的は何なのかをよく考える必要があります。 本書の30ページにはこうあります。「メモ帳を使ってスライド一覧を作るとラクチン」。パワーポイントを起動する前に、何をするかを目次にしておこうということです。 さて、本を紹介する前に内容に入ってしまいましたが、本書はプレゼンで一発OKが出る資料作りを解説した本です。パワポの使い方を説明した本は世の中に星の数ほどありますが、本書はパワポの技術的な話ではなく、プレゼンで「通る資料」には何が必要かをわかりやすく解き明かしています。 著者は1975年生まれのSBテクノロジーでシニアコーポレートアーティストをつとめている人物です。各種資料のデザインやロゴマーク制作、ブランド管理などビジネスにおけるデザイン表現全般の包括的管理が仕事で、社外では作家活動を行っており、第3回文化庁メディア芸術祭デジタルアートノンインタラクティブ部門で大賞を受賞した経験もあります。 本書が目指しているのは、一発OKが出る資料作りです。冒頭に「一発OKが出る資料の10箇条」が掲げられているので、紹介します。 (1)「だからどうしたい」が明確 (2)相手のメリットが提示されている (3)結論に至るまでのストーリーが見える (4)目次スライドを活用している (5)メッセージの補強要素が盛り込まれている (6)各スライドの意図がはっきりしている (7)ゆとりあるレイアウトで見やすい (8)キーワードは3回、繰り返す (9)まとめスライドで印象が残る (10)頭から終わりまでブレていない これを受けて、「はじめに」で著者は次のように語っています。 *** この本は、日ごろ私のもとに寄せられる資料作成についての悩みや質問をメインに、実際によくあるものをビフォー・アフター形式で簡潔にまとめたものです。ポイントを最小限に絞っていますので、一般的な資料作成の解説本にハードルの高さを感じている方々にも、今すぐ活用していただけます。 ***



「もっと見る」のラベルを変更 (data-more-label="全て表示")

高さ最大200px (class="max_h_200")

chair一覧 プレゼンテーションというとすぐ「パワーポイント」を連想してしまうことが多くなっていますが、パワポを使いこなして、相手が本当に理解できる資料を作成している人は、じつはそれほど多くはありません。 「パワポ職人」を自認している人の多くは、パワポで資料を作るのが本当に好きで、凝ったものを時間をかけて作り上げますが、その実は自己満足の見にくい、わかりにくい資料だったりします。 これは初期のネットショップと同じで、ホームページの作成に夢中になるあまりに、ひとりよがりのわかりにくいショップになっていたりするケースが散見されました。 どちらにも共通しているのは、ツールに踊らされて本質が見えなくなっていることです。ツールを使う以前に、自分がそのツールを使って何をしようとしているのか、その目的は何なのかをよく考える必要があります。 本書の30ページにはこうあります。「メモ帳を使ってスライド一覧を作るとラクチン」。パワーポイントを起動する前に、何をするかを目次にしておこうということです。 さて、本を紹介する前に内容に入ってしまいましたが、本書はプレゼンで一発OKが出る資料作りを解説した本です。パワポの使い方を説明した本は世の中に星の数ほどありますが、本書はパワポの技術的な話ではなく、プレゼンで「通る資料」には何が必要かをわかりやすく解き明かしています。 著者は1975年生まれのSBテクノロジーでシニアコーポレートアーティストをつとめている人物です。各種資料のデザインやロゴマーク制作、ブランド管理などビジネスにおけるデザイン表現全般の包括的管理が仕事で、社外では作家活動を行っており、第3回文化庁メディア芸術祭デジタルアートノンインタラクティブ部門で大賞を受賞した経験もあります。 本書が目指しているのは、一発OKが出る資料作りです。冒頭に「一発OKが出る資料の10箇条」が掲げられているので、紹介します。 (1)「だからどうしたい」が明確 (2)相手のメリットが提示されている (3)結論に至るまでのストーリーが見える (4)目次スライドを活用している (5)メッセージの補強要素が盛り込まれている (6)各スライドの意図がはっきりしている (7)ゆとりあるレイアウトで見やすい (8)キーワードは3回、繰り返す (9)まとめスライドで印象が残る (10)頭から終わりまでブレていない これを受けて、「はじめに」で著者は次のように語っています。 *** この本は、日ごろ私のもとに寄せられる資料作成についての悩みや質問をメインに、実際によくあるものをビフォー・アフター形式で簡潔にまとめたものです。ポイントを最小限に絞っていますので、一般的な資料作成の解説本にハードルの高さを感じている方々にも、今すぐ活用していただけます。 ***