【LaTeX】数式モード/ array 環境 / cases 環境 / align* 環境

* インライン数式モード インライン数式モードでは,文の中に数式を挿入します.これにはドル記号「$」を使用します.数式を「$」で囲むことにより,その数式は本文と同じ行に表示されます. ex)  LaTeX $x^2 + y^2 = z^2$を挿入する場合 出力:$x^2 + y^2 = z^2$を挿入する場合 * ディスプレイ数式モード ディスプレイ数式モードでは,数式を文から独立させて中央に配置します.これには「 \[ 」と「 \] 」を使用します. ex)  LaTeX \[ x^2 + y^2 = z^2 \] 出力:\[x^2 + y^2 = z^2\] LaTeXではさまざまな数式環境が用意されています.ここでは,array 環境,cases 環境,そしてalign* 環境について説明します. * array 環境 array 環境は行列や複数の式を整列させるときに使います.この環境は表のような形式で数式を配置するのに便利です.array 環境を使用する際には,列の配置を指定するために「 l 」(左寄せ),「 c 」(中央揃え),「 r 」(右寄せ)などのパラメータを括弧内に記述します. ex) 各要素が中央揃えである2×2の行列 LaTeX \[ \begin{array}{cc} x & y \\ z & w \end{array} \] 出力: \[ \begin{array}{cc} x & y \\ z & w \\ \end{array} \] * cases 環境 cases 環境は,場合分けや連立方程式を書く際に使用されます.この環境は自動的に左中括弧「 { 」を付け,それぞれの式を整列させます.通常,amsmath パッケージが必要です. ex)  LaTeX \[ f(x) = \begin{cases} x^2 & ( x \geq 0 )\\ -x & ( x < 0 ) \end{cases} \] 出力: \[ f(x) = \begin{cases} x^2 [...]

Read More… from 【LaTeX】数式モード/ array 環境 / cases 環境 / align* 環境

【LaTeX】chemfigパッケージで化学構造式を表示する

chemfigパッケージは,\chemfig{}コマンドを使用して,化学構造式を記述することができます. \ce{}コマンドを使って化学式や反応式を容易に記述できる一方で,\chemfig{}はより複雑な化学構造や立体化学を表現するのに適しており,結合の角度や種類(二重結合や三重結合),さらには複雑な環状構造(ベンゼン環など)の描画を行うことができます. * インストールと設定 chemfigパッケージを使用するためには,LaTeXのプリアンブルに以下のコードを追加してパッケージを読み込む必要があります. LaTeX \usepackage{chemfig} * 基本的な結合の表記 単結合 LaTeX \chemfig{H-C-H} 出力: 二重結合:二酸化炭素 LaTeX \chemfig{O=C=O} 出力: 三重結合:アセチレン(エチレン) LaTeX \chemfig{HC\equiv CH} 出力: * 角度の調整 \chemfig{}では,結合の角度を調整することができます. LaTeX \chemfig{A-[:45]B-[:-30]C} 出力: * 分岐と環状構造 複数の分岐や複雑な環状構造も容易に表現できます. LaTeX \chemfig{CH_3-C(-[2]CH_3)(-[6]CH_3)-CH_3} 出力: アスタリスク (*) と括弧で環状構造を描画することができます. ベンゼン環 LaTeX \chemfig{*6(=-=-=-)} 出力: * 立体化学の表現 立体化学を示すための楔線やハッシュ線も描画できます. LaTeX \chemfig{H-[:30]C(-[2]H)( […]

Read More… from 【LaTeX】chemfigパッケージで化学構造式を表示する

【LaTeX】mhchem パッケージの\ce{}コマンドで化学式を表示する

mhchem パッケージは,LaTeX文書中で化学式や反応式を簡単に記述するためのツールです.コマンド「\ce{}」を使って,化学方程式や分子の表記することができます.ここでは、「\ce{}」コマンドの基本的な使い方といくつかの便利な機能について説明します. * インストールと設定 まず,mhchem パッケージを使用するために,LaTeXのプリアンブルに次の行を追加してパッケージを読み込む必要があります. LaTeX \usepackage[version=4]{mhchem} * 基本的な化学式の書き方 「\ce{}」コマンドを使うと,化学式を簡単に記述できます.例えば,水の化学式は次のようになります. LaTeX \ce{H2O} 出力:$$\ce{H2O}$$ * 化学反応式 化学反応式で係数を使う場合や,状態を示す記号(固体,液体,気体,水溶液など)を付ける場合にも使えます. LaTeX \ce{2H2 + O2 -> 2H2O(g)} 出力:$$\ce{2H2 + O2 -> 2H2O(g)}$$ * イオンと電荷 イオンや電荷のある粒子を記述する場合も便利です.例えば,硫酸イオンは以下のように記述します. LaTeX \ce{SO4^2-} 出力:$$\ce{SO4^2-}$$ * 分子内の結合 分子内の結合を表現するためにダッシュや等号を使用できます.二重結合や三重結合も表現可能です. LaTeX \ce{C6H5-CHO} \ce{N#N} 出力:$$\ce{C6H5-CHO}$$$$\ce{N#N}$$ * 錯イオン 複雑なイオンも表現することができます.例えば,テトラアクア銅(II)イオンは以下のように表せます. LaTeX \ce{[Cu(H2O)4]^2+} 出力:$$\ce{[Cu(H2O)4]^2+}$$ 「\ce{}」コマンドは,化学式や反応式を正確かつ簡単にLaTeXで記述するための非常に便利なツールで,基本的な用途から複雑な化学構造の記述まで,幅広く活用することができます.これらの機能を活用し,効率良く美しい資料を作成していきましょう! […]

Read More… from 【LaTeX】mhchem パッケージの\ce{}コマンドで化学式を表示する

【KaTeX】WordPressにKaTeXを導入する

KaTeXをWordPressサイトに導入する方法を説明します. まず,WordPressにログインし,メニューバーから「外観」>「テーマファイルエディタ」を開きます.テーマファイルの中から,「テーマのための関数(functions.php)」をクリック.以下のコードを「functions.php」の末尾に追加します.このコードはKaTeXライブラリとスタイルシートをサイトに組み込み,ページの数式を自動的にレンダリングするためのものです. 2. WordPressサイトでKaTeXをテスト WordPressのエディタで新しいページを開き,KaTeXの数式を追加してみましょう. インラインモードは,段落中に「$…$」,または「\(…\)」で囲みます. 出力: $x-y$ \(ab + cd\) ディスプレイモードは,段落中に「$$…$$」,または「\[…\]」で囲みます. 出力: $$x-y$$ \[ab + cd\] これで,WordPressサイトにKaTeX導入完了です! […]

Read More… from 【KaTeX】WordPressにKaTeXを導入する

【highlight.js】WordPressで作成するサイトのコードに色をつける

highlight.js の導入 highlight.js は,ウェブページで使用される軽量なコードシンタックスハイライターライブラリです.このライブラリは,多くのプログラミング言語に対応しており,Webサイトやブログの投稿内でプログラミングコードを色付け,美しく表示することができます.また、さまざまなスタイルテーマを選択でき、サイトのデザインに合わせた見た目にカスタマイズすることができます.今回の設定では,highlight.js を CDN 経由でロードし,サイト全体に自動的に適用します. 1. テーマを選択 まずブラウザを開き,highlight.jsの公式サイトにアクセスします.サイト内のナビゲーションメニューまたはホームページから「Highlighting Previews」にアクセスします.このページには,多数のテーマがプレビューとともに表示されています.各テーマをクリックして,好みのテーマを探しましょう. 好みのテーマが決まったら,そのテーマに対応するCSSファイルのCDNリンクを探します.特にこだわりがなければ,下記のリンクから選んだテーマのURLをコピーします. https://cdnjs.com/libraries/highlight.js テーマ数がとても多いので,「command + F」でテーマ名を検索すると良いです. 2. functions.phpファイルを開く WordPressのダッシュボードにログインし,「外観」>「テーマエディター」を選択します.テーマファイルの中から,「テーマのための関数(functions.php)」をクリック. 3. functions.phpを編集 「functions.php」ファイルの末尾に以下のコードを追加します.‘コピーしたURL’には自分でコピーしたURLをペーストします.このコードは,highlight.jsのスタイルシートとJavaScriptファイルをサイトに追加し,ページの読み込み後に自動的にシンタックスハイライトを適用します. 4. 変更を保存 コードを追加したら,ファイルの変更を保存します.右下または上部にある「ファイルを更新」ボタンをクリックして保存します. 5. サイト上でテスト 変更を保存した後,サイト上でコードブロックが適切にハイライト表示されているか確認します. 以上で,Highlight.jsの導入完了です!WordPressのすべてのページでコードのハイライトが有効になります.どんどん美しいコードを生成していきましょう〜 […]

Read More… from 【highlight.js】WordPressで作成するサイトのコードに色をつける