Blogger で 目次 を自動生成 + Prism.js 利用例

 VB.Net, VB, VBA class="language-vb" サンプル 

Public Function FuncTest2(ByVal n As Long) As Long
Rem
Rem 【Excel関数 FACT(n) 】をVBAコードで実装(VBAでもC言語みたいに、再帰関数を記述できます!)
Rem 【ExcelVBA の便利な所】は、自分で作成した関数をワークシートから呼び出せる点ですね。
    If n > 1 Then
        FuncTest2 = n * FuncTest2(n - 1)
    Else
        FuncTest2 = 1  ' (n <= 1) に対応するコードを誤って記述すると、無限ループ
    End If
End Function

 HTML, XML class="language-html" サンプル 

<article class='list-item'>
<!--<b:if cond='data:post.dateHeader'>		-->	<!-- 20210504 Comment out by Ataruchi	data:post.dateHeader は同じ日に複数記事を投稿した場合 先頭の記事のみに日付が入ります 先頭以外の記事には日付が入りません		-->
    <b:if cond='data:post.timestampISO8601'>	<!-- 20210504 Change by Ataruchi for bug-fix 上記の問題で&#12289;&#12300;投稿日&#12301;と&#12300;更新日&#12301;が正しく表示されない場合あり	 -->
      
      
 <!-- <script type='text/javascript'>var jsdate = &quot;<data:post.dateHeader/>&quot;</script>	-->	<!-- 20210504 Comment out by Ataruchi&#65288;jsdateを使用しなくなったため&#65289;-->
	  <script type='text/javascript'>
		var pub_date2 = new Date(&quot;<data:post.timestampISO8601/>&quot;).toLocaleDateString();	<!-- 20210504 Add by Ataruchi for 投稿日    yyyy-m-d 形式 -->
        var up_date2 = new Date(&quot;<data:post.lastUpdatedISO8601/>&quot;).toLocaleDateString();	<!-- 20210504 Add by Ataruchi for 最終更新日 yyyy-m-d 形式 -->
	  </script>
      
      
    </b:if>
    <b:if cond='data:post.thumbnailUrl'>
      <div class='list-item-img-box'>
        <a expr:href='data:post.url'>
          <img class='list-item-img' expr:src='resizeImage(data:post.firstImageUrl, 240, &quot;1:1&quot;)'/>    <!-- 20210429 by Ataruchi 幅240px, Change from src='data:post.thumbnailUrl' -->
        </a>
      </div>
    </b:if>
    <div class='list-item-inner'>
      
      
<!--  <p class='list-item-date'><script type='text/javascript'>document.write(jsdate)</script></p>        -->	<!-- 20210504 Change by Ataruchi for 最終更新日 yyyy-m-d 形式 -->
      <p class='list-item-date'>&#12288;&#9999;&#65039; <script>document.currentScript.parentNode.insertAdjacentHTML(&#39;beforeend&#39;, pub_date2);</script>&#12288;&#65288; 🔄 <script>document.currentScript.parentNode.insertAdjacentHTML(&#39;beforeend&#39;, up_date2);</script> &#65289;</p>

 CSS class="language-css" サンプル 

/*-----------------------------------------------------------------------------
   2021-04-25  下線  +  蛍光線  (  0 取消線、9 上線  )
-----------------------------------------------------------------------------*/
.waku {
  border: 1px solid;							/* by selected color */
  padding: 0.2em;
  margin: 0.1em;
}
 
.line0 { text-decoration: line-through; }
 
.line1 { border-bottom: solid;  /*border-color: #000000;*/ border-width: 1px; }
.line2 { border-bottom: dotted; /*border-color: #000000;*/ border-width: 1px; }
.line3 { border-bottom: double; /*border-color: #000000;*/ border-width: 1px; }
.line4 { border-bottom: dashed; /*border-color: #000000;*/ border-width: 1px; }
.line5 { text-decoration: wavy; }
 
.line8 { text-decoration: underline; }
.line9 { text-decoration: overline; }
 
.under1 { background: linear-gradient(transparent 75%, #ff9393 75%); font-weight:bold; }	/* 蛍光 赤  */
.under2 { background: linear-gradient(transparent 75%, #ffdc00 75%); font-weight:bold; }	/* 蛍光 黄  */
.under3 { background: linear-gradient(transparent 75%, #7fff7f 75%); font-weight:bold; }	/* 蛍光 緑  */
.under4 { background: linear-gradient(transparent 75%, #ffbf7f 75%); font-weight:bold; }	/* オレンジ  */
.under5 { background: linear-gradient(transparent 75%, #c1ffff 75%); font-weight:bold; }	/* 蛍光 水色 */
 
.under9 {
  font-weight:bold;
  padding-bottom: 1px;
  border-bottom: 3px double #ccc;	/* グレー    */
  color: #444;						/* 薄めの 黒 */
}

 JavaScript class="language-js" サンプル 

var	date_options2 = {
	year	: "numeric",  //年の形式 この行削除で、年を非表示
	month	: "long",		//月の形式
		day	: "numeric",	//日の形式
	weekday	: "short"	//曜日 この行削除で、曜日を非表示
};
var pub_date2 = new Date("").toLocaleDateString("ja-jp", date_options2);
var up_date2 = new Date("").toLocaleDateString("ja-jp", date_options2);

 Mac-Terminal class="language-shell" サンプル 


/Users/wito/getUtiFromExt xlsm
org.openxmlformats.spreadsheetml.sheet.macroenabled

/Users/wito/getUtiFromExt swift
public.swift-source

/Users/wito/getUtiFromMime 'application/pdf'
com.adobe.pdf

 Mac-AppleScript class="language-applescript" サンプル 

--以降が行コメント ブロックコメントは以下の通り
(*
  macOS X 「自働化用の言語」として AppleScript が有名ですが、
  macOS X10.10(Yosemite)から「macOS標準で JavaScript でも制御が可能」に!
  これを、「 JavaScript for Automation ( JXA ) 」と呼ぶそうです。
*)


-- と説明しておきながら、以下は AppleScript(勉強中) のサンプルとなります(笑)

-- 選択している(最上位の)ウィンドウサイズを「width=1280px, height=1024px」に変更
set bestSize to {1280, 1024}

tell application "System Events"
	set topProcess to item 1 of (every process whose frontmost is true)
	tell topProcess
		set topDocWindow to item 1 of (every window whose subrole is "AXStandardWindow")
		set size of topDocWindow to bestSize
	end tell
end tell



 highlight.js → Prism.js 移行支援 

 「Prism.js 表示サンプル」や サンプルの「 Prism.css ダウンロード」に加え、移行方法を説明しています。





Macブログ ランキング アイコン
最後まで読んでいただき、ありがとうございます。 また、お越しくださいませ。
// アタル
For follow LINE Reader Group!Subscribe to this blog on Feedly!

Next Post
No Comment
Add Comment
comment url