【削除禁止】リッチテキストの中で使えるスタイルの一覧【公開禁止】

‍

<チャート>
HTML/CSS

チャートのコード生成ページはこちら→https://pote-chil.com/css-stock/ja/radar-chart

‍

<記事内の数式>

MathJax.jsを使用しています。

https://www.mathjax.org/

AI(chatGPT)などで画像をMathJaxの書式にすることをおすすめします。

‍

chatGPTプロンプトの例↓↓)　⚠️注意センター揃え \[ ... \] と左揃え\( ... \) など反映されづらいです

‍

この数式について、MathJaxコードをリッチテキスト内で使用できるように出力してください。（タグやCDNは必要ありません）

‍

使用例①)

体積  \( V = \frac{4}{3}\pi\times1.5^3 = \frac{9}{2}\pi(cm^3)\)

表面積  \( S = 4\pi \times 1.5^2 = 9\pi(cm^2)\)

‍

使用例②)

体積 \( V = \frac{1}{2} \times \frac{4}{3}\pi\times (3.5)^3 = \frac{343}{12}\pi \)

表面積 \( S = \frac{1}{2}\times4\pi\times (3.5)^2 + \pi\times (3.5)^2 = \frac{147}{4}\pi \)

‍

使用例③)

この限りなく薄い円柱は、「半径が \( \sqrt{r^2 - x^2}\)の円を底面とした、高さdxの円柱」 となるので、この微小円柱の体積は、 \( \pi \times (\sqrt{r^2 - x^2})^2 \times dx=\pi(r^2 - x^2)\times dx\)です。

ゆえに、これを \( -r\leq x\leq r\)の範囲で積分すると、

\[ \int_{-r}^{r} (r^2 - x^2)\pi dx = \frac{4}{3} \pi r^3 \]

となり、球の体積の公式が証明されます。

‍

使用例④)

よって、これを \( \theta\)の値が \( -\frac{\pi}{2}\)から \( \frac{\pi}{2}\)まで足し合わせると、

\( \int_{-\frac{\pi}{2}}^{\frac{\pi}{2}} 2\pi r^2 \cos\theta d\theta=4\pi r^2\)となり、同じく球の表面積が求まります。

‍

使用例⑤)

はじめに、先ほど証明した球の体積 \( (V = \frac{4}{3} \pi r^3)\)とこの考え方を合体させると、

\( \int_{0}^{r} S(t)dt=\frac{4}{3} \pi r^3\)が成り立ちますね。

これを両辺rで微分すると、

表面積 \( S(r)=4\pi r^2\)

となり、球の表面積が求まります。

‍

使用例⑥)→数式20px

‍

<記事内のテキスト>

h2：あのイーハトーヴォのすきとおった風

h3：あのイーハトーヴォのすきとおった風

h4：あのイーハトーヴォのすきとおった風

h5：あのイーハトーヴォのすきとおった風

h6：あのイーハトーヴォのすきとおった風

‍

デフォルトのテキストです。
五月のしまいの日曜でした。わたくしは賑にぎやかな市の教会の鐘の音で眼をさましました。もう日はよほど登って、まわりはみんなきらきらしていました。時計を見るとちょうど六時でした。わたくしはすぐチョッキだけ着て山羊を見に行きました。

boldです。
五月のしまいの日曜でした。わたくしは賑にぎやかな市の教会の鐘の音で眼をさましました。もう日はよほど登って、まわりはみんなきらきらしていました。時計を見るとちょうど六時でした。わたくしはすぐチョッキだけ着て山羊を見に行きました。

斜体です。
五月のしまいの日曜でした。わたくしは賑にぎやかな市の教会の鐘の音で眼をさましました。もう日はよほど登って、まわりはみんなきらきらしていました。時計を見るとちょうど六時でした。わたくしはすぐチョッキだけ着て山羊を見に行きました。‍

リンクです。
五月のしまいの日曜でした。わたくしは賑にぎやかな市の教会の鐘の音で眼をさましました。もう日はよほど登って、まわりはみんなきらきらしていました。時計を見るとちょうど六時でした。わたくしはすぐチョッキだけ着て山羊を見に行きました。

‍

引用文です。
‍
五月のしまいの日曜でした。わたくしは賑にぎやかな市の教会の鐘の音で眼をさましました。
もう日はよほど登って、まわりはみんなきらきらしていました。時計を見るとちょうど六時でした。わたくしはすぐチョッキだけ着て山羊を見に行きました。

‍

• リストです
• りんご
• ゴリラ
• ラッパ

1. 番号付きリストです
2. パラシュート
3. トマト
4. とうがらし

‍

^{上付き文字です}

_{下付き文字で}

‍

カスタムコード

ボタン

<青ボタンロングバージョン：Btn Blue Large>

※スタイルはwebflowのもの(ユーティリティページ)を使用

ボタン名

‍

<通常の青ボタン：Btn Blue Normal>

※スタイルはwebflowのもの(ユーティリティページ)を使用

ボタン名

‍

<別タブの青ボタンロングバージョン：Btn Blue Large>

※スタイルはwebflowのもの(ユーティリティページ)を使用

ボタン名

‍

<別タブの青ボタン：Btn Blue Normal>

※スタイルはwebflowのもの(ユーティリティページ)を使用

ボタン名

‍

パネル

<グレーパネル>

‍

グレーのパネルです

HTMLを直接書きます。

エディタ上でプレビューはできません。公開することによってCSSが適用されます。

パカパカするやつです

中身です

• 1つ目のリスト
• 2つ目のリスト
• 3つ目のリスト

‍

<正解用：グレーパネル>

‍

‍

音声データの再生プレイヤーwebflow

音声データの拡張子を手動で.txtに変更後webflowにアップロード

‍

<グレー枠パネル>

‍

グレー枠のパネルです

HTMLを直接書きます。

エディタ上でプレビューはできません。公開することによってCSSが適用されます。

パカパカするやつです

中身です

• 1つ目のリスト
• 2つ目のリスト
• 3つ目のリスト

‍

<記事リンク>

‍

ダミーです！画像、リンク、テキストは記事リンクを公開してソース貼り付けがおすすめ！

ダミーです！その際にstyleは出来るだけいじらないように注意してください。画像、リンク、テキストは記事リンクを公開してソース貼り付けがおすすめ！

‍

表 テーブル

<テーブル(表)>

‍

‍

<ロングテーブル(表)　改行あり+スクロールなし>

‍

‍

<スクロール テーブル>_‍

※tdタグは増減可能です(下記は例として2~4カラムを表示させています)
※埋め込みコードはページを跨がないため、各ページ個別に上書き可能です。もし(個別修正が難しい)全体での修正が必要な時はhead内に記載することとします。

2カラム

‍

‍

3カラム

4カラム~

‍

左側青(tdタグは増減可能です)

‍

左+上側青

‍

‍

<セクション atama＋ EdTech研究所　>

※スタイルはwebflowのもの(ユーティリティページ)を使用

企画

atama＋ EdTech研究所 所長

森本 典生（もりもと のりお）

東北大学経済学部経営学科卒業後、株式会社ベネッセコーポレーションに入社。
教師、講師、生徒、保護者への研修や講演は延べ2000回以上。科学的な「伸びる」学習方法やEd Techの価値について研究全般を統括。

監修

atama＋ EdTech研究所 データサイエンティスト

内藤 純（ないとう じゅん）

東京大学大学院理学系研究科天文学専攻卒業後、データサイエンティストとして様々な領域の分析及びAI開発に従事。
ビッグデータを用いて、様々な角度から学びの実態を研究。

執筆

atama＋ EdTech研究所 主任研究員

池田 真一郎（いけだ しんいちろう）

早稲田大学政治経済学部経済学科卒業後、株式会社リクルートマネジメントソリューションズに入社。社会人向け教育プログラムの開発・法人向け営業および、事業企画に従事。
ビッグデータの分析・研究を通じて、より良い学びについて発信中。

‍

画像/動画/地図

‍

‍

‍

‍

Posts-CTA(カスタムコンポーネント)

{{Posts-CTA-fc}}

----------------

{{Posts-CTA-online}}

----------------

{{Posts-CTA}}