ホーム > タグ > HTML

HTML

Zen Coding for Sakura Editorのマクロ設定

  • 設定方法
    1. ZenCodingForSakuraEditor.zipをダウンロードし、解凍します。
      ZenCoding for Sakura Editor の 解凍
    2. ZenCoding.jsをサクラエディタのマクロフォルダに設置します。
      (例ではサクラエディタのインストールフォルダ内に”macro”というフォルダを作り、そこへコピーしています。)
      サクラエディタのマクロフォルダにコピー
    3. [設定(O)]->[共通設定(C)...]->タブ[マクロ]を開きます。(Ctrl+6 でも開けます。)
      共通設定を開く
    4. [参照]を押下し、マクロフォルダの設定します。
      [File]のドロップダウンリストからマクロファイル「ZenCodeing.js」の読み込みます。
      [名前]にマクロ名「ZenCoding」を入力し、[設定]を押下します。
      外部マクロに登録(設定前)
    5. 設定が反映されると、マクロ一覧に設定したマクロ「ZenCoding」が表示されます。
      外部マクロに登録(設定後)
    6. タブ[キー割り当て]を開き、[種別(K)]で「外部マクロ」を選択します。
      [機能(F)]に「ZenCoding」が表示されますので選択します。
      他のソフトウェアでは[Ctrl]+[E]が実行キーなのですが、サクラエディタではすでに他の機能が割り当てられていますので[Alt]+[Z]を割り当てます。
      [Alt]のチェックボックスにチェックを入れ、[キー(Y)]から「Alt+Z」を選択し、[割付(B)]を押下します。
      キーの割り当て(割付前)
    7. 設定が反映されると、[機能が割り当てられているキー(G)]に設定したショートカットキー「Alt+Z」が表示されます。
      [OK]を押下して、設定を完了します。
      キーの割り当て(割付後)
  • 使い方
    1. これで使う準備ができましたので、早速動作確認をしてみましょう。
      エディタに”html:4s>div>ul>li*3>a”と入力してみましょう。動作確認(実行前)
    2. 入力が完了したら、先ほど設定した[Alt]+[Z]キーを押下してみてください。
      HTML文が展開されれば成功です。
      動作確認(実行後)
  • 関連

Zen Codingについては下記の書籍に利用方法が説明されています。

ツイートツイート

AmazonSearchをHTMLで設置する

Amazonで作成したウィジェットではJavascriptが利用されるうえ、HTML構文エラーやデザイン的問題があったので、HTMLで実装してみた。
正しく動作するかまだ確認できてないが、とりあえず検索としてはちゃんと動いてるみたいなのでメモ。
以下、サイドメニューに追加したHTML構文


<dt>AmazonSearch</dt>
<dd>
<form action="http://www.amazon.co.jp/exec/obidos/external-search" method="get">
<fieldset>
<legend>
<label for="AmazonSearchKeyword">Amazon検索</label>
</legend>
<div>
<strong>サーチ:</strong>
<select id="searchDropdownBox" style="font-size: 0.8em;" title="次の中からサーチ" name="url">
<option selected="selected" value="search-alias=aps">すべてのカテゴリー</option>
<option value="search-alias=stripbooks">和書</option>
<option value="search-alias=english-books">洋書</option>
<option value="search-alias=dvd">DVD</option>
<option value="search-alias=popular">ミュージック</option>
<option value="search-alias=classical">クラシック音楽</option>
<option value="search-alias=mi">楽器</option>
<option value="search-alias=videogames">TVゲーム</option>
<option value="search-alias=software">PCソフト</option>
<option value="search-alias=electronics">家電&amp;カメラ</option>
<option value="search-alias=office-products">文房具・オフィス用品</option>
<option value="search-alias=kitchen">ホーム&amp;キッチン</option>
<option value="search-alias=food-beverage">食品&amp;飲料</option>
<option value="search-alias=hpc">ヘルス&amp;ビューティー</option>
<option value="search-alias=beauty">コスメ</option>
<option value="search-alias=baby">ベビー&amp;マタニティ</option>
<option value="search-alias=toys">おもちゃ</option>
<option value="search-alias=apparel">服&ファッション小物</option>
<option value="search-alias=shoes">シューズ&バッグ</option>
<option value="search-alias=jewelry">ジュエリー</option>
<option value="search-alias=watch">時計</option>
<option value="search-alias=sporting">スポーツ&amp;アウトドア</option>
<option value="search-alias=automotive">カー&バイク用品</option>
<option value="search-alias=diy">DIY・工具</option>
</select></div>
<div>
<input id="AmazonSearchKeyword" style="width: 10em; font-size: 0.8em;" name="AmazonSearchKeyword" type="text" />
<input name="tag" type="hidden" value="dambe-22" />
<input name="encoding-string-jp" type="hidden" value="日本語" />
<input style="vertical-align: middle;" name="Go" src="http://wms.assoc-amazon.jp/JP/img/go-rd-sec_tpng.png?tag=dambe-22" type="image" value="Go" /></div>
<div>
<a href="http://www.amazon.jp/?&amp;camp=759&amp;linkCode=wsw&amp;tag=dambe-22&amp;creative=3867">
<img style="border: none;" src="http://wms.assoc-amazon.jp/JP/img/amazon-logo-b_tpng.png" alt="Amazon.co.jpアソシエイト" />
</a></div></fieldset>
</form>
</dd>
ツイートツイート

Zen Coding for Sakura Editor

Zen Codingをサクラエディタで行えるように一部の機能だけですが移植しましたので公開します。

サクラエディタ下記のようなことができるようになります。

Zen Codingについては下記の書籍に利用方法が説明されています。

ツイートツイート

実体参照

マークアップ記号

文字 数値文字参照 文字実体参照 備考
" &#34; &quot; quotation mark = APL quote = 引用符
& &#38; &amp; ampersand = アンパサンド
< &#60; &lt; less-than sign = 不等号(小なり)
> &#62; &gt; greater-than sign = 不等号(大なり)

ISO-8859-1 ラテン

文字 数値文字参照 文字実体参照 備考
  &#160; &nbsp; no-break space = non-breaking space = 改行無し空白
¡ &#161; &iexcl; inverted exclamation mark = 逆感嘆符
¢ &#162; &cent; cent sign = セント記号
£ &#163; &pound; pound sign = ポンド記号
¤ &#164; &curren; currency sign = 一般通貨のマーク
¥ &#165; &yen; yen sign = yuan sign = 円マーク
¦ &#166; &brvbar; broken bar = broken vertical bar = 破線垂直バー
§ &#167; &sect; section sign = セクション記号
¨ &#168; &uml; diaeresis = spacing diaeresis = ウムラウト
© &#169; &copy; copyright sign = コピーライト
ª &#170; &ordf; feminine ordinal indicator = 女性オーディナル
« &#171; &laquo; left-pointing double angle quotation mark = left pointing guillemet = 左角引用符
¬ &#172; &not; not sign 否定記号
­ &#173; &shy; soft hyphen = discretionary hyphen = ソフトハイフン
® &#174; &reg; registered sign = registered trade mark sign = 登録商標
¯ &#175; &macr; macron = spacing macron = overline = APL overbar = 長音記号
° &#176; &deg; degree sign = 度記号
± &#177; &plusmn; plus-minus sign = plus-or-minus sign = プラス・マイナス
² &#178; &sup2; superscript two = superscript digit two = squared = 上付き2
³ &#179; &sup3; superscript three = superscript digit three = cubed = 上付き3
´ &#180; &acute; acute accent = spacing acute = アクセント
µ &#181; &micro; micro sign = マイクロ記号
&#182; &para; pilcrow sign = paragraph sign = 段落記号
· &#183; &middot; middle dot = Georgian comma = Greek middle dot = 中ドット
¸ &#184; &cedil; cedilla = spacing cedilla = セディラ
¹ &#185; &sup1; superscript one = superscript digit one = 上付き1
º &#186; &ordm; masculine ordinal indicator = 男性オーディナル
» &#187; &raquo; right-pointing double angle quotation mark = right pointing guillemet = 右角引用符
¼ &#188; &frac14; vulgar fraction one quarter = fraction one quarter = 分数4分の1
½ &#189; &frac12; vulgar fraction one half = fraction one half = 分数2分の1
¾ &#190; &frac34; vulgar fraction three quarters = fraction three quarters = 分数4分の3
¿ &#191; &iquest; inverted question mark = turned question mark = 逆疑問符
À &#192; &Agrave; latin capital letter A with grave = latin capital letter A grave = 大文字A,グレーブ・アクセント
Á &#193; &Aacute; latin capital letter A with acute = 大文字A,アキュート・アクセント
 &#194; &Acirc; latin capital letter A with circumflex = 大文字A,サーカムフレックス
à &#195; &Atilde; latin capital letter A with tilde = 大文字A,チルダ
Ä &#196; &Auml; latin capital letter A with diaeresis = 大文字A,ウムラウト
Å &#197; &Aring; latin capital letter A with ring above = latin capital letter A ring = 大文字A,リング
Æ &#198; &AElig; latin capital letter AE = latin capital ligature AE = 大文字AE リンゲイチャ
Ç &#199; &Ccedil; latin capital letter C with cedilla = 大文字C,セディラ
È &#200; &Egrave; latin capital letter E with grave
É &#201; &Eacute; latin capital letter E with acute
Ê &#202; &Ecirc; latin capital letter E with circumflex
Ë &#203; &Euml; latin capital letter E with diaeresis
Ì &#204; &Igrave; latin capital letter I with grave
Í &#205; &Iacute; latin capital letter I with acute
Î &#206; &Icirc; latin capital letter I with circumflex
Ï &#207; &Iuml; latin capital letter I with diaeresis
Ð &#208; &ETH; latin capital letter ETH = 大文字Eth(アイスランド語
Ñ &#209; &Ntilde; latin capital letter N with tilde
Ò &#210; &Ograve; latin capital letter O with grave
Ó &#211; &Oacute; latin capital letter O with acute
Ô &#212; &Ocirc; latin capital letter O with circumflex
Õ &#213; &Otilde; latin capital letter O with tilde
Ö &#214; &Ouml; latin capital letter O with diaeresis
× &#215; &times; multiplication sign = 乗算記号
Ø &#216; &Oslash; latin capital letter O with stroke = latin capital letter O slash
Ù &#217; &Ugrave; latin capital letter U with grave
Ú &#218; &Uacute; latin capital letter U with acute
Û &#219; &Ucirc; latin capital letter U with circumflex
Ü &#220; &Uuml; latin capital letter U with diaeresis
Ý &#221; &Yacute; latin capital letter Y with acute
Þ &#222; &THORN; latin capital letter THORN = 大文字Thorn(アイスランド語
ß &#223; &szlig; latin small letter sharp s = ess-zed = 小文字sharp s(ドイツ語
à &#224; &agrave; latin small letter a with grave = latin small letter a grave
á &#225; &aacute; latin small letter a with acute
â &#226; &acirc; latin small letter a with circumflex
ã &#227; &atilde; latin small letter a with tilde
ä &#228; &auml; latin small letter a with diaeresis
å &#229; &aring; latin small letter a with ring above = latin small letter a ring
æ &#230; &aelig; latin small letter ae = latin small ligature ae
ç &#231; &ccedil; latin small letter c with cedilla
è &#232; &egrave; latin small letter e with grave
é &#233; &eacute; latin small letter e with acute
ê &#234; &ecirc; latin small letter e with circumflex
ë &#235; &euml; latin small letter e with diaeresis
ì &#236; &igrave; latin small letter i with grave
í &#237; &iacute; latin small letter i with acute
î &#238; &icirc; latin small letter i with circumflex
ï &#239; &iuml; latin small letter i with diaeresis
ð &#240; &eth; latin small letter eth = 小文字eth(アイスランド語
ñ &#241; &ntilde; latin small letter n with tilde
ò &#242; &ograve; latin small letter o with grave
ó &#243; &oacute; latin small letter o with acute
ô &#244; &ocirc; latin small letter o with circumflex
õ &#245; &otilde; latin small letter o with tilde
ö &#246; &ouml; latin small letter o with diaeresis
÷ &#247; &divide; division sign = 除算記号
ø &#248; &oslash; latin small letter o with stroke, = latin small letter o slash = 小文字o,スラッシュ
ù &#249; &ugrave; latin small letter u with grave = 小文字u,グレーブ・アクセント
ú &#250; &uacute; latin small letter u with acute = 小文字u,アキュレート・アクセント
û &#251; &ucirc; latin small letter u with circumflex = 小文字u,サーカムフレックス
ü &#252; &uuml; latin small letter u with diaeresis = 小文字u,ウムラウト
ý &#253; &yacute; latin small letter y with acute = 小文字y,アキュレート・アクセント
þ &#254; &thorn; latin small letter thorn = 小文字thorn(アイスランド語
ÿ &#255; &yuml; latin small letter y with diaeresis = 小文字y,ウムラウト

ラテン拡張

文字 数値文字参照 文字実体参照 備考
Œ &#338; &OElig; latin capital ligature OE = ラテン文字の大文字合字 OE
œ &#339; &oelig; latin small ligature oe = ラテン文字の小文字合字 oe
Š &#352; &Scaron; latin capital letter S with caron = カロン(caron)付きラテン大文字 S
š &#353; &scaron; latin small letter s with caron = カロン(caron)付きラテン小文字 s
Ÿ &#376; &Yuml; llatin capital letter Y with diaeresis = 分音符付きラテン大文字 y
ˆ &#710; &circ; modifier letter circumflex accent = 変長音符
˜ &#732; &tilde; small tilde = 小チルダ
ƒ &#402; &fnof; latin small f with hook = function = florin = フック付きの小文字f = 関数 = フロリン

ギリシア文字

文字 数値文字参照 文字実体参照 備考
Α &#913; &Alpha; greek capital letter alpha
Β &#914; &Beta; greek capital letter beta
Γ &#915; &Gamma; greek capital letter gamma
Δ &#916; &Delta; greek capital letter Delta
Ε &#917; &Epsilon; greek capital letter epsilon
Ζ &#918; &Zeta; greek capital letter zeta
Η &#919; &Eta; greek capital letter eta
Θ &#920; &Theta; greek capital letter theta
Ι &#921; &Iota; greek capital letter iota
Κ &#922; &Kappa; greek capital letter kappa
Λ &#923; &Lambda; greek capital letter lambda
Μ &#924; &Mu; greek capital letter mu
Ν &#925; &Nu; greek capital letter nu
Ξ &#926; &Xi; greek capital letter xi
Ο &#927; &Omicron; greek capital letter omicron
Π &#928; &Pi; greek capital letter pi
Ρ &#929; &Rho; greek capital letter rho
Σ &#931; &Sigma; greek capital letter sigma
Τ &#932; &Tau; greek capital letter kappa
Υ &#933; &Upsilon; greek capital letter upsilon
Φ &#934; &Phi; greek capital letter phi
Χ &#935; &Chi; greek capital letter chi
Ψ &#936; &Psi; greek capital letter psi
Ω &#937; &Omega; greek capital letter omega
α &#945; &alpha; greek small letter alpha
β &#946; &beta; greek small letter beta
γ &#947; &gamma; greek small letter gamma
δ &#948; &delta; greek small letter Delta
ε &#949; &epsilon; greek small letter epsilon
ζ &#950; &zeta; greek small letter zeta
η &#951; &eta; greek small letter eta
θ &#952; &theta; greek small letter theta
ι &#953; &iota; greek small letter iota
κ &#954; &kappa; greek small letter kappa
λ &#955; &lambda; greek small letter lambda
μ &#956; &mu; greek small letter mu
ν &#957; &nu; greek small letter nu
ξ &#958; &xi; greek small letter xi
ο &#959; &omicron; greek small letter omicron
π &#960; &pi; greek small letter pi
ρ &#961; &rho; greek small letter rho
ς &#962; &sigmaf; greek small letter final sigma
σ &#963; &sigma; greek small letter sigma
τ &#964; &tau; greek small letter kappa
υ &#965; &upsilon; greek small letter upsilon
φ &#966; &phi; greek small letter phi
χ &#967; &chi; greek small letter chi
ψ &#968; &psi; greek small letter psi
ω &#969; &omega; greek small letter omega
ϑ &#977; &thetasym; greek small letter theta symbol
ϒ &#978; &upsih; greek upsilon with hook symbol
ϖ &#982; &piv; greek pi symbol

一般記号と国際化用の制御文字

文字 数値文字参照 文字実体参照 備考
&#8194; &ensp; en space
&#8195; &emsp; em space
&#8201; &thinsp; thin space
&#8204; &zwnj; zero width non-joiner
&#8205; &zwj; zero width joiner
&#8206; &lrm; left-to-right mark
&#8207; &rlm; right-to-left mark
&#8211; &ndash; en dash = en ダッシュ
&#8212; &mdash; em dash = em ダッシュ
&#8216; &lsquo; left single quotation mark
&#8217; &rsquo; right single quotation mark
&#8218; &sbquo; single low-9 quotation mark
&#8220; &ldquo; left double quotation mark
&#8221; &rdquo; right double quotation mark
&#8222; &bdquo; double low-9 quotation mark
&#8224; &dagger; dagger = 剣標
&#8225; &Dagger; double dagger = ダブル剣標
&#8226; &bull; bullet = black small circle
&#8230; &hellip; horizontal ellipsis = three dot leader = 水平省略記号
&#8240; &permil; per mille sign = パー・マイル記号
&#8242; &prime; prime = minutes = feet = 第1 = 分 = フィート
&#8243; &Prime; double prime = seconds = inches = 第2 = 秒 = インチ
&#8249; &lsaquo; single left-pointing angle quotation mark = シングル・左角クォーテーション・マーク
&#8250; &rsaquo; single right-pointing angle quotation mark = シングル・右角クォーテーション・マーク
&#8254; &oline; overline = spacing overscore = 上線 = スペース付きの上線(オーバースコア)
&#8260; &frasl; fraction slash = 分数用スラッシュ
&#8364; &euro; euro sign
&#8465; &image; blackletter capital I = imaginary part = ゴシック体の大文字 I
&#8472; &weierp; script capital P = power set = Weierstrass p = スクリプト・キャピタル P
&#8476; &real; blackletter capital R = real part symbol = ゴシック体の大文字 R
&#8482; &trade; trade mark sign = 登録商標
&#8501; &alefsym; alef symbol = first transfinite cardinal = アレフ記号
&#8592; &larr; leftwards arrow
&#8593; &uarr; uowards arrow
&#8594; &rarr; rightwards arrow
&#8595; &darr; downwards arrow
&#8596; &harr; left right arrow
&#8629; &crarr; downwards arrow with corner leftwards = carriage return
&#8656; &lArr; leftwards double arrow
&#8657; &uArr; upwards double arrow
&#8658; &rArr; rightwards double arrow
&#8659; &dArr; downwards double arrow
&#8660; &hArr; left right double arrow

数学記号

文字 数値文字参照 文字実体参照 備考
&#8704; &forall; for all = 全てについて
&#8706; &part; partial differential = 微分
&#8707; &exist; there exists = 存在
&#8709; &empty; empty set = null set = diameter = 空集合 = nullセット = 直径
&#8711; &nabla; nabla = backward difference = ナブラ = 後方の差分
&#8712; &isin; element of = 右辺の要素である
&#8713; &notin; not an element of = 右辺の要素ではない
&#8715; &ni; contains as member = メンバーとして含まれる
&#8719; &prod; n-ary product = product sign = n乗 = 乗算の記号
&#8721; &sum; n-ary sumation = n回加算
&#8722; &minus; minus sign = 減算記号
&#8727; &lowast; asterisk operator = アスタリスク演算子
&#8730; &radic; square root = radical sign = 平方根
&#8733; &prop; proportional to = 比例
&#8734; &infin; infinity = 無限
&#8736; &ang; angle = 角度
&#8743; &and; logical and = wedge = 論理積
&#8744; &or; logical or = vee = 論理和
&#8745; &cap; intersection = cap = 集合の積
&#8746; &cup; union = cup = 集合の和
&#8747; &int; integral = 積分
&#8756; &there4; therefore = したがって
&#8764; &sim; tilde operator = varies with = similar to = チルダ演算子 = 多様性 = 類似性
&#8773; &cong; approximately equal to = ほぼ等しい
&#8776; &asymp; almost equal to = asymptotic to = ほぼ等しい
&#8800; &ne; not equal to = 不等
&#8801; &equiv; identical to = 定義
&#8804; &le; less-than or equal to = 小さいか等しい
&#8805; &ge; greater-than or equal to = 大きいか等しい
&#8834; &sub; subset of = 左辺は右辺の部分集合
&#8835; &sup; superset of = 左辺は右辺を包含する
&#8836; &nsub; not a subset of = 部分集合ではない
&#8838; &sube; subset of or equal to = 部分集合または等しい
&#8839; &supe; superset of or equal to = 包含集合または等しい
&#8853; &oplus; circled plus = direct sum = ベクトル和 = 直和
&#8855; &otimes; circled times = vector product = ベクトル積 = ベクトルの積
&#8869; &perp; up tack = orthogonal to = perpendicular = 直交 = 直角 = 垂直
&#8901; &sdot; dot operator = ドット演算子

数学記号

文字 数値文字参照 文字実体参照 備考
&#8968; &lceil; left ceiling = apl upstile = 左上限
&#8969; &rceil; right ceiling = 右上限
&#8970; &lfloor; left floor = apl downstile = 左下限
&#8971; &rfloor; right floor = 右下限
&#9001; &lang; left-pointing angle bracket = bra = 左角括弧
&#9002; &rang; right-pointing angle bracket = ket = 右角括弧
&#9674; &loz; lozenge = 菱形
&#9824; &spades; black spade suit = スペード
&#9827; &clubs; black club suit = クラブ = shamrock = シャムロック(三つ葉
&#9829; &hearts; black heart suit = ハート = valentine = バレンタイン
&#9830; &diams; black diamond suit = ダイヤモンド
ツイートツイート

ホーム > タグ > HTML

検索
フィード
翻訳
Japanese flagEnglish flag

ページの上部に戻る