JavaScript: 要素内のHタグをリストし目次を自動生成　ページ内リンクを作成する

Quick Edit Pencil
Bloggerで見出しを自動インデックス

今ならもっとスマートなコードを書けると思います。これは2007年頃に書いたコード。2019年に手直ししてますがコードはグダグダです。が動きます。

投稿へ設置


  1. <script>midashi_generator();</script>

レイアウトでガジェットのHTMLをヘッダエリアに追加


  1. //<script type="text/javascript">
  2.  
  3. function midashi_generator(undefined) {
  4.  
  5.     // ▼------ 設定項目 ここから ------▼
  6.     
  7.     // --- 以下必須指定 ---
  8.  
  9.     // 見出しリスト（目次）生成する文字列の親要素を指定（Bloggerで使用する場合は変更不要）
  10.     var midasi_generation_element = "div[id^='post-body-']";
  11.     /* Bloggerテンプレートの場合はポスト本文のコンテナ要素　div#post-body-{postId} 
  12.        セレクターの指定方法は下記URLを参照
  13.        Document.querySelectorAll()　https://developer.mozilla.org/ja/docs/Web/API/Document/querySelectorAll
  14.        属性セレクタ　https://developer.mozilla.org/ja/docs/Web/CSS/Attribute_selectors */
  15.     
  16.     // --- 以下オプション指定 ---
  17.  
  18.     // 目次を出すページタイプを指定
  19.     var pageType = new RegExp("item|static_page|index|archive");
  20.     // アイテムページとスタティックページの時に動く
  21.  
  22.     // 目次のタイトル
  23.     var title = "目次";
  24.  
  25.     // 見出しタグの目次化の指定
  26.     /* 半角数値で指定
  27.        指定がない時は全部の見出しタグをリスト
  28.        "2-4" とした時は　タイトル (H2) と 大見出し (H3) と 小見出し (H4) をリスト
  29.        "1|3" とした時は　ページタイトル (H1) と 大見出し (H3) をリスト　*/
  30.     var choiceHtags = "";
  31.  
  32.     // 目次のリストスタイル指定
  33.     /* 半角数値で指定 */
  34.     var style1 = ""; // 第一階層（親）
  35.     var style2 = ""; // 第二階層（子）
  36.     var style3 = ""; // 第三階層（孫）
  37.     var style4 = ""; // 第四階層（ひ孫）
  38.     // 半角英数で指定
  39.     // 指定がない時はデフォルトのリストスタイルが適用されます。
  40.     // 下記【】内を指定するとリストスタイル（ulタグ又はolタグ）が適用されます
  41.     // マークなし【none】ul
  42.     // ・　記号【disc】ul
  43.     // 1 2 3…【decimal】ol
  44.     // A B C…【alpha1】ol
  45.     // a b c…【alpha2】ol
  46.     // Ⅰ Ⅱ Ⅲ... 【roman1】ol
  47.     // ⅰ ⅱ ⅲ... 【roman2】ol
  48.     // 上記【】内文字に続き半角空白の後に任意の文字列class名を指定することができます。
  49.  
  50.     // ▲------ 設定項目 ここまで ------▲
  51.  
  52.     // STEP0 必須設定項目の確認
  53.     if (!midasi_generation_element) {
  54.         info("設定変数の midasi_generation_element が指定されていません。");
  55.         return;
  56.     }
  57.  
  58.     // 目次を出すページタイプを検証（ボディクラスをチェック）
  59.         //console.log("body.className = " + document.body.className + " /ボディCLASS属性");
  60.     if (!pageType.test(document.body.className)) {
  61.         //console.log("midashi-generator.js: 指定したページタイプ以外なのでスクリプトを中止しました。");
  62.         return;
  63.     }
  64.  
  65.     // 当スクリプトを変数にセット
  66.     var scpt = document.getElementsByTagName("script");
  67.     scpt = scpt[scpt.length - 1];
  68.  
  69.     // post-body-postIdを取得
  70.     var postBody = getClosestElement(scpt, midasi_generation_element);  //console.log(postBody);
  71.     if (!postBody) {
  72.         info("見出し生成の範囲を特定できませんでした。見出し生成の範囲の指定を確認してください。");
  73.         return;
  74.     }
  75.     var postid = postBody.id.split('-')[2]; /* postIdを取得 */
  76.         //console.log('postid '+postid);
  77.     var uniqueness = postid; /* 識別子を調整 */
  78.         //console.log("uniquenessの完成 " + uniqueness);
  79.     function getClosestElement(elem, selector) { /* 条件に合う最も近い祖先要素を取得関数 */
  80.         var matchElems = document.querySelectorAll(selector);
  81.         if(!matchElems.length){return null;}
  82.         //console.log("bingo");
  83.         var ancestorNode = elem.parentNode;
  84.         while (ancestorNode) {
  85.             for (var i = 0; i < matchElems.length; i++) {
  86.                 if (matchElems[i] === ancestorNode) return ancestorNode;
  87.             }
  88.             ancestorNode = ancestorNode.parentNode;
  89.         }
  90.         return null;
  91.     };
  92.  
  93.     // ページの構築が完了したらloadを呼び出す
  94.     (function() {
  95.         if (document.addEventListener) { // opera,safari,mozilla向け
  96.             document.addEventListener("DOMContentLoaded", load, false);
  97.             //console.log("addEventListenerでloadをコールした");
  98.         } else if (/msie/.test(userAgent)) { // IE向け
  99.             try {
  100.                 document.documentElement.doScroll("left");
  101.             } catch (error) {
  102.                 setTimeout(arguments.callee, 0);
  103.                 return;
  104.             }
  105.             load();
  106.         } else { // その他
  107.             window.onload = load;
  108.         }
  109.     })();
  110.  
  111.     // 中断メッセージ
  112.     function info(message) {
  113.         var el = document.createElement('span');
  114.         el.setAttribute("style", "background-color: yellow;");
  115.         el.innerHTML = "midashi-generator.js: Check the error details on the console.";
  116.         scpt.parentNode.insertBefore(el, scpt.nextSibling);
  117.         console.error('midashi-generator.js: '+message);
  118.     }
  119.     
  120.     // ロードファンクション
  121.     function load() {
  122.         //console.log("loadを開始した");
  123.         // STEP1
  124.  
  125.         //対象記事の読み込みを確認する
  126.         if (!postBody) {
  127.             var tID1 = null;
  128.             var tID1i = 0;
  129.             var tID1 = setInterval(function() {
  130.                 if (!postBody || typeof postBody == "undefined") {
  131.                     if (postBody && postBody.lastChild) {
  132.                         //console.log('被メニュー要素の中に何か表示されました');
  133.                         core(); // ナビゲーションメニューの作成
  134.                         clearInterval(tID1);
  135.                     } else {
  136.                         tID1i++;
  137.                         if (tID1i > 10) {
  138.                             ul1.innerHTML = "<li>設定された要素のid属性名【" + postBody.id + "】が存在しません。</li><li>要素のid属性名を再確認してください。</li>";
  139.                             clearInterval(tID1);
  140.                         }
  141.                     }
  142.                 }
  143.             }, 300);
  144.         } else {
  145.             core(); // ナビゲーションメニューの作成
  146.         }
  147.  
  148.         // STEP2
  149.  
  150.         function core() {
  151.  
  152.                 // STEP3
  153.  
  154.                 // アーカイブページで次のページが設定されている場合は中止する
  155.                 if (/index|archive/.test(document.body.className)) {
  156.                     //console.log("midashi-generator.js: アーカイブページで jump-link があるのでスクリプトを中止しました。");
  157.                     var postOuter = getClosestElement(postBody, '.post-outer'); 
  158.                     if(postOuter.querySelector(".jump-link")){
  159.                         //console.log(postOuter.querySelector(".jump-link"));
  160.                         return;
  161.                     }
  162.                 }
  163.  
  164.                 // ナビゲーションメニューを展開する要素を作る／一階層
  165.                 // メニューを展開する第一階層のul要素をクリエイト
  166.                 // class属性を設定
  167.                 if (!style1 || typeof style1 == "undefined") {
  168.                     var navlist = document.createElement('ul');
  169.                     //navlist.setAttribute("class", "default");
  170.                 } else if (/none|disc/.test(style1)) {
  171.                     var navlist = document.createElement('ul');
  172.                     navlist.setAttribute("class", style1);
  173.                 } else if (/decimal|alpha[1-2]|roman[1-2]/.test(style1)) {
  174.                     var navlist = document.createElement('ol');
  175.                     navlist.setAttribute("class", style1);
  176.                 } else {
  177.                     var navlist = document.createElement('ul');
  178.                     navlist.setAttribute("class", style1);
  179.                 }
  180.  
  181.                 // メニューを展開する第一階層のul要素を変数にセット
  182.                 var ul1 = navlist;
  183.  
  184.                 // 結果：<ul class="default" />
  185.                 // 被メニュー要素のリスト
  186.                 //console.log("postBody.id " + postBody.id);
  187.                 // 収集見出しの指定
  188.                 if (!choiceHtags || typeof choiceHtags == "undefined") {
  189.                     choiceHtags = "1-4";
  190.                 }
  191.                 // セレクターで見出しタグを集める
  192.                 var headings = postBody.querySelectorAll("h1,h2,h3,h4");
  193.                 // 一階層リストと二階層以降
  194.                 var style, currentHtag, depth, lastHtag, a, li1, ul2, li2, ul3, li3, ul4, li4;
  195.                 lastHtag = 0;
  196.                 depth = 1;
  197.                 for (var i = 0; i < headings.length; i++) {
  198.                     if (RegExp("h[" + choiceHtags + "]").test(headings[i].tagName.toLowerCase())) {
  199.                         //console.log("Core for Hタグ検出");
  200.                         // カレントの見出しタグ番号を取得
  201.                         currentHtag = headings[i].tagName.toLowerCase().replace("h", "");
  202.                         //console.log("currentHtag " + currentHtag);
  203.                         // アンカー処理：見出しタグにidを追加
  204.                         headings[i].id = "mg_" + postid + "_" + i;
  205.                         // アンカー処理：メニューリンク要素追加
  206.                         a = document.createElement('a');
  207.                         a.setAttribute("href", "#mg_" + postid + "_" + i);
  208.                         //a.setAttribute("onclick", "mg_SmoothScroll(this, '#mg_" + postid+i+"');return false;")
  209.                         a.textContent = headings[i].textContent;
  210.                         // 深度（二回以降）
  211.                         //console.log("lastHtag " + lastHtag);
  212.                         if (lastHtag > 0) {
  213.                             depth = depth + (currentHtag - lastHtag);
  214.                         }
  215.                         if(depth == 0){
  216.                             // 構造階層が壊れているときエラーメッセージを出す
  217.                             info("見出しタグのツリー構造が成立しませんでした。見出し「"+ headings[i].innerText + "」は<" + headings[i].tagName.toLowerCase() + ">ですが、<h" + lastHtag + ">であるべきです。");
  218.                             headings[i].setAttribute("style", "background-color: deepskyblue!important;");
  219.                             headings[i].innerHTML = "<span style='color: white!important; background: black;display: block!important;'>midashi-generator.js: !!! You need to set &lt" + headings[i].tagName.toLowerCase() + "&gt to &lth" + lastHtag + "&gt.</span><br />" + headings[i].textContent;
  220.                             return;
  221.                         }
  222.                         //console.log("depth " + depth);
  223.                         // カレントの指定スタイルをセット
  224.                         eval("style=style" + depth + ";");
  225.                         if (depth == 1) {
  226.                             // 第一階層のリストをセット
  227.                             //console.log("第一階層 depth " + depth);
  228.                             li1 = document.createElement('li');
  229.                             li1.appendChild(a);
  230.                             //console.log("lastHtag " + lastHtag);
  231.                             //if (lastHtag == 0) {
  232.                                 ul1.appendChild(li1);
  233.                             //}
  234.                         } else {
  235.                             // 二階層目以降のカレントul/olをセット
  236.                             //console.log("二階層目以降 depth " + depth);
  237.                             if ((currentHtag - lastHtag) == 1 || (currentHtag - lastHtag) <= 0) {
  238.                                 if (!style || typeof style == "undefined") {
  239.                                     eval("ul" + depth + "=document.createElement('ul');");
  240.                                 } else if (/none|disc/.test(style)) {
  241.                                     eval("ul" + depth + "=document.createElement('ul');");
  242.                                     eval("ul" + depth + ".setAttribute('class', '" + style + "');");
  243.                                 } else if (/decimal|alpha[1-2]|roman[1-2]/.test(style)) {
  244.                                     eval("ul" + depth + "=document.createElement('ol');");
  245.                                     eval("ul" + depth + ".setAttribute('class', '" + style + "');");
  246.                                 } else {
  247.                                     eval("ul" + depth + "=document.createElement('ul');");
  248.                                     eval("ul" + depth + ".setAttribute('class', '" + style + "');");
  249.                                 }
  250.                             }else{
  251.                                 // 構造階層が壊れているときエラーメッセージを出す
  252.                                 info("見出しタグのツリー構造が成立しませんでした。見出し「"+ headings[i].innerText + "」は<" + headings[i].tagName.toLowerCase() + ">ですが、<h" + depth + ">であるべきです。");
  253.                                 headings[i].setAttribute("style", "background-color: lightpink!important;");
  254.                                 headings[i].innerHTML = "<span style='color: white!important; background: black;display: block!important;'>midashi-generator.js: !!! You need to set &lt" + headings[i].tagName.toLowerCase() + "&gt to &lth" + depth + "&gt.</span><br />" + headings[i].textContent;
  255.                                 return;
  256.                             } // カレントliをセット
  257.                             eval("li" + depth + "=document.createElement('li');");
  258.                             eval("li" + depth + ".appendChild(a);");
  259.                             eval("ul" + depth + ".appendChild(li" + depth + ");");
  260.                             // 親要素へ追加
  261.                             eval("li" + (depth - 1) + ".appendChild(ul" + depth + ");");
  262.                             eval("ul" + (depth - 1) + ".appendChild(li" + (depth - 1) + ");");
  263.                         }
  264.                         lastHtag = currentHtag;
  265.                     }
  266.                 } // for
  267.                 // 第一階層へリストを追加
  268.                 ul1.appendChild(li1);
  269.  
  270.                 // コンテナ書き出し
  271.                 var container;
  272.                 (function() {
  273.                     container = document.createElement('div');
  274.                     container.setAttribute("class", "midasi-index-container");
  275.                     // id属性を設定
  276.                     var setIdName = uniqueness + "-index";
  277.                     var matchId = postBody.querySelectorAll('ul[id^="'+setIdName+'"]');
  278.                     container.setAttribute("id", setIdName +'-'+ matchId.length);
  279.                     postBody.insertBefore(container, scpt.nextSibling);
  280.                 })();
  281.  
  282.                 // 目次を書き出し
  283.                 container.insertBefore(navlist, container.firstChild);
  284.  
  285.                 // タイトルを書き出し
  286.                 if(title)writeTitle(title);
  287.                 function writeTitle(write) {
  288.                     var el = document.createElement('div');
  289.                     el.setAttribute("class", "midasi-index-title");
  290.                     el.innerHTML = title;
  291.                     container.insertBefore(el, container.firstChild);
  292.                 }
  293.  
  294.             } //sub core
  295.  
  296.     }; //sub load
  297.  
  298. }
  299.  
  300. //</script>

参考リンク


このブログの人気の投稿

PowerShellのGetDetailsOf メソッドでプロパティの詳細情報のID番号と項目名を列挙します

※PowerShell初心者 ※下の方に画像が持つExif情報を列挙する方法もあります。 例えば、あるJPG画像（C:\IMG_0001.JPG）のカメラ機器のモデル名とExifの撮影日時に関する情報が欲しいとします。 1. PowerShellでは、Get-ItemPropertやGet-ChildItemを使いFileInfoプロパティ取ることができます。 $path = "C:\IMG_0001.JPG" Get-ItemProperty $path | Select-Object * | Format-List $path = "C:\IMG_0001.JPG" Get-ChildItem $path | Format-List -property * 結果: しかし、Get-ItemPropert等を使い取ることができるFileInfoプロパティには必要な情報がありません。 そこで、 GetDetailsOf を使い、ファイルプロパティの詳細情報から必要な情報を取得します。 PSPath : Microsoft.PowerShell.Core\FileSystem::C:\IMG_0001.JPG PSParentPath : Microsoft.PowerShell.Core\FileSystem::C:\ PSChildName : IMG_0001.JPG PSDrive : C PSProvider : Microsoft.PowerShell.Core\FileSystem Mode : -a---- VersionInfo : File: C:\IMG_0001.JPG InternalName: OriginalFilename: FileVersion: FileDescription: Product: ...
Read more »

Blender: 辺の長さを数値で指定するアドオン

イメージ
二つのアドオンが見つかりましたが、開発者は同じの方のようです。 二つ試しましたが、どちらも便利に使うことができます。とても重宝します。 距離が入力できるアドオン（2.7用） ブレンダーで設定した単位が反映、 単位（m,cm,mm） を入力値で指定 可能 、入力値に スケールは 反映されない 。 mesh_edges_length.py (ver1) mesh_edges_length_unstable.py （ver2） ダウンロード blender_addons/mesh_edges_length.py at master · peppelinux/blender_addons · GitHub 距離と角度が入力できるアドオン（2.7用） ブレンダーで設定した単位が反映、 単位（m,cm,mm） を入力値で指定 不可能 、入力値に スケールが反映 される。 mesh_edges_length_angle_yi.py ブレンダーフォーラム [Addon] Directly Set Length(edge) and Angle(edges) [v0.2] 日本語の情報 Blender Addon Review: 辺の長さを数値入力で設定できるアドオン（Directly Set Length(edge) and Angle(edges)） – CGrad Project お気に入りの設定
Read more »

書字方向　横書方向変換スクリプト　左書きから右書きへ（コピペ用途）

左横書きを右横書きへ簡易変換します．（コピペ用途） 変換処理はウェブブラウザだけで完了．ネットワーク通信が発生しないので安心．注，複数行の場合は一行になりそう．また，句読点（符号），顔文字の正確な変換は１００％無理っぽ． 変換する文字列（横左方向→） テスト 変換した文字列（←横右方向） 書字方向　横書方向変換スクリプト　HTMLソース JavaScriptコード 変換する値（横左方向→） <form name="form1"> <textarea cols="50" name="textarea1" rows="5" value="1">テスト</textarea> </form> <input onclick="clickBtn1()" type="button" value="変換" /> <input onclick="clickBtn2()" type="button" value="クリア" /> <p>変換した値（←横右方向）</p> <p id="rtl" style="background-color: lightgrey; box-sizing: border-box; color: darkslategrey; line-height: 1.6; overflow: auto; padding: 1rem; text-align: right;"></p> <script> function clickBtn1(){ // 値を取得 const ta1 = document.form1.textarea1.value; const reversed = [...ta1].reduceRight((p, c) => p + c);// 配列に変換し右から左へたたみ込む。 document.getElementById(...
Read more »

ヤバい！JAPANNEXT WQHD対応 27型ワイド液晶ディスプレイ「JN-IPS2716WQHD」を注文してみた！！！

イメージ
注文翌日にはブツが届き、梱包も本体にもおおむね満足している。通電も映像も設定も問題はない。メーカー対応は未知数だが品物はクールだ。さらに詳しくは下に... 何かと怪しさ満点のJAPANNEXT IPS液晶モニターのJN-IPS2716WQHD 27型 WQHD ディスプレイをアマゾンで注文してみたレポ。２０１６・５・５ JN-IPS2716WQHD 27型 WQHD モニター 60Hz対応ワイド液晶ディスプレイ （2560×1440 ) HDMI/DVIポート搭載 アマゾンが発送するので品物が届かないという不安は無さそうなのでお遊びで注文してみたが...
Read more »

決定版　Edgeでローカルファイルを開く　パワーシェルスクリプト　（ウインドウズでドロップレット）

Edgeで開きたいファイルを、ドロップか送るかして開きます。 次のパワーシェルコマンドを任意の場所に保存します。 便宜上、C:\エッジで開く.ps1　にして保存します。 #テスト実行用のパス #$args = "C:\test.html" # 未指定の実行を防止 if(!$args){Write-Error "ファイルが指定されていません。送るかドロップしてください。"; exit} # 単独ファイルの他フォルダがドロップされたらパス配下のファイルも取得（サブフォルダーも含む） $target = Get-ChildItem $args -recurse -Include *.html, *.txt, *.mp4 | Select-Object | Where-Object {-not $_.PSIsContainer} #ループ処理してEdgeで開く $target | ForEach-Object { start shell:AppsFolder\Microsoft.MicrosoftEdge_8wekyb3d8bbwe!MicrosoftEdge $_ } 次に、保存したエッジで開く.ps1　を右クリックしてショートカットを作成 作ったショートカットを右クリックしてプロパティを表示 リンク先に次を入れて保存 C:\Windows\System32\WindowsPowerShell\v1.0\powershell.exe -ExecutionPolicy RemoteSigned -File "c:\エッジで開く.ps1" 以上でドロップレットの完成です。 任意のhtmlファイルなどをショートカットにドロップするとエッジでローカルファイルが開きます。 尚開くファイルの種類を拡張子で指定できます。コマンド中のGet-ChildItemしている箇所のIncludeに追加します。 さらに便利に、エッジで開きたいファイルを右クリックしてエッジに送る方法です。 スタートボタンで右クリック＞ファイル名を指定して実行 shell:sendto して送る場所を開いて、さっきつくったショートカットを移動 これで、開きたいファイルから　右クリック＞送...
Read more »

PowerShellで複数ファイルのプロパティを取得する方法（準備編）

イメージ
プロパティの詳細を一括でリストで書き出すPowerShellスクリプト 完成したスクリプトは 別ページ にて完成編として公開しています。 PowerShellで画像のプロパティを書き出す PowerShellで詳細プロパティの値を取得する（フォルダーを指定して複数ファイルを対象） $shell=New-Object -Com Shell.Application Get-ChildItem D:\Pictures\EOS` D30 -recurse | Where-Object {-not $_.PSIsContainer} | ForEach-Object {$folderobj=$shell.NameSpace($_.DirectoryName);$item=$folderobj.ParseName($_.name);$folderobj.GetDetailsOf($item, 22 )} > test.txt 凡例 任意指定 　　 ` はpath記述でスペースをエスケープ 　　　　　　 22 はプロパティ詳細の説明のタイトル項目の番号（末尾に一覧番号あり） オプション 　 -recurse はサブフォルダも含む 　　　　　　 > は上書き、 >> は追記 別の書き方として、次の「 若手基盤系SEの日記。 」さんのスクリプトでも同じ結果が得られます。 Get-ChildItemはオプションの指定で、拡張子やファイル名、ファイルサイズなどで検索して結果が得られます。 以下参考にしたサイト様 PowerShellで詳細プロパティの値を取得する（フォルダーを指定して複数ファイルを対象） 若手基盤系SEの日記。 大量のWordファイルのページ数を簡単に集計する方法（Powershell） http://blog.livedoor.jp/ryanorano/archives/2015-05-13.html # 指定されたパス配下のファイルのファイル名とページ数をCSV出力する。 # 変数 $path = " D:\temp " $output = $path + " /output.csv " # 指定されたパス配下...
Read more »

カルチャーラジオ 科学と人間　薬と毒の歴史をひも解く　日本薬科大学教授…船山信次

イメージ
カルチャーラジオ 科学と人間 | 聴き逃し | NHKラジオ らじる★らじる 1 1 月 4 日 金曜   午後8時30分 ～   午後9時00分 「薬と毒の歴史をひも解く」（1）＜全13回＞ 【はじめに-薬毒同源】 日本薬科大学教授…船山信次 「薬毒同源」という言葉は、薬も毒も使い方次第でどちらにもなりうるということから、講師の船山さんが提唱する考え方です。使い方次第で毒にも薬にもなるものの例を紹介し、人類が歴史の中で薬や毒をどのように使ってきたのかを、古代エジプトや中国、日本の史実からお話しします。 2 1 月 11 日 金曜   午後8時30分 ～   午後9時00分 「薬と毒の歴史をひも解く」（2） 【古代の薬と毒1-人類の誕生と薬と毒との出会い】 日本薬科大学教授…船山信次 今回のテーマは古代の薬と毒。古代においても病気やけがなどの対処法を記録することは、どの民族でも行われていました。古代エジプトではその記録法に特徴があり、それが各地に伝わった歴史があります。古代エジプトの記録にある薬と毒の記述を紹介し、さらに古代ローマやギリシア、インド、中国での薬と毒の記録をたどっていきます。 3 1 月 18 日 金曜   午後8時30分 ～   午後9時00分 「薬と毒の歴史をひも解く」（3） 【古代の薬と毒2-人類の誕生と薬と毒との出会い】 日本薬科大学教授…船山信次 今回は日本の古代における薬と毒がテーマです。日本にもさまざまな薬と毒についての記録が残っています。古くは推古天皇が薬草などを採取する「薬狩り」をしたといった記述があり、万葉集にも薬として用いていた秋の七草について記されています。また私たちが花として見ているものの中には、もともと薬として海外から持ち込まれたものもあります。さまざまな記述を通して日本の薬と毒の歴史をみていきます。 4 1 月 25 日 金曜   午後8時30分 ～   午後9時00分 「薬と毒の歴史をひも解く」（4） 【中世の薬と毒1-魔女と錬金術と大航海時代】 日本薬科大学教授…船山信次 2回にわたって中世の時代を振り返りま...
Read more »

Windows10でアプリケーションごとに輝度を設定、自動で変更する　-　AutoHotkey

AutoHotkeyスクリプトで実現。 AutoHotkeyをダウンロードしてスクリプトをコピペして輝度を変更したいソフトを指定してファイル保存、保存したファイルをダブルクリックして実行するとタスクバーの通知エリアに常駐するので、不要になれば終了する。とても簡単です。 グラフィック系アプリを使うときは最大輝度にて、ブラウザやオフィス系アプリに移動したらデフォルトの輝度に戻す-という使い方が最近多い。 チャームから輝度を変更できるが都度面倒なので、アプリを切り替える度に、設定した輝度に自動で変更するスクリプトを調べてみた。（イベントはアクティブウインドウの変更又はActiveWindowの切り替え） フリーソフトなども調べてみたがアプリ毎に輝度を設定できるユーティリティは見つけられなかった。 当初、PowerShellで実現できる予定だったが、アクティブウインドウ変更のイベント取得方法がわからなかったので、AutoHotkeyを使いアプリ毎に輝度の変更を自動で行うスクリプトをつくってみた。（ほぼコピペでスミマセン、一応思い通りの結果が得られて満足） マーカー部分が追記分 60行目に輝度を設定するアプリを文字列で指定。アプリ毎に識別できる文字列を含む変数が違うので ウィンドウを特定する - hoge を参考に設定。 ノートやタブレットなどの液晶一体型でウインドウズから輝度を調整できるパソコンでのみ効きます。 #Persistent ; スクリプトを常駐させる /* GPD WINの画面輝度をあれこれするAutoHotkeyスクリプト http://qiita.com/diaphragm/items/9769c79789d7a9958f8a 輝度を変更するスクリプト */ prev_brightness := GetBrightness() GetBrightness() { WMI := "winmgmts:{impersonationLevel=impersonate}!\\.\root\WMI" MonitorBrightness := ComObjGet(WMI).ExecQuery("SELECT * FROM WmiMonitorBrightness WHERE Activ...
Read more »